@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');

/*Common CSS*/
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

body{ font-size: 1.4rem; }



html,body,input{
	margin:0rem;
	padding:0rem;
	color:#505050;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'Kiwi Maru', serif;
	font-family: 'Sawarabi Gothic', sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;

}

.gothfnt{
		/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'Kiwi Maru', serif;
	font-family: 'Sawarabi Gothic', sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}


.mincfnt{
	/*font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	font-family: 'Shippori Mincho', serif;
}

table   {  
    border-collapse: collapse;
	border-spacing: 0;  
}
 
img {  
    border: 0;  
}

ul li{
	list-style:none;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center; 
}

html,body,h1,h2,h3,h4,h5,p,ul,ol,
li,dl,dt,dd,form,hr,figure,a {
	margin:0;
	padding:0;
}

a,a:hover,a:visited{
	color:#505050;
	text-decoration:none;
}

ul.ec_btn a,
ul.ec_btn a:hover,
ul.ec_btn a:visited{
	color:#261f1d!important;
	text-decoration:none;
}
.ec_btn li.ofcbtn {
    float: none!important;
    margin: 0 5px;
    width: 170px!important;
    font-size: 16px;
    letter-spacing: -2.5px;
    font-weight: bold;
}

 
 a:hover img{
 /*opacity: 0.7!important;*/
 }
 

 .wideslider ul li a:hover img{
 opacity:1.0!important;
 }
 
 .wideslider ul li a p{
	z-index:5000;margin-top:-25px;padding-left:15px;color:#FFFFFF; 
 }
 
 .wideslider ul li a:hover p{
	z-index:10000;margin-top:-25px;padding-left:15px;color:#FFFFFF; opacity: 1.0;
 }


/* clear
=================================================================== */
/* float */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/*
=================================================================== */

div#wrap{
	text-align:center;
}


/*--# headerarea ↓ #--*/

div#headerarea{
	position:fixed;
	z-index:300;
	width:100%;
	height:152px;
	clear:both;
	background:#fff;
	top:0;
}

div#header{
	display:block;
	width:980px;
	margin:0 auto;
}

div#header a:hover,
div#header a:visited{
	color:#505050!important;

}
div#headermenu{
	width:100%;
	text-align:center;	
}

div#smtmenu{
	display:none;
}

#headermenu div#pcglarea{
	display:block;
	text-align:center;
}


ul#gbs{
	float:left;
	width:450px;
	margin: 20px 0;	
	z-index: 1000;
    position: relative;
}

ul#gbs li{
	/*background:url("../img/arrow_en.png") left center no-repeat;
	padding-left: 25px;*/
    width: 90px;
    margin-right: 20px;
	text-align:left;
    float: left;
	font-weight:800;
}

div#pcglarea ul#lknav{
	float:right;
	margin:20px 0 0 0;
	z-index: 1000;
    position: relative;
	width:390px;
}

div#pcglarea ul#lknav li{
	float:left;
	padding:0 15px;
	font-weight:bold;
}


div#pcglarea ul#lknav li.fbbtn,div#pcglarea ul#lknav li.insbtn{
	width:45px;
	padding:0 4px 0 6px;
}

div#pcglarea ul#lknav li.fbbtn span#fbsha{
	display:block;
	background:url("../img/fbshare.png") center bottom no-repeat;
	background-size:contain;
	height: 23px;
    line-height:30px;
	font-size:1.2rem;
	display:block;
}

div#pcglarea ul#lknav li.twibtn{
	padding-right:0px;
}

ul#glnav{
	display:inline-block;
	width:980px;
	padding-bottom:5px;
	margin:0 auto;
	position:relative;
	margin-top:-40px;
}

ul#glnav li{	
	float: left;
	font-size:1.4rem;
	font-weight:bold;
	line-height:110px;
	height:110px;
	vertical-align:bottom;
}



ul#glnav li ul.child{
	display: none;
	position: absolute;
	padding: 0px;
}

ul#glnav li ul.child li{
    background: #000000;
	float:none;
	line-height:13px!important;
	height:20px!important;
    color: #fff;
	padding:10px;
	font-size:1.3rem;
	text-align:left;
	min-width: 133px;
}


ul#glnav li ul.child li a{
    padding: 5px 10px;
    display: block;
    color: #fff;
}
ul#glnav li ul.child li a:hover,
ul#glnav li ul.child li a:visited{
    color: #ffffff!important;
}



ul#glnav li h1{
	padding:0 45px;	
	
}

ul#glnav li img{
	vertical-align:bottom;
}



#pathlist{
	display:block;
	width:980px;
	text-align:left;
	font-size:1.2rem;
	margin:0 auto;
	margin-top:5px;
}


.pcimg{
	display:block;	
}

.smimg{
	display:none!important;	
}


/*IE hack↓*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul#gsnavli li:not(:target) { 
  	line-height:2.001rem; \9;  
    padding: 0.5rem 0 0 0;\9;
  	line-height:2.001rem;  
    padding: 0.5rem 0 0 0;
  }
  
  ul#gsnav li:not(:target) { 
  	line-height:2.001rem; \9;  
    padding: 0.5rem 0 0 0;\9;
  	line-height:2.001rem;  
    padding: 0.5rem 0 0 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	ul#glnav li:not(:target) ,
	ul#glnav a:hover li:not(:target),
	ul#glnav li.nowc:not(:target),
	ul#glnav li.ovnow:not(:target){    
    padding: 32px 5px -5px 5px;\9; 
    padding: 32px 5px -5px 5px;
  }  
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div#pnavarea:not(:target) ,
	div#pnavarea:not(:target){  
		top:-5px;\9; 
		top:-5px; 
	}
}
/*IE hack↑*/


@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #pnavarea { 
		top:-11px; 
  }
}


p.pageTop,
p.othpageTop{
	display: none;	
}
/*-- header area --*/



/*--# content　↓ #--*/


div#contentsarea {
	padding-top:122px;
}

div#content{
	width:980px;
	margin:0 auto;	
}











@media (max-width:812px){

/*768-812*/
div#smtmenu{
	display:block;
}

#headermenu div#pcglarea{
	display:none;	
}
	
body{
	width:100%;
}

.pcimg{
	display:none;	
}

.smimg{
	display:block!important;	
}

#pathlist{
	display:none;
}
	
div#headerarea{
	height:50px;
}

div#header{
	width:100%;	
}

div#contentsarea{
	padding-top:50px;	
}


div#smtmenuarea{
	display:block;
	width:100%;
	height:50px;	
}


div#smtmenu h1{
	width: 115px;
    text-align: left;
    margin:0 auto;
	margin-top:6px;
}
div#smtmenu h1 img{
	width:100%;	
}



/*product submenu*/
div#smtpmenuarea{
	display:block;
	background:#eee;
	font-size:2.6rem;
	height:60px;
	line-height:60px;
	font-familiy:"axisstd-medium";
}




div.openPMenu{
	background:url("../img/pcon_menu.png") 5% center no-repeat;
	background-size:45px;
	cursor:pointer;
}


div.openMenu{
	width:20%;
	position: absolute;
    top: 0;
    left: 0;	
}

div#smtmenu div.ecbtn{
	position: absolute;
    right: 0;
    top: 0;
}


div.openMenu{
	text-align:left;
	height:50px;
	
}

div#pnavarea {
	display:none!important;
}


 #smtMenu
{
	/*background-color:#fff;
	color:#888!important;
	
	float:left;
	height:100vh;
	text-align:left;
	border-top:1px solid #888;*/

width:100%;
display:none;
background:#fff;
height:calc(100vh - 40px);
	z-index:1000;
}
	
	.opnsmmn{
		height:100vh;
		overflow:hidden;		
	}
	
	.scrlara{
		height:calc(100vh - 340px);
		overflow: scroll;
		
	}
	
	
	
	.scrlara li dl{
		display:flex;
		font-size: 14px;
	}
	
	#smtMenu .scrlara li dl dt{
		width:25%;
		padding-top:0;
		float:none;
		color:#333;
		text-align:right;
	}
	
	#smtMenu .scrlara li dl dd{
	width: 76%;
    text-align: left;
    margin:0px auto;
		    font-weight: 800;
	}
	
/*	@supports (--css: variables) {
   #smtMenu {
    height: calc(100% - var(--header-height));
    max-height: calc(100% - var(--header-height));
  }
}

@supports (width: calc(max(100%))) {
  #smtMenu {
    height: max(calc(100% - var(--header-height)), calc(100% - 60px));
    max-height: max(calc(100% - var(--header-height)), calc(100% - 60px));
  }
}*/
	
	

div#smtMunuwrap{
	display:none;
	background:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:1000px;
	overflow:hidden;
	z-index:30;
	opacity:0.5;
}


 #smtPMenu
{
	background-color: #b2b2b2;
	color:#FFFFFF!important;
	display:none;
	float:left;
	width:100%;
	text-align:left;
}


#smtMenu li
{
	border-bottom:solid 1px #ededed;
	margin: 0 6%;
    padding: 15px 0;
	line-height:15px;
	color:#FFFFFF!important;
	display:block;
	width:88%;
}

#smtMenu li:nth-child(7){
	border:none;padding: 0;
}

#smtPMenu li
{
	border-bottom:solid 1px #fff;
	padding:0 14px;
	color:#FFFFFF!important;
}
	#smtMenu li ul.child li{
border-bottom: none;
    font-size: 14px;
    padding: 12px 0;
    height: auto;
    font-weight: normal;margin-left: 0;
	}



#smtMenu li.lastlin,
#smtPMenu li.lastlin{
	border-bottom:solid 1px #231815;
}


#smtMenu li.gnav,
#smtPMenu li.gnav{
	background:#b2b2b2;
	color:#000!important;
	padding:8px 15px;
}

#smtMenu li.gnav dl dd a,
#smtPMenu li.gnav dl dd a{

	background:#888!important;
	padding:8px;
	margin:1px 10px;
	background:none;
	color:#191919;
	float:left;
	width:60px;
	text-align:center;
}


#smtMenu li.gnav dl dd a#smtgs02{
	font-weight:900;
}



#smtMenu li a span,
#smtPMenu li a span
{
	width:70%;
	font-size:1.2rem;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
	float:left;
	margin-right:10px;
	padding-left:18%;
}

#smtMenu li a span img,
#smtPMenu li a span img
{
	width:100%;
	max-width: 178px;
}

#smtMenu section.grgr{
	width:100%;
	background:#dddddc;
	position:fixed;
	bottom: 0;
	height:180px;
	padding-bottom: 20px;
}

#smtMenu li.sdlnk{
	border-bottom:1px solid #fff;
}

#smtMenu li.sdlnk.lastlin{
	padding: 10px 0;
    /* clear: both; */
    height: 50px;
    border-bottom: none;
}

#smtMenu li.sdlnk.lastlin ul{
	padding:0 12%;
	width:80%;
}

#smtMenu li.sdlnk.lastlin ul li{
	border:none;
	width:30px;
	/*float:left;*/
	padding: 0;
    margin: 0;	
}

#smtMenu li.sdlnk.lastlin ul li:nth-child(4),
#smtMenu li.sdlnk.lastlin ul li:nth-child(5){
	width: 70px;
    padding: 0;
    float: left;
    margin-top: -7px;
	margin-left:10px;
}


#smtMenu li.sdlnk.lastlin ul li img{
	width:100%;
}


#smtMenu li a,
#smtPMenu li a
{
	display:block;
	width:100%;
	height:14px;
}

	
	

#smtMenu li dt,
#smtPMenu li dt{
	float:left;
	width:30%;
	padding-top:8px;
}




#smtMenu li dd,
#smtPMenu li dd{
	float:left;
}
 


div#smtMenu  a.menu2nd {
	background:url(../img/menu_plus.png) no-repeat left center !important;
	background-size:15px 15px !important;
	display:block;
}
div#smtMenu  a.menu2nd.active {
	background:url(../img/menu_minus.png) no-repeat left center !important;
	background-size:15px 15px !important;
}
div#smtMenu ol{
	display:none;
}

div#smtMenu ol#open02 li,
div#smtMenu ol#open04 li{
	padding-left:25px;
	background:#D2D5D0;		
}

div#smtMenu a#btn02,
div#smtMenu a#btn03,
div#smtMenu a#btn04{
	padding-bottom:12px;
}
	
	
/*============================
#btn01
============================*/
div#smtMenu a#btn01.menu2nd {
}

/*============================
#open01
============================*/
div#smtMenu ol#open01 {
}
div#smtMenu ol#open01 li {
}
div#smtMenu ol#open01 li a {
}

/*============================
#btn02
============================*/
div#smtMenu a#btn02.menu2nd {
}

/*============================
#open02
============================*/
div#smtMenu ol#open02 {
}
div#smtMenu ol#open02 li {
}
div#smtMenu ol#open02 li a {
}

/*============================
#btn03
============================*/
div#smtMenu a#btn03.menu2nd {
}

/*============================
#open03
============================*/
div#smtMenu ol#open03 {
}
div#smtMenu ol#open03 li {
}
div#smtMenu ol#open03 li a {
}

/*============================
#btn04
============================*/
div#smtMenu a#btn04.menu2nd {
}

/*============================
#open04
============================*/
div#smtMenu ol#open04 {
}
div#smtMenu ol#open04 li {
}
div#smtMenu ol#open04 li a {
}

/*============================
#btn05
============================*/
div#smtMenu a#btn05.menu2nd {
}

/*============================
#open03
============================*/
div#smtMenu ol#open05 {
}
div#smtMenu ol#open05 li {
}
div#smtMenu ol#open05 li a {
}


#headermenu div#gsnavarea,
#headermenu div#glnavarea{
	display:none;	
}


div#content{
	width:96%;
}

div#content div{
	margin:0 auto;
}
p.pageTop{
	display: block;
	text-align:right!important;
	padding-right:2%;
	clear: both;
	height:40px;
}

p.othpageTop{
	display: block;
	text-align:right!important;
	padding-right:2%;
	background:#dcd7d3;
	height:40px;
}
	
p.othpageTop.bgwht{
	background:#ffffff;
}

}
/*--# content　↑ #--*/



/*--# footerarea #--*/
div#footerarea{
	clear:both;
	background:#94908D;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size:1.2rem;
	font-weight:bold;
	color:#fff;
	min-width: 1040px;
}

div#footer{		
	width:980px;
	margin:0 auto;
	text-align:center;
	padding:18px 0px 14px 0px;
}

div#footer ul li{
	float:left;
}


div#footerarea ul li{
	float:left;
	font-size:1.2rem;
}

div#footer ul#snsbox{
	width:242px;
	margin:0 auto;	
}

div#footer ul#snsbox li{
	width:33px;
	margin-right:32px;
}

div#footer ul#snsbox li.twiicon{
	margin-right:18px;
}

div#footer ul#snsbox li img{
	width:100%;
	vertical-align:middle;
}

div#footer ul#snsbox li.inq{
	width:60px;
	font-size:0.6rem;
	margin-right:0px;
    line-height:2;
}

div#footer ul#snsbox li.inq a,
div#footer ul#snsbox li.inq a:hover,
div#footer ul#snsbox li.inq a:visited{
	
	color:#fff!important;
}

span#cright img{
	width:10px;
	height:10px;	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div#footer ul#snsbox li.inq{
	font-size:0.9rem;
	}
}

div#footer ul#snsbox li.inq img{
	width:33px;
}


ul#ftgnav{
	width:530px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:5px;
	display:block;
	
}

ul#ftgnav li,
ul#ftsbnav li{
	padding:0 8px;
	border-left:1px solid #fff;
}

ul#ftgnav li.lst,
ul#ftsbnav li.lst{
	border-right:1px solid #fff;
	
}

ul#ftgnav a, ul#ftgnav a:hover, ul#ftgnav a:visited,
ul#ftsbnav a,ul#ftsbnav a:hover, ul#ftsbnav a:visited{
	color:#fff;	
}

ul#ftsbnav{
	width:295px;
	margin:0 auto;
	margin-bottom:38px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	_::-webkit-full-page-media, _:future, :root ul#ftgnav{
		width:660px;	
	}
	_::-webkit-full-page-media, _:future, :root ul#ftsbnav{
		width:312px;
	}
}


p#copyr{
	font-size:1.001rem;
	line-height:24px;
}

#pageuparea{
	display:none;
	position:fixed;
	width:60px;
	z-index:1000;	
	bottom:50px;
	right:50px;
}




/* other content設定
---------------------------------------------------------------*/
#othercontent {
	background:#dcd7d3;
	padding:50px 0px 40px 0px;
	min-width: 1040px;
}

#othercontent h4{
	width:70%;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}
#othercontent h4 img{
	max-width:400px;
}

#othercontent .rmbtn {
    margin: 0 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 29px;
    display: inline-block;
    width: 137px;
	margin-top: 1em!important;
    padding: 2px 60px;
    text-align: center!important;
    margin-bottom: 5px;
    border: 1px solid #666666;
}

#othercontent h4 img{
	/*width:300px!important;*/
}

#othercontent ul {
	width:980px;
	margin:0 auto;
	text-align:center;	
}

#othercontent ul li{
	width:32%;
	float:left;
}

#othercontent ul li{
	margin-right:2%;	
}

#othercontent ul li:last-child{
	margin-right:0;
}

#othercontent ul li dl dt img{
	width:315px;
}


#othercontent ul li.sgloth{
	margin:0 auto;
	width:100%;
	float:none;
}

#othercontent ul li.sgloth dl dt{
	width:50%;
	float:left;	
}

#othercontent ul li.sgloth dl dd{
	width:45%;
	float:right;
	text-align:left;	
}

#othercontent ul li h5{
	font-size:1.7rem;	
}

#othercontent ul li h5 span{
	font-size:1.4rem;
	font-weight:normal;
	display:block;
}

#othercontent p{
	text-align:left;
	word-break:break-all;
	overflow-wrap: break-word;
}



@media (max-width:812px){
	div#footer,
	div#footerarea {
    	width: 100%;
		min-width:initial;
	}
	ul#ftgnav{
		display:none;
	}
	
	ul#ftsbnav{
	width:320px;
	margin:15px auto;
	display:inline-block;
}

	.yokonarabi{
		display:flex;justify-content: space-between;
		width:55%!important;
	margin:0 auto;
	}

#othercontent{
	padding:38px 0 10px 0;
	min-width:initial;
	
}

#othercontent h4 img {
	width:100%!important;
}

#othercontent ul {
	width:96%;
	margin:0 auto;	
}

#othercontent ul li{
	width:100%;
	margin-right:0px!important;
	margin-bottom:15%;
}
	
	#othercontent ul li:last-child{
	margin-bottom:0;
}

#othercontent img{
	width:100%;	
}


#othercontent ul li.sgloth dl dt,
#othercontent ul li.sgloth dl dd{
	width:100%;
	float:none;	
}

p.pageTop a img{
	width:40px;
}
	
	.ec_btn li.ofcbtn {
    
		margin-bottom: 10px!important;
}
	

}