@charset "utf-8";

* { 
	margin:0; padding:0;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-appearance: none;
}

body {
	display:none;
	background:#fff;
	margin: 0;
	padding: 0;
	color:#233c5e; 
	font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust:100%; overflow-x:hidden; padding-top:120px;
}



.fj { font-family:'Fjalla One', sans-serif; }
.yahei { font-family:"华文黑体",'STHeiti',"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif; }
.kaitai { font-family:"华文楷体",'STKaiti',"楷体",'KaiTi', sans-serif; }
.serif { font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.bsk { font-family: baskerville-display-pt, serif; }
.hiragino { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }


.bold { font-weight:600; }
.normal { font-weight:400; }

hr { display:none; }

a { transition:0.3s; color:#233c5e; }
a:link,
a:visited,
a:active,
a:hover { /* FireFox */
	overflow: hidden; outline:none; text-decoration:none; }

a[href^="tel:"] { cursor: default; }

button { border:none; cursor:pointer; width:auto; display:block; }

input[type='submit'] { border:none; cursor:pointer; width:auto; display:inline-block; }

:placeholder-shown { color:#ccc; }
	::-webkit-input-placeholder { color:#ccc; }
	::-moz-placeholder { color: #ccc; opacity:1; }
	:-ms-input-placeholder { color:#ccc; }
	
a img { transition:0.3s; }
a img:hover { opacity:0.7; }

.word-wrap { word-wrap: break-word; }
sub { vertical-align: -1px; }
li { list-style:none outside; }
img { width:100%; border-style:none; }



.btn { padding:10px 0; text-align:center; width:220px; height:37px; font-size:14px; line-height:1.3; text-decoration:none; display:block; margin:0; transition:0.3s; position:relative;	border-radius:30px; font-family: baskerville-display-pt, serif; letter-spacing:0.05em; font-weight:bold; }
.btn.red { color:#fff; background:rgba(192,2,16,1); font-weight:bold; }
.btn.red:hover { color:#fff; background:#233c5e; }
.btn.white { color:#c00210; background:rgba(255,255,255,1); font-weight:bold; }
.btn.white:hover { color:#fff; background:#233c5e; }
.btn.inactive { color:#233c5e; background:#ebebeb; cursor:default; font-size:13px; font-family:tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.btn.border { border:1px solid #233c5e; background:#fff; height:30px; font-size:12px; padding:6px 0; width:210px; font-family:tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color:#233c5e; }
.btn.border:hover { background:#233c5e; color:#fff; }
.btn.short { width:160px; }

.relative {	position:relative; }

.centerText { text-align:center; }
.rightText { text-align:right; }
.leftText { text-align:left; }

.center { margin:0 auto; }

.fixed { position:fixed!important; top:0; left:0; z-index:100; }
.block { display:block; }
.w100 {	width:100%;	margin:0 auto; text-align:center; }
.w960 {	max-width:960px;margin:0 auto; }
.w800 {	max-width:800px;margin:0 auto; }

.bg_white { background:#fff; }
.bg_gray { background:#f0f0f0; }
.bg_lightgray { background:#f8f8f8; }
.bg_navy { background:#233c5e; }
.bg_red { background:#c00210; }

.red { color:#c00210; }
.navy { color:#233c5e; }
.white { color:#fff; }
.gray { color:#666; }
.blue { color:#002b8e; }


.large { font-size:1rem; }
.small { font-size:11px; }
.medium { font-size:13px; }
.medium_1 { font-size:15px; }

.f_left { float:left; }
.f_right { float:right; }



.breakBox {	margin-right: calc(50% - 50vw);	margin-left: calc(50% - 50vw); }


	@media only screen and (min-width: 768px) {
		.onlySp {
			display: none!important;
		}
	}
	@media only screen and (min-width: 1025px) {
		.onlyTb {
			display: none!important;
		}
	}
	@media only screen and (max-width: 1024px) {
		.onlyTb {
			display: block!important;
		}

	}
	@media only screen and (max-width: 767px) {
		.onlyPc {
			display: none!important;
		}
		body { font-size:12px; position:relative; }
		body.over { /*position:fixed; width:100vw;*/ }
		body.over:after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(255,255,255,0.8); z-index:10; }
		.medium_1 { font-size:14px; }
		.breakBox { margin-right:-20px; margin-left:-20px; }
		.btn, .btn.border { width:85%; }
	}


/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown { position: static; }
.yamm .navbar_container { position: relative; height:80px; }
.yamm .dropdown-menu { left: auto; }

	@media only screen and (min-width: 768px) {
		.yamm .dropdown-menu .row { display:flex; }
	}

.yamm .yamm-content { padding: 40px 20px; max-width:1140px; margin:0 auto; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; width:101%;}

	@media only screen and (max-width: 767px) {
		.yamm .navbar_container { height:50px; }
		.yamm .yamm-content { padding: 10px 10px; }
	}



/**
 * global MENU
 * -------------------------------------------------------------------------- */

#global { height:120px; z-index:100; width:100%; position:fixed; top:0; z-index:11; transition:top 0.2s ease-in-out; }
.nav-up { top:-120px!important; }
.gNav_wrap { background:#f8f8f8;height:40px; }
.gNav { display:flex; justify-content:flex-end; align-items:center; height:40px; padding:0 20px;  }
.gNav li { margin:0 10px; }
.gNav li a { font-size:11px; color:#1f3657; }
.navbar { background:#fff; height:80px; font-family: baskerville-display-pt, serif; }
.navbar-fixed-top { /*top:40px;*/ }

.navbar-default .navbar-nav > li > a { font-size:13px; }
.navbar-default .navbar-nav > li > a span { position:relative; display:flex; align-items:center; }
.navbar-default .navbar-nav > li > a span:after { content:""; position:absolute; top:-3px; left:-25px; width:19px; height:19px; }

.navbar-default .navbar-nav > li:nth-child(1) > a span:after { background:url(../img/common/ico_cosme.svg) no-repeat center 2px  / 7px auto; }
.navbar-default .navbar-nav > li:nth-child(2) > a span:after { background:url(../img/common/ico_fragrance.svg) no-repeat center 3px / 9px auto; } 
.navbar-default .navbar-nav > li:nth-child(3) > a span:after { background:url(../img/common/ico_liquor.svg) no-repeat center 3px / 11px auto; }
.navbar-default .navbar-nav > li:nth-child(4) > a span:after { background:url(../img/common/ico_tobacco.svg) no-repeat center 5px / 10px auto; }
.navbar-default .navbar-nav > li:nth-child(5) > a span:after { background:url(../img/common/ico_other.svg) no-repeat center 3px / 12px auto; }

.nav { transition:0.3s; overflow-x: hidden; }
.nav > li > a { padding:30px 25px; }

.dropdown-toggle { position:relative; padding-right:20px; /*background:url(../img/common/ico_chevron_down.png) no-repeat center right / 10px auto; transition:0.3s; */}
.dropdown-toggle:before { content:""; position:absolute; top:calc(50% - 5px); right:0; width:10px; height:10px; background:url(../img/common/ico_chevron_down.png) no-repeat center right / 10px auto; transition:0.3s; }	
	
.navbar-toggle { transition:0.3s; }
.navbar-toggle .icon-bar { transition: all 0.3s; }
.navbar-toggle.collapse .icon-bar:nth-child(1) { transform:rotate(45deg); position:relative; top:2px; left:0px; }
.navbar-toggle.active .icon-bar:nth-child(2) { display:none; }
.navbar-toggle.active .icon-bar:nth-child(3) { transform:rotate(-45deg); position:relative; top:-4px; left:0px; }

.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) { transform:rotate(45deg); position:relative; top:5px; left:0px; }
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { display:none; }
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { transform:rotate(-45deg); position:relative; top:-1px; left:0px; }


.rightBtn_box { display:flex; height:80px; width:160px; }

.dropdown-menu { font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size:12px; display:block; opacity:0; transition:visibility 0.2s ease, opacity 0.2s ease; visibility:hidden; }
	.open > .dropdown-menu { opacity:1; visibility:visible; }
	.open > .dropdown-toggle:before { transform:rotate(180deg);/* background:url(../img/common/ico_chevron_down.png) no-repeat center right / 15px auto;*/ }
	

.menuItem_list { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
	.menuItem_list::after{ content:""; display:block; width:calc(100% / 3); }
.menuItem_list li { width:calc(100% / 3); }


.row .row .menuItem_list_nest { width:100%; padding-left:10px; border-left:1px solid #ccc; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.03em; }

.row .row .menuItem_list.col-sm-half li { width:50%; }
.row .row .menuItem_list .menuItem_list_nest li { width:100%; }
.menuItem_list_ex { width:100%; }
.menuItem_list_title { border-bottom:2px solid #ccc; padding-bottom:0px; margin-bottom:10px; display:block; font-size:13px; width:90%; }
.menuItem_list_title.sub_category { border-bottom:none; padding-top:5px; }
.categoryIndex_link { font-size:13px; height:25px; display:block; width:90%; font-weight:bold; }
	.categoryIndex_link:hover { color:#c00210; }

.navbar-nav > li.dropdown:first-child .categoryIndex_link { width:100%; }

.menuItem_list li { margin-bottom:5px; }
.menuItem_list li a { color:#1f3657; position:relative; text-decoration:none; }
.menuItem_list li a:hover,
.row .row .menuItem_list_nest a:hover { color:#c00210; }
/*.menuItem_list li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height:1px; background:#c00210; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
.menuItem_list li a:hover::after { transform: scale(1, 1); }*/
.tag_title { padding-bottom:5px; margin-bottom:10px; display:block; font-weight:bold; }
.tagList li { background:#f4f3f3; display:inline-block; padding:4px 15px; margin:0 5px 10px 0; font-size:11px; transition:0.3s; }
.tagList li a { color:#333;cursor:pointer; }
.tagList li button { background:#f4f3f3; }
.tagList li:hover { background:#233c5e; }
.tagList li:hover a { color:#fff; }
.row .row .menuItem_list_nest a { color:#333; }
.dropdown-menu .border { border-left:2px solid #dadada; padding-left:40px; }




	
	
	@media only screen and (min-width: 768px) {
		.navbar-brand { position:relative; padding-bottom:20px; }
		.navbar-brand:after { content:"OPEN 7:00～24:00"; position:absolute; bottom:0; right:3px; width:100%; height:17px; text-align:right; font-size:11px; color:#2b456a; letter-spacing:0.15em; }
		.row .row .menuItem_list li { /*width:100%;*/ }
		.row .row .menuItem_list_ex li { width:100%; }
		.row_second { padding-left:15px;padding-right:15px; }
	}
	
	
	@media only screen and (max-width: 1200px) {
		.navbar-nav > li { margin: 0 8px; }
		.navbar-default .navbar-nav > li > a { font-size:12px; }
		.navbar-brand { margin:9px 0 0 -10px; width:95%; }
	}
	
	
	
	@media only screen and (min-width: 1025px) {
		.yamm .navbar_container { position: relative; height:80px; display: flex; justify-content:space-between; align-items:center; padding: 0 30px; }
	}
	
	@media only screen and (max-width: 1024px) {
		.yamm .navbar_container { /*padding: 0 10px;*/ }
		.navbar-nav > li { margin: 0; border-bottom: 1px dotted #ccc; }
		.navbar-nav > li:last-child { border-bottom:none; }
		.nav > li > a { padding:15px 25px; }
		#navbar-collapse-1 { background:#fff; box-shadow:1px 1px 1px #ccc; }
		.navbar-toggle { float:none; position:absolute; left:calc(50% - 19px); margin-right:0; margin-top:25px; }
		.navbar-header { height:100%; }
		.navbar-brand { margin:25px 0 0 15px; width:auto; }
		.rightBtn_box { position: absolute;right:15px;top: 0; }
	}
	
	@media only screen and (max-width: 767px) {
	
		body { padding-top:30px; }
		/*.nav-up { top:-50px!important; }*/
		
		#global { height:50px; }
		.gNav_wrap { display:none; }
		.navbar { height:50px; }
		.navbar-nav { margin:0; }
		.navbar-toggle { margin-top:8px; }
		/*.navbar-toggle.active .icon-bar:nth-child(1) { top:4px; left:0px; }
		.navbar-toggle.active .icon-bar:nth-child(3) { top:-2px; left:1px; }*/
		.navbar-toggle.active .icon-bar:nth-child(1) { top:5px; }
		.navbar-toggle.active .icon-bar:nth-child(3) { top:-1px; }

		.navbar-brand { width:30%; min-width:135px; height:50px; display:flex; align-items:center; margin:0 0 0 10px;  }
		.navbar-brand img { width:100%; }
		.rightBtn_box { right:5px; height:50px; width:100px; }
		
		.menuItem_list li { width:50%; }
		.menuItem_list_ex li { width:100%; }
		.menuItem_list_title { font-size:13px; }
		
		.navbar-nav > li.dropdown:first-child a.menuItem_list_title { width:100%; }
		
		.menuItem_list_title, .tag_title { /*font-size:12px;*/ }
		.row .row .menuItem_list.col-sm-half { }
		.row .row .menuItem_list.col-sm-half li { width:50%; }
		.row .row .menuItem_list .menuItem_list_nest { display:flex; justify-conetnt:space-between; flex-wrap:wrap; padding:5px 10px 5px; margin-bottom:10px; margin-top:-5px; }
		.row .row .menuItem_list .menuItem_list_nest li { width:50%; }
		.tag_title { margin-bottom:7px; }
		.tagList li { padding:2px 8px; font-size:10px; }
		.dropdown-menu .border { border:none; border-top:1px solid #dadada; padding:10px 0px 0; margin:20px 0 0; font-size:11px; }
	}
	
	@media screen and (min-width:1025px) and (max-width: 1100px) {
		.dropdown-toggle { padding-right:15px!important; }
	}



/**
 * SEARCH
 * -------------------------------------------------------------------------- */

.searchBtn { width:80px;  }
.search { position:absolute; top:0%; right:104px; }
.search * { outline: none; box-sizing: border-box; }
.search__wrapper { position: relative; right:; top:0px; }
.search__field { position:relative; width: 80px; height: 50px; height:79px; color: transparent; font-family: Lato, sans-serif; font-size:1.35em; padding: 10px 50px 10px 0; border: 1px solid transparent; border: none; border-left:1px solid #1f3657; border-right: 1px solid #1f3657; border-radius: 0; cursor: pointer; transition: all 0.3s ease-in-out; }

	.search__field::placeholder { visibility:hidden; color:transparent; font-size:14px; }
	.search__field:focus { width: 40vw; color: #2b2b2b; cursor: default; padding-left:10px; }
	.search__field:focus::placeholder { visibility:visible; color:#666; font-size:14px; font-family: baskerville-display-pt, serif;	}


	/* - Internet Explorer 10–11
	   - Internet Explorer Mobile 10-11 */
	.searchBtn :-ms-input-placeholder { color:transparent !important; font-weight: 400 !important; }
	
	@media all and (-ms-high-contrast:none){
	  .searchBtn .search__field:focus { background:url(../img/common/bg_search.png) no-repeat 20px center!important; }
	}
	
	
	/* Edge (also supports ::-webkit-input-placeholder) */
	.searchBtn ::-ms-input-placeholder { color:transparent; font-weight: 400; }
	.searchBtn .search__field:focus::-ms-input-placeholder { color:#666; }



.search__field:focus ~ .search__icon { background-color: transparent; cursor: pointer; pointer-events: auto; }
.search__icon { position:absolute; top:0; right:0; background:transparent; background-repeat:no-repeat; background-position:center center; background-size:28% auto; background-image:url(../img/common/ico_search.svg); width:80px; border-color: transparent; height:80px; text-align:center; pointer-events:none; display:inline-block; transition:0.2s ease-in-out; }
	.search__wrapper:hover .search__icon { background-size:30% auto; }

.search__field::-webkit-input-placeholder { position: relative; top: 0; left: 0; transition-property: top, color; transition-duration: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-perspective: 1000;  perspective: 1000; }
.search__field:-moz-placeholder { position: relative; top: 0; left: 0; transition-property: top, color; transition-duration: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.search__field::-moz-placeholder { position: relative; top: 0; left: 0; transition-property: top, color; transition-duration: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.search__field:-ms-input-placeholder { position: relative; top: 0; left: 0; transition-property: top, color; transition-duration: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.search__field::-webkit-input-placeholder[style*=hidden] { color: #83b0c1; font-size: .65em; font-weight: normal; top: -20px; opacity: 1; visibility: visible !important; }
.search__field:-moz-placeholder[style*=hidden] { color: #83b0c1; font-size: .65em; font-weight: normal; top: -20px; opacity: 1; visibility: visible !important; }
.search__field::-moz-placeholder[style*=hidden] { color: #83b0c1; font-size: .65em; font-weight: normal; top: -20px; opacity: 1; visibility: visible !important; }
.search__field:-ms-input-placeholder[style*=hidden] { color: #83b0c1; font-size: .65em; font-weight: normal; top: -20px; opacity: 1; visibility: visible !important; }

.cart { background-image:url(../img/common/ico_cart.svg); background-repeat:no-repeat; background-position:center center; background-size:30px auto; width:80px; height:80px; display:flex; justify-content:center; align-items:center; transition:0.2s ease-in-out; }
	.cart:hover { background-size:32px auto; }
	
.cart a { padding:30px 30px; display:block; }

.cart span { background:#c00210; color:#fff; display:block; border-radius:50%; width:15px; height:15px; font-size:9px; line-height: 15px; display:block; text-align:center; position:relative; top:5px; font-family: -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif; }

	/*@media screen and (max-width:1300px) and (min-width: 1024px) {
		.cart span { font-size:1vw; }
	}*/

	@media only screen and (max-width: 1024px) {
		.search { right:74px; }
		.search__field:focus { width:50vw; }
	}
	
	@media only screen and (max-width: 767px) {
		.rightBtn_box { position:absolute; right:0; top:0; }
		.searchBtn { width:55px; }
		.search { right:100px; }
		.search__wrapper { right:-51px; }
		.search__field { height:50px; width:46px; padding:10px 25px 10px 0;  border-bottom:1px solid #1f3657; }
		.search__field:focus { width:50vw; width:calc(100vw - 66px); }
		.search__field:focus::placeholder { font-size:13px; line-height:1.8; }
		.search__icon { top:0px; right:-3px; height:50px; width:50px; background-size:30% auto; }
			.search__wrapper:hover .search__icon { background-size:32% auto; }
		
		.cart { background-size:25px auto; height:50px; width:50px; }
			.cart:hover { background-size:27px auto; }
		.cart a { padding:17.5px 15px; }
		.cart span { width:13px; height:13px; font-size:8px; top:5px; }
	}
	
	@media only screen and (max-width: 450px) {
		.search__field:focus { width:50vw; width:calc(100vw - 50px); }
	}

/**
 * SLIDER
 * -------------------------------------------------------------------------- */
 
.slick-slider { padding-bottom:80px; }
.slick-item { padding:0 15px; position:relative; width:510px; height:510px; }
.overlay_text { position:absolute; bottom:0; width:94.35%; width:480px; height:110px; background:rgba(255,255,255,0.75); /*border-top:5px solid #000d42;*/ padding:20px 30px 0; }
.overlay_text_title { font-size:10px; }
.overlay_text_ex { font-weight:bold; }
.slick-slider a { color:#333; }

	@media only screen and (max-width: 767px) {
		.slick-slider { padding-bottom:50px; }
		.slick-slider .overlay_text { width:calc(100% - 30px); }
		.overlay_text { padding:15px 15px 0; height:100px; }
	}


/**
 * BASE
 * -------------------------------------------------------------------------- */

#contents { margin:0px 0 50px; }
#pankuzu { height:60px; background:#f8f8f8; display:flex; align-items:center; padding: 0 30px; }
#pankuzu ol { display:flex; justify-content:flex-start; }
#pankuzu li:not(:last-child) { position:relative; padding-right:20px; }
#pankuzu li:not(:last-child):after { content:""; position:absolute; top:42%; right:5px; width:8px; height:8px; background:url(../img/common/ico_chevron_black.png) no-repeat center center / contain; transform:rotate(180deg); }
#pankuzu a { color:#000; }
#pankuzu li:last-child a { color:#002b8e; }

.mainContent_Wrap { max-width:1280px; margin:40px auto 0; padding:0 20px; }
.mainContent_innerWrap { display:flex; justify-content:space-between; flex-wrap:wrap; }

	@media all and (-ms-high-contrast:none){
		#inquiry .mainContent_innerWrap, #sitemap .mainContent_innerWrap { display:block; }
	}

.mainContent_sideMenu { width:24%; padding-right:4%; }
.mainContent { width:76%; }
.mainContent .itemDetail .btn { width:100%; }
.mainContent_single { max-width:862px; margin:0 auto; }

.selectWrap { overflow:hidden; width:100%; margin:0; text-align:center; }
.selectWrap select { width:100%; padding-right:1em; cursor:pointer;	text-indent:0.01px; text-overflow:ellipsis; border:none; outline:none; background:transparent; background-image:none; box-shadow:none; -webkit-appearance:none; appearance:none; color:#333; }
.selectWrap select::-ms-expand { display:none; }
.selectWrap { position:relative; color:#333; border:1px solid #bdc4ce; border-radius:5px; background: #ffffff; }
.selectWrap::before { position:absolute; top:45%; right:0.9em; width:10px; height:10px; padding:0; content:''; /*border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #666;*/ pointer-events:none; background:url(../img/common/ico_arrow.svg) no-repeat center center / 10px auto; }
.selectWrap select { color:#333; }

	@media only screen and (max-width:1024px) {
		.mainContent_sideMenu, .mainContent { width:100%; }
		.mainContent_sideMenu { order:2; padding-right:0; margin-bottom:50px; }
	}

	@media only screen and (max-width: 767px) {
		#contents { margin:0 0 25px; }
		#pankuzu { display:none; }
	}


/**
 * Title
 * -------------------------------------------------------------------------- */

h2,h3 { position:relative; }
h2:before, h3:before, h4:before { position:absolute; top:0; display:block; }
h2 span, h3 span { display:block; font-weight:400; }

.pageID { font-size:44px; line-height:1.0; }
.pageID::after { content:attr(data-jp) ""; font-size:12px; text-align:left; display:inline-block; margin-left:15px; font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

.pageID span { display:inline-block; font-size:12px; margin-left:15px; font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.pageID span:nth-of-type(n+2) { position:relative; padding-left:0px; margin-left:10px; }
.pageID span:nth-of-type(n+2):before { content:"/"; padding-right:5px; }


	@media only screen and (max-width: 767px) {	
		.pageID { font-size:24px; }
	}


/*-----------------------------------------------------------------------
pager
-----------------------------------------------------------------------*/

.pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #a0a0a0; margin-top:50px; }
.pager a:hover { opacity: 0.7; }
.pager > * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 3px; background:#fff; color: #a0a0a0; border:1px solid #aaa; }
.pager .current { color: #fff; background: #233c5e; }
.pager .prev { margin-right: 20px; border: none; font-size: 22px; background:none; }
.pager .next { margin-left: 20px; border: none; font-size: 22px; background:none; }

.pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #a0a0a0; margin-top: 54px; }
.pager .pagination ul li a:hover { opacity: 0.7; }
.pager ul li { margin:0 3px;}
.pager ul li > * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin:0; color: #a0a0a0; font-weight: 700;}
.pager li:not(.prev):not(.next) {background: #fff}
	.pager.is-type2 ul li:not(.prev):not(.next) { background:#f7f6f8; }
.pager .pagination .prev a { margin-right: 20px; border: none; font-size: 22px; }
.pager .pagination .next a { margin-left: 20px; border: none; font-size: 22px; }
.pager .no_border { border: none; }


@media only screen and (max-width:767px) {
	.pager { margin-bottom:50px; }
	.pager > * { padding:0 0px; line-height:1.5; width:30px; height:30px; }
	.pager ul li > * { width: 34px; height: 34px; }
	.pager .prev { margin-right: 0px; font-size: 16px; }
	.pager .next { margin-left: 0px; font-size: 16px; }
	
}


/*-----------------------------------------------------------------------
bnrBox
-----------------------------------------------------------------------*/

.bnrBox { margin-top:80px; margin-bottom:50px; }
#top .bnrBox { margin-bottom:120px; }
.bnrBox_inner { max-width:1288px; margin:0 auto; padding:0 20px; }

	@media only screen and (max-width: 1024px) {
		 .bnrBox { margin-top:0px; margin-bottom:30px; }
		#top .bnrBox { margin-bottom:60px; }
	}

	@media only screen and (max-width: 767px) {
		.bnrBox { margin-bottom:0px; }
		.bnrBox_inner img { margin-bottom:20px; }
		#top .bnrBox { margin-bottom:30px; }
	}


/**
 * FOOTER
 * -------------------------------------------------------------------------- */
 
#footer { background:#f8f8f8; padding:60px 0; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { }
#footer .footer_menu { position:relative; }

.footer_inner { max-width:1140px;margin:0 auto; padding:0 20px; }
.footer_menu_upper { border-bottom:1px dotted #1f3657; margin-bottom:20px; font-family: baskerville-display-pt, serif; }
.footer_menu_upper ul { display:flex; justify-content:flex-left; margin-top:15px; padding-bottom:10px; }
.footer_menu_upper li a { color:#1f3657; }

	@media only screen and (min-width:768px) {
	
		.footer_menu_upper li:not(:first-child) { margin:0 15px 0 30px; }
		.footer_menu_upper li:first-child { margin-right:10px; }
		.footer_menu_upper li a { position:relative; }
		.footer_menu_upper li a:before { content:""; position:absolute; top:-3px; left:-25px; width:19px; height:19px; }
		.footer_menu_upper li:nth-child(2) > a:before { background:url(../img/common/ico_cosme.svg) no-repeat center 2px  / 7px auto; }
		.footer_menu_upper li:nth-child(3) > a:before { background:url(../img/common/ico_fragrance.svg) no-repeat center 3px / 9px auto; }
		.footer_menu_upper li:nth-child(4) > a:before { background:url(../img/common/ico_liquor.svg) no-repeat center 3px / 11px auto; }
		.footer_menu_upper li:nth-child(5) > a:before { background:url(../img/common/ico_tobacco.svg) no-repeat center 5px / 10px auto; }
		.footer_menu_upper li:nth-child(6) > a:before { background:url(../img/common/ico_other.svg) no-repeat center 3px / 12px auto; }
		
		.footer_menu_bottom ul { width:63%; }
	}

.footer_menu_bottom ul { display:flex; justify-content:flex-left; flex-wrap:wrap; }
.footer_menu_bottom li { margin:0 30px 5px 0; }
.footer_menu_bottom a { color:#000; font-size:12px; }

.footer_bottom { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.copyright { font-size:10px; font-family:serif; color:#1f3657; font-family: baskerville-display-pt, serif; }
.shopName { position:relative; color:#000; font-size:12px; padding:15px 60px 15px 0; }
.shopName:after { content:""; position:absolute; top:0; right:0; width:50px; height:50px; background:url(../img/common/img_logo.png) no-repeat top center / 50px auto; }

	@media only screen and (max-width:1024px) { }
	
	@media only screen and (max-width:767px) {
		#footer { padding:0px 0 10px; }
		.footer_inner { flex-wrap:wrap; padding:0 20px; }
		#footer .shopLogo { width:100%; order:2; }
		#footer .shopLogo img { width:33%; }
		#footer .footer_menu { width:100%; margin-bottom:20px; }
		.footer_menu_upper { border-bottom:none; margin-bottom:10px; }
		.footer_menu_upper ul { flex-wrap:wrap; border-bottom:none; padding-bottom:0px; }
		.footer_menu_upper li { display:block; width:100%; border-bottom:1px dotted #1f3657; padding:7px 0 5px; }
		.footer_menu_upper li:last-child { border-bottom:none; }
		.footer_menu_upper li a { display:block; background:none; }
		.footer_menu_bottom ul { border-bottom:1px dotted #1f3657; padding-bottom:10px; margin-bottom:15px; }
		.footer_menu_bottom li { width:50%; margin:0 0 10px 0; }
		.copyright { width:100%; display:block; line-height:1.75; order:2; }
		.shopName { order:1; margin-bottom:10px; padding:5px 0 5px 40px; }
		.shopName:after { right:auto; left:0; width:30px; height:30px; background:url(../img/common/img_logo.png) no-repeat top center / 30px auto; }
		
		.business_hour-top { background:rgba(255,255,255,0.9); border-top:1px solid #aaa; position:fixed; z-index:10; bottom:0; left:0; overflow:hidden; width:100%; padding:10px 20px; font-family: baskerville-display-pt, serif; font-size:12px; letter-spacing:0.095em; }
		.business_hour-top.static { position:static; }
		.business_hour { width:100%; overflow:hidden; }
     
	}



	
/* ------------------------------
 common style
------------------------------ */

.mt0 { margin-top:0!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }

.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }

.m_0 { margin-right:0; margin-left:0; }
.m_5 { margin-right:5px; margin-left:5px; }
.m_10 { margin-right:10px; margin-left:10px; }
.m_20 { margin-right:20px; margin-left:20px; }
.m_30 { margin-right:30px; margin-left:30px; }
.m_40 { margin-right:40px; margin-left:40px; }
.m_50 { margin-right:50px; margin-left:50px; }

.p0 { padding:0!important; }
.pt0 { padding-top:0!important; }
.pb0 { padding-bottom:0!important; }


/* ------------------------------
 Clearfix
------------------------------ */

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height:1px; clear:both; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* ------------------------------
 PRINT
------------------------------ */

@media print {

	body { padding:5%; }
	header, footer { display:none; }
	
}

#cart .woocommerce {
	display: none;
}