@charset "Shift_JIS";
 
/* ---------------------------------------------
	HEADER
----------------------------------------------- */

#headerContainer { position:fixed; top:0; left:0; width:100%; height:78px; 
background:rgba(255, 255, 255, 0.95);
 z-index:999; border-top:3px solid #001646;}

#header_line {width:100%; padding:3px 8px 5px 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:50px; 
border-bottom:1px solid #eee;
background:rgba(255, 255, 255, 0.95);}
#header h1 {
  position: absolute;
  top: 0; right:0; left: 0;
  width: 60%; margin: auto;
  z-index: 20;
  text-align: center;
}
#header h1 img { width:200px; min-height: 49px;
  vertical-align: top;
  padding: 17px;
  margin:0 auto;}

#header #pulldownMenu { z-index:3000; }

#header a i { position:absolute; top:16px; z-index:40; width:20px; font-size:20px !important; color:#000;}
#header #menuIcon { left:16px; }
#header #searchIcon { right:16px;}


/* -remodal- */
 .remodal-wrapper  { text-align:left;}
 .remodal  { padding:20px 4% 25px; background-color:#fafafa; font-size:14px;}
 .remodal a { text-decoration:none;
	display:block;
	background:url(/common/sp/mod_icon_arrow_navy.png) no-repeat right center;
	background-size:4px auto;}

.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(/common/sp/mod_icon_close.png) no-repeat 0 16px;
background-size:16px;
}

.remodal-wrapper h2 { font-size:18px; font-weight:bold; }
.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 ; */
border-bottom:1px dotted #ddd;}
.remodal-wrapper ul li ul li:last-child { border-bottom:none;}
.remodal-wrapper ul li ul li a { display:block; padding:1.2em 1.2em 1.2em 1em; background-position: 96.7% center;}

.remodal-wrapper .remodal a.remodal-cancel {
display:block;
width:100%;
margin:40px auto 0 auto;
padding:9px 0;
border: 1px solid #004898;
background: #fafafa;
font-size:14px;
color:#004898;
-webkit-border-radius: 0px; 
border-radius: 0px; }

#remodal_search form { margin-top:1.2em;}
#remodal_search dd { margin-bottom:1.2em;} 
.remodal select, .remodal textarea, .remodal input, .remodal select:focus, .remodal textarea:focus, .remodal input:focus
{ background-color:#fafafa;}
#remodal_search  select, #remodal_search input { width: 100%; max-width:100% !important; 
padding:0.4em 0.5em; border:1px solid #ddd; }  
#remodal_search  select { background:url(/common/sp/mod_icon_pd_gray.png) no-repeat 96% center;
background-size: 5px;
}
#remodal_search  input[type="submit"].button { 
width: 100%;
margin-top:1em;
padding:1em 0.3em;
border: 1px solid #004898;
background-color: #fafafa;
color: #004898 !important;
font-weight: bold;}



/* ---------------------------------------------
globalMenu
------------------------------------------------*/
#globalMenu {width:100%; padding: 0; border-bottom: 1px solid #eee;
overflow-y: visible;}
#globalMenu .dropdownList {margin: 0 auto; }

.remodal-wrapper #globalMenu label,
.remodal-wrapper #globalMenu h4 { margin-bottom:0.2em; padding: 0; background-color:#eee; 
font-size:15px; font-weight: 500;}
.remodal-wrapper #globalMenu .menu_tit {margin: 2em 0 0.5em;
font-size: 14px; font-weight: normal; color: #666;}

.remodal #globalMenu a,
.remodal #globalMenu label {display: block; 
padding: 1.1em 1.4em;
color: #000;	text-decoration: none; line-height: 1;
background: #eee;
}
#globalMenu .dropdownList li a:hover {color: #444;} 
#globalMenu .has-child > a::after,
#globalMenu .has-child > label::after {position: absolute;
top:1.45em; right:1.75em;
font-family: FontAwesome; font-size: 11px; color: #aaa;
content: '\f067';}
#globalMenu .secondLayer a::before {
padding: 0 6px 0 4px;
font-family: FontAwesome;
content: "\f105";
font-size: 12px; color: #aaa;}

.remodal-wrapper #globalMenu ul li ul li {border-bottom: none;}

.remodal .quickmenu {display: flex; justify-content: flex-start; margin: 0 0 0 3px;}
.remodal .quickmenu li {margin-right: 35px;}
.remodal .quickmenu #q_mypage {margin-right: 37px;}
.remodal .quickmenu li a {background: none; color: #000; text-decoration: none;}
.remodal .quickmenu li a i {font-size: 24px;}

#globalMenu > ul > li {margin-top: 2px; position: relative; }
#globalMenu ul > li span { margin-left: 1em; font-size: 80%; font-weight: normal;}

#globalMenu .secondLayer, #globalMenu .thirdLayer {
margin-left: 15px;
/*transition: all 0.5s;*/}

#globalMenu .secondLayer li {margin-top: 2px;}
#globalMenu .secondLayer .has-child  {position: relative;}
#globalMenu .secondLayer .has-child ul {top:1px;	}
#globalMenu .thirdLayer {margin-bottom: 3px;}

#globalMenu .dropdownList .has-child::before {left:20px;}
#globalMenu ul ul .has-child::before{
 transform: rotate(135deg);
	left:20px;
}
    
#globalMenu .has-child.active > a::after{  content:"\f068";}
#globalMenu .has-child ul li a {border-bottom:1px dotted #eee;}  
#globalMenu .has-child:hover > ul,
#globalMenu .has-child ul li:hover > ul,
#globalMenu .has-child:active > ul,
#globalMenu .has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

#globalMenu ul {display: block;transition:1.5s top, 1.5s opacity;}
#globalMenu .secondLayer, #globalMenu .thirdLayer { display: none;}

.remodal-wrapper #globalMenu input {display: none;}
.remodal-wrapper #globalMenu .accshow { height: 0; overflow: hidden; transition: .2s;}
.remodal-wrapper #globalMenu input:checked + .accshow { height: auto; }

.remodal-wrapper #globalMenu .accshow > li,
.remodal-wrapper #globalMenu .accshow > li .thirdLayer {visibility: hidden;
opacity: 0;
transition: 
padding .2s,
line-height .2s,
visibility .1s,
opacity .1s;}

.remodal-wrapper #globalMenu input:checked + .accshow > li,
.remodal-wrapper #globalMenu .secondLayer input:checked + .thirdLayer {visibility: visible;
opacity: 1;}  

#globalMenu .dropdownList .mt {margin-top: 10px;}

/* ---------------------------------------------
	CONTENT 固定メニューの重なり回避
----------------------------------------------- */
.wrapper {
	/*padding-top:53pxヘッダーテキスト非表示の場合*/;
	padding-top:76px;/*ヘッダーテキストを表示する場合*/}
footer { padding-bottom:45px;}



/* ---------------------------------------------
	FOOTER
----------------------------------------------- */
footer {width:100%; background-color:#fff; }
footer a,  footer a:link, footer a:hover{ display:block; padding:1.5em 4.5%; 
width:100%; 
text-decoration:none; color:#000 !important; line-height:1;}
footer .PageTopBtn {margin-top: 30px;
background-color:#f8f8f8; 
border-top:1px solid #ddd;  border-bottom:1px solid #ddd;
text-align:center;}
footer .PageTopBtn img { margin-right:6px; padding-bottom:3px; }
footer ul li { box-sizing:border-box; white-space: nowrap;}

#footMenu ul li { width:100%; min-height: 42px;
border-bottom:1px solid #ddd;
background:url(/common/sp/mod_icon_arrow_black.png) no-repeat 97% center;
background-size:3px auto;
font-size:14px; text-align:left;}
#footMenu ul li strong {font-size:15px !important; 
margin-right:0.3em; 
letter-spacing:0;}
#footMenu ul .blank { background:url(/common/sp/mod_icon_link_out.png) no-repeat 97% center; background-size:9px auto;}

#footerLinks { background-color:#f5f5f5; padding:10px 0 20px; text-align:center;}
#footerLinks > ul { margin:0 auto 3px; padding:0 12px;}
#footerLinks > ul li { display:inline-block; margin:14px 14px; 
font-size:13px; line-height:1.6; }
#footerLinks > ul li a { padding:0; text-decoration:underline !important; font-weight:normal !important;}

#footerLinks > .termsLink a.blank {padding-left: 14px;
    background: url(/common/mod_icon_link_out.png) no-repeat left center;
				background-size: auto;} 

#footerLinks .sns_account {justify-content: center;}
#footerLinks .sns_account p { padding:18px 0.1em 22px 0;  text-align:right; font-size:0.9em;}
#footerLinks .sns_account ul { padding-left:0.3em;}
#footerLinks .sns_account ul li { float:left; padding-left:0.5em; font-size:30px;}
#footerLinks .sns_account ul li a { padding:12px 0;}

footer address { padding:20px 0 30px; font-style:normal; font-size:11px; line-height:1;}

/* ------- FOOTER FIXED TAB ------- */

#footMain {position: fixed;
	bottom: 0; left: 0;
	width:100%; height:45px; 
	border-top:1px solid #0b2a6c; /*border-bottom:1px solid #ddd;*/ 
	background-color:rgba(0, 22, 70, 0.95);	
	z-index: 999;}
	
#footMain ul li { position:relative; 
display:inline-block;  width:19%; height:44px;
padding:5px 1px 5px 0; 
border-right:1px solid #0b2a6c; 
text-align:center;}

#footMain ul li a, #footMain ul li a:visited, #footMain ul li a span, #footMain ul li a strong {color:#fff; text-decoration:none;}
#footMain ul li a, #footMain ul li a strong {font-size:8px; -webkit-text-size-adjust: none; line-height:1; }
#footMain ul li span { position:absolute; top:5px; right:0; left:0;
 display:block; margin-bottom:-6px; font-size:2.5em; /*color:#000;*/}
 #footMain ul li a strong { position: absolute; right:0; bottom:6px; left:0; letter-spacing:0.1px;}
#footMain ul li#home, #footMain ul li#cart {}
#footMain ul li#signup { }
#footMain ul li#login { }
#footMain ul li#favorite { border-right:none;}

#footMain i {display: block; font-size: 20px;}


/* ------- ICON FONT ------- */
@font-face {
	font-family: 'iconModuleIDEE';
	src:url('/fonts/iconModuleIDEE.eot?iiry1d');
	src:url('/fonts/iconModuleIDEE.eot?#iefixiiry1d') format('embedded-opentype'),
		url('/fonts/iconModuleIDEE.woff?iiry1d') format('woff'),
		url('/fonts/iconModuleIDEE.ttf?iiry1d') format('truetype'),
		url('/fonts/iconModuleIDEE.svg?iiry1d#iconModuleIDEE') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="mod_icon_"], [class*=" mod_icon_"] {
	font-family: 'iconModuleIDEE';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mod_icon_home:before { content: "\e602";}
.mod_icon_signup:before { content: "\e604"; }
.mod_icon_login:before { content: "\e603";}
.mod_icon_cart:before { 	content: "\e600";}
.mod_icon_favorite:before { content: "\e601";}
.mod_icon_search:before { 	content: "\e605";}
.mod_icon_shoplist:before { content: "\e606";}

.mainNav_sale-icon {background-color:#fb5c9c; width: 6em; color: #FFF; padding: 0 3px; font-weight:bold;}


#footerModule {position: fixed;
	bottom: 0; left: 0;
	width:100%; height:45px; 
	border-top:1px solid #0b2a6c; /*border-bottom:1px solid #ddd;*/ 
	background-color:rgba(0, 22, 70, 0.95);	
	z-index: 999;}
#footerModule .flex {justify-content: space-between;}
#footerModule .flex li {
width:19%; height:44px;
margin: 0;
padding:5px 1px 5px 1px; 
border-right:1px solid #123379; 
text-align:center;
line-height:1; 
}
#footerModule .flex li:last-of-type { border-right:none;}
#footerModule a {color:#fff !important;
text-decoration:none;}
#footerModule a, 
#footerModule a strong {}
#footerModule li .fa {display: block; font-size: 20px;}
#footerModule a strong {
font-family: "Helvetica Neue", Helvetica, sans-serif; 
font-size:7.5px; font-weight: normal;
-webkit-text-size-adjust: none;}


/**************************
202606 new footer
***************************/

#modFooter { background-color: #eeeeee;}
#modFooter .PageTopBtn a {padding: 1.5em 4.5%; width: 100%;}
.footerTitle {padding:2em 7vw;border-bottom: 1px solid #ddd;}
.footerTitle .footerLogo {margin: 0 0; width:60%;}
.footerTitle .footerLogo a {margin-bottom: 1.5em; padding:0; }
.footerTitle .snsList {display: flex; justify-content: flex-start; }

.footerTitle .snsList li {margin: 0 20px 0 0;}
.footerTitle .snsList li a {padding: 0;}
.footerTitle .snsList i {font-size: 32px;}

#footNav {display:flex; justify-content: space-between; flex-wrap: wrap;}
#footNav .footNav_list {width:50%; margin-top: 1.3em; font-size: 16px; padding: 0 7vw; 
font-family: "Helvetica Neue", Helvetica, a-otf-midashi-go-mb31-pr6n, sans-serif;}
#footNav .footNav_list li {display: block;}

#footNav .link_arrow::before {padding: 0; content: none;}
#modFooter .footNav_list a {display: inline-block; padding: 1.1em 0;}

.termsLink {width:100%; margin-top: 20px; padding: 25px 4vw 20px;
border-top:1px solid #ddd;
text-align:center;}
#modFooter .termsLink li {display:inline-block; font-size: 14px;}
#modFooter .termsLink a { padding:0.7em 0.8em;}


#modFooter address {text-align: center;}