/*===== ! mobile first ! ======*/
html {-webkit-text-size-adjust: none}
* {box-sizing: border-box;}
.anchorNav,.ttlBox,.txtBox,.caption {font-family: 'Hiragino Mincho ProN','BIZ UDMincho','Yu Mincho','MS Mincho','Noto Serif JP', serif;font-weight: bold;}
.noscroll {overflow-y: hidden;}
.ttl01 {text-align: center;font-size: 6.933333vw;padding: 4.26666vw 0;line-height: 1.384615;font-weight: 600;}
.ttl02 {text-align: center;font-size: 6.4vw;line-height: 1.3333333;}
.txtR {text-align: right;}
.wrapInner {}
.imgBox {}
.sub {font-size: 3.2vw;margin-top: 10px;}
.breadcrumbs {border-bottom: none;}
/*=====mv======*/
.mainVisual {background: url(/whisky/shortstory/img/bg_img_01.png) top repeat-x;background-color: #d5bc96;}
.mainVisual .mvInner {width: 92.8vw;margin: auto;height: 80px;padding: 25px 0 8px;margin: auto;}
.mainVisual .ttlBox {max-width:358px;display: flex;justify-content: space-between;width: 100%;margin: auto;}
.mainVisual .ttlBox img:nth-child(1) {width: 46px;} 
.mainVisual .ttlBox img:nth-child(2) {width: 216px;} 
.mainVisual .ttlBox img:nth-child(3) {width: 34px;} 
/*=====anchorNavSection======*/
.anchorNavSection {background: #F7F3EE;}
.anchorNavSection.fixed {position: fixed;width: 100%;top: 0;left: 0;}
.anchorNavSection .anchorNav {}
.anchorNav {justify-content: space-between;align-items: center;height: 40px; margin: auto;border-bottom: 1px solid #5B3B29;position: relative;}
.anchorNav li {position: absolute;top: 50%;transform: translate(0,-50%);}
.anchorNav li a {position: relative;font-size: 11px;color: #000;display: flex;align-items: baseline;}
.anchorNav li.anchor {}
.anchorNav li.preBtn {left: 8px;}
.anchorNav li.preBtn a {}
.anchorNav li.preBtn a:before {content: "";transition: .3s ease;width: 11.7333333vw;height: 2.1333333vw; max-width: 44px;max-height: 8px; display: block;margin-right: 8px; background: url(/whisky/shortstory/img/ico_arr_left.svg) center no-repeat;background-size: 100% 120%; left: 0;}
.anchorNav li.goList {left: 50%;transform: translate(-50%,-50%);}
.anchorNav li.goList a {color: #5B3B29;font-size: 16px;}
.anchorNav li.nextBtn {right: 8px;}
.anchorNav li.nextBtn a {}
.anchorNav li.nextBtn a:after {content: "";transition: .3s ease;width: 11.7333333vw;height: 2.1333333vw;max-width:44px;display: block; max-height: 8px;margin-left: 8px;background: url(/whisky/shortstory/img/ico_arr_right.svg) center no-repeat;background-size: contain; right: 0;}
/*=====contentsSection======*/
.contentsSection {}
.section01 {background: #F7F3EE;}
.section01 .wrapInner {display: flex;padding: 24px 3.2vw 45px;flex-wrap: wrap;}
.section01 .wrapInner .article {width: 87.2vw;margin: auto;}
.section01 .wrapInner .article > .imgBox {width: 256px;margin: auto;}
.section01 .wrapInner .article .imgBox img {}
.section01 .wrapInner .article .ttlBox {text-align: center;border-bottom: 1px solid #5B3B29;padding: 16px 0 24px;margin-bottom: 16px;}
.section01 .wrapInner .article .ttlBox p {font-size: 18px;}
.section01 .wrapInner .article .ttlBox .subttl {}
.section01 .wrapInner .article .ttlBox .ttl {font-size: 36px;margin: 10px auto;display: block;}
.section01 .wrapInner .article .ttlBox .writer {}
.section01 .wrapInner .article .txtBox {}
.section01 .wrapInner .article .txtBox p.txt,
.section01 .wrapInner .article .txtBox div.txt p {line-height: 1.84; font-size: 16px; margin-bottom: 1.85em;}
.section01 .wrapInner .article .txtBox div.txt p:last-child { margin-bottom: 0; }
.mb1em {margin-bottom: 1em;}
.section01 .wrapInner .article .itemBox {text-align: center;margin: 40px auto 0;}
.section01 .wrapInner .article .itemBox .imgBox {width: 42.666666vw;margin: auto;}
.section01 .wrapInner .article .itemBox .imgBox img {}
.section01 .wrapInner .article .caption {margin-top: 16px;font-size: 12px;}
.section01 .wrapInner .article .anchorNav {border-top: 1px solid #5B3B29;height: 76px;margin:35px auto 0;}
.section01 .wrapInner .article .anchorNav .anchor a {font-size: 14px;}
.section01 .wrapInner .article .anchorNav li.goList a {font-size: 16px;}
.backBtn {margin-top: 45px;}
.backBtn a {font-size: 13px;color: #000;display: inline-block;align-items: baseline;}
.backBtn a:before {content: "";display: inline-block;width: 44px;height: 8px;background: url(/whisky/shortstory/img/ico_arr_left.svg) center/cover;background-size: 100% 150%; margin-right: 7.4px;}
.section01 .wrapInner .article .anchorNav li.preBtn {left: 0;}
.section01 .wrapInner .article .anchorNav li.nextBtn {right: 0;}
@media screen and (max-width: 320px) {
.section01 .wrapInner .article .anchorNav .anchor a {font-size: 3.73333333vw;}
.section01 .wrapInner .article .anchorNav li.goList {font-size: 4.2666666vw;}
.section01 .wrapInner .article .anchorNav li.preBtn a:before {margin-right: 2.1333333vw;}
.section01 .wrapInner .article .anchorNav li.nextBtn a:after {margin-left: 2.1333333vw}
}
/*===== ! pc !  ======*/

@media screen and (min-width: 768px) {
	.anchorNav,.ttlBox,.txtBox,.caption {font-weight: 700;}
	p.txt,div.txt p {line-height: 1.5555555;font-size: 18px}
	.section01 {margin-top:0;}
	.wrapInner {}
	.imgBox {}
	/*=====mv======*/
	.mainVisual {background-color: #d5bc96;}
	.mainVisual .mvInner {width: 1164px;height: auto; position: relative;margin: auto;padding: 44px 0 30px;box-sizing: border-box;}
	.mainVisual .ttlBox {max-width: 100%;margin: auto;width: 640px;}
	.mainVisual .ttlBox img:nth-child(1) {width: 72px;} 
	.mainVisual .ttlBox img:nth-child(2) {width: 360px;} 
	.mainVisual .ttlBox img:nth-child(3) {width: 48px;} 
	/*=====anchorNavSection======*/
	.anchorNavSection {border-bottom: 1px solid #5B3B29;border-top: 1px solid #5B3B29;}
	.anchorNavSection .anchorNav {border-bottom: none;width: 640px;}
	.anchorNav {height: 44px;}
	.anchorNav li {}
	.anchorNav li a {position: relative;transition: .3s ease;font-size: 14px;}
	.anchorNav li.anchor {}
	.anchorNav li.preBtn {}
	.anchorNav li.preBtn a {padding-left: 52px;}
	.anchorNav li.preBtn a:before {width: 44.54px;height: 8.96px;position: absolute;left: 0;margin-right: 0;top: 50%;background: url(/whisky/shortstory/img/ico_arr_right.svg) center no-repeat;background-size: contain; transform:translate(0,-50%) rotate(180deg) rotateX(180deg);}
	.anchorNav li.preBtn a:hover:before {left: -8px;}
	.anchorNav li.goList {}
	.anchorNav li.goList a {}
	.anchorNav li.nextBtn {}
	.anchorNav li.nextBtn a {padding-right: 52px;}
	.anchorNav li.nextBtn a:after {width: 44.54px;height: 8.96px;position: absolute;right: 0;margin-left: 0;top: 50%;transform: translate(0,-50%);}
	.anchorNav li.nextBtn a:hover:after {right: -8px;}
	/*=====contentsSection======*/
	.contentsSection {}
	.section01 {}
	.section01 .wrapInner {justify-content: space-around;justify-content: center;width: 1164px;padding:12px 0 60px} 
	.section01 .wrapInner .article {width: 640px;}
	.section01 .wrapInner .article .imgBox {}
	.section01 .wrapInner .article .imgBox img {}
	.section01 .wrapInner .article .ttlBox {padding: 32px 0;margin-bottom: 32px;}
	.section01 .wrapInner .article .ttlBox p {}
	.section01 .wrapInner .article .ttlBox .subttl {}
	.section01 .wrapInner .article .ttlBox .ttl {font-size: 44px;margin:18px auto;}
	.section01 .wrapInner .article .ttlBox .writer {}
	.section01 .wrapInner .article .txtBox {}
	.section01 .wrapInner .article .txtBox p.txt,
	.section01 .wrapInner .article .txtBox div.txt p {font-size: 18px;}
	.mb1em {}
	.section01 .wrapInner .article .itemBox {width: 165px;margin-top: 48px;}
	.section01 .wrapInner .article .itemBox .imgBox {width: 160px;margin: auto;}
	.section01 .wrapInner .article .itemBox .imgBox img {}
	.section01 .wrapInner .article .caption {}
	.section01 .wrapInner .article .anchorNav {height: 88px; margin: 40px auto 0;}
	.section01 .wrapInner .article .anchorNav .anchor {}
	.section01 .wrapInner .article .anchorNav li.preBtn {left: 8px;}
	.section01 .wrapInner .article .anchorNav li.nextBtn {right: 8px;}
	.backBtn {margin-top: 40px;}
	.backBtn a {font-size: 13px;color: #000;padding-left: 60px;position: relative;}
	.backBtn a:before {content: "";transition: .3s ease; display: block;width: 44px;height: 8px;background: url(/whisky/shortstory/img/ico_arr_left.svg) center/cover;position: absolute;top: 50%;left: 8px;transform: translate(0,-50%);}
	.backBtn a:hover:before {left: 0;}
}