@charset "utf-8";

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#fff;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}



/* GENERAL */

html {
	height: 100%;
    }

body {
	height: 100%;font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "ＭＳ ゴシック", sans-serif;
	font-size:16px;
	line-height:1.5;
	color: #3d3d3d;
	text-align: center;
	background: #fff;
}
.wrap{ overflow: hidden; }
article{ margin-top: 120px!important; z-index: 0;}
.index article{ margin-top: 50px!important; z-index: 0;}


/*コンテンツ*/
a{
	color: #3d3d3d;
	text-decoration: none;
}

/*ヘッダー*/

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 12px 0 ;
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	background: #fff;
	z-index: 100;
}
nav{
	width: 1140px;
	margin: 0 auto;
}
nav h1{
	float: left;
	margin-top: 10px;
	font-size: 22px;
	font-weight: normal!important;
}
nav h1 img{
	width: 60px;
	margin-right:30px;
	vertical-align: middle;
}
.head-cont{
	float: right;
	width: 63%;
}
.head-cont ul{
	width: 100%;
	text-align: right;
}

.lang-search {
	height: 20px;
	line-height: 20px;
	margin: 10px auto;
}	

.lang-search  > li.lang a{
	display: inline;
	padding-left: 0;
}
.lang-search  > li.lang a img.cart{
	width: 100%;
	max-width: 25px;
	margin-right: 25px;
	vertical-align: middle;
}
.lang-search  > li.cart a img{
	width: 100%;
	max-width: 25px;
	margin-left: 10px;
}
.lang-search  > li{
	display: inline-block;
	width: 26%;
	height: 20px;
	margin: 0 20px;
	line-height: 20px;
	vertical-align: top;
	position: relative;
}

.menu {
	height: 50px;
	margin: 0 auto 0;
	position: relative;
}
.menu > li {
	display: inline-block;
	width: 16%; /* グローバルナビ4つの場合 */
	height: 50px;
	line-height: 50px;
	text-align: left;
	background: rgb(255, 255, 255);
}

.menu > li.news{
	width: 13%;
}
.menu > li.contact{
	width: 14%;
}

.menu > li a,.menu > li span,.head-cont  > li a,.lang-search > li span{
	display: block;
	padding-left: 10px;
	color: #000;
}
.menu > li span span,.menu > li .menu__third-level a span{
	padding: 5px 0 0 0;
	font-size: 12px;
	color: #aaa;
}
.menu > li a:hover{
	background: #eee;
}
.lang-search  > li.sns a:hover{ background: #fff; }
ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
}

.menu__second-level li {
	height: 40px;
	margin-bottom: -1px;
	line-height: 40px;
	text-align: left;
	border: 1px solid #ccc;
}
.menu__second-level li a span{
	padding: 10px 0 0 ;
}
.menu-product .menu__second-level li {
	padding: 12px 0;
	line-height: 1;
}
.index .menu-product .menu__second-level li,.japanstyle .menu-product .menu__second-level li {
	height: 54px;
}
.menu-product .menu__second-level li.ichiran{
	padding: 0;
	line-height: 54px;
}
.menu__third-level li {
	border-top: 1px solid #ccc;
}

.menu__second-level li a:hover {
    background: #eee;
}

.menu__third-level li a:hover {
    background: #eee;
}

.menu__fourth-level li a:hover {
    background: #eee;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 3px 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    /* content: " "; */
    /* display: table; */
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
.menu > li.menu__multi {
    position: relative;
}

li.menu__multi ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 120%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
li.menu__multi.news ul.menu__second-level{
	width: 150%;
}
li.menu__multi:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li {
	width: 120%;
    position: relative;
	background: #fff;
}
li.menu__multi.news ul.menu__second-level li{
	width: 150%;
}
li.menu__multi ul.menu__second-level.content-navi li{
	/* text-indent: 1em; */
}
li.menu__multi ul.menu__second-level.content-navi li.third{
	text-indent: 2em;
}

li.menu__multi ul.menu__second-level.long{
	width: 170%;
}
li.menu__multi ul.menu__second-level li:hover {
    background: #eee;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.metalwork{
	top: inherit;
	bottom: -212px;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.fashion{
	top: inherit;
	bottom: -106px;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.others{
	top: inherit;
	bottom: 0;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.hokkaido{
	top: -56px;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.kanto{
	top: -111px;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.tokai{
	top: -166px;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level.kyusyu{
	top: -56px;
}


li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
	width: auto;
    position: relative;
	background: #fff;
}
li.menu__multi.menu-product ul.menu__second-level li ul.menu__third-level li{
	min-width: 150%;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
    background: #eee;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
    visibility: visible;
    opacity: 1;
}

.init-right:after {
    content: '';
	position: absolute;
    display: block;
    width: 6px;
    height: 6px;
	top: 20px;
	right: 15px;
    margin: 0 0 0 15px;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
nav .sns a,nav .sns span,.search{
	display: block;
	float: right;
	margin-top:-5px;
	padding: 0;
	margin-left: 10px;
	font-size:11px;
}
nav.u-cont .sns a,nav.u-cont .sns span,nav.u-cont .search{
	margin-top: 2px;
}
nav .sns span:hover{ cursor: inherit; }

.search:hover{	cursor: pointer; }

#form3{float: right;display: block;position:relative;width: 100%;max-width: 100%;}
#sbox3{width: 93%;height: 20px;padding: 0 5px;position:absolute;left:0;top:0;border-radius:2px;outline:0;background: none;border: 1px solid #ccc;}
.index #sbox3{ width: 100%; height: 22px;}
#sbtn3{height: 25px;position:absolute;right: 5px;/*アイコン左右の位置調整*/top: -2px;background:none;color: #ccc;border:none;font-size:16px;/*アイコンサイズ*/}
.index #sbtn3{ top: -1px; }
.japanstyle #sbtn3{ right: 20px; }
#sbtn3:hover{
color:#7fbfff;
}

/*TOPICS*/

article#topics {
  max-width: 1100px;
  margin: 0 auto;   /*中央寄せ*/
  position: relative;
}
article#topics section#topic-cont {
  width: 100%;
  margin: 0 auto;   /*中央寄せ*/
  position: relative;
}
a.item {
	display: block;
	width: 219px;
	margin: 10px;
	padding: 0;
}

/*404*/
.notfound{
	margin-bottom: 60px;
}

/*店舗詳細*/

.pankuzu{

	width: 100%;
	margin-bottom: 20px;
}
.pankuzu li{
	display: inline;
	font-size: 13px;
	color: #666;
}
.pankuzu li a{
	color: #666;
}
.pankuzu li a:hover{ border-bottom: 1px solid #666; }
.pankuzu li:before{
	content: "　＞　";
}
.pankuzu li:first-child:before{ content: "";}




/*footer*/

.cont-footer-wrap{
	width: 100%;
	padding: 50px 0;
	margin: -1px 0 0;
	background: #fafafa;
}
.cont-footer{
	display: table;
	table-layout: fixed;
	width: 90%;
	max-width: 1140px;
	margin: 0 auto;
	line-height: 1;
	text-align: center;
}
.cont-footer div,.foot-zine form{
	display: inline-block;
}
.cont-footer div{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.cont-footer .foot-zine h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.cont-footer .foot-zine p{
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5;
}
.cont-footer .foot-sns a{
	display: inline-block;
	margin: 0 7px 0 8px;
	font-size: 30px;
	color: #a6a6a6;
	vertical-align: middle;
}
.foot-zine form input{
	height: 30px;
	vertical-align: middle;
}
.foot-zine form input[type=text]{
	width: 75%;
}
.foot-zine form input[type=submit]{
	width: 20%;
	height: 30px;
	padding: 5px 10px 6px;
	font-size: 13px;
}
.index .foot-zine form input[type=submit]{
	vertical-align: top;
}
@media screen and (max-width: 1007px) {
.cont-footer .foot-sns,.cont-footer .foot-zine{
	width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}
}
footer{
	width:100%;
	min-width: 1170px;
	padding: 40px 0 60px;
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #333;
}
footer a{ color: #cdcdcd;}

.foot-title{
	width: 90%;
	max-width: 1140px;
	padding-bottom: 30px;
	margin: 0 auto 30px;
	text-align: left;
	border-bottom: 1px dotted #808080;
}
.foot-title img{
	float: left;
	margin-right: 25px;
}
#form2{float: right;display: block;position:relative;width: 100%;max-width: 100%;margin-bottom: 50px;}
#sbox2{width: 100%;height: 30px;padding:0 10px;position:absolute;left:0;top:0;border-radius:2px;outline:0;background: none;border: 1px solid #666;}
#sbtn2{height:50px;position:absolute;right: 10px;/*アイコン左右の位置調整*/top: -10px;background:none;color:#666;border:none;font-size:20px;/*アイコンサイズ*/}
#sbtn5:hover{
color:#7fbfff;
}

.foot-title h2{
	display: inline-block;
	margin: 20px 0 0;
	color: #e6e6e6;
	font-size: 24px;
	line-height: 1;
	text-align: left;
}
.foot-group{
	float: right;
	width: 15%;
}
.foot-group a{
	float: right;
	margin-left: 30px;
}
.foot-group i{
	font-size: 20px;
	color: #ccc;
}
.foot-cont{
	width: 90%;
	max-width: 1170px;
	margin: 0 auto 30px;
	text-align: left;
}
.foot-cont div{
	display: inline-block;
	width: 18%;
	padding: 0 2.5%;
	vertical-align: top;
}
.kaigai .foot-cont div{
	width: 24.6%;
}
.foot-cont div.adress{
	width: 25%;
}
.index .foot-cont div{
	width: 24.5%;
}
.index .foot-cont div.adress{
	width: 25%;
}
.kaigai-foot .foot-cont div{
	width: 24.7%;
}
.foot-cont h5{
  padding: 0 0 10px;
  margin: 0 0 15px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px dotted #c2c2c2;
}
.foot-cont div p{ margin: 0 0 20px }
.foot-cont ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.foot-cont ul ul{
	margin-left: 1em;
}
.foot-cont ul.mgn-b20{
	margin: 0 0 20px;
}

.foot-cont .icon-list li {
  padding: 5px 0;
}

.foot-cont .icon-list li a:before {
  content: "\00BB";
  color: #aaa;
  padding-right: 5px;
}
.foot-cont div a{
	display: block;
	color: #aaa; }
.foot-cont div a span{
	padding-left: 1em;
	font-size: 11px;
	color: #888;
}
.foot-cont div a:hover{ color: #fff; }
.foot-cont div a:hover span{ color: inherit; }

.foot-navi{
	width: 90%;
	max-width: 1140px;
	padding-top: 30px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	border-top: 1px dotted #808080;
}
.foot-navi a{
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #cdcdcd;
}
.foot-navi a:first-child{
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}
.foot-navi p{
	display: block;
	float: right;
}


#infscr-loading { display: none; }



/*POPUP*/
.pum-container.pum-responsive.pum-responsive-medium{
	position: fixed!Important;
	width: 200px!important;
	height: 150px!important;
	right: 20px!important;
	bottom: 20px!important;
	margin: 0!important;
}


/*SP非表示*/
.sp-top,
button.drawer-toggle,
.drawer-hamburger-icon,
.drawer-main,
.for-sp {
	display:none;
}

/*調整マージン*/

.cont-center{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.cont-center img{ margin: 0 auto 10px; }

.w180{ width: 180px; }

.flo-r{ float: right; }
.flo-l{ float: left; }

.txt-11{ font-size: 11px; }
.txt-c,.posts p.txt-c{ text-align: center ;}
.txt-l{ text-align: left ;}

.red{ color: #ff0000;}
span.red{ font-weight:bold; }


.mgn-t15{ margin-top: 15px; }
.mgn-t40{ margin-top: 40px; }
.mgn-t45{ margin-top: 45px; }
.mgn-t50{ margin-top: 50px; }
.mgn-t60{ margin-top: 60px; }
.mgn-t65{ margin-top: 65px; }
.mgn-t120{ margin-top: 120px; }
.mgn-t160{ margin-top: 160px; }
.mgn--t40{ margin: -40px 0 0 0;font-size:11px;border:}

.mgn-r0,img.mgn-r0,li.mgn-r0{ margin-right:0px;}
.mgn-r5{ margin-right:5px; }
.mgn-r10{ margin-right:10px; }
.mgn-r15{ margin-right: 15px; }
.mgn-r20{ margin-right:20px; }
.mgn-r25{ margin-right:25px; }
.mgn-r30{ margin-right: 29px;}
.mgn-r34{ margin-right:34px; }
.mgn-r40{ margin-right:40px; }
.mgn-r65{ margin-right:65px;}
.mgn-r70{ margin-right:70px;}
.mgn-r75{ margin-right:75px;}
.mgn-r120{ margin-right:120px; }
.mgn-r150{ margin-right: 150px; }
.mgn-r200{ margin-right: 200px; }
.mgn-r370{ margin-right:370px;}

.mgn-b5{ margin-bottom:5px;}
.mgn-b10{ margin-bottom:10px;}
.mgn-b15{ margin-bottom:15px;}
.mgn-b20{ margin-bottom:20px;}
.mgn-b30{ margin-bottom:30px;}
.mgn-b35,.mgn-b35 p{ margin-bottom:35px;}
.mgn-b40{ margin-bottom:40px;}
.mgn-b45{ margin-bottom:45px;}
.mgn-b50{ margin-bottom:50px;}
.mgn-b55{ margin-bottom:55px;}
.mgn-b60{ margin-bottom:60px;}
.mgn-b70{ margin-bottom:70px;}
.mgn-b75{ margin-bottom:75px;}
.mgn-b80{ margin-bottom:80px;}
.mgn-b100{ margin-bottom:100px;}
.mgn-b170{ margin-bottom:170px;}
.mgn-b200{ margin-bottom:200px;}

.mgn-l20{ margin-left: 20px;}
.mgp-l20{ padding-left:20px}
.mgn-l50{ margin-left: 50px;}
.mgn-l40{ margin-left: 40px;}
.mgn-l85{ margin-left: 85px;}
.mgn-l130{ margin-left: 130px;}
.mgn-l270{ margin-left: 270px;}
img.emoji{ display: none!important;}

/*clearfix*/
.clearfix,.entry-content p,.clear{zoom: 1;}
.clearfix:after,.entry-content p:after,.clear:after {content: ""; display: block; clear: both;}



@media screen and (min-width: 721px) {
	.mod_header,.mobile_header,.remodal-overlay,.remodal-wrapper,#headerContainer,.foot-sp,.for-sp{ display: none; }
}

@media screen and (max-device-width: 720px) {
body {-webkit-text-size-adjust: 100%;}
.for-pc,.breadcrumbs,asidel,nav{ display: none; }

header,.contents,footer{
	width: 100%!important;
	font-size: 1em;
	text-align: center;
}
header{ margin: 0; }
.contents{
	width: 90%!important;
	margin: 70px auto 0!important;
}
/*.main{
	width: 100%!important;
	float: none!important;
	padding-bottom: 30px!important;
	margin: 0;
	text-align: left;
}
.main img{ width: 100%; margin-bottom: 10px; }
*/
article {
    margin-top: 60px!important;
}
section.page-cont,section.page-cont h2{ width: 100%!important; margin: 0!important;}

/*footer*/

.cont-footer{
	text-align: center;
}
.cont-footer div{
	display: block;
	width: 100%;
	text-align: center;
}
.cont-footer p{
	display: block;
	margin: 0 0 10px;
}
.cont-footer .foot-sns{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.foot-zine form{
	width: 100%;
}
.foot-zine form input[type=text]{
	width: 70%!important;
}
.foot-zine form input[type=submit]{
	width: 25%;
	padding: 5px 0 6px;
	box-sizing: inherit;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	border-radius: 0;
	background-color: #eee;
}



footer{
	min-width: inherit;
	padding: 30px 0 60px;
	font-size: 13px;
}
.foot-title{
	width: 90%;
	max-width: 1140px;
	padding-bottom: 30px;
	margin: 0 auto 30px;
	text-align: center;
	border-bottom: none;
}
.foot-title img{
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
#form2{float: right;display: none;position:relative;width: 100%;max-width: 100%;margin-bottom: 50px;}
#sbox2{width: 100%;height: 30px;padding:0 10px;position:absolute;left:0;top:0;border-radius:2px;outline:0;background: none;border: 1px solid #666;}
#sbtn2{height:50px;position:absolute;right: 10px;/*アイコン左右の位置調整*/top: -10px;background:none;color:#666;border:none;font-size:20px;/*アイコンサイズ*/}
#sbtn5:hover{
color:#7fbfff;
}

.foot-title h2{
	display: inline-block;
	margin: 0 0 20px 20px;
	color: #e6e6e6;
	font-size: 24px;
	line-height: 1;
	text-align: left;
}

@media screen and (max-device-width: 320px) {
.foot-title h2{
	margin: 0 0 20px 15px;
	font-size: 20px;
}
}
.cont-footer .foot-zine p br{
	display: none;
}
.foot-group{
	clear: both;
	float: none;
	width: 100%;
	text-align: center;
}
.foot-group a{
	float: none;
	display: inline-block;
	margin: 0 10px;
}
.foot-group i{
	font-size: 20px;
	color: #ccc;
}
.foot-cont{
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
	text-align: left;
}
.foot-cont div{
	float: none;
	width: 100%;
	padding: 0;
}
.foot-cont div.adress{
	width: 100%;
}
.index .foot-cont div{
	width: 100%;
	margin-bottom: 30px;
}
.index .foot-cont div.adress{
	width: 100%;
}
.foot-cont h5{
  padding: 0 0 10px;
  margin: 0 0 15px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px dotted #c2c2c2;
}
.foot-cont div p{ margin: 0 0 20px }
.foot-cont ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.foot-cont .icon-list li {
  padding: 2px 0;
}

.foot-cont .icon-list li a:before {
  content: "\00BB";
  color: #aaa;
  padding-right: 5px;
}
.foot-cont div a{
	display: block;
	font-size: 13px;
	color: #aaa;
	}
.foot-cont div a:hover{ color: #fff; }


.foot-navi{
	width: 90%;
	max-width: 1140px;
	padding-top: 30px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	border-top: 1px dotted #808080;
}
.foot-navi a{
	display: inline-block;
	width: 49%;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	border-left: none;
}
.foot-navi a:first-child{
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}
.foot-navi p{
	display: block;
	float: none;
	margin-top: 20px;
}
#infscr-loading { display: none; }


/* ---------------------------------------------
	HEADER
----------------------------------------------- */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 12px 0 0;
	background: rgba(255, 255, 255, 1);
	z-index: 999;
}

#header_line {width:100%; padding:3px 8px 4px 8px; background-color:#001646; text-align:center;}
#header_line .comment, #header_line .comment a { color:#fff; font-size:11px;}

#header {
	position:relative;
	width:100%;
	height:60px;
	border-bottom:1px solid #eee;
	background:rgba(255, 255, 255, 0.95);
}
#header h1 {
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	z-index: 50;
	text-align: center;
	width: 100%;
}
#header h1 img {
	width: 60%;
	max-width: 270px;
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
}

.drawer-hamburger {
	display: block!important;
	border: 0;
	background: 0;
	position: absolute;
	top: 2px;
	padding: 15px 20px;
	width: 20px;
	height: 50px;
	background-color: transparent;
	border: 0;
	z-index: 9999;
	outline: 0;
	}
.drawer-hamburger:hover {
    cursor: pointer; }

#header a span.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px; }
#header a span.drawer-hamburger-icon, #header a span.drawer-hamburger-icon:before, #header a span.drawer-hamburger-icon:after {
	height: 3px;
	width: 22px;
	border-radius: 1px;
	background-color: #000;
	-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#header a span.drawer-hamburger-icon:before, #header a span.drawer-hamburger-icon:after {
    position: absolute;
    content: " ";
    top: -10px;
    left: 0; }
#header a span.drawer-hamburger-icon:after {
    top: 10px; }
#header a span.drawer-open .drawer-hamburger-icon {
    background-color: transparent; }


#header #menuIcon { left:16px; }
#header #searchIcon { right:16px;}


/* -remodal- */
 .remodal-wrapper  { text-align:left!important; height: 100%;}
 .remodal  {
	 padding:60px 4% 140px;
	 font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	 font-size:14px;
	 background-color:#fafafa;
}
 .remodal a {
	text-decoration:none;
	display:block;
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background:url(/common/sp/mod_icon_arrow_navy.png) no-repeat right center;
	background-size:4px auto;
	}
 .remodal a span{
	 padding-left: 1em;
	 font-weight: normal;
 }
  .remodal .remodal-close, .remodal .remodal-close:hover { display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background:url(https://www.thecovernippon.jp/images/mod_icon_close.png) no-repeat 0 16px;
    background-size:16px;
}
 .remodal-wrapper h2 {
    margin-bottom: 40px;
	font-size:18px; 
	font-weight:bold;
	text-align: center;
}
 .remodal-wrapper h3 { font-size:15px; font-weight:bold; margin:2em 0 0.5em;}
 .remodal-wrapper h3.firstChild { margin-top:12px; font-size:13px;}
 .remodal-wrapper h4 { margin-bottom:0.2em; padding:0.7em 0.8em; background-color:#eee; font-size:14px; font-weight:bold; }
 .remodal-wrapper h4 span { font-size:12px;}
 .remodal-wrapper ul li ul li { line-height:1; 
	margin:1em 0 ; padding:0.2em 1.2em 1em 1em; 
	border-bottom:1px dotted #ddd;}
/* .remodal-wrapper ul li ul li:last-child { border-bottom:none;}*/

 .remodal-wrapper .remodal a.remodal-cancel {
display:block;
width:100%;
margin:40px auto 0 auto;
padding:5px 0;
border: 1px solid #004898;
background: #fafafa;
font-size:13px;
color:#004898;
text-align: center;
 -webkit-border-radius: 0px; 
 border-radius: 0px;
 }
.menu-search{
	position: relative;
}
.sp-lang{
	width: 85%;
	padding: 0.7em 0.8em;
	margin: 0 auto 30px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}
.sp-lang a{
	display: inline;
	padding: 0 0.5em;
	font-weight: bold;
}
.sns-icons{
	width: 100%;
	margin-bottom: 30px;
	line-height: 1;
	text-align: center;
}
.sns-icons a{
	display: inline-block;
	padding: 0 5px;
	font-size: 22px;
	color: #b5b5b5;
}
#page-top,#page-top a{ display: none; }
.for-sp{ display: block; }
}

@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
 header{ position: static;}
 .index .bg-dark-60{ display: none; }
}