@charset "UTF-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* Basic Styles
----------------------------------------------------------- */
body {
	/*-webkit-font-smoothing: antialiased;*/
	-webkit-text-size-adjust: 100%;
	background-image: url(../images/back.gif);
	background-repeat: repeat;
	background-position: 0 0px;
}

/* webfont */

.webfont {
	font-family: ten-mincho, 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Georgia", serif;
	font-weight: 500;
}

.webfontG {
	font-family: ten-mincho, 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Georgia", serif;
	color: #82B905;
	font-weight: 500;
}

.webfontH-C {
	font-family: ten-mincho, 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Georgia", serif;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 175%;
	text-align: center;
}

.webfontH-L {
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 160%;
}


//フォント
.noto_se {
	font-family: 'Noto Serif JP', serif !Important;
}
.noto_se_r {
	font-family: 'Noto Serif JP', serif !Important;
	font-weight: 400;
}
.noto_se_m {
	font-family: 'Noto Serif JP', serif !Important;
	font-weight: 500;
}
.noto_se_sb {
	font-family: 'Noto Serif JP', serif !Important;
	font-weight: 600;
}

.font_ex1 {
	font-family: kinuta-maruminold-stdn, serif;
	font-weight: 400;
}
.font_ex2 {
	font-family: kinuta-mincho-stdn, serif;
	font-weight: 400;
}

.font_ex2b {
	font-family: kinuta-mincho-stdn, serif;
	font-weight: 700;
}

.font_ex3 {
	font-family: ten-mincho, serif;
	font-weight: 400;
}

//文字間
.letter_s_1 {
	letter-spacing: 0.2em;
}
.letter_s_2 {
	letter-spacing: 0.4em;
}
.letter_s_3 {
	letter-spacing: 1em;
}
.letter_s_4 {
	letter-spacing: 1.5em;
}

.spacer_h::after {
	content: "　";
	line-height:1.4em;
}

//行間
.lineheight_x2 {
	line-height: 2 !important;
}
.lineheight_x3 {
	line-height: 3 !important;
}
	
.t_dropshadow {
	text-shadow:0px 0px 10px #000;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.LineB {
	border: 1px solid #48372D;
}

.LineG {
	border: 1px solid #BADB69;
}

.LineLG {
	border: 1px solid #DCEDB4;
}

.LineR {
	border: 1px solid #CB3E4E;
}

.LinetopG {
	border-top: 1px solid #c5e182;
}

.LinetopR {
	border-top: 1px solid #eab2b8;
}

.textBl {
	color: #000000;
}

.textG {
	color: #82B905;
}

.textR {
	color: #CB3E4E;
}

.textW {
	color: #FFFFFF;
}

.alignleft,
.alignleft590 {
	float: left;
	margin: 0 1% 0.6em 0;
}
.alignleft290 {
	float: left;
	margin: 0 1% 0.6em 0;
}
.alignright,
.alignright590 {
	float: right;
	margin: 0 0 0.6em 0;
}

.alignC {
	text-align: center;
}

.tR {
	text-align: right;
} 
.dot{
	height: 2px;
	padding: 0;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #BADB69;
}

.radius8{
	border: 1px solid #DCEDB4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-sizing: border-box;
}

/* .itemcontact 背景色、ボーダー等共通設定 */
.itemcontact {
	background-color: rgba(140,195,5,0.1);
}
.itemcontact a{
	background-color: rgb(247,251,237);
	border: 1px solid #DCEDB4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-moz-border-radius: 4px;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-sizing: border-box;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.itemcontact a:hover {
	background-color: rgb(250,253,245);
	border: 1px solid #BADB69;
}

/* Links
----------------------------------------------------------- */
a {
	border: 0;
	text-decoration: none;
	outline: 0;
}

a:visited {
	color: #48372D;
	text-decoration: none;
	outline: 0;
}

a:hover,
a:focus {
	color: #8CC305;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	transition-property:width,background,border,text;
    transition-duration:0.4s;
    transition-timing-function:ease;
}

a:hover img {
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8;
	
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

p a,
p a:visited {
	line-height: inherit;
}

/* header
----------------------------------------------------------- */
#header {
	height: 200px;
	position: relative;
	text-align: center;
}

/* header navはrwd.css、rwdSpTb.cssで指定 */

#header nav .gNav a span {
	margin-left: 10px;
	font-size: 9px;
}
/* main
----------------------------------------------------------- */

#main p {
	line-height: 1.75;
	margin-top: 2%;
	margin-bottom: 2%;
}

#main #R {
	background-image: url(../images/hgroup_back-R.png);
	background-repeat: no-repeat;
	border-top: 1px solid #DAD7D5;
	background-position: center top;
}

#main #GT {
	background-image: url(../images/hgroup_back-GT.png);
	background-repeat: no-repeat;
	border-top: 1px solid #DCEDB4;
	background-position: center top;
}

#main #FT {
	background-image: url(../images/hgroup_back-FT.png);
	background-repeat: no-repeat;
	border-top: 1px solid #F5D8DC;
	background-position: center top;
}

#main hgroup {
	text-align: center;
	display: block;
}

#main hgroup h1,
#main hgroup h2  {
	font-size: 2.625rem;
	letter-spacing: 0.1em;
	padding-bottom: 2.5%;
}
#main hgroup h1 span {
	font-size: 107.6923%;
	padding: 0;
	padding-bottom: 0;
}

#main #outline {
	clear: both;
}

#main #outline h2 {
	padding: 1.125em 0;
	margin: 2%;
}

#main #outline p {
	margin: 0.5em 2% 2em 2%;
	line-height: 2;
}

#main #contents {
	clear: both;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	margin-bottom: 3%;
}

#main #contents p{
	margin: 2% ;
}
#main #contents h2,
#main #contents h3,
#main #contents h4 {
	margin: 2% ;
}
#main.about #contents h2,
#main.about #contents h3,
#main.about #contents h4 {
	padding: 1em 0;
}

#main #contents img{
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

#main #contents iframe{
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

#main #contents_text {
	float: right;
	padding-right: 2%;
	padding-left: 2%;
}
#WideN {
	display: block;
	height: auto;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
}

#main #contents #WideN_L h3,
#main #contents #WideN_C h3 {
	margin: 1.5% 2.5% 0;
}
#main #contents #Wide-3style h2 {
	text-align:center;
	margin: 5% 2.5% 0 5%;
}

#WideN .itemcontact a{
	text-align: center;
	display: block;
	width: 100%;
	padding: 3% 0;
}
#WideN .itemcontact {
	padding: 2%;
}
/*（.itemcontact：背景色、ボーダー等共通設定、basic styleに有）*/

#sideL {
	margin: 1%;
}

#sideR {
	margin-top: 1%;
	margin-bottom: 3%;
}

.main-column hgroup h1 {
	font-size: 24px;
}

.specialA h2 {
	position: absolute;
	left: 20px;
	top: 10px;
}
/* brands */
#brands {
	background-color: #FDFEFA;
	border: 1px solid #DCEDB4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1), inset 0px 10px 10px #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1), inset 0px 10px 10px #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1), inset 0px 5px 10px #fff;
	padding: 1.5% 0;
}

/* sidenavi */
.sNav li {
	height: 35px;
	margin: 5px 0px;
	display: block;
}

.sNav li a {
	background-image: url(../images/mark-head.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	margin: 0;
	padding-left:25px;
	vertical-align: middle;
}

/* items */

.items {
	padding: 0;
	overflow: hidden;
}

#main #contents .items_box h3,
.items_box h4 {
	font-weight: normal;
	margin:1.5% 2.5%;
	padding-top:1.5%;
}
.items ul {
	margin:5% 0 0 0;
	padding: 0 10px;
}
.items li {
	margin-bottom: 2.5%;
}
.items ul li ul{
	padding:0 2.5%;
}
.items ul li ul li{
}
.items li .photo {
	float: right;
}
.items li .text {
	line-height: 1.5;
	padding:0 2.5%;
}
.items li .spec {
	line-height: 1.5;
	margin:0;
	padding:0.5% 2.5%;
}

.items li .itemcontact {
	margin-top:5%;
	padding: 2.5%;
	text-align:center;
	display: block;
}

.items li .itemcontact a{
	text-align: center;
	padding: 3%;
	display: inline-block;
}
/*（.itemcontact：背景色、ボーダー等共通設定、basic styleに有）*/

#main #contents .items_box {
	margin:0 2.5%;
	padding:0;
}
#main #contents .items_box p {
	margin:0 0 0 2.5%;
	padding:0;
}

#main #contents .items_box img {
}
.paleplate {
	background-color: rgba(255,255,255,0.25);
	border: 1px solid #DCEDB4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.trimming {
float: right;
position:relative;
overflow: hidden;
}
#img_trimming0 {
position:absolute;
	margin:0 0 0 2.5%;
	float: right;
top:0px;
left:0px;
}

/* information
----------------------------------------------------------- */
#information dl{
	border: dotted #C8C3C0;
	border-width: 0 0 1px 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 5px;
}

#information dt{
	margin: 5px 0px 5px 0px;
}

#information dd{
	font-size:93%;
	margin-bottom: 5px;
	line-height: 1.5;
}

.date{
	width: 100px;
}

/* table（表組み）
----------------------------------------------------------- */
table#type-A {
	table-layout: fixed;
}

table#type-A tr{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCEDB4;
}

table#type-A th{
	padding: 10px;
	font-weight: normal;
	text-align: right;
	display: block;
}

table#type-A td{
	padding: 10px;
	border-left: 1px dotted #BADB69;
}

table#type-B {
	table-layout:fixed;
	margin: 10px 0px 20px ;
}

table#type-B th{
	background: #DCDCEE;
	border: 2px solid #ffffff;
	padding: 5px;
}

table#type-B td{
	background: #EFEFEF;
	border: 2px solid #ffffff;
	padding: 5px;
	margin: 2px;
}


/* news, outlinebox */

.outlinebox {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #BADB69;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news {
	padding: 10px;
	overflow-x: Auto; overflow-y: scroll;
	width:290px;
	max-height: 290px;
}

/* GRID CONTENT 
----------------------------------------------------------- */
#gridContent {
	position:relative;
}

#gridContent .clear_block {
	margin-rignt:0;
	clear:both;
}

/* #gridContent section.small, 
#gridContent section.small a 
は、rwd.cssと、rwdSpTb.css で指定*/
#gridContent .medium {
    max-width: 590px;
    max-height: 290px;
    overflow: hidden;
}
#gridContent .medium a{
	display:block;
	line-height:1.5;
	padding: 0;
}
#gridContent .medium img{
    max-width: 590px;
    height: auto;
	line-height:1.5;
	padding: 0;
}
	/*
	object-fit: cover;
	object-position: center center;
	position:static;
	*/

#gridContent #large,
#gridContent #large a{
	max-width: 100%;
	height:auto;
	line-height:1.5;
	padding: 0;
}

* html #gridContent section a {
	overflow:hidden;
}

.headline {
    position: relative;
    overflow: hidden;
	margin: 5px;
}
  
.headline img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.headline p {
	max-width: 100%;
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 10px;
	display: block;
}

.headline h2 {
	position: absolute;
	left: 10px;
	top: 10px;
}
/* タイトルの設定 */
.BlockTitle {
	font-size:108%;
	font-weight:normal;
	margin-top:10px;
	padding:0;
	line-height:1.25;
}

/* テキストスライド */
.slidetext {
  width: 100%;
  height:300px;
  display: none;
  position: absolute;
}
.slideimg {
}

/* GRID CONTENT カラー*/

#gridContent section.large div, 
#gridContent section.small div {
	background:transparent;
}
/* テキストスライド */
.slidetext {
  color: #fff;
  background: rgba(15, 170, 190, 0.85);
}

/* タイトル */
.BlockTitle {
	color:;
}

/* side
----------------------------------------------------------- */

aside section h3 {
	font-weight: normal;
	font-size: 138.5%;
	text-align: center;
	margin-top: 0;
}
aside section h4 {
	font-weight: normal;
	font-size: 123.1% ;
	text-align: left;
}


/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFooter {
	margin: 20px 0px ;
	padding: 20px;
	border: 1px solid #BADB69;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	clear: both;
}

footer#globalFooter ul {
	list-style: none;
}

/* footer-navi
----------------------------------------------------*/
footer#globalFooter #footer-naviR{
	float: right;
	margin: 10px;
}

footer#globalFooter #footer-naviL{
	float: left;
	margin: 10px;
}

footer#globalFooter #footer-naviR ul,
footer#globalFooter #footer-naviL ul {
	text-align: center;
}

footer#globalFooter #footer-naviR ul li,
footer#globalFooter #footer-naviL ul li {
	display: inline;
	margin-right: 10px;
	padding-left:10px;
}

footer#globalFooter #footer-naviR ul li+li,
footer#globalFooter #footer-naviL ul li+li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C8C3C0;
}


/* localnaviset
----------------------------------------------------*/
footer#globalFooter #localnaviset{
	clear: both;
	line-height: 180%;
	margin-bottom: 20px;
}

footer#globalFooter #localnaviset #localnavi1,
footer#globalFooter #localnaviset #localnavi2,
footer#globalFooter #localnaviset #localnavi3{
	width: 280px;
	margin: 10px;
	float: left;
}

/* copyright
----------------------------------------------------*/
.copyright {
	text-align: center;
	clear: both;
	background-color: rgba(140,195,5,0.2);
	height: 20px;
	margin: 0px;
	padding-top: 10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#308cc305,EndColorStr=#308cc305);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#308cc305,EndColorStr=#308cc305)";
}
.copyright:not(:target){
    filter: none;
    -ms-filter: none;
}