@charset "utf-8";
/*! base.css | author TK | @version  1.1(updated :2018.02.01) */
/* =========================================================================================================
 *
 * リセット
 *
========================================================================================================= */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}
a,hr{padding:0}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,
div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,
label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,
tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;font-size:100%;}
ins,mark{background-color:#ff9;color:#191919}nav ul{list-style:none}blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{margin:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none;}
ins{text-decoration:none}
mark{font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}
input,select{vertical-align:middle}
.defs{display:none;}
img{vertical-align:bottom; width:100%; height:auto;}
button,input,select,textarea{margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:100%;}
select::-ms-expand{display:none;}
/*svg{vertical-align:bottom;}*/
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
::-ms-input-placeholder{color:#ccc;}
/* =========================================================================================================
 *
 * フォント
 *
========================================================================================================= */
@font-face{font-family:YuMinchoM; src:local(Yu Mincho Medium),local(Yu Mincho); font-weight:500;}
html{font-size:62.5%;}
body{font-size:1.6em; font-family:"游明朝 Medium", "Yu Mincho Medium", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;}
.yu-m{font-family:"游明朝 Medium", "Yu Mincho Medium", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;}
.yu-g{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.cormorant{font-family:'Cormorant', serif; font-weight:400;}
.cardo{font-family:'Cardo', serif; font-weight:400;}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;} /* IE11 */
}
/* =========================================================================================================
 *
 * ボディー
 *
========================================================================================================= */
body{line-height:120%; letter-spacing:.02em; color:#000; background-color:#fff; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased;}
body.pc{overflow-y:scroll;}
/* =========================================================================================================
 *
 * ローダー
 *
========================================================================================================= */
#preloader{position:fixed; top:50%; left:50%; width:180px; height:58px; margin:-26px 0 0 -90px; display:flex; justify-content:center; align-items:center; flex-direction:column; /*overflow:hidden;*/ z-index:10;}
#preloader p{font-size:11px; line-height:100%; text-align:center; padding-top:5px; color:#AD9469;}
#preloader .loading-circle{display:inline-block;border:0 solid #FDF9F4;border-radius:50%;width:34px;height:34px;border-width:2px}
#preloader .loading-circle:before{content:'';display:block;border:0 solid transparent;border-top-color:#AD9469;border-radius:50%;animation:loading 1s ease infinite;width:34px;height:34px;border-width:2px;margin:-2px 0 0 -2px}
#preloader{opacity:1; visibility:visible;}
#preloader.fadeout{opacity:0; visibility:hidden; transition:visibility 0s ease-out 2.2s, opacity .4s ease-out 1.2s;}
/* =========================================================================================================
 *
 * FRAME（枠組）
 *
========================================================================================================= */
[class^="block-"]{margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px; position:relative;}
.block{padding-left:80px; padding-right:80px;}
.block-s{padding-left:calc(12% + 10px); padding-right:calc(12% + 10px); max-width:1000px;}
.block-m{padding-left:calc(9% + 10px); padding-right:calc(9% + 10px); max-width:1360px;}
.block-l{padding-left:80px; padding-right:80px; max-width:1460px;}
main{padding-top:60px; display:block;}
main#home-index,
main#about-index,
main#spot-index,
main#post-article-book{padding-top:0;}
@media screen and (max-width:768px){
	.block-l{padding-left:25px; padding-right:25px;}
}
@media screen and (max-width:568px){
	main{padding-top:50px;}
	.block,
	.block-s,
	.block-m{padding-left:25px; padding-right:25px;}
}
/* カラム調整
-----------------------------------------------------------------------------*/
.post-list.under{display:flex; justify-content:space-between;}
.post-list.under > div:nth-of-type(1){width:calc(70% - 30px);}
.post-list.under > div:nth-of-type(2){width:calc(30% - 30px);}
/*スタイル調整*/
.adjust-col{padding:8% 0;}
.adjust-col{display:flex; flex-wrap:wrap; justify-content:space-between;}
.adjust-col .main-col{width:calc(100% - 380px);}
.adjust-col .side-col{width:300px;}
.adjust-col .block-l{padding-left:0; padding-right:0; max-width:none;}
@media screen and (max-width:1200px){
	.adjust-col{display:block;}
	.adjust-col .main-col,
	.adjust-col .side-col{width:100%;}
	.adjust-col .block-l{padding-left:80px; padding-right:80px; max-width:1460px;}
	.block-l.outside{padding-left:0; padding-right:0; max-width:none;}
}
@media screen and (max-width:768px){
	.adjust-col .block-l{padding-left:25px; padding-right:25px;}
}
@media screen and (max-width:568px){
	.adjust-col{padding:12% 0;}
}
/* =========================================================================================================
 *
 *
 *
 *
 *
 * パーツスタイル
 *
 *
 *
 *
 *
========================================================================================================= */
/* =========================================================================================================
 *
 * キーフレーム
 *
========================================================================================================= */
@keyframes preloader{0%{opacity:1;}50%{opacity:0;}100%{opacity:1; display:none;}}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}
@keyframes i-slide-r{0%{transform:translate(0,0);opacity:1;}50%{transform:translate(10px, 0);opacity:0;}51%{transform:translate(-10px, 0);opacity:0;}100%{transform:translate(0,0);opacity:1;}}
@keyframes i-slide-l{0%{transform:translate(0,0);opacity:1;}50%{transform:translate(-10px, 0);opacity:0;}51%{transform:translate(10px, 0);opacity:0;}100%{transform:translate(0,0);opacity:1;}}
@keyframes blind{0%{width:0; left:0; opacity:1;}50%{width:100%; left:0;}51%{width:100%; left:auto; right:0;}100%{width:0; left:auto; right:0; opacity:1; visibility:hidden;}}
@keyframes scratch{0%{left:-35px; width:0; opacity:0;}30%{opacity:1;}100%{left:35px; width:34px;}}
@keyframes elasticus{0%{transform-origin:0% 0%; transform:scale(1, 0);}50%{transform-origin:0% 0%; transform:scale(1, 1);}50.1%{transform-origin:0% 100%; transform:scale(1, 1);}100%{transform-origin:0% 100%; transform:scale(1, 0);}}
@keyframes scroll_down_btn-animation{0% {transform:translate(0, 0); opacity:0;} 40% {opacity:1;} 80% {transform:translate(0, 40px); opacity:0;} 100% {opacity:0;}}
@keyframes fluffy1{0%{right:-100px; display:none;}50%{right:-100px; display:block;}100%{right:20px;}}
@keyframes fluffy2{0%{right:-100px; display:none;}50%{right:-100px; display:block;}100%{right:12px;}}
@keyframes bgroop-pc{from{background-position:center 0;}to{background-position:center -800px;}}
@keyframes bgroop-sp{from{background-position:center 0;}to{background-position:center -2400px;}}
@keyframes loading{100%{transform:rotate(360deg)}}
/* =========================================================================================================
 *
 * リンクアニメーション / アンダーライン
 *
========================================================================================================= */
/* デフォルト
-----------------------------------------------------------------------------*/
.link-underline{display:inline-block; vertical-align:middle; transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; overflow:hidden; transition:color .2s ease-out; line-height:100%; padding-bottom:2px; padding-top:2px;}
.link-underline:before{content:""; position:absolute; z-index:-1; left:50%; right:50%; bottom:0; background-color:#000; height:1px; opacity:0; transition:left .3s ease-out, right .3s ease-out, opacity 0s .3s;}
.link-underline.current:before{left:0; right:0; opacity:1;}
.pc .link-underline:hover:before{left:0; right:0; opacity:1; transition:left .3s ease-out, right .3s ease-out;}
/* ラインあり
-----------------------------------------------------------------------------*/
.link-underline.display:before{left:0; bottom:0; background-color:#000; width:100%; opacity:1;}
.link-underline.display:after{content:""; position:absolute; left:0; right:100%; bottom:0; background-color:#AD9469; height:1px; opacity:0; transition:left .3s ease-out, right .3s ease-out, opacity 0s .3s;}
.pc .link-underline.display:hover:after{right:0; opacity:1; transition:left .3s ease-out, right .3s ease-out;}
/*アイコンあり
-----------------------------------------------------------------------------*/
.link-underline.icon{padding-right:26px;}
.link-underline.arrow svg{width:20px; height:4px; position:absolute; right:0; top:50%; margin-top:-5px;}
/*ラインカラー
-----------------------------------------------------------------------------*/
/*ホワイト*/
.link-underline.white:before{background-color:#fff;}
/*ブラック*/
.link-underline.black:before{background-color:#000;}
/*透明→ホワイト*/
.link-underline.non-white:before{background-color:transparent;}
.link-underline.non-white:after{background-color:#fff;}
/* =========================================================================================================
 *
 * ブラインドボタン
 *
========================================================================================================= */
/*デフォルト
-----------------------------------------------------------------------------*/
.blind-button{position:relative; display:inline-block; color:#fff; background-color:#AD9469; text-transform:uppercase; cursor:pointer; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; line-height:100%; font-size:1.2rem; letter-spacing:.08rem;}
.blind-button.icon-r{padding:20px 60px 20px 40px;}
.blind-button > *{position:relative; display:block; z-index:2; backface-visibility:hidden;}
.blind-button:before{display:inline-block; content:''; position:absolute; left:0; right:0; bottom:0; height:100%; visibility:hidden; background-color:#000; transition:0.3s transform cubic-bezier(0, 0.01, 0, 1), visibility 0s 0.4s; backface-visibility:hidden;}
.pc .blind-button:hover:before{visibility:visible; transition:0.3s transform cubic-bezier(0, 0.01, 0, 1);}
.pc .blind-button:hover{color:#fff;}
/*X軸
-----------------------------------------------------------------------------*/
.blind-button.blind-x:before{transform:scaleX(0); transform-origin:right; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.pc .blind-button.blind-x:hover:before{transform:scaleX(1); transform-origin:left; -webkit-font-smoothing:antialiased;}
/*Y軸
-----------------------------------------------------------------------------*/
.blind-button.blind-y:before{transform:scaleY(0); transform-origin:bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.pc .blind-button.blind-y:hover:before{transform:scaleY(1); transform-origin:top; -webkit-font-smoothing:antialiased;}
/*カラー
-----------------------------------------------------------------------------*/
/*ピンク（薄い）*/
.blind-button.light-pink:before{background-color:rgba(243,184,185,.08);}
/*グレイ*/
.blind-button.light-pink:before{background-color:rgba(0,0,0,.01);}
/*グレイ→ピンク*/
.blind-button.gray-pink{background-color:#ededed;}
.pc .blind-button.gray-pink:hover:before{background-color:#AD9469;}
/*ピンク→ホワイト*/
.blind-button.pink-white{background-color:#AD9469;}
.blind-button.pink-white:before{background-color:#fff;}
.pc .blind-button.pink-white:hover:before{background-color:#fff;}
/* 矢印（リンクアニメーション）
-----------------------------------------------------------------------------*/
/*右向き*/
a svg.i-slide-r{width:20px; height:4px; position:absolute; right:20px; top:50%; margin-top:-3px; fill:#000;}
.pc a:hover svg.i-slide-r{animation:i-slide-r 640ms 1 forwards; fill:#AD9469; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.blind-button svg.i-slide-r{fill:#fff;}
.pc .blind-button:hover svg.i-slide-r{fill:#fff;}
/*左向き*/
a svg.i-slide-l{width:20px; height:4px; position:absolute; left:20px; top:50%; margin-top:-3px; fill:#000;}
.pc a:hover svg.i-slide-l{animation:i-slide-l 640ms 1 forwards; fill:#AD9469; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.blind-button svg.i-slide-l{fill:#fff;}
.pc .blind-button:hover svg.i-slide-l{fill:#fff;}
/*送信ボタン*/
.sbmit-buttom svg.i-slide-r{width:25px; height:10px; position:absolute; right:20px; top:50%; margin-top:-5px; fill:#fff;}
.pc .sbmit-buttom:hover svg.i-slide-r{animation:i-slide-r 640ms 1 forwards;}
/* ブランク
-----------------------------------------------------------------------------*/
a.blank{position:relative; padding-left:15px; color:#AD9469; line-height:100%;}
a.blank svg.i-blank{position:absolute; width:12px; height:12px; left:0; top:50%; margin-top:-6px; fill:#AD9469;}
.pc a.blank:hover{color:#000;}
.pc a.blank:hover svg.i-blank{fill:#000;}
/* =========================================================================================================
 *
 * スクロールアニメーション
 *
========================================================================================================= */
/* フェード
-----------------------------------------------------------------------------*/
/*基本フェード*/
.scroll-fade{opacity:0; position:relative;}
.scroll-fade.fadein{transition:opacity .6s ease-out .6s; opacity:1;}
/*透過なし*/
.scroll-fade.fadein.blink{transition:opacity 0s ease-out .6s;}
/*タイミング調整*/
.scroll-fade.fadein.slow1{transition:opacity 1s ease-in-out .2s;}
.scroll-fade.fadein.slow2{transition:opacity 1s ease-in-out .8s;}
.scroll-fade.fadein.slow3{transition:opacity 1s ease-in-out .8s;}
/* スライド
-----------------------------------------------------------------------------*/
/*基本スライド*/
.scroll-slide{opacity:0; overflow:hidden; position:relative;}
.scroll-slide.slidein{opacity:1;}
/*スライドアップ*/
.scroll-slide.up{top:120px;}
.scroll-slide.up.slidein{top:0; transition:top .6s cubic-bezier(.56,.08,.09,.96) .2s, opacity .6s cubic-bezier(.56,.08,.09,.96) .4s;}
/*スライドアップ*/
.scroll-slide.left{left:-120px;}
.scroll-slide.left.slidein{left:0; transition:left .6s cubic-bezier(.56,.08,.09,.96) .2s, opacity .6s cubic-bezier(.56,.08,.09,.96) .4s;}
/* =========================================================================================================
 *
 * スクロールダウン
 *
========================================================================================================= */
a.scroll-down{position:absolute; left:20px; height:50px; width:30px; bottom:30px; background-color:transparent; cursor:pointer; outline:none; z-index:5; opacity:0; transition:all .6s ease-in-out;}
.active a.scroll-down{opacity:1;}
a.scroll-down:before,
a.scroll-down:after{position:absolute; background-color:#fff; content:'';}
a.scroll-down:before{top:0px; left:50%; width:7px; height:7px; margin-left:-3px;  border-radius:100%; animation:scroll_down_btn-animation 2s infinite;}
a.scroll-down:after{height:100%; width:1px; top:0; left:15px;}
a.scroll-down.white:before,
a.scroll-down.white:after{background-color:#fff;}
@media screen and (max-width:568px){
	a.scroll-down{left:0;}
}
/* =========================================================================================================
 *
 * スクロールアップ
 *
========================================================================================================= */
#scroll-up-btn{position:fixed; bottom:60px; right:20px; visibility:hidden; opacity:0; padding:5px; cursor:pointer; overflow:visible; z-index:-1; transition:right .4s ease-out .6s, visibility .3s ease-out .4s, opacity .3s ease-out .6s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#scroll-up-btn svg{width:8px; height:89px; fill:#AD9469; transition:fill .2s ease-out;}
#scroll-up-btn.on{z-index:21; right:32px; visibility:visible; opacity:1;}
.pc #scroll-up-btn:hover svg{fill:#999;}
@media screen and (max-width:768px){
	#scroll-up-btn{/*bottom:160px;*/ right:0px;}
	#scroll-up-btn.on{/*bottom:160px;*/ right:12px;}
}
/* =========================================================================================================
 *
 * ソーシャルリンク
 *
========================================================================================================= */
.social-link{display:flex; align-items:center; list-style:none;}
.social-link li{margin-left:10px;}
.social-link li:nth-of-type(1){margin-left:0;}
.social-link a{padding:8px; display:block; background-color:#eee; border-radius:50%; width:18px; height:18px; font-size:0 !important;}
.social-link svg{width:18px; height:18px; fill:#999; transition:fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.pc .social-link a:hover svg{fill:#000;}
/*個別ページ*/
.social-link.individual{justify-content:center;}
.social-link.individual li{/*margin-left:0;*/ position:relative;}
.social-link.individual li:nth-of-type(1){/*margin-left:0;*/}
.social-link.individual a{padding:8px; width:18px; height:18px; transition:background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1)}
.social-link.individual svg{width:18px; height:18px; fill:#fff;}
.social-link.individual a.twitter{background-color:#55acee;}
.social-link.individual a.facebook{background-color:#3B5998;}
.social-link.individual a.line{background-color:#00c300;}
.social-link.individual a.google{background-color:#dd4b39;}
/*ホバーアクション*/
.pc .social-link.individual a:hover{background-color:rgba(0,0,0,.05);}
.pc .social-link.individual a:hover svg{fill:#b69997;}
.pc .social-link.individual a.twitter:hover svg{fill:#55acee;}
.pc .social-link.individual a.facebook:hover svg{fill:#3B5998;}
.pc .social-link.individual a.line:hover svg{fill:#00c300;}
.pc .social-link.individual a.google:hover svg{fill:#dd4b39;}
/* =========================================================================================================
 *
 * メニューボタン
 *
========================================================================================================= */
#menu-button{position:fixed; z-index:200; top:12px; right:20px; width:34px; height:34px; cursor:pointer; /*-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);*/}
#menu-button span{display:block;}
#menu-button #bars{position:absolute; top:0px; left:0px; width:34px; height:34px; transition:transform .3s cubic-bezier(0.694, 0.048, 0.335, 1); font-size:0; text-align:left; overflow:hidden;}
#menu-button #bars span{position:absolute; width:100%; height:2px; background-color:#737070; overflow:hidden; left:0;}
#menu-button #bars span:nth-child(1){transform:scaleX(1); transition:transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1) .4s; width:60%;}
#menu-button #bars span:nth-child(1){top:10px;}
#menu-button #bars span:nth-child(2){top:16px;}
#menu-button #bars span:nth-child(3){top:22px;}
#menu-button #bars span:nth-child(3){width:70%; transition:width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1) .4s;}
#menu-button #bars #cross-bar{width:2px; height:0; position:absolute; top:0; left:15px; transition:height 0.4s cubic-bezier(0.694, 0.048, 0.335, 1),background-color 0s .6s; z-index:10; margin-top:0; margin-left:0;}
#menu-button #slide-reset{position:absolute; width:100%; height:100%; top:0; left:0;}
/*スクラッチアニメーション*/
#menu-button #bars span:nth-child(-n + 3):after{content:""; position:absolute; height:5px; width:0; background-color:#fff; top:-2px; left:-35px;}
#menu-button.scratch #bars span:nth-child(-n + 3):after{animation:scratch .9s cubic-bezier(0, 0.01, 0, 1) 1;}
#menu-button.scratch #bars span:nth-child(1):after{animation-delay:0;}
#menu-button.scratch #bars span:nth-child(2):after{animation-delay:.3s;}
#menu-button.scratch #bars span:nth-child(3):after{animation-delay:.6s;}
/*アクティブ*/
#menu-button.active{animation:fluffy1 1s ease 0s;}
#menu-button.active #slide-reset{display:none;}
#menu-button.active #bars{transform:rotate(45deg); transition-delay:0.4s;}
#menu-button.active #bars span:nth-child(1){transform:scaleX(0); transition:transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);}
#menu-button.active #bars span:nth-child(2){/*top:6px;*/}
#menu-button.active #bars span:nth-child(3){width:0; transition:width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);}
#menu-button.active #bars #cross-bar{height:34px; transition:height 0.2s cubic-bezier(0.694, 0.048, 0.335, 1) .3s;}
#menu-button.active #bars span:after{display:none;}
#menu-button.on #bars span:nth-child(-n + 3):after{background-color:#f0ece5;}
@media screen and (max-width:568px){
	#menu-button{top:8px; right:12px;}
	#menu-button.active{animation:fluffy2 1s ease 0s;}
}
/* =========================================================================================================
 *
 * サイトナビゲーション（ハンバーガーメニュー）
 *
========================================================================================================= */
/* 枠組
-----------------------------------------------------------------------------*/
#sitenav{position:fixed; top:0; left:0; overflow:hidden; z-index:-1; visibility:hidden; height:0; width:100%; opacity:0; transition:visibility .4s ease-out .4s, opacity .4s ease-out 0s, height 0s ease-out 1.0s, z-index 0s ease-out 1.0s;}
#sitenav #sitenav-inner{/*height:100%;*/height: auto; display:flex; flex-direction:column-reverse; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;}
.pc #sitenav-inner{width:100%;}
.sp #sitenav-inner{width:100%;}
#select-contents{position:relative; padding:0;}
/* アクティブ*/
#sitenav.active{visibility:visible; opacity:1; height:100vh; z-index:30; transition:visibility 0s ease-out 0s, opacity .4s ease-out .8s, height 0s ease-out 0s, z-index 0s ease-out 0s;}
#sitenav.active #sitenav-inner{}
/*ブラインド
-----------------------------------------------------------------------------*/
#sitenav-flash-in{position:fixed; width:100%; height:100%; top:0; left:0; visibility:hidden; z-index:29; transition:visibility 0s ease-out 1.0s;}
#sitenav-flash-in:before,
#sitenav-flash-in:after{content:""; position:absolute; height:50%; width:0; background-color:#110d0d;color: #fff; transition:width .6s cubic-bezier(.19,1,.22,1) .6s;}
#sitenav-flash-in:before{top:0; right:0;}
#sitenav-flash-in:after{bottom:0; left:0;}
/* アクティブ*/
#sitenav-flash-in.active{width:100%; height:100%; visibility:visible; transition:visibility 0s ease-out 0s;}
#sitenav-flash-in.active:before,
#sitenav-flash-in.active:after{width:100%; transition:width .6s cubic-bezier(.19,1,.22,1) .3s;}

#sitenav-inner #select-contents{
	width: 60%;
	margin: 0 auto;
	text-align: center;
	color: #737070;
}
#sitenav-inner h3{font-size: 1.2rem;padding-top: 3em;}
#sitenav-menu {list-style-type: none;padding: 3em 0;}
#sitenav-menu li{font-size: 1.8rem;border-bottom: solid 1px #262626;text-align: left;transition: all 300ms 0s ease;}
#sitenav-menu li a{width: 100%; padding: 0.7em;color: #b29b73;background: url("../images/icon_sitenavi_arrow@2x.png") 98% 50% no-repeat;background-size: auto 4px;box-sizing: border-box;}
#sitenav-menu li.sitenav-separate{border-top: solid 1px #262626;margin-top: 2em;}
.pc #sitenav-menu li a:hover{background-image: url("../images/icon_sitenavi_arrow_w@2x.png");color: #fff;}
.pc #sitenav-menu li:hover{border-bottom-color: #666;}

.close-icon {width: 36px;height: 36px; background: url("../images/icon_close@2x.png") no-repeat;background-size:contain;position: absolute; top: 10px; right: 15px;}

#sitenav-logo {text-align: center;padding: 30px 0;}
#sitenav-logo svg{fill: #AD9469;width: 160px;height: 48px;}

#sitenav-sns .social-link {justify-content: center;padding-top: 10px;}
#sitenav-sns .social-link a {background-color: #4D4D4D;transition: background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
#sitenav-sns .social-link svg{fill: #110d0d;transition: fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.pc #sitenav-sns .social-link a:hover{background-color:#fff;}

#sitenav-inquiry {text-align: center;padding: 15px;}
#sitenav-inquiry a{border: 1px solid #4D4D4D;font-size: 1.3rem;color: #fff;padding: 20px 45px 20px 30px;position: relative;transition: background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1), color .3s cubic-bezier(0.694, 0.048, 0.335, 1);display: inline-block;}
#sitenav-inquiry a svg {width: 11px;height: 10px;position: absolute;right: 25px;top: 50%;margin-top: -5px;fill: #fff;transition: fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.pc #sitenav-inquiry a:hover{background-color:#fff; color:#110E0E;}
.pc #sitenav-inquiry a:hover svg{fill:#110E0E;}

#sitenav-inner .about-this a {color: #fff;line-height: 100%;font-size: 1.4rem;}

#sitenav-inner .produced-by {text-align: center;padding: 60px 0 60px 0;}
#sitenav-inner .produced-by p:nth-of-type(1) {font-size: 1.6rem;padding-bottom: 3px;}
#sitenav-inner .produced-by p:nth-of-type(2) {font-size: 1.2rem;}
#sitenav-inner .produced-by ul {display: flex;justify-content: center;align-items: center;padding-top: 10px;}
#sitenav-inner .produced-by ul li {padding: 0 15px;}
#sitenav-inner .produced-by ul li a {display: inline-block;}
#sitenav-inner .produced-by ul li:nth-of-type(1) a svg {width: 119px;}
#sitenav-inner .produced-by ul li:nth-of-type(2) a svg {width: 132px;}
#sitenav-inner .produced-by ul li a svg {height: 11px;fill: #AD9469;transition: fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.pc #sitenav-inner .produced-by ul li a:hover svg{fill:#fff;}

@media screen and (max-width:768px){
	#sitenav #sitenav-inner{display:block;}
}
@media screen and (max-width:568px){
	#sitenav-inner #select-contents{width: 100%;}
	#sitenav-inner h3{padding-top: 4em;}
	#sitenav-menu {padding-top: 1em;}
}
/* =========================================================================================================
 *
 * ページャー
 *
========================================================================================================= */
.pager.adjust-bottom{padding-bottom:10px;}
.pager.sp{display:none; padding-top:8%;}
.pager .wp-pagenavi{display:flex; margin:0; border-bottom:1px solid #f3efe9; border-top:1px solid #f3efe9; justify-content:space-between; text-align:center;}
.pager .wp-pagenavi > span,
.pager .wp-pagenavi a{width:100%; border-left:1px solid #f3efe9; box-sizing:border-box; display:block; font-size:1.1rem; color:#AD9469; position:relative; line-height:100%; padding:30px; background-color:#fff;}
.pager .wp-pagenavi a.blind-button:before{z-index:-1; background-color:rgba(243,239,233,.5);}
.pager .wp-pagenavi > *:first-child{border-left:none;}
.pager .wp-pagenavi > *:last-child{border-right:none;}
.pager .wp-pagenavi .extend{display:none;}
.pager .wp-pagenavi a svg.i-arrow-l,
.pager .wp-pagenavi a svg.i-arrow-r{fill:#AD9469; width:14px; height:3px; margin-top:-2px;}
.pager .wp-pagenavi a:hover svg.i-arrow-l,
.pager .wp-pagenavi a:hover svg.i-arrow-r{fill:#000;}
.pager .wp-pagenavi a svg.i-arrow-l{left:15px;}
.pager .wp-pagenavi a svg.i-arrow-r{right:15px;}
.pager .wp-pagenavi .current{background-color:rgba(243,239,233,.2); pointer-events:none; cursor:default; color:#ddd;}
.pager .wp-pagenavi .current svg{opacity:.4; fill:#ddd !important;}
.pc .pager .wp-pagenavi a:hover{color:#000; z-index:1;}
.pager .wp-pagenavi a.index span span{padding:0 2px;}
@media screen and (max-width:1200px){
	.pager.sp{display:block;}
	.pager.pc{display:none;}
}
@media screen and (max-width:768px){
	#pager.pager .wp-pagenavi > span,
	#pager.pager .wp-pagenavi a{display:none;}
	#pager.pager .wp-pagenavi a.previouspostslink,
	#pager.pager .wp-pagenavi a.nextpostslink{display:block;}
	.pager .wp-pagenavi > span,
	.pager .wp-pagenavi a{padding:30px 0;}
}
@media screen and (max-width:568px){
	.pager .wp-pagenavi > span,
	.pager .wp-pagenavi a{padding:20px 0;}
	.pager .wp-pagenavi a.index span span{display:block; padding:1px;}
	.pager .wp-pagenavi a.index.center{display:flex; justify-content:center; align-items:center; max-width:80px;}
	.pager.sp{padding-top:12%;}
}
/* =========================================================================================================
 *
 * サイドページャー
 *
========================================================================================================= */
.side-pager{position:fixed; top:0; height:100%; width:80px; z-index:20;}
.side-pager.prev{left:0; transition:left .6s ease-out;}
.side-pager.next{right:0; transition:right .6s ease-out;}
.side-pager.prev.hide{left:-82px;}
.side-pager.next.hide{right:-82px;}
.side-pager a{height:130px; width:100%; top:50%; margin-top:-65px; transition:right .4s cubic-bezier(0.694, 0.048, 0.335, 1); position:absolute; display:flex; justify-content:center; align-items:center;}
.side-pager.prev a{left:-52px; transition:left ease-out .6s;}
.side-pager.next a{right:-52px; transition:right ease-out .6s;}
.side-pager.prev.active a{left:0;}
.side-pager.next.active a{right:0;}
.side-pager a svg{fill:#000; width:10px; height:40px; transition:fill ease-out .6s;}
.side-pager .eye-catch{position:absolute; top:0; width:120px; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  z-index:-1; transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .6s;}
.side-pager .eye-catch:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:background-color .4s cubic-bezier(0.694, 0.048, 0.335, 1);}
.side-pager .eye-catch.prev{left:-162px;}
.side-pager .eye-catch.next{right:-162px;}
.pc .side-pager.prev a:hover + .eye-catch.prev{left:0;}
.pc .side-pager.next a:hover + .eye-catch.next{right:0;}
.pc .side-pager a:hover svg{fill:#fff;}
/*INFO用*/
.side-pager.info .eye-catch{width:260px; height:140px; top:50%; margin-top:-75px; background-color:#f3b8b9;}
.side-pager.info .eye-catch.prev{left:-380px; padding:5px 5px 5px 80px;}
.side-pager.info .eye-catch.next{right:-380px; padding:5px 80px 5px 5px;}
.side-pager.info .eye-catch .post-title{display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; background-size:cover; position:relative; padding:0 10px;}
/*.side-pager.info .eye-catch .post-title:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(243,184,185,.7);}*/
.side-pager.info .eye-catch .post-title h3{font-size:1.3rem; color:#fff; position:relative; z-index:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.side-pager.info .eye-catch .post-title p{font-size:1.0rem; color:#fff; position:relative; z-index:1;}
.pc .side-pager.prev.info a:hover + .eye-catch.prev{left:0;}
.pc .side-pager.next.info a:hover + .eye-catch.next{right:0; }
@media screen and (max-width:1024px){
	.side-pager .eye-catch{width:80px;}
}
@media screen and (max-width:768px){
	.side-pager{width:40px;}
	.side-pager a svg{width:8px; height:46px;}
}
@media screen and (max-width:768px){
	.side-pager{display:none;}
}
/* =========================================================================================================
 *
 * スイッチライン
 *
========================================================================================================= */
span#switch-line,
span#switch-line-upper,
span#switch-line-lower{display:block; width:100%; height:1px;}
/* =========================================================================================================
 *
 * 左右デコレーション
 *
========================================================================================================= */
#deco-right{position:fixed; right:25px; top:70px; transition:right .6s ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:10;}
#deco-right > p{font-size:1.2rem; color:#AD9469; transform:rotate(90deg); position:absolute; top:170px; right:10px; white-space:nowrap; transform-origin:top right; line-height:100%; letter-spacing:.08rem;}
#deco-right.hover-active{z-index:1;}
@media screen and (max-width:1024px){
	#deco-right nav{display:none;}
}
@media screen and (max-width:768px){
	#deco-right{display:none;}
}
@media screen and (max-height:540px){
	#deco-right.stylebook{display:none;}
}
/* =========================================================================================================
 *
 * 改行調整
 *
========================================================================================================= */
br.sp-block-m{display:none;}
br.sp-block-m{display:none;}
@media screen and (max-width:768px){
	br.sp-non-m{display:none;}
	br.sp-block-m{display:block;}
}
@media screen and (max-width:568px){
	br.sp-non-s{display:none;}
	br.sp-block-s{display:block;}
}
/* =========================================================================================================
 *
 * HEAD TITLE
 *
========================================================================================================= */
.head-title{font-size:5vw; line-height:140%; color:#000; font-weight:400;}
@media screen and (max-width:768px){
	.head-title{font-size:8vw;}
}
@media screen and (max-width:568px){
	.head-title{font-size:9vw;}
}
/* =========================================================================================================
 *
 * HEAD LINE
 *
========================================================================================================= */
.head-line{position:relative; padding-bottom:15px; margin-bottom:25px; line-height:100%; border-bottom:1px solid #000;}
.head-line span{display:block;}
.head-line .en{font-size:1.8rem;}
.head-line .ja{font-size:1.2rem; padding-top:3px;}
/*スタイル調整*/
.head-line.adjust-top{margin-top:8%;}
.head-line.non-line{border-bottom:none;}
.head-line.center{text-align:center;}
@media screen and (max-width:768px){
	.head-line.adjust-top{margin-top:12%;}
}
/* =========================================================================================================
 *
 * HEAD DESCRIPTION
 *
========================================================================================================= */
.head-description{position:relative; padding:5px 0 15px 0;}
.head-description p{font-size:1.3rem;}
.head-description .head-text{font-size:1.6rem; line-height:140%; padding-bottom:5px;}
/* =========================================================================================================
 *
 * PAGE HEAD
 *
========================================================================================================= */
.page-head{padding-top:5%;}
.page-head .head-title{text-align:center;}
.page-head .head-title h2{font-size:5.0rem; line-height:100%;}
.page-head .head-title p{font-size:1.3rem; line-height:100%; padding-top:5px;}
/* 個別記事
-----------------------------------------------------------------------------*/
.page-head.post{padding-top:30px;}
.page-head.post .head-title{text-align:left; color:#fff;}
.page-head.post .head-title h2{font-size:3.0rem; line-height:100%; font-weight:normal;}
.page-head.post .head-title p{font-size:1.2rem;}
/*スタイル調整*/
.post-note{position:absolute; right:80px; bottom:30px; text-align:right; color:#fff;}
.post-note p:nth-of-type(1){font-size:1.2rem; line-height:100%;}
.post-note p:nth-of-type(2){font-size:3.0rem; line-height:100%; padding-top:5px;}
@media screen and (max-width:768px){
	.page-head.post .head-title,
	.post-note{text-align:center;}
	.post-note{right:25px; width:calc(100% - 50px);}
}
@media screen and (max-width:568px){
	.page-head.post{padding-top:20px;}
	.post-note{bottom:20px;}
	.post-note p:nth-of-type(1){font-size:1.2rem;}
	.post-note p:nth-of-type(2){font-size:1.8rem;}
}
/* =========================================================================================================
 *
 * トグルメニュー
 *
========================================================================================================= */
.toggle-menu{/*position:absolute; width:100%; height:calc(100% - 50px);*/ display:flex; justify-content:center; align-items:center; font-size:1.3rem; padding-top:40px;}
.toggle-menu dt{position:relative; pointer-events:none; display:none; line-height:100%;}
.toggle-menu ul{display:flex; list-style:none;}
.toggle-menu li{margin:0 8px;}
.toggle-menu li a{line-height:100%; color:#000; font-size:1.4rem; width:120px; text-align:center; padding:8px 0;}
.toggle-menu li a.current,
.pc .toggle-menu ul li a:hover{color:#AD9469;}
.toggle-menu li a.current.link-underline:before{background-color:#AD9469;}
/*トグル枠*/
.toggle-menu dt .i-plus{display:none; width:11px; height:11px; transition:0.5s; transform:translateZ(0); position:absolute; right:10px; top:50%; margin-top:-6px;}
.toggle-menu dt.active .i-plus{transform:rotate(225deg);}
.toggle-menu .i-plus:before,
.toggle-menu .i-plus:after{content:""; display:block; position:absolute; background-color:#000;}
.toggle-menu .i-plus:before{width:1px; height:100%; left:5px; top:0; margin-left:0px;}
.toggle-menu .i-plus:after{width:100%; height:1px; left:0; top:5px; margin-top:0px;}
@media screen and (max-width:768px){
	.toggle-menu{position:relative; display:block; height:auto; padding-top:0; margin:20px 25px 15px 25px;}
	.toggle-menu dt{display:block; text-align:center; pointer-events:auto; cursor:pointer; padding:18px 0; border-top:1px solid #f5f6f6; border-bottom:1px solid #f5f6f6;}
	.toggle-menu dt .i-plus{display:block;}
	.toggle-menu dd{display:none;}
	.toggle-menu ul{display:block; text-align:center;}
	.toggle-menu li{margin:0; padding:0;}
	.toggle-menu li a{display:block; padding:15px 0; width:100%; border-bottom:1px solid #f5f6f6;}
	.toggle-menu li a.link-underline:before,
	.toggle-menu li a.link-underline:after{display:none;}
	.pc .toggle-menu dt:hover{color:#AD9469;}
	.pc .toggle-menu dt:hover .i-plus:before,
	.pc .toggle-menu dt:hover .i-plus:after{background-color:#AD9469;}
}
/* =========================================================================================================
 *
 * トグルメニュー（タグ）
 *
========================================================================================================= */
.toggle-condition{font-size:1.3rem; padding-top:0; background-color:#FDF9F4; /*margin-bottom:5%;*/}
.toggle-condition dt{position:relative; text-align:center; padding:19px 0; cursor:pointer; line-height:100%;}
.toggle-condition dt > span{position:relative;}
.toggle-condition dd{display:none;}
.toggle-condition ul{display:flex; list-style:none; flex-wrap:wrap; padding:0 3px 3px 3px;}
.toggle-condition li{/*width:calc(100% / 4);*/}
.toggle-condition li a{line-height:100%; color:#000; font-size:1.3rem; text-align:center; padding:10px 20px; margin:2px; background-color:#fff; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border: 1px solid #f3efe9;border-radius: 5px;}
.toggle-condition li a.current,
.pc .toggle-condition ul li a:hover{color:#AD9469;}
/*トグル枠*/
.toggle-condition svg.i-condition{width:20px; height:16px; position:absolute; top:50%; margin-top:-8px; left:-28px;}
.toggle-condition dt .i-plus{width:11px; height:11px; transition:0.5s; transform:translateZ(0); position:absolute; right:10px; top:50%; margin-top:-6px;}
.toggle-condition dt.active .i-plus{transform:rotate(225deg);}
.toggle-condition .i-plus:before,
.toggle-condition .i-plus:after{content:""; display:block; position:absolute; background-color:#000;}
.toggle-condition .i-plus:before{width:1px; height:100%; left:5px; top:0; margin-left:0px;}
.toggle-condition .i-plus:after{width:100%; height:1px; left:0; top:5px; margin-top:0px;}
.pc .toggle-condition dt:hover{color:#AD9469;}
.pc .toggle-condition dt:hover svg.i-condition{fill:#AD9469;}
.pc .toggle-condition dt:hover .i-plus:before,
.pc .toggle-condition dt:hover .i-plus:after{background-color:#AD9469;}
@media screen and (max-width:1024px){
	.toggle-condition li{width:calc(100% / 3);}
}
@media screen and (max-width:768px){
	.toggle-condition{position:relative; display:block; height:auto; padding-top:0;}
	.toggle-condition dt{display:block; text-align:center; pointer-events:auto;}
	.toggle-condition dt .i-plus{display:block;}
	.toggle-condition dd{display:none;}
	/*.toggle-condition ul{display:block; text-align:center;}*/
	.toggle-condition ul{}
	.toggle-condition li{width:calc(100% / 2);}
	.toggle-condition li a{padding:15px 5px;}
}
/* =========================================================================================================
 *
 * カウントスタンプ
 *
========================================================================================================= */
.count-stamp{color:#AD9469; background-color:#fff; border-radius:50%; text-align:center; position:absolute; width:56px; height:56px; display:flex; align-items:center; justify-content:center;}
.count-stamp.tr{top:15px; right:15px;}
.count-stamp.br{bottom:15px; right:15px;}
.count-stamp.bl{bottom:30px; left:80px;}
.count-stamp span{display:block; line-height:100%;}
	/*ビューカウント*/
	.count-stamp.view-count{flex-direction:column;}
	.count-stamp.view-count span:nth-of-type(1){font-size:1.8rem; margin-top:3px;}
	.count-stamp.view-count span:nth-of-type(2){font-size:1.4rem;}
	/*ポピュラーナンバー*/
	.count-stamp.popular-num span:nth-of-type(1){font-size:1.4rem;}
	.count-stamp.popular-num span:nth-of-type(2){font-size:2.4rem;}
/* =========================================================================================================
 *
 * ENTRY LIST（基本スタイル）
 *
========================================================================================================= */
.entry-list-block{padding:8% 0;}
.entry-list-block.adjust-bottom{padding-bottom:0;}
.entry-list section{display:block; position:relative;}
.entry-list section a{display:block; color:#000; transition:color .4s ease-in-out;}
/*タイトル*/
.entry-list .post-description{padding-top:10px;}
.entry-list .post-title{line-height:130%;}
.entry-list .post-cat span{line-height:100%;}
.entry-list .post-cat span:nth-of-type(1){color:#AD9469; font-size:14px;}
.entry-list .post-cat span:nth-of-type(2){font-size:11px; padding-left:5px; color:#999; text-transform:uppercase;}
.entry-list .post-time{color:#AD9469; font-size:1.4rem; line-height:100%; display:inline-block;}
.entry-list .post-excerpt{font-size:1.4rem; padding-top:10px;}
/*サムネイル*/
.entry-list .thumbnail{position:relative; overflow:hidden;}
.entry-list .thumbnail .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); transition:background-color .4s ease-in-out; z-index:1;}
.entry-list .thumbnail .overlay.non{background-color:rgba(0,0,0,0); }
.entry-list .thumbnail figure{transition:transform .4s ease-in-out; width:100%; height:auto; margin:0; padding:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.entry-list .thumbnail figure.scale-out{transform:scale(1.00);}
.entry-list .thumbnail figure.scale-in{transform:scale(1.01);}
/*ホバーマーク*/
.entry-list .thumbnail .hover-mark{position:absolute; text-align:center; line-height:100%; width:100%; height:16px; top:50%; left:0; margin-top:-8px; color:#fff; font-size:1.3rem; display:block; opacity:0; transition:opacity .4s cubic-bezier(0.694, 0.048, 0.335, 1);}
/*ホバーアクション*/
.entry-list a:hover .thumbnail .overlay{background-color:rgba(0,0,0,.15);}/*173,148,105,0*/
.entry-list a:hover .thumbnail figure.scale-out{transform:scale(.97);}
.entry-list a:hover .thumbnail figure.scale-in{transform:scale(1.04);}
.entry-list a:hover .thumbnail .hover-mark{opacity:1;}
.pc .entry-list a:hover{color:#AD9469;}
@media screen and (max-width:568px){
	.entry-list-block{padding:12% 0;}
}
/*サムネイル角丸
-----------------------------------------------------------------------------*/
.rounded,
.entry-list .thumbnail.rounded,
.entry-list .thumbnail.rounded .overlay,
.entry-list .thumbnail.rounded figure,
.entry-list .thumbnail.rounded figure img{border-radius:6px;}
/* =========================================================================================================
 *
 * ENTRY LIST（ヘッドライン）
 *
========================================================================================================= */
.entry-list.headline-post{display:flex; justify-content:space-between; flex-wrap:wrap;}
.entry-list.headline-post .post-title{padding-top:10px;}
/*2つ目以内*/
.entry-list.headline-post section:nth-of-type(-n + 2){width:calc(50% - 15px); margin-bottom:8%;}
.entry-list.headline-post section.adjust-bottom{margin-bottom:0;}
.entry-list.headline-post section:nth-of-type(-n + 2) .post-title{font-size:1.8rem;}
.entry-list.headline-post section:nth-of-type(-n + 2) .post-cat{font-size:1.7rem;}
/*3つめ以降*/
.entry-list.headline-post section:nth-of-type(n + 3){width:calc(33% - 15px);}
.entry-list.headline-post section:nth-of-type(n + 3) .post-title{font-size:1.6rem;}
.entry-list.headline-post section:nth-of-type(n + 3) .post-cat{font-size:1.5rem;}
/*左寄せ*/
.entry-list.headline-post:after{content:""; display:block; width:30%;}
@media screen and (max-width:1024px){
	.entry-list.headline-post section:nth-of-type(-n + 2){}
	.entry-list.headline-post section:nth-of-type(-n + 2) .post-title{font-size:1.6rem;}
	.entry-list.headline-post section:nth-of-type(-n + 2) .post-cat{font-size:1.5rem;}
	/*HOME*/
	.entry-list.headline-post.variable section:nth-of-type(-n + 2){border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
	.entry-list.headline-post.variable section{margin-bottom:8%;}
	.entry-list.headline-post.variable section:nth-of-type(n + 3){width:calc(50% - 15px); margin-bottom:0;}
	.entry-list.headline-post.variable section:nth-last-of-type(1){display:none;}
	/*LIST*/
	.entry-list.headline-post.fixed section{width:100%;}
	.entry-list.headline-post.fixed section:nth-of-type(-n + 1){border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
}
@media screen and (max-width:568px){
	/*HOME*/
	.entry-list.headline-post.variable section:nth-of-type(-n + 2){width:100%;}
	.entry-list.headline-post.variable section:nth-of-type(n + 3){width:100%; margin-bottom:0;}
	.entry-list.headline-post.variable section:nth-of-type(n + 4){display:none;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（特集フィーチャーポスト）
 *
========================================================================================================= */
.wrap-feature-post{padding-bottom:8%;}
.wrap-feature-post .wrap-blind-button{padding-top:5%;}
.entry-list.feature-post section{border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.entry-list.feature-post section:nth-last-child(1){margin-bottom:0;}
.entry-list.feature-post .post-title{font-size:1.8rem;}
.promotion-label{position:absolute; top:0; right:0; background-color:#fff; font-size:1.1rem; line-height:100%; padding:5px 10px; color:#999;}
/* フィーチャーポスト（サイド）*/
.side-col .wrap-feature-post{padding-bottom:16%;}
.side-col .entry-list.feature-post .post-excerpt{display:none;}
@media screen and (max-width:1200px){
	.entry-list.feature-post{ display:flex; justify-content:space-between; flex-wrap:wrap;}
	.entry-list.feature-post section{width:calc(50% - 15px); padding-bottom:0; margin-bottom:0; border-bottom:none;}
	.side-col .entry-list.feature-post .post-excerpt{display:block;}
}
@media screen and (max-width:1024px){
	.entry-list.feature-post section{width:100%; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
	.side-col .wrap-feature-post{padding-bottom:8%;}
}
@media screen and (max-width:768px){
	.main-col .wrap-feature-post{padding-bottom:12%;}
	.side-col .wrap-feature-post{padding-bottom:12%;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（ポピュラーポスト）
 *
========================================================================================================= */
.entry-list.popular-post section{border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.entry-list.popular-post section:nth-last-child(1){border-bottom:none;}
.entry-list.popular-post .post-title{font-size:1.5rem; padding-top:5px;}
.entry-list.popular-post .post-cat{font-size:1.3rem;}
@media screen and (max-width:1024px){
	.entry-list.popular-post section:nth-last-child(1){padding-bottom:0;}
}
/* ポピュラーポスト SIDE
-----------------------------------------------------------------------------*/
.side-col .post-list .entry-list.popular-post section:nth-last-child(1){padding-bottom:0; margin-bottom:0; border-bottom:none;}
/* ポピュラーポスト RECOMMEND
-----------------------------------------------------------------------------*/
.entry-list.popular-post.recommend{display:flex; justify-content:space-between; flex-wrap:wrap;}
.entry-list.popular-post.recommend section{width:calc(33% - 15px); border-bottom:none; padding-bottom:0; margin-bottom:0;}
.entry-list.popular-post.recommend:after{content:""; display:block; width:calc(33% - 15px);}
@media screen and (max-width:1200px){
	.side-col .post-list .entry-list.popular-post{display:flex; justify-content:space-between; flex-wrap:wrap;}
	.side-col .post-list .entry-list.popular-post:after{content:""; display:block; width:calc(33% - 15px);}
	.side-col .post-list .entry-list.popular-post section{width:calc(33% - 15px); border-bottom:none; padding-bottom:0; margin-bottom:0;}
}
@media screen and (max-width:1024px){
	.entry-list.popular-post section:nth-last-child(1){padding-bottom:0;}
	/*SIDE*/
	.side-col .post-list .entry-list.popular-post:after{content:""; display:block; width:calc(50% - 15px);}
	.side-col .post-list .entry-list.popular-post section{width:calc(50% - 15px); border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
	/*RECOMMEND*/
	.entry-list.popular-post.recommend section{width:calc(50% - 15px);}
	.entry-list.popular-post.recommend:after{width:calc(50% - 15px);}
	.entry-list.popular-post.recommend section:nth-of-type(n + 3){display:none;}
}
@media screen and (max-width:568px){
	/*SIDE*/
	.side-col .post-list .entry-list.popular-post:after{display:none;}
	.side-col .post-list .entry-list.popular-post section{width:100%;}
	.side-col .post-list .entry-list.popular-post section:nth-last-child(1){padding-bottom:0; margin-bottom:0; border-bottom:none;}
	/*RECOMMEND*/
	.entry-list.popular-post.recommend section{width:100%; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
	.entry-list.popular-post.recommend:after{width:100%;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（スポットポスト）
 *
========================================================================================================= */
.entry-list.spot-post{display:flex; justify-content:space-between; flex-wrap:wrap;}
.entry-list.spot-post section,
.entry-list.spot-post:before,
.entry-list.spot-post:after{width:calc(25% - 15px);}
.entry-list.spot-post:before{content:""; display:block; order:1;}
.entry-list.spot-post:after{content:""; display:block;}
.entry-list.spot-post section:nth-of-type(n + 5){margin-top:6%;}
/*ラベル*/
.entry-list.spot-post .cat-label{position:absolute; top:0; right:15px; width:28px; background-color:#fff; height:120px;}
/*タイトル*/
.entry-list.spot-post .post-title{font-size:1.2rem; padding-top:3px;}
.entry-list.spot-post .post-title-en{font-size:1.7rem; font-weight:bold; line-height:100%;}
/*サムネイル*/
.entry-list.spot-post .thumbnail .overlay{background-color:rgba(0,0,0,0);}
/*ホバーアクション*/
.entry-list.spot-post a:hover .thumbnail .overlay{background-color:rgba(0,0,0,.15);}/*173,148,105,0*/
/*ブラインドボタン枠*/
.wrap-blind-button.pick-spot{padding-top:5%;}
@media screen and (max-width:1200px){
	.entry-list.spot-post section,
	.entry-list.spot-post:before,
	.entry-list.spot-post:after{width:calc(33% - 15px);}
	.entry-list.spot-post section:nth-of-type(n + 4){margin-top:6%;}
	.entry-list.spot-post.variable section:nth-of-type(n + 4){display:none;}
}
@media screen and (max-width:768px){
	.entry-list.spot-post section,
	.entry-list.spot-post:before,
	.entry-list.spot-post:after{width:calc(50% - 15px);}
	.entry-list.spot-post section:nth-of-type(n + 3){margin-top:6%;}
	.entry-list.spot-post.variable section:nth-of-type(n + 4){display:block;}
}
@media screen and (max-width:568px){
	.entry-list.spot-post section,
	.entry-list.spot-post:before,
	.entry-list.spot-post:after{width:calc(50% - 10px);}
	.entry-list.spot-post section:nth-of-type(n + 3){margin-top:10%;}
	.entry-list.spot-post .post-title{font-size:1.2rem; padding-top:0;}
	.entry-list.spot-post .post-title-en{font-size:1.5rem;}
	.wrap-blind-button.pick-spot{padding-top:10%;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（ブックポスト）
 *
========================================================================================================= */
.entry-list.book-post{display:flex; justify-content:space-between; flex-wrap:wrap;}
.entry-list.book-post section,
.entry-list.book-post:before,
.entry-list.book-post:after{width:calc(25% - 15px);}
.entry-list.book-post:before{content:""; display:block; order:1;}
.entry-list.book-post:after{content:""; display:block;}
.entry-list.book-post section:nth-of-type(n + 5){margin-top:6%;}
/*ラベル*/
.entry-list.book-post .cat-label{position:absolute; top:0; right:15px; width:28px; background-color:#fff; height:120px;}
/*タイトル*/
.entry-list.book-post .post-title{font-size:1.3rem; padding-top:0;}
/*サムネイル*/
.entry-list.book-post .thumbnail .overlay{background-color:rgba(0,0,0,0);}
/*ホバーアクション*/
.entry-list.book-post a:hover .thumbnail .overlay{background-color:rgba(0,0,0,.15);}/*173,148,105,0*/
/*ブラインドボタン枠*/
.wrap-blind-button.pick-book{padding-top:5%;}
@media screen and (max-width:1024px){
	.entry-list.book-post section,
	.entry-list.book-post:before,
	.entry-list.book-post:after{width:calc(33% - 15px);}
	.entry-list.book-post section:nth-of-type(n + 4){margin-top:6%;}
	.entry-list.book-post.variable section:nth-of-type(n + 4){display:none;}
}
@media screen and (max-width:768px){
	.entry-list.book-post section,
	.entry-list.book-post:before,
	.entry-list.book-post:after{width:calc(50% - 15px);}
	.entry-list.book-post section:nth-of-type(n + 3){margin-top:6%;}
	.entry-list.book-post.variable section:nth-of-type(n + 4){display:block;}
}
@media screen and (max-width:568px){
	.entry-list.book-post section,
	.entry-list.book-post:before,
	.entry-list.book-post:after{/*width:calc(50% - 10px);*/width:calc(100% - 10px); }
	.entry-list.book-post section:nth-of-type(n + 3){margin-top:10%;}
	.entry-list.book-post .post-title{font-size:1.2rem; padding-top:0;}
	.entry-list.book-post .post-title-en{font-size:1.5rem;}
	.wrap-blind-button.pick-spot{padding-top:10%;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（アーカイブリスト）
 *
========================================================================================================= */
.entry-list.archive-post section{margin-bottom:4%; padding-bottom:4%; border-bottom:1px solid #eee;}
.entry-list.archive-post section:nth-last-of-type(1){margin-bottom:0; padding-bottom:0; border-bottom:none;}
.entry-list.archive-post section a{display:flex; align-items:center; justify-content:space-between; color:#000; transition:color .4s ease-in-out;}
.entry-list.archive-post .thumbnail{width:50%;}
.entry-list.archive-post .post-description{width:calc(50% - 30px);}
.entry-list.archive-post .post-title {padding-top:10px;}
/*スタイル調整*/
.adjust-col .entry-list.archive-post .post-excerpt{display:none;}
@media screen and (max-width:1200px) {
	.entry-list.archive-post{display:flex; flex-wrap:wrap; justify-content:space-between;}
	.entry-list.archive-post section{width:calc(50% - 15px);}
	.entry-list.archive-post section:nth-last-of-type(-n + 2){margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.entry-list.archive-post section a{display:block;}
	.entry-list.archive-post .thumbnail{width:100%;}
	.entry-list.archive-post .post-description{width:100%;}
}
@media screen and (max-width:568px){
	.entry-list.archive-post section{width:100%;}
	.entry-list.archive-post section:nth-last-of-type(2){margin-bottom:4%; padding-bottom:4%; border-bottom:1px solid #eee;}
	.entry-list.archive-post section:nth-last-of-type(1){margin-bottom:0; padding-bottom:0; border-bottom:none;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（フォーカスポスト）
 *
========================================================================================================= */
.entry-list.focus-post{display:flex; justify-content:space-between; flex-wrap:wrap;}
/*1つ目*/
/*.entry-list.focus-post section:nth-of-type(-n + 1){width:100%; margin-bottom:6px;}*/
.entry-list.focus-post section:nth-of-type(-n + 1){width:calc(50% - 4px); margin-bottom:0;}
.entry-list.focus-post section:nth-of-type(-n + 1) .post-title{font-size:1.8rem;}
.entry-list.focus-post section:nth-of-type(-n + 1) .post-cat{font-size:1.7rem;}
.entry-list.focus-post section:nth-of-type(-n + 1) .post-excerpt{display: none;}
/*2つめ以降*/
/*.entry-list.focus-post section:nth-of-type(n + 2){width:calc(50% - 4px);}*/
.entry-list.focus-post section:nth-of-type(n + 2){width:calc(50% - 4px);}
.entry-list.focus-post section:nth-of-type(n + 2) .post-title{font-size:1.6rem;}
.entry-list.focus-post section:nth-of-type(n + 2) .post-cat{font-size:1.5rem;}
.entry-list.focus-post section:nth-of-type(n + 2) .post-excerpt{display: none;}
/*左寄せ*/
.entry-list.focus-post:after{content:""; display:block; width:30%;}
/*タイトル*/
.entry-list.focus-post .post-description{position:absolute; width:calc(100% - 40px); bottom:20px; left:20px; padding-top:0;}
.entry-list.focus-post .post-title{padding-top:10px; color:#fff;}
.entry-list.focus-post .post-cat{color:#fff;}
.entry-list.focus-post .post-cat span{font-size:11px; padding-left:5px;}
.entry-list.focus-post .post-time{color:#fff; font-size:1.4rem;}
.entry-list.focus-post .post-excerpt{font-size:1.4rem; padding-top:10px; color:#fff;}
/*サムネイル*/
.entry-list.focus-post .thumbnail .overlay{background-color:rgba(0,0,0,.3);}
/*ホバーアクション*/
.entry-list.focus-post a:hover .thumbnail .overlay{background-color:rgba(0,0,0,.15);}/*173,148,105,0*/
.pc .entry-list.focus-post a:hover{color:#fff;}
@media screen and (max-width:1024px){
	.entry-list.focus-post section:nth-of-type(-n + 1) .post-title{font-size:1.6rem;}
	.entry-list.focus-post section:nth-of-type(-n + 1) .post-cat{font-size:1.5rem;}
	.entry-list.focus-post section:nth-of-type(-n + 1){width:100%; margin-bottom:6px;}
	.entry-list.focus-post section:nth-of-type(n + 2){width:100%; margin-bottom:0;}
	/*.entry-list.focus-post section:nth-of-type(n + 3){display:none;}*/
	.entry-list.focus-post .post-excerpt{display:none;}
}
/* =========================================================================================================
 *
 * ENTRY LIST（TAGS）
 *
========================================================================================================= */
.tags-list{padding-bottom:16%;}
.tags-list .tags {list-style:none;}
.tags-list .tags li{display:inline-block; margin:0 .3em .3em 0; padding:0;}
.tags-list .tags li a{display:inline-block; max-width:140px; height:28px; line-height:28px; padding:0 1em; background-color:#fff; border:1px solid #f3efe9; border-radius:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; font-size:1.2rem; text-decoration:none; transition:.2s;}
.pc .tags-list .tags li a:hover{background-color:#F9F7F4; border:1px solid #F9F7F4; color:#AD9469;}
@media screen and (max-width:1200px) {
	.tags-list{padding-bottom:8%;}
}
@media screen and (max-width:768px) {
	.tags-list{padding-bottom:12%;}
}
/* =========================================================================================================
 *
 * ジャンルリスト
 *
========================================================================================================= */
.genre-list{padding-top:8%;}
.genre-list.adjust-bottom{padding-top:8%;}
.genre-list ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.genre-list li{width:calc(33% - 20px); border-bottom:1px solid #eee; border-top:1px solid #eee;}
.genre-list li:nth-of-type(n + 4){border-top:1px solid #fff;}
.genre-list li.non{border:none;}
.genre-list a{display:block; text-align:center; padding:5%; position:relative; color:#000;}
.genre-list a span{display:block; line-height:100%;}
.genre-list a span.en{font-size:1.6rem; padding-bottom:5px;}
.genre-list a span.ja{font-size:1.2rem;}
.pc .genre-list a:hover{color:#AD9469;}
.genre-list.adjust-bottom{padding-bottom:8%;}
@media screen and (max-width:1024px){
	.genre-list li{width:calc(50% - 15px);}
	.genre-list li:nth-of-type(n + 3){border-top:1px solid #fff;}
}
@media screen and (max-width:568px){
	.genre-list{padding-top:12%;}
	.genre-list li{width:100%;}
	.genre-list li:nth-of-type(n + 2){border-top:1px solid #fff;}
	.genre-list a{padding:4%;}
}
/* =========================================================================================================
 *
 * ラウンドボーダー
 *
========================================================================================================= */
[id^="round-border-"]{position:absolute; background-color:#fff; display:block; z-index:10;}
#round-border-top{width:100%; height:60px; top:0; left:0;}
#round-border-bottom{width:100%; height:60px; bottom:0; left:0;}
#round-border-left{width:0px; height:100%; top:0; left:0;}
#round-border-right{width:0px; height:100%; top:0; right:0;}
@media screen and (max-width:568px){
	#round-border-top{height:50px;}
}
/* =========================================================================================================
 *
 * GET IN TOUCH
 *
========================================================================================================= */
/* リンクエリア
-----------------------------------------------------------------------------*/
.get-in-touch{padding-top:8%; text-align:center;}
.get-in-touch h3{font-size:1.8rem; line-height:130%; padding-bottom:10px;}
.get-in-touch p{font-size:1.3rem;}
.get-in-touch p:nth-of-type(n + 2){padding-top:10px;}
.get-in-touch .link-box{}
.get-in-touch .link-box a{padding:20px 20px 20px 35px; color:#fff; margin-top:10px;}
.get-in-touch .link-box a svg{fill:#fff; right:auto; left:15px; width:12px; height:12px; margin-top:-6px;}
@media screen and (max-width:567px){
	.get-in-touch .link-bliss{padding:16%  0 8% 0;}
}
/* =========================================================================================================
 *
 * PSWP（上書き）
 *
========================================================================================================= */
.pswp__button{float:none;}
.pswp__bg{/*background:#F8F5F4;*/ background:#fff;}
.pswp__counter{left:auto; left:0; color:#AD9469; font-size:1.5rem;}
.pswp__ui--fit .pswp__caption{background-color:rgba(0, 0, 0, 0);}
.pswp__caption__center{text-align:center; max-width:820px; color:#000;}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption{background-color:rgba(0, 0, 0, 0);}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat;}
.pswp__button--close{background-image:url(../images/pswp-close-button.svg); background-size:20px; background-position:center; background-repeat:no-repeat;}
.pswp__button--arrow--left:before{background-image:url(../images/pswp-left-button.svg); background-size:25px; background-position:center;}
.pswp__button--arrow--right:before{background-image:url(../images/pswp-right-button.svg); background-size:25px; background-position:center;}
.pswp__button--arrow--left:before{left:20px;}
.pswp__button--arrow--right:before{right:20px;}
.pswp__button--close{position:absolute; top:0; right:0;}
.pswp__top-bar{left:15px; top:10px; width:calc(100% - 30px);}
.pswp__button--zoom{display:none !important;}
.pswp__top-bar,
.pswp__caption{background-color:rgba(0, 0, 0, 0);}
/* 画像拡大
-----------------------------------------------------------------------------*/
figure a.scale{display:block; position:relative;}
/*画像*/
figure a.scale .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); transition:background-color .4s ease-in-out; z-index:1;}
/*ホバーアクション*/
figure a.scale:hover .overlay{background-color:rgba(0,0,0,.3);}
/* =========================================================================================================
 *
 * VEGAS
 *
========================================================================================================= */
/* スライダー
-----------------------------------------------------------------------------*/
#post-cover-bg{position:absolute; width:calc(100% - 160px); height:100vh; top:0; left:0; opacity:0;}
#post-cover-bg .vegas-slide-inner:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); opacity:1;}
#post-cover-bg .vegas-slide-inner.active:after{transition:opacity .6s cubic-bezier(0.694, 0.048, 0.335, 1) 2.8s; opacity:1;}
#post-cover-bg .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.2); opacity:0;}
#post-cover-bg .vegas-timer-progress{background-color:rgba(255,255,255,.5);}
#post-cover-bg.non-progress .vegas-timer-progress{background-color:rgba(255,255,255,0);}
/*ラップ枠*/
#post-cover-wrap{width:calc(100% - 160px); height:100vh; position:relative; opacity:0; transition:opacity .6s ease-out 1.4s;}
#post-cover-wrap.active{opacity:1;}
/*操作ボタン*/
#ctrl-nextprev{position:absolute; overflow:hidden; z-index:5; bottom:130px; right:-45px; height:121px; list-style:none; visibility:hidden; opacity:0; transition:visibility .3s ease-out .4s, opacity .6s ease-out 1.4s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#ctrl-nextprev li{width:30px; height:60px; position:relative; cursor:pointer; right:-40px; transition:right .5s ease-out 1.6s;}
#ctrl-nextprev li:nth-of-type(1){border-bottom:1px solid #000;}
#ctrl-nextprev li svg{width:9px; height:36px; fill:#000; transition:fill .4s ease-in-out; position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-4px;}
.pc #ctrl-nextprev li:hover svg{fill:#AD9469;}
/*ダイレクトジャンプ*/
#ctrl-directjump{position:absolute; z-index:5; top:50%; left:31px; width:10px; height:30px; margin-top:-15px; overflow:hidden; visibility:hidden; opacity:0; transition:visibility .3s ease-out .4s, opacity .6s ease-out .6s;}
#ctrl-directjump a{position:relative; width:6px; display:block; height:6px; left:-40px; padding:2px;}
#ctrl-directjump a:nth-of-type(1){transition:left .5s ease-out .8s;}
#ctrl-directjump a:nth-of-type(2){transition:left .5s ease-out 1.0s;}
#ctrl-directjump a:nth-of-type(3){transition:left .5s ease-out 1.2s;}
#ctrl-directjump a:nth-of-type(4){transition:left .5s ease-out 1.4s;}
#ctrl-directjump a:nth-of-type(5){transition:left .5s ease-out 1.6s;}
#ctrl-directjump a:before{content:""; position:absolute; top:2px; left:2px; width:6px; height:6px; background-color:#fff; transition:width .6s ease-in-out, background-color .6s ease-in-out;}
#ctrl-directjump a.current:before{background-color:#AD9469;}
/*アクティブ*/
#post-cover-bg.active{opacity:1; transition:opacity .8s cubic-bezier(0.694, 0.048, 0.335, 1) 1.0s;}
#post-cover-bg.active .overlay{opacity:1; transition:opacity .8s cubic-bezier(0.694, 0.048, 0.335, 1) 1.4s;}
#ctrl-nextprev.active{visibility:visible; opacity:1;}
#ctrl-nextprev.active li{right:0;}
#ctrl-directjump.active{visibility:visible; opacity:1;}
#ctrl-directjump.active a{left:0;}
/*アンカー枠*/
#slide-post a{color:#fff; height:100%; width:100%; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:-1; transition:z-index .6s ease-in-out .4s;}
#slide-post a.current{z-index:1;}
#slide-post a.current .wrap-description{top:0; opacity:1; transition:top .6s cubic-bezier(.56,.08,.09,.96) .2s, opacity .6s cubic-bezier(.56,.08,.09,.96) .4s;}
/*ブラインドボタン*/
#slide-post a .blind-button{position:absolute; right:-100px; bottom:60px; transition:right .6s cubic-bezier(.56,.08,.09,.96) 0s, opacity .3s cubic-bezier(.56,.08,.09,.96) 0s; opacity:0; z-index:1;}
#slide-post a.current .blind-button{opacity:1; right:-60px; transition:right .6s cubic-bezier(.56,.08,.09,.96) .4s, opacity .6s cubic-bezier(.56,.08,.09,.96) .4s;}
#slide-post a.current:hover .blind-button:before{visibility:visible; transition:0.3s transform cubic-bezier(0, 0.01, 0, 1);}
#slide-post a.current:hover .blind-button{color:#fff;}
#slide-post a.current:hover .blind-button.blind-x:before{transform:scaleX(1); transform-origin:left; -webkit-font-smoothing:antialiased;}
#slide-post a.current:hover .blind-button svg.i-slide-r{fill:#fff;}
@media screen and (max-width:1024px){
	#post-cover-bg,
	#post-cover-wrap{width:100%; height:100%; top:0; left:0;}
	#ctrl-nextprev{right:27px; bottom:50px;}
	#ctrl-nextprev li svg{fill:#fff;}
	#ctrl-nextprev li:nth-of-type(1){border-bottom:1px solid #fff;}
	#ctrl-directjump a:before{background-color:#fff;}
	#slide-post a .blind-button{right:40px;}
	#slide-post a.current .blind-button{right:80px;}
}
@media screen and (max-width:568px){
	#ctrl-directjump{left:11px;}
	#ctrl-nextprev{right:16px; bottom:auto; top:60px;}
	#slide-post a .blind-button{right:0; margin-right:-96px;}
	#slide-post a.current .blind-button{right:50%;}
}
/* 個別スタイル（POST）
-----------------------------------------------------------------------------*/
#post-cover-bg.post,
#post-cover-wrap.post{height:46vw !important;}
#post-cover-bg.post{width:100%; top:60px; }
#post-cover-wrap.post{width:auto; padding:0 80px;}
@media screen and (orientation:portrait) {
	#post-cover-bg.post,
	#post-cover-wrap.post{height:76vw !important;}
}
@media screen and (max-width:568px){
	#post-cover-bg.post{top:50px; }
	#slide-post .wrap-description{padding:0 40px 0 40px; text-align:center;}
	#post-cover-wrap.post{padding:0 25px;}
}
/* 個別スタイル（ABOUT）
-----------------------------------------------------------------------------*/
#post-cover-bg.about{width:100%; top:0; }
#post-cover-wrap.about{width:auto; padding:0 80px;}
@media screen and (max-width:568px){
	#slide-post .wrap-description{padding:0 40px 0 40px; text-align:center;}
	#post-cover-wrap.about{padding:0 25px;}
}
/* =========================================================================================================
 *
 * AD
 *
========================================================================================================= */
.advertisement{background-color:#FDF9F4; padding:15%; text-align: center;}
.advertisement.adjust-bottom{margin-bottom:8%;}
.side-col .advertisement.adjust-bottom{margin-bottom:16%;}
@media screen and (max-width:1200px) {
	.side-col .advertisement.adjust-bottom{margin-bottom:8%;}
}
@media screen and (max-width:768px) {
	.side-col .advertisement.adjust-bottom{margin-bottom:12%;}
}
/* =========================================================================================================
 *
 * ヘッダー
 *
========================================================================================================= */
#global-header{position:fixed; top:0; left:0; width:100%; height:60px; z-index:15;}
#global-header nav.global{width:100%; height:100%; position:relative;}
#global-header nav.global ul{display:flex; height:60px; text-align:center; justify-content:flex-end; align-items:center; padding-right:170px;}
#global-header nav.global ul li{margin:0 8px; font-size:1.4rem; position:relative; line-height:100%;}
#global-header nav.global ul li a{color:#AD9469; letter-spacing:.04rem; transition:color .3s ease 0s;}
#global-header nav.global ul li a.current,
#global-header nav.global ul li a:hover{color:#000;}
/*#global-header nav.global ul li a.current.link-underline:before{background-color:transparent;}*/
#global-header.transparent .link-underline:before{background-color:#fff;}
/*セパレーター*/
	#global-header nav.global ul li.separate{padding-left:20px;}
	#global-header nav.global ul li.separate:before{content:""; position:absolute; height:13px; top:3px; left:0; width:1px; background-color:#AD9469;}
/*ヘッダーロゴ*/
#header-logo{position:fixed; top:20px; left:25px; z-index:200; font-weight:normal;}
#header-logo a{display:block;}
#header-logo a,
#header-logo a svg{width:190px; height:19px; fill:#AD9469; transition:fill .3s ease 0s;}
.pc #header-logo a:hover svg{fill:#000;}
@media screen and (max-width:1024px){
	#global-header nav.global ul{display:none;}
}
@media screen and (max-width:568px){
	#header-logo{top:15px; left:13px;}
	#global-header{height:50px;}
}
/* 透過
-----------------------------------------------------------------------------*/
#global-header.transparent nav.global ul li a{color:#fff;}
#global-header.transparent nav.global ul li.separate:before{background-color:#fff;}
/*ヘッダーロゴ*/
#header-logo.transparent a svg{fill:#fff;}
#header-logo.transparent a:hover svg{fill:#AD9469;}
#header-logo.transparent.on a svg{fill:#AD9469;}
#header-logo.transparent.on a:hover svg{fill:#000;}
/* スクロール後
-----------------------------------------------------------------------------*/
#global-header:before{content:""; position:absolute; top:0; left:0; width:100%; height:0; background-color:#fff; transition:height .3s cubic-bezier(0.694, 0.048, 0.335, 1);}/*background-color:#F8F1EF;border-bottom:1px solid #FDF9F4;*/
#global-header.on:before{height:100%;}
#global-header.on nav.global ul li.separate:before{background-color:#AD9469;}
#global-header.on nav.global ul li a{color:#AD9469;}
#global-header.on nav.global ul li a.current,
#global-header.on nav.global ul li a:hover{color:#000;}
#global-header.on nav.global .link-underline:before{background-color:#000;}
#header-logo.on nav.global a svg{fill:#AD9469;}
#header-logo.on nav.global a:hover svg{fill:#000;}
/*アクティブ
-----------------------------------------------------------------------------*/
#global-header.active{opacity:0; visibility:hidden; transition:opacity .6s ease .6s, visibility 0s ease 1.6s;}
#header-logo.active a svg{fill:#AD9469; transition:fill .3s ease .6s;}
/*ヘッダーソーシャル
-----------------------------------------------------------------------------*/
#global-header nav.social{position:fixed; right:80px; top:16px;}
#global-header nav.social .social-link{}
#global-header nav.social .social-link li{margin-top:0; margin-left:0;}
#global-header nav.social .social-link li:nth-of-type(n + 2){margin-left:8px;}
#global-header nav.social .social-link a{padding:8px; background-color:rgba(173,148,105,.7); width:12px; height:12px; transition:background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1)}
#global-header nav.social .social-link svg{width:12px; height:12px; fill:#fff;}
.pc #global-header nav.social .social-link a:hover{background-color:#000;}
@media screen and (max-width:1024px){
	#global-header nav.social{display:none;}
}
/* =========================================================================================================
 *
 * フッター
 *
========================================================================================================= */
#global-footer{display:block; background-color:#110E0E; color:#AD9469;}
/*フッターロゴ*/
#global-footer .footer-logo{text-align:center; padding:60px 0 30px 0;}
#global-footer .footer-logo a{display:inline-block;}
#global-footer .footer-logo svg{fill:#AD9469; width:160px; height:48px;}
/*フッターリンク*/
#global-footer .footer-link ul{display:flex; justify-content:center; align-items:center;}
#global-footer .footer-link ul li{margin:0 8px; font-size:1.5rem; position:relative; line-height:100%;}
#global-footer .footer-link ul li a{color:#AD9469; letter-spacing:.04rem;}
	/*セパレーター*/
	#global-footer .footer-link ul li.separate{padding-left:20px;}
	#global-footer .footer-link ul li.separate:before{content:""; position:absolute; height:13px; top:3px; left:0; width:1px; background-color:#AD9469;}
/*SNSリンク*/
#global-footer .footer-sns{padding:20px 0;}
#global-footer .footer-sns p{font-size:1.3rem; text-align:center; color:#ccc; padding-bottom:10px;}
#global-footer .footer-sns .social-link{justify-content:center;}
#global-footer .footer-sns .social-link li{margin:0 5px;}
#global-footer .footer-sns .social-link a{background-color:#4D4D4D; transition:background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
#global-footer .footer-sns .social-link svg{fill:#110E0E;}
.pc #global-footer .footer-sns .social-link a:hover{background-color:#fff;}
/*問い合わせリンク*/
#global-footer .footer-inquiry{text-align:center; padding:15px;}
#global-footer .footer-inquiry a{border:1px solid #4D4D4D; font-size:1.3rem; color:#fff; padding:20px 45px 20px 30px; position:relative; transition:background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1), color .3s cubic-bezier(0.694, 0.048, 0.335, 1); display:inline-block;}
#global-footer .footer-inquiry a svg{width:11px; height:10px; position:absolute; right:25px; top:50%; margin-top:-5px; fill:#fff; transition:fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.pc #global-footer .footer-inquiry a:hover{background-color:#fff; color:#110E0E;}
.pc #global-footer .footer-inquiry a:hover svg{fill:#110E0E;}
/*このサイトについて*/
#global-footer .about-this{text-align:center;}
#global-footer .about-this a{color:#fff; line-height:100%; font-size:1.4rem;}
/*プロデュースエリア*/
#global-footer .produced-by{text-align:center; padding:60px 0 60px 0;}
#global-footer .produced-by p:nth-of-type(1){font-size:1.6rem; padding-bottom:3px;}
#global-footer .produced-by p:nth-of-type(2){font-size:1.2rem;}
#global-footer .produced-by ul{display:flex; justify-content:center; align-items:center; padding-top:10px;}
#global-footer .produced-by ul li{padding:0 15px;}
#global-footer .produced-by ul li a{display:inline-block;}
#global-footer .produced-by ul li a svg{height:11px; fill:#AD9469; transition:fill .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
#global-footer .produced-by ul li:nth-of-type(1) a svg{width:119px;}
#global-footer .produced-by ul li:nth-of-type(2) a svg{width:132px;}
.pc #global-footer .produced-by ul li a:hover svg{fill:#fff;}
/*コピーライト*/
#global-footer .copy{color:#999; line-height:100%; font-size:1.2rem; border-top:1px solid #4D4D4D; padding:20px 25px; text-align:center;}
@media screen and (max-width:568px){
	#global-footer .footer-link{display:none;}
	#global-footer .produced-by ul{display:block;}
	#global-footer .produced-by ul li{padding:5px 0;}
}
/* =========================================================================================================
 *
 * FOOTER BANNER
 *
========================================================================================================= */
.footer-banner{background-image:url(../images/footer-banner-bg-pc.jpg); background-repeat:repeat; background-position:center 0; animation:bgroop-pc 50s linear infinite; position:relative;}
.footer-banner a{display:block; padding:8% 4%; text-align:center; color:#fff;}
.banner-description{position:relative; z-index:1;}
.footer-banner h3{font-size:1.4rem;}
.footer-banner p:nth-of-type(1){font-size:1.2rem; padding:5px 0 15px 0; line-height:130%;}
.footer-banner p:nth-of-type(2) span{font-size:1.6rem; padding:12px 30px; border:1px solid #fff; display:inline-block; line-height:100%; transition:background-color .3s cubic-bezier(0.694, 0.048, 0.335, 1),color .3s cubic-bezier(0.694, 0.048, 0.335, 1);}
.footer-banner .overlay{background-color:rgba(173,148,105,.7); position:absolute; top:0; left:0; width:100%; height:100%; transition:background-color .4s ease-in-out;}
.footer-banner a:hover .overlay{background-color:rgba(173,148,105,.9);}
.footer-banner a:hover p:nth-of-type(2) span{background-color:#fff; color:rgba(173,148,105,1);}
@media screen and (max-width:768px) {
	.footer-banner{background-image:url(../images/footer-banner-bg-sp.jpg); animation:bgroop-sp 150s linear infinite;}
}
/* =========================================================================================================
 *
 * 投稿記事（基本スタイル）
 *
========================================================================================================= */
article.post-base{padding:8% 0;}
/* ヘッダー
-----------------------------------------------------------------------------*/
.post-base .post-info{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-bottom:1px solid #AD9469; padding-bottom:30px;}
/*タイトル枠*/
.post-base .post-head{width:calc(100% - 220px); border-right:1px solid #eee; padding-right:20px;}
.post-base .post-head h2{font-size:2.6rem; line-height:130%;}
.post-base .post-head p.ja{font-size:1.3rem; padding-bottom:5px;}
.post-base .post-head .detail{padding-top:15px;}
.post-base .post-head .post-date{color:#999; font-size:1.6rem;}
.post-base .post-head .post-cat{color:#AD9469; line-height:100%; font-size:1.6rem;}
.post-base .post-head .post-cat span:nth-of-type(2){font-size:12px; padding-left:5px; color:#999;}
.post-base .post-head .post-time{color:#AD9469; font-size:1.4rem; line-height:100%; display:inline-block;}
/*シェア枠*/
.post-base .post-share{text-align:center;}
.post-base .post-share .share-t{font-size:1.3rem; line-height:120%; padding-bottom:10px;}
.post-base .post-share .social-link{}
@media screen and (max-width:1024px){
	.post-base .post-info{display:block;}
	.post-base .post-head{width:100%; border-right:none; border-bottom:1px solid #AD9469; padding:0 0 20px 0; margin-bottom:30px;}
}
@media screen and (max-width:568px){
	.post-base .post-head h2{font-size:2.2rem;}
}
/* コンテンツ
-----------------------------------------------------------------------------*/
/*コンテンツボックス*/
.post-content .c-box{padding-top:50px;}
.post-content .c-box.break{padding-bottom:50px;}
.post-content .c-box.break.line{border-bottom:1px solid #eee;}
.post-content .c-box h3{font-size:2.0rem; line-height:130%;}
.post-content .c-box h3.p-top{padding-top:20px;}
.post-content .c-box h3.p-bottom{padding-bottom:20px;}
.post-content .c-box p{font-size:1.6rem; line-height:180%;}
.post-content .c-box p:nth-of-type(n + 2){padding-top:20px;}
/*イメージボックス*/
.post-content .c-box .i-box{display:flex; justify-content:space-between; flex-wrap:wrap; padding:20px 0;}
.post-content .c-box .i-box.col-2 figure{width:calc(50% - 10px);}
.post-content .c-box .i-box.col-3 figure{width:calc(33% - 10px);}
.post-content .c-box .i-box figure h4{color:#AD9469; font-size:1.4rem; padding-top:5px;}
.post-content .c-box .i-box figure p{font-size:1.4rem; line-height:180%; padding-top:5px;}
@media screen and (max-width:768px){
	.post-content .c-box .i-box.col-2 figure{width:100%; padding-top:20px;}
	.post-content .c-box .i-box.col-2 figure:nth-of-type(1){padding-top:0;}
	.post-content .c-box .i-box.col-3 figure{width:calc(50% - 10px);}
	.post-content .c-box .i-box.col-3 figure:nth-of-type(n + 3){padding-top:20px;}
}
@media screen and (max-width:568px){
	.post-content .c-box .i-box{padding-bottom:0;}
	.post-content .c-box .i-box.col-3 figure{width:100%;}
	.post-content .c-box .i-box.col-3 figure:nth-of-type(n + 2){padding-top:20px;}
}
/* 取材協力
-----------------------------------------------------------------------------*/
.post-content .c-box .wrap-thanks{background-color:#FDF9F4; padding:30px;}
/*ヘッダー枠*/
.post-content .c-box .thanks-head{border-bottom:1px dashed #AD9469; position:relative; padding-bottom:25px; margin-bottom:25px;}
.post-content .c-box .thanks-head p{line-height:100%; padding:0;}
.post-content .c-box .thanks-head p:nth-of-type(1){font-size:1.6rem;}
.post-content .c-box .thanks-head p:nth-of-type(2){font-size:1.2rem;}
.post-content .c-box .thanks-head img{width:15px; height:auto; position:absolute; right:0; top:-30px;}
/*紹介枠*/
.post-content .c-box .thanks{display:flex; justify-content:space-between; flex-wrap:wrap;}
.post-content .c-box .thanks .cover{text-align:center;}
.post-content .c-box .thanks .cover img{max-width:220px;}
.post-content .c-box .thanks .introduce{width:calc(100% - 250px);}
.post-content .c-box .thanks .introduce h3{font-size:1.2rem; font-weight:normal; padding-bottom:10px;}
.post-content .c-box .thanks .introduce .name .en{font-size:1.3rem;}
.post-content .c-box .thanks .introduce .name .ja{font-size:1.6rem;}
.post-content .c-box .thanks .introduce .name span:nth-last-of-type(1){padding-left:10px;}
.post-content .c-box .thanks .introduce p{font-size:1.3rem; padding-top:10px; line-height:140%;}
@media screen and (max-width:1024px){
	.post-content .c-box .thanks{display:block; text-align:center;}
	.post-content .c-box .thanks .introduce{width:100%; padding-top:20px;}
}
@media screen and (max-width:568px){
	.post-content .c-box .wrap-thanks{padding:20px;}
	.post-content .c-box .thanks-head img{top:-20px;}
	.post-content .c-box .thanks .introduce p{text-align:left;}
	.post-content .c-box .thanks .introduce .name span{display:block;}
	.post-content .c-box .thanks .introduce .name span:nth-last-of-type(1){padding-left:0;}
}
/* LOCATION DATA
-----------------------------------------------------------------------------*/
.post-content .c-box .wrap-location-date{background-color:#FDF9F4; padding:30px;}
/*ヘッダー枠*/
.post-content .c-box .location-date-head{border-bottom:1px dashed #AD9469; position:relative; padding-bottom:25px; margin-bottom:25px;}
.post-content .c-box .location-date-head p{line-height:100%; padding:0;}
.post-content .c-box .location-date-head p:nth-of-type(1){font-size:1.6rem;}
.post-content .c-box .location-date-head p:nth-of-type(2){font-size:1.2rem;}
.post-content .c-box .location-date-head img{width:15px; height:auto; position:absolute; right:0; top:-30px;}
/*紹介枠*/
.post-content .c-box .location-date{display:flex; justify-content:space-between; flex-wrap:wrap;}
.post-content .c-box .location-date dl:nth-of-type(1){width:calc(40% - 20px);}
.post-content .c-box .location-date dl:nth-of-type(2){width:calc(60% - 20px);}
.post-content .c-box .location-date dt{font-size:1.4rem; color:#AD9469;}
.post-content .c-box .location-date dd{border-bottom:1px dashed #ccc; font-size:1.4rem; padding:3px 0 15px 0; margin-bottom:15px;}
.post-content .c-box .location-date dd p{font-size:1.4rem; line-height: 160%;}
.post-content .c-box .location-date dd:nth-last-of-type(1){border:none; margin-bottom:0; padding-bottom:0;}
/*グーグルマップ*/
.post-content .c-box .location-date .map-wrap{position:relative;}
.post-content .c-box .location-date #gmap{position:absolute; width:100%; height:100%; top:0; left:0;}
@media screen and (max-width:1024px){
	.post-content .c-box .location-date{display:block;}
	.post-content .c-box .location-date dl:nth-of-type(1){width:100%;}
	.post-content .c-box .location-date dl:nth-of-type(2){width:100%;}
	.post-content .c-box .location-date dd{padding:10px 0 10px 0;}
	.post-content .c-box .location-date dl:nth-of-type(1) dd:nth-last-of-type(1){ border-bottom:1px dashed #ccc; padding:3px 0 15px 0; margin-bottom:15px;}
}
@media screen and (max-width:568px){
	.post-content .c-box .wrap-location-date{padding:20px;}
	.post-content .c-box .location-date-head img{top:-20px;}
	.post-content .c-box .location-date .map-wrap img{height:320px;}
}




.notfound-post{font-size:1.4rem; color:#AD9469; text-align: center; width: 100%;}


/* =========================================================================================================
 *
 * HOME
 *
========================================================================================================= */
/* 記事スライド
-----------------------------------------------------------------------------*/
#slide-post.home-index{height:100%; position:relative;}
/*記事ディスクリプション*/
#slide-post.home-index .wrap-description{padding:0 80px 0 80px; opacity:0; overflow:hidden; position:relative; top:120px; width:100%;}
#slide-post.home-index .post-description{padding-top:0;}
#slide-post.home-index .post-cat{color:#fff; line-height:100%;}
#slide-post.home-index .post-cat span{font-size:11px; padding-left:5px; color:#fff;}
#slide-post.home-index .post-cat-description{font-size:1.3rem;}
#slide-post.home-index .post-title{padding-top:20px; line-height:130%; font-size:2.2rem;}
#slide-post.home-index .post-time{color:#fff; font-size:1.4rem; line-height:100%; padding-top:10px;}
#slide-post.home-index .post-excerpt{font-size:1.3rem; padding-top:10px;}

#slide-post.home-index .post-logo{padding: 50px 0;}
#slide-post.home-index .post-logo img{max-width: 450px;}
#slide-post a{top: calc(16vh);}
#slide-post a .blind-button{bottom: 170px;}
@media screen and (max-width:1024px){
	#slide-post a{overflow:hidden;}
	#slide-post.home-index .post-title{font-size:2.0rem;}
	#slide-post.home-index .post-excerpt{display:none;}
}
@media screen and (max-width:768px){
	#slide-post .post-title{font-size:1.8rem;}
	#slide-post a{top: 0;}
	#slide-post a .blind-button{bottom: 60px;}
}
@media screen and (max-width:568px){
	#slide-post.home-index .wrap-description{padding:0 40px 0 40px;}
	#slide-post.home-index .post-title{font-size:1.6rem;}
}
/* =========================================================================================================
 *
 * SPOT INDEX
 *
========================================================================================================= */
.spot-index-title{text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; color:#fff; height:100%; position:absolute; left:0; top:0; width:100%;}
.spot-index-title h2{font-size:5.0rem; line-height:100%;}
.spot-index-title p{font-size:1.3rem; line-height:100%; padding-top:5px;}
#slide-post.spot-index{height:100%; position:relative;}
#slide-post.spot-index .wrap-description{padding:0 0 38px 80px; opacity:0; overflow:hidden; position:relative; top:120px; width:100%;}
#slide-post.spot-index a{align-items:flex-end;}
#slide-post.spot-index .post-title.en{font-size:2.0rem;}
#slide-post.spot-index .post-title.ja{font-size:1.2rem;}
/*記事ディスクリプション*/
.spot-index .spot-description{text-align:center; padding-top:6%;}
.spot-index .spot-description h3{font-size:1.6rem; padding-bottom:10px;}
.spot-index .spot-description p{font-size:1.3rem;}
@media screen and (max-width:1024px){
	#slide-post.spot-index .wrap-description{padding:140px 0 0 0;}
	#slide-post.spot-index a{align-items:center; text-align:center;}
}
@media screen and (max-width:568px){
	#slide-post.spot-index a .blind-button{margin-right:-85px;}
	.spot-index .spot-description{padding:12% 0;}
}
/* =========================================================================================================
 *
 * STYLE bOOK INDEX
 *
========================================================================================================= */
.book-index-title{text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; color:#fff; height:100%; position:absolute; left:0; top:0; width:100%;}
.book-index-title h2{font-size:5.0rem; line-height:100%;}
.book-index-title p{font-size:1.3rem; line-height:100%; padding-top:5px;}
#slide-post.book-index{height:100%; position:relative;}
#slide-post.book-index .wrap-description{padding:0 0 38px 80px; opacity:0; overflow:hidden; position:relative; top:120px; width:100%;}
#slide-post.book-index a{align-items:flex-end;}
#slide-post.book-index .post-title.en{font-size:2.0rem;}
#slide-post.book-index .post-title.ja{font-size:1.2rem;}
.book-description{text-align:center; padding-top:4%; padding-bottom:4%;}
.book-description h3{font-size:1.6rem; padding-bottom:10px;}
.book-description p{font-size:1.3rem;}
@media screen and (max-width:1024px){
	#slide-post.book-index .wrap-description{padding:140px 0 0 0;}
	#slide-post.book-index a{align-items:center; text-align:center;}
}
@media screen and (max-width:568px){
	#slide-post.book-index a .blind-button{margin-right:-85px;}
}
@media screen and (max-width:568px){
	.book-index .book-description{padding:12% 0;}
}
/* =========================================================================================================
 *
 * STYLE bOOK ARTICLE
 *
========================================================================================================= */
/* イメージエリア
-----------------------------------------------------------------------------*/
#photo-canvas{position:relative; height:100vh;}
#photo-canvas #photo-view{background-color:rgba(231,210,201,.15); width:calc(100% - 160px); height:calc(100% - 120px); left:80px; top:60px; margin:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; position:absolute; display:block; background-repeat:no-repeat; background-position:center; background-size:contain;}
#photo-canvas #photo-view img{width:auto; height:100%; transition:transform .5s ease-in-out;}
#photo-canvas .photo-caption-left,
#photo-canvas .photo-caption-right{position:absolute; bottom:0; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#photo-canvas .photo-caption-left{left:80px; color:#727171; font-size:1.2rem; width:calc(100% - 350px);}
#photo-canvas .photo-caption-right{right:80px; color:#eee; font-size:3.0rem;}
@media screen and (max-width:768px){
	#photo-canvas #photo-view{width:100%; height:calc(100% - 120px); height:calc(100% - 100px); left:0px; top:50px;}
	#photo-canvas .photo-caption-left{left:25px; line-height:50px; width:calc(100% - 160px);}
	#photo-canvas .photo-caption-right{display:none;}
}
/* ページャー
-----------------------------------------------------------------------------*/
#photo-canvas nav{width:120px; position:absolute; bottom:10px; right:80px; z-index:5; display:none;}
#photo-canvas nav ul{display:flex;}
#photo-canvas nav ul li{width:50%; position:relative;}
#photo-canvas nav ul li:nth-last-child(1)::before{display:block; content:''; background-color:#000; position:absolute; width:4px; height:4px; top:50%; left:-2px; border-radius:50%; margin-top:-2px}
#photo-canvas nav ul li a{display:block; height:40px; width:100%; position:relative;}
#photo-canvas nav ul li a svg.i-slide-r {right:20px;}
#photo-canvas nav ul li a.current{pointer-events:none; opacity:.2;}
@media screen and (max-width:768px){
	#photo-canvas nav{bottom:5px; right:25px;}
	#photo-canvas nav{display:block;}
}
/* ディティール
-----------------------------------------------------------------------------*/
/*詳細*/
.photo-detail{text-align:center; padding:8% 0; border-top:1px solid #eee;}
.photo-detail .photo-detail-title{color:#eee; font-size:3.0rem; line-height:100%; text-align:center; display:none; padding-bottom:20px;}
.photo-detail .detail:nth-of-type(n + 3){ padding-top:40px;}
.photo-detail .detail .detail-caption{font-size:1.4rem; line-height:100%; padding-bottom:15px;}
.photo-detail .detail h2{font-size:1.4rem; padding-bottom:5px;}
.photo-detail .detail p{font-size:1.2rem;}
/*タグリスト*/
.photo-detail .detail .tags-list{padding-bottom:0;}
/*SNS*/
.photo-detail .social-link{ justify-content:center;}
@media screen and (max-width:768px){
	.photo-detail .photo-detail-title{display:block;}
}
@media screen and (max-width:567px){
	.photo-detail{text-align:left;}
	.photo-detail .photo-detail-title{text-align:right;}
	.photo-detail .social-link{ justify-content:flex-start;}
}
/* =========================================================================================================
 *
 * ABOUT
 *
========================================================================================================= */
.head-title.about svg{fill:#AD9469; width:300px; height:150px;}
.about-description{text-align:left;line-height: 1.8}
.about-description h3{font-size:2.8rem; line-height: 105%;padding-bottom:20px;color:#b29b73;}
.about-description p{font-size:1.6rem; line-height:187.5%;}
.about-description p:nth-of-type(n + 2){padding-top:15px;}
.about-description a{color: #b29b73;}
.about-description a:hover{text-decoration: underline;}

@media screen and (max-width:1100px){
	.about-description h3{font-size:2.4rem;}
	.about-description p{font-size:1.3rem;}
}
@media screen and (max-width:568px){
	.head-title.about svg{width:240px; height:120px;}
}

#page-index article.post-base{padding: 5% 0;}


/*about-box*/
.about-box {width: 100%; position: relative;margin-bottom: 2em;}
.about-box img {width:34.4%;}
.about-box.img-left {text-align: left;}
.about-box.img-right {text-align: right;}
.about-box-text {width:66%;position: absolute;background-color: #fff;text-align: left;line-height: 1.8}
.about-box-text.text-left{top: 17%;left: 0;padding: 45px 30px 45px 0;}
.about-box-text.text-right{top: 17%;right: 0;padding: 45px 0 45px 30px;}
@media screen and (max-width:1000px){
	.about-box-text.text-left{top: 10%;padding: 30px 20px 30px 0;}
	.about-box-text.text-right{top: 10%;padding: 30px 0 30px 20px;}
	.about-box {margin-bottom: 1em;}
	.about-box img {width:100%;}
	.about-box.img-left {text-align: center;}
	.about-box.img-right {text-align: center;}
	.about-box-text {width:100%;position: static;background-color: none;text-align: left;}
	.about-box-text.text-left{padding: 40px 0 30px 0;}
	.about-box-text.text-right{padding: 40px 0 30px 0;}
}

/*about table*/
.about-description table{
	margin: 40px 0;
	border-top: solid 1px #ececec;
}
.about-description th,.about-description td{
	padding: 30px 0;
	border-bottom: solid 1px #ececec;
}
.about-description th{
	width: 17%;
}
@media screen and (max-width:1100px){
	.about-description th,.about-description td{font-size:1.3rem;}
}
@media screen and (max-width:568px){
	.about-description th{width: 30%;}
}


/* =========================================================================================================
 *
 * STYLE BOOK
 *
========================================================================================================= */
/*add 2019 by mio,es*/
.masonry {
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.masonry .i-width {
	width: 33.33%;
	position: absolute;
	padding: 5px 5px 15px;
	list-style: none;
	background: #fff;
}

.masonry,
.masonry .i-width,
.masonry .i-width p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.masonry {padding:8% 0;}
.masonry .adjust-bottom{padding-bottom:0;}
.masonry section{display:block; position:relative;}
.masonry section a{display:block; color:#000; transition:color .4s ease-in-out;}
/*タイトル*/
.masonry .post-description{padding-top:10px;}
.masonry .post-title{line-height:130%;}
.masonry .post-cat span{line-height:100%;}
.masonry .post-cat span:nth-of-type(1){color:#AD9469; font-size:14px;}
.masonry .post-cat span:nth-of-type(2){font-size:11px; padding-left:5px; color:#999; text-transform:uppercase;}
.masonry .post-time{color:#AD9469; font-size:1.4rem; line-height:100%; display:inline-block;}
.masonry .post-excerpt{font-size:1.4rem; padding-top:10px;}
/*サムネイル*/
.masonry .thumbnail{position:relative; overflow:hidden;}
.masonry .thumbnail .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); transition:background-color .4s ease-in-out; z-index:1;}
.masonry .thumbnail .overlay.non{background-color:rgba(0,0,0,0); }
.masonry .thumbnail figure{transition:transform .4s ease-in-out; width:100%; height:auto; margin:0; padding:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.masonry .thumbnail figure.scale-out{transform:scale(1.00);}
.masonry .thumbnail figure.scale-in{transform:scale(1.01);}
/*ホバーマーク*/
.masonry .thumbnail .hover-mark{position:absolute; text-align:center; line-height:100%; width:100%; height:16px; top:50%; left:0; margin-top:-8px; color:#fff; font-size:1.3rem; display:block; opacity:0; transition:opacity .4s cubic-bezier(0.694, 0.048, 0.335, 1);}
/*ホバーアクション*/
.masonry a:hover .thumbnail .overlay{background-color:rgba(0,0,0,.15);}/*173,148,105,0*/
.masonry a:hover .thumbnail figure.scale-out{transform:scale(.97);}
.masonry a:hover .thumbnail figure.scale-in{transform:scale(1.04);}
.masonry a:hover .thumbnail .hover-mark{opacity:1;}
.pc .masonry a:hover{color:#AD9469;}

@media screen and (max-width:568px){
	.masonry .entry-list-block{padding:12% 0;}
}
@media screen and (max-width: 768px){
	.masonry .i-width {
		width: 50%;
	}
}
@media screen and (max-width: 480px){
	.masonry .i-width {
		width: 100%;
	}
}

/*トップページのSTYLE BOOKの新着の画像の高さを揃える*/
#stylebook.entry-list-block .thumbnail img{
	max-width: calc(100vw/4);
	max-height: calc(100vw/7);
	object-fit: contain;
}
@media screen and (max-width: 768px){
	#stylebook.entry-list-block .thumbnail img{
		max-width: 100%;
		max-height: 100%;
	}
}