@charset "UTF-8";a,body,p{color:#000}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}p{line-height:1.5em}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}body,html{box-sizing:border-box;min-height:100%}body{border-bottom:none}body.opened{position:fixed;overflow-y:scroll}




@media screen and (min-width:1024px){body{border:0px solid #DAD6CB;width:100%; background-image:url(../img/index/bg.jpg); background-position:center top}}
@media screen and (max-width:1023px){
body{border:8px solid #5A493F;border-top:none;padding-top:59px}}
body,p{font:14px/1.8 YuMincho,"游明朝",YuGothic,游ゴシック,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif}
a{text-decoration:none}
.footer__nav a,a:hover{text-decoration:underline}
img{height:auto;width:100%}
@media screen and (min-width:1024px){
.header{margin:0 auto;padding:0;position:relative;width:100%;z-index:2}
.header .inner{left:0;opacity:1;padding:20px 0;position:absolute;top:0;transition:all .5s ease-out;width:100%}
.header .inner.fixed{top:-30px}
.header .fixed_box{margin:0 auto;width:100%;}
.header.fixed .inner{background:#5A493F;opacity:0.8;position:fixed;top:0}
}
@media screen and (max-width:1023px){
.header{box-sizing:border-box;left:0;position:fixed;top:0;width:100%;z-index:10}
.header .inner{background:#5A493F;padding:26px 16px 8px}
.header .inner:after{clear:both;content:"";display:block}}
.header__ttl a{display:block;margin:0 auto;overflow:hidden;text-indent:-99999em}
@media screen and (min-width:1024px){
.header__ttl{left:0;position:absolute;top:10px;width:100%}
.header__ttl a{background:url(../img/common/header_ttl-03-pc.png) center center no-repeat;background-size:contain;height:80px;width:90px}
.fixed .header__ttl a{background:url(../img/index/buluba-top.jpg) center center no-repeat;background-size:contain;height:28px;width:auto}
}
@media screen and (max-width:1023px){
.header__ttl{float:left;height:28px;width:136px}
.header__ttl a{background:url() center center no-repeat;background-size:contain;display:block;height:28px;width:136px}
}
@media screen and (min-width:1024px){
.header__icn{float:left; display:block;height:28px;overflow:hidden; position:absolute; top:-28px;}
.header__icn img{display:block;float:left;height:28px;margin-right:10px;width:auto}
.header__text{ float:left; position:absolute; display:block; transform: rotate(-90deg);transform-origin: 0; color:#8F7D4F; left:-12px; top:200px; font-size:14px; font-family:"Century Gothic"; font-weight:bold;}
.header__so{ float:left;position:absolute; display:block; left:-30px; top:250px;overflow:hidden;}
}
@media screen and (max-width:1023px){
.header__icn{float:right}
.header__icn img{height:28px;margin-right:10px;width:auto}
.header__text{ display:none;}
.header__so{ display:none;}
}
.header__nav-btn span,.header__nav-list{width:100%;transition:all .5s ease-out;left:0}
.header__nav{float:right}
.header__nav-btn{float:right;z-index:10}
.header__nav-btn span{background:#DAD6CB;position:absolute; right:50px;}
.opened .header__nav-btn span{background:#fff}
.header__nav-list{background-color:rgba(0,0,0,.9);height:0;overflow:hidden;position:fixed;top:0;z-index:9}
.opened .header__nav-list{box-sizing:border-box;padding-top:30px;height:100%}
.header__nav-list.opened2{overflow:auto}
.header__nav span img{opacity:.4}
@media screen and (min-width:1024px){
.header__nav-btn{cursor:pointer;height:25px;position:relative;top:-60px; right:43px;width:26px}
.header__nav-btn span{height:3px;background:#8F7E50;}
.header__nav-btn-01:nth-of-type(1){top:33px}

.opened .header__nav-btn-01:nth-of-type(1){top:20px;-webkit-transform:translateY(20px) rotate(45deg);-ms-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}

.header__nav-btn-02:nth-of-type(2){top:11px}

.opened .header__nav-btn-02:nth-of-type(2){opacity:0}

.header__nav-btn-03:nth-of-type(3){bottom:0}

.opened .header__nav-btn-03:nth-of-type(3){bottom:-38px;-webkit-transform:translateY(-20px) rotate(-45deg);-ms-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
.header__nav li{margin:0 auto 44px;width:380px}
}
@media screen and (max-width:1023px){
.header__nav-btn{cursor:pointer;float:right;height:16px;margin-top:6px;position:relative;width:16px;z-index:10}
.header__nav-btn span{background:#8F7E50;height:2px;left:0;position:absolute;transition:all .5s ease-out;width:100%}
.opened .header__nav-btn span{background:#fff}
.header__nav-btn-01:nth-of-type(1){top:0}
.opened .header__nav-btn-01:nth-of-type(1){top:-14px;-webkit-transform:translateY(20px) rotate(45deg);-ms-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}
.header__nav-btn-02:nth-of-type(2){top:7px}
.opened .header__nav-btn-02:nth-of-type(2){opacity:0}
.header__nav-btn-03:nth-of-type(3){bottom:0}
.opened .header__nav-btn-03:nth-of-type(3){bottom:-12px;-webkit-transform:translateY(-20px) rotate(-45deg);-ms-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
.header__nav li{margin:0 auto 15px;width:276px}
}
.social{background:#fff;text-align:center;width:100%}
.social ul{background:url(../img/common/share_ttl.png) left center no-repeat;background-size:51px 15px;display:inline-block;font-size:0;line-height:0;margin:0 auto 40px;padding-left:65px}
.social li{display:inline-block;font-size:14px;line-height:1;padding:0 15px;transition:all .5s ease-out}
.social li:hover{opacity:.7}
.social li img{height:32px;width:32px}
@media screen and (min-width:1024px){
.pt{border-bottom:16px solid #1D1D1D;box-sizing:border-box;bottom:0;padding:0 16px;position:fixed;right:0;text-align:left;width:100%}
.pt a{background:url(../img/common/pt_btn.gif) no-repeat;display:block;height:48px;margin:0 0 0 auto;opacity:0;overflow:hidden;text-indent:-99999em;transition:opacity .5s ease-out;width:48px}
.pt a.fixed{opacity:1}
}
@media screen and (max-width:1023px){
.pt{border-bottom:8px solid #1D1D1D;box-sizing:border-box;padding:0 8px;bottom:0;position:fixed;right:0;text-align:left;width:100%}
.pt a{background:url(../img/common/pt_btn-sp.png) center center no-repeat #AEA06E;background-size:9px 6px;display:block;height:36px;margin:0 0 0 auto;opacity:0;overflow:hidden;text-indent:-99999em;transition:opacity .5s ease-out;width:36px}
.pt a.fixed{opacity:1}
}
.footer{background:#816354;font-size:11px}
@media screen and (min-width:1024px){
.footer .inner{background:url() right 45px no-repeat;background-size:95px 306px;margin:0 auto;padding:45px 0;width:944px}
.footer__ttl{margin-bottom:40px;text-align:center}
.footer__ttl img{height:220px;width:220px}
}
@media screen and (max-width:1023px){
.footer{padding:30px 20px}
.footer .inner{background:url() right center no-repeat;background-size:80px 263px}
.footer__ttl{margin-bottom:24px;text-align:left}
.footer__ttl img{height:220px;width:220px}
}
.footer__sitemap li{background:url(../img/common/footer_ico-01.png) left center no-repeat;background-size:5px 9px;margin-bottom:1em;padding-left:12px}
.footer__nav{clear:both;font-size:0;line-height:0;padding:20px 0 42px;text-align:center}
.footer__nav li{display:inline-block;font-size:11px;line-height:1.8}
.footer__nav a:hover{text-decoration:none}
@media screen and (min-width:1024px){
.footer__sitemap{float:left;width:272px}
.footer__nav li{padding:0 1em}
.break__sp{display:none}
}
.footer__copyright{color:#999;text-align:center}
@media screen and (max-width:1023px){
.footer__nav li{padding:0 .25em}.break__pc{display:none}
}
.bnr a,.bnr span{background-repeat:no-repeat;display:block;margin:0 auto;overflow:hidden;text-indent:-99999em}
@media screen and (min-width:1024px){
.bnr{font-size:0;margin:0 auto 80px;width:944px}
.bnr li{font-size:12px;font-size:1.2rem;display:inline-block}
.bnr__campaign{margin-bottom:16px}
.bnr__campaign a{background-image:url(../img/common/bnr-00-pc.jpg);height:188px;width:944px;transition:all .5s ease-out}
.bnr__campaign a:hover{opacity:.8}
}
@media screen and (max-width:1023px){
.bnr{margin-bottom:16px}
.bnr__campaign{padding:30px 16px 16px}
.bnr__campaign a{background-image:url(../img/common/bnr-00-sp.jpg);background-size:contain;height:0;padding-top:69.85%}
}
@media screen and (min-width:1024px){
.bnr__case01 a,.bnr__case01 span,.bnr__case02 a,.bnr__case02 span,.bnr__case03 a,.bnr__case03 span{height:152px;width:304px}
.bnr__case01 a,.bnr__case02 a,.bnr__case03 a{transition:all .5s ease-out}.bnr__case01 a:hover,.bnr__case02 a:hover,.bnr__case03 a:hover{opacity:.8}
.bnr__case01 a,.bnr__case01 span{background-image:url(../img/common/bnr-01-pc.jpg)}
}
@media screen and (max-width:1023px){
.bnr__case01 a,.bnr__case01 span,.bnr__case02 a,.bnr__case02 span,.bnr__case03 a,.bnr__case03 span{background-size:contain;height:0;padding-top:45.39%}
.bnr__case01 a,.bnr__case01 span{background-image:url(../img/common/bnr-01-sp.jpg)}
}
@media screen and (min-width:1024px){.bnr__case02 a,.bnr__case02 span{background-image:url(../img/common/bnr-02-pc.jpg)}}
@media screen and (max-width:1023px){.bnr__case02 a,.bnr__case02 span{background-image:url(../img/common/bnr-02-sp.jpg)}}
@media screen and (min-width:1024px){.bnr__case03 a,.bnr__case03 span{background-image:url(../img/common/bnr-03-pc.jpg)}
.bnr__case02{margin-left:16px}}
@media screen and (max-width:1023px){.bnr__case03 a,.bnr__case03 span{background-image:url(../img/common/bnr-03-sp.jpg)}}
@media screen and (min-width:1024px){.bnr__case03{margin-left:16px}}iframe{position:fixed;bottom:0;left:0}