/*===== ! mobile first ! ======*/
html {-webkit-text-size-adjust: none}
.noscroll {overflow-y: hidden;}
.listItem {font-family: 'Hiragino Mincho ProN','BIZ UDMincho','Yu Mincho','MS Mincho','Noto Serif JP', serif;font-weight: bold;}
.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;}
.txt {line-height: 1.3333333;font-size: 4.2666666vw;margin-top: 2.66666vw;}
.wrapInner {}
.imgBox {}
.sub {font-size: 3.2vw;margin-top: 10px;}
.breadcrumbs {border-bottom: none;}
/*===========*/
.mainVisual {background: url(/whisky/shortstory/img/bg_img_01.png) top repeat-x;background-color: #d5bc96;}
.mainVisual .mvInner {width: 92.8vw;max-width: 348px;margin: auto;display: flex;flex-flow: wrap-reverse;padding: 45px 0 24px;}
.mainVisual .imgBox {width: 100%;display: flex;justify-content: center;margin-top: 16px;} 
.mainVisual .imgBox img:nth-child(1) {width: 57px;} 
.mainVisual .imgBox img:nth-child(2) {width: 48px;margin-left: 14px;} 
.mainVisual .ttlBox {width: 100%;}
.mainVisual .ttlBox img {}

/*=====contentsSection======*/
.contentsSection {}
.section01 {background: #F7F3EE;}
.section01 .wrapInner {display: flex;padding: 16px 16px 60px;flex-wrap: wrap;}
.section01 .wrapInner .anchorList {width: 100%;display: flex;flex-wrap: wrap;}
.section01 .wrapInner .anchorList .listItem {width: calc((100% - 32px)/3);}
.section01 .wrapInner .anchorList .listItem+.listItem {margin-left: 16px;}
.section01 .wrapInner .anchorList .listItem:nth-child(3n+1) {margin-left: 0}
.section01 .wrapInner .anchorList .listItem:nth-child(n+4) {margin-top: 16px}
.section01 .wrapInner .anchorList .listItem a {color: #000;text-align: center;border-radius: 4px;;padding: 1.866666vw 1.333333vw;transition: .3s ease;box-sizing: border-box;border:1px solid #5B3B29;display:block;}
.section01 .wrapInner .anchorList .listItem a .imgBox {}
.section01 .wrapInner .anchorList .listItem a .imgBox img {width: 72px;height: 72px;}
.section01 .wrapInner .anchorList .listItem a .subttl {color: #5B3B29;font-size: 11px;margin:8px auto 4px;}
.section01 .wrapInner .anchorList .listItem a .ttl02 {min-height: 2.831em;font-size: 13px;line-height: 1.384615;}
.backBtn {margin-top: 50px;}
.backBtn a {font-size: 13px;color: #000;display: flex;}
.backBtn a:before {content: "";display: block;width: 44px;height: 8px;    background: url(/whisky/shortstory/img/ico_arr_right.svg) center/cover;transform: rotate(180deg) rotateX(180deg);margin-right: 7.4px;}
/*=====  pagenation  ======*/
.pagenationList {display: flex;margin:40px auto 0;width: 100%;justify-content: center;}
.pagenationList .btn {width: 10.666666vw;height: 10.666666vw; max-width: 40px;max-height: 40px;display: flex; justify-content: center;align-items: center;font-size: 14px;font-weight: bold;}
.pagenationList .btn+.btn {margin-left: 5px;}
.pagenationList .btn a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%; color: #000;transition: .3s ease;font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;}
.pagenationList .btn.selected a {background: #d5bc96;}
.pagenationList .btn.pre a {}
.pagenationList .btn.next a {}
.pagenationList .btn a img {width: 12px;}
.pagenationList .btn:only-child {display:none;}
.noLink {pointer-events: none;}

/*===== ! pc !  ======*/
@media screen and (min-width: 768px) {
	.ttl01 {font-size: 40px;line-height: 1.2;margin: 0}
	.ttl02 {font-size: 32px;line-height: 1.25;}
	.txt {line-height: 1.5555555;font-size: 18px}
	.section01 {margin-top:0;}
	.wrapInner {}
	.imgBox {}
	/*===========*/
	.mainVisual {display: flex;height: 278px;align-items: center;justify-content: center;background: url(/whisky/shortstory/img/bg_img_01.png) top repeat-x,url(/whisky/shortstory/img/bg_img_01.png) bottom repeat-x;background-color: #d5bc96;}
	.mainVisual .mvInner {width: 1164px;;max-width: 100%;position: relative;margin: auto;padding: 0;box-sizing: border-box}
	.mainVisual .imgBox {width: 100%;display: flex;justify-content: space-between;margin-top: 0;} 
	.mainVisual .imgBox img:nth-child(1) {width: 110px;margin-top: -5px;} 
	.mainVisual .imgBox img:nth-child(2) {width: 73px;margin-left: 0;} 
	.mainVisual .ttlBox {width: 632px; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.mainVisual .ttlBox img {}

	/*=====contentsSection======*/
	.contentsSection {}
	.section01 {}
	.section01 .wrapInner {justify-content: space-around;justify-content: center;width: 1164px;padding:28px 0 32px;min-height: 480px;} 
	.section01 .wrapInner .anchorList {justify-content: center;padding: 0;}
	.section01 .wrapInner .anchorList .listItem {width: auto;}
	.section01 .wrapInner .anchorList .listItem+.listItem {margin-left: 16px;}
	.section01 .wrapInner .anchorList .listItem:nth-child(7n) {margin-left: 0;}
	.section01 .wrapInner .anchorList .listItem:nth-child(14) {margin-left: 16px;}
	.section01 .wrapInner .anchorList .listItem:nth-child(n+4) {margin-top: 0}
	.section01 .wrapInner .anchorList .listItem:nth-child(n+7) {margin-top: 16px;}
	.section01 .wrapInner .anchorList .listItem a { padding: 15px 10px; width: 180px;}
	.section01 .wrapInner .anchorList .listItem a:hover {opacity: .7;}
	.section01 .wrapInner .anchorList .listItem a .imgBox {margin-bottom: 8px;}
	.section01 .wrapInner .anchorList .listItem a .imgBox img {height: 88px;width: 89.11px;}
	.section01 .wrapInner .anchorList .listItem a .subttl {font-size: 12px;margin-bottom: 2px;line-height: 1.1;}
	.section01 .wrapInner .anchorList .listItem a .ttl02 {font-size: 20px;line-height: 1.4;}

	/*=====  pagenation  ======*/
	.pagenationList {margin:28px auto 0;}
	.pagenationList .btn {}
	.pagenationList .btn a {}
	.pagenationList .btn:hover a {background: #CDB084;}
	.pagenationList .btn.pre a {}
	.pagenationList .btn.next a {}
	.pagenationList .btn a img {}
}