#loading {background:#000 url(/img/common/loading.gif) no-repeat center;height:100%;width:100%;position:fixed;z-index:9999;left:0px;top:0px}
html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;background:#000;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",'Noto Serif JP', serif;}
main{display:block;}
h1{font-size:2em;margin:.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-size:1em;}
a{background-color:transparent;}
a:hover{outline:none;}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace,monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0;}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
[hidden],template{display:none;}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box}
b,strong{font-weight:700}
h1,h2,h3,h4,h5,h6,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:normal}
a{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
td,th{word-break:break-all}
img{border:none;vertical-align:bottom;font-size:0;line-height:0;max-width:100%;height:auto}
video{outline:0}
html{font-size:1em;box-sizing:border-box;}
.callink{font-family:'Alice',"Times New Roman", Times, serif}
@media (min-width:600px) {
html{overflow-x:hidden;}
}
*,:after,:before{box-sizing:inherit;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;}
@media (min-width:600px) {
body{overflow-x:hidden;}
}
body,button,input,optgroup,select,textarea{color:#fff;font-weight:300;line-height:1.8;}
main{position:relative;}
blockquote,q{quotes:"""";}
blockquote:after,blockquote:before,q:after,q:before{content:"";}
hr{border:0;height:1px;margin-bottom:1.5em;}
ol,ul{margin-top:32px;line-height:1.4;list-style:none;}
ol ol,ol ul,ul ol,ul ul{margin-top:0;}
ul{margin-left:1.5em;padding-left:0;}
ol{counter-reset:section;margin-left:0;padding-left:0;}
li > ol,li > ul{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:700;}
dd{margin:0 0 1.5em;}
img{vertical-align:bottom;max-width:100%;}
@media (max-width:959px) {
img{height:auto;}
}
figure{margin:0;}
table{min-width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;margin-top:32px;font-size:.875em;}
table td,table th{vertical-align:top;}
table td:first-child,table th:first-child{font-weight:700;}
table th{font-weight:400;}
h1,h2,h3,h4,h5,h6{clear:both;line-height:1.4;}
cite,dfn,em,i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}
pre{background:#eee;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
ins,mark{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}
a{color:#fff;text-decoration:none;transition:.5s}
a:active,a:hover,a:visited{color:#fff;}
a:active,a:hover{text-decoration:none;}
a:after{vertical-align:bottom;}
p{margin-bottom:0;line-height:1.8;}
.postEdit h2 + *,.postEdit h3 + *,.postEdit h4 + *.postEdit h5 + *,.postEdit h6 + *{margin-top:40px;}
button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em;}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa;}
button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb;}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#ccc;border:1px solid #ccc;border-radius:3px;padding:3px;}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:rgb(17,17,17);}
select{border:1px solid #ccc;}
textarea{width:100%;}


#masthead{border-top:3px solid #ba871a}
.header-inner{max-width:1200px;margin:0 auto;position:relative;display:flex;flex-direction:column;}
.site-title{width:260px;padding:20px;position:absolute;top:0;left:0}
#hdlogo img{width:100%;height:auto}
#site-navigation ul,#hdcta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#hdcta{display:flex;-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;padding-top:10px}
#hdcta .callink{font-size:2rem;letter-spacing:0.03em;margin:0 1em 0 0;}
#hdcta .callink i{font-size:1.2rem;margin:0 .2em 0 0}
#hdcta time{font-size:0.75rem}
#site-navigation{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;justify-content:space-between}
#site-navigation li{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
#site-navigation li::before{content:"";background:#686868;width:1px;height:14px;display:block;margin:0 1.8em}
#site-navigation li:first-child::before{display:none}
#site-navigation li a::after{content:"";display:block;background:#ba871a;width:0;height:1px;position:relative;bottom:-10px;transition:.6s;margin:0 auto}
#site-navigation li a{transition:.6s}
#site-navigation li a:hover{color:#edb948}
#pageTop{position:fixed;transition:0.5s;z-index:5}
#pageTop a{font-size:0;display:block;font-weight:bold;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative}
#pageTop a::before{content:"";display:inline-block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:50%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
main{margin:0 auto 80px}
.site-footer{border-top:3px solid #ba871a}
.footer-inner{display:flex;width:100%}
#ftInfo{width:740px;padding:40px;display:flex}
#ftInfo dt{width:240px}
#ftInfo dt img{width:200px;height:auto}
#ftInfo dd ul{padding:20px 0;margin:0}
#ftInfo dd ul li{font-size:0.875rem;line-height:1.8em}
#ftInfo dd p .callink{background:#0d0d0d;display:inline-block;padding:0 20px;font-size:2.5rem;letter-spacing:0.05em}
#ftInfo dd p .callink i{font-size:1.5rem;margin:0 .4em 0 0}
#gmap{width:calc(100% - 740px);}
#gmap iframe{max-width:100%;max-height:400px;}
#copyright{height:60px;font-family:'Alice',"Times New Roman", Times, serif;color:#414141;font-size:0.75rem;width:240px;text-align:center;padding:20px 0 0;margin-top:-60px;letter-spacing:0.05em}
#spnav{top:-80px;position:fixed;right:0;width:60px;height:60px;z-index:20;border:none;background:#ba871a;cursor:pointer;outline:none;border-radius:0}
.pagedown #spnav,#spnav span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;box-sizing:border-box}
.pagedown #spnav{top:0}
#spnav span{position:absolute;left:50%;top:50%;margin:-1px 0 0 -15px}
#spnav span,#spnav span:before,#spnav span:after{content:"";width:30px;height:2px;background:#fff;z-index:20;position:absolute}
#spnav span:before,#spnav span:after{left:0px}
#spnav span:before{top:-10px}
#spnav span:after{top:10px}
#spnav.active span{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
#spnav.active span:before{opacity:0}
#spnav.active span:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);top:0}
#spnav.active span,#spnav.active span:before,#spnav.active span:after{background:#fff}

#ftnav{position:fixed;top:0;left:0;z-index:20;width:100vw;background:rgba(0,0,0,.9);opacity:0;-webkit-transition:.5s linear;-moz-transition:.5s linear;transition:.5s linear;-moz-transform:translateY(-500px);-webkit-transform:translateY(-500px);transform:translateY(-500px);height:0;}
#ftnav.active{right:0;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);height:500px;}
#ftnav ul{padding:100px 0 0;margin:0 auto;-ms-writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;width:720px;text-align:center}
#ftnav ul li{border-left:1px solid rgba(255,255,255,0.1);font-size:1.375rem;width:120px;text-align:left;}
#ftnav ul li:first-child{border:none}
#ftnav ul li:last-child{padding:0}
#ftnav ul li a{color:#fff;display:block;width:100%;padding:20px 40px}
#ftnav ul li a:hover{color:#ba871a}

@media screen and (min-width: 961px) {
#loading {background-size:30px}
#pageTop{right:30px;bottom:-50px;width:40px}
.pagedown #pageTop{bottom:110px}
#pageTop a{width:50px;height:50px;position:relative;transition:0.5s;top:0;background:#ba871a;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.2)}
#pageTop a::before{width:12px;height:12px;margin:-4px 0 0 -6px;left:50%;border-top:3px solid #fff;border-right:3px solid #fff}
#pageTop a:hover{background:#151515}
}
body#index #site-navigation li:nth-child(1) a::after,#site-navigation li a:hover::after{width:100%}
body#index #site-navigation li:nth-child(1) a:hover{color:#fff}
#mv{width:100%;height:600px;margin:0 auto 30px;max-width:1400px;min-height:600px;}
.bx-viewport ul.bx-wrapper,#mv li{width:100%;height:100%}
#mv .bx-viewport li{background-position:left center;background-size:auto 100%;background-repeat:no-repeat;height:600px;max-height:600px}
#mv .bx-viewport li p{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}
#mv1{background-image:url(../img/index/mv01.jpg)}
#mv2{background-image:url(../img/index/mv02.jpg)}
#mv3{background-image:url(../img/index/mv03.jpg)}
#mv4{background-image:url(../img/index/mv04.jpg)}
#mv p{letter-spacing:.1em}
#mv p strong{font-weight:inherit}
#mv li div{display:flex;flex-flow:row-reverse;padding-left:860px;width:1280px}
#mv li div p{font-size:1.625rem;line-height:3.5em}
#mv1 div p:first-child{font-size:0}
#mv1 p + p::before{background:url(../img/index/mv01.gif) no-repeat center / cover;width:26px;height:272px;content:"";display:block;margin:-90px 30px 0}
#mv1 div p + p{padding-top:120px;font-size:1.625rem;line-height:3.5em}
#mv1 p + p strong,#mv2 p + p strong{font-size:3.25rem}
#mv1 p + p span{padding-top:60px;font-size:2.25rem}
#mv2 div{padding:0 40px 0 0}
#mv2 div p{padding-top:80px}
#mv2 div p + p{font-size:2.625rem;line-height:2em}
#mv2 div p span{padding-top:60px;font-size:2.25rem}
#mv3 div p,#mv4 div p{padding-top:90px;}
#mv3 div p:first-child{font-size:1.5rem}
#mv3 div p + p{font-size:2.375rem;line-height:2em}
#mv3 div p strong{font-size:3rem}
#mv3 div p span{font-size:2.062rem}
#mv4 div p:first-child{font-size:1.5rem}
#mv4 div p + p{font-size:2.062rem;line-height:2.6em}
#mv4 div p strong{font-size:2.625rem}
.bx-pager{position:absolute;display:flex;width:1300px;margin-top:-40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;z-index:3}
.bx-pager a{background:#373737;font-size:0;width:10px;height:10px;border-radius:50%;display:inline-block;content:"";margin:0 6px}
a.bx-pager-link.active,.bx-pager a:hover{background:#a4a4a4}
.bx-controls-direction{display:none}
#news{position:relative;z-index:1}
#news dl{display:flex;width:94%;max-width:1060px;margin:0 auto;background:#1d1d1d}
#news dt{background:#ba871a;color:#fff;width:130px;text-align:center;padding:35px 0;font-size:1.125rem;}
#news li{font-size:1.062rem;letter-spacing:.05em;padding:0 20px 1.3em 20px}
#news li:last-child{padding-bottom:0}
#news li time{font-family:'Alice',"Times New Roman", Times, serif;padding:0 0 5px;margin-left:-16px}
#news li time::before{content:"";display:inline-block;width:8px;height:8px;background:#ba871a;margin:0 10px 0 0}
#news li a:hover{color:#edb948;text-decoration:underline;}
#index h2{font-size:2.875rem}
#index h2 strong{font-size:3rem}
#introduction{position:relative;padding:120px 0 120px 31%;max-width:1200px;margin:0 auto}
#introduction::before{content:"";background:url(../img/index/img01.png) no-repeat center / cover;width:700px;height:500px;display:inline-block;position:absolute;top:50%;right:60%;margin:-250px 0 0 0}
#introduction::after{background:url(../img/index/bg01.gif);content:"";display:block;width:500%;position:absolute;top:-160px;left:50%;margin-left:-250%;height:calc(100% + 160px);z-index: -2;}
#index #introduction h2{font-size:2.25rem;margin:0 0 1.3em}
#index #introduction h2 strong{font-size:2.375rem}
#index #introduction p{line-height:2.6em;margin:0 0 1.8em}
a.link01,a.link01:visited{color:#ba871a;position:relative;display:inline-block;padding:10px 45px 8px 15px;text-align:center;font-size:1.125rem}
a.link01:hover{color:#edb948;padding:10px 55px 8px 15px}
a.link01::after,a.link01::before{content:"";background:#ba871a;display:inline-block;position:absolute;right:15px}
a.link01:hover::after,a.link01:hover::before{background:#edb948}
.link01::after{width:1px;height:15px;transform:rotate(-45deg);bottom:0}
.link01::before{width:100%;height:1px;left:-10px;bottom:1px}
#leadProduct{padding:80px 0;width:1160px;margin:0 auto;text-align:center}
#leadProduct h2{text-align:right;padding:40px 0 0;margin-bottom:-60px}
#leadProduct ul{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;padding:0 0 80px}
#leadProduct ul li{width:330px;margin-bottom:-60px;position:relative}
#leadProduct ul li a{display:block;background:url(../img/index/bg02.gif);color:#000;transition:.3s;position:relative;top:0}
#leadProduct ul li a:hover{color:#fff;background:#1f1e1e;top:-5px}
#leadProduct ul li a p{font-size:0.937rem;padding:20px;font-weight:600}
#leadProduct ul li:nth-child(3n-1){margin-top:60px}
#leadProduct ul li:nth-child(3n){margin-top:120px}
#leadProduct ul li a:hover img{opacity:.8}
#leadProduct ul li figcaption{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;position:absolute;top:-30px;left:10px;font-size:1.625rem;color:#fff;padding:10px;letter-spacing:0.08em}
#leadProduct ul li:nth-of-type(1) figcaption{background:#a42e38}
#leadProduct ul li:nth-of-type(2) figcaption{background:#b69a05}
#leadProduct ul li:nth-of-type(3) figcaption{background:#8d4e80}
#leadProduct ul li:nth-of-type(4) figcaption{background:#355fda}
#leadProduct ul li:nth-of-type(5) figcaption{background:#6c3a2f}
#leadProduct ul li:nth-of-type(6) figcaption{background:#896a21}
#leadProduct ul li:nth-of-type(6){margin-top:150px}
#leadProduct ul li:nth-of-type(6)::after{content:"\005b8c\005168\004e88\007d04\A\00751f\007523\005236";background:rgba(209,187,125,.85);border-radius:50%;width:70px;height:70px;position:absolute;display:block;text-align:center;font-size:13px;color:#361b0b;white-space:pre;font-weight:500;padding-top:18px;line-height:1.5em;top:140px;right:10px;font-weight:700}
#leadProduct ul + a:hover{margin-left:10px}
#leadProduct + hr{width:100%;height:1px;display:block;background:#ba871a;content:"";}
#leadEc{min-height:500px;padding:80px 640px 0 0;}
#leadPackage{min-height:440px;padding-left:580px}
#leadEc,#leadPackage{width:1120px;margin:0 auto;position:relative;text-align:left}
#leadEc figure,#leadPackage figure{width:580px;position:absolute;top:50%}
#leadEc figure{right:0;margin-top:-160px;}
#leadPackage figure{left:0;margin-top:-190px}
#leadEc h2,#leadPackage h2{padding:1em 0;position:relative;letter-spacing:0.03em}
#leadEc h2::before,#leadPackage h2::after{content:"";width:140px;height:1px;background:#fff;display:block;top:50%;position:absolute}
#leadEc h2::before{left:-160px}
#leadPackage h2::after{right:-30px;}
#leadEc p,#leadPackage p{font-size:1.125rem;line-height:2em;margin:0 0 2em}
#leadEc a,#leadPackage a{margin-left:20px}

@media screen and (max-width:1640px){
#introduction{padding:120px 0 70px 36%;}
}

/* TB/SP STYLE  *************************************************************/
@media screen and (max-width:1300px){
.site-header{padding-right:20px}
#site-navigation li::before{margin:0 1em}
#mv li div{display:flex;flex-flow:row-reverse;padding:0 6% 0 50%;width:100%}
#mv .bx-viewport li{background-position:left -20% center;}
#introduction{padding:120px 0 70px 45%;}
.bx-pager{position:absolute;display:flex;width:1180px}
}

@media screen and (max-width:1200px){
.bx-pager{width:98%}
#mv{height:60vh;min-height:580px;}
#mv .bx-viewport li{height:60vh;padding:0 0 0 50%;font-size:12px}
#mv li{background:none;min-height:580px}
#mv li::before{content:"";display:block;width:50%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center}
#mv1::before{background-image:url(../img/index/mv01.jpg)}
#mv2::before{background-image:url(../img/index/mv02.jpg)}
#mv3::before{background-image:url(../img/index/mv03.jpg)}
#mv4::before{background-image:url(../img/index/mv04.jpg)}
#mv1::before,#mv2::before{background-position:center}
#mv3::before,#mv4::before{background-size:110% auto}
}
@media screen and (max-width:1100px){
#site-navigation li::before{margin:0 .8em}
#introduction{position:relative;padding:100px 30px 50px 45%;}
#introduction p br{display:none}
#introduction::before{width:560px;height:400px;margin:-200px 0 0;}
}
/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
#loading {background-size:20px}
html{font-size:78%;}
#masthead{border-top:2px solid #ba871a;height:100px;margin:0 auto 10px;}
.header-inner{max-width:100%;margin:0 auto;position:relative;display:block;}
.site-header{padding:0}
.site-title{width:180px;padding:10px;position:absolute;top:0;left:50%}
#hdlogo img{width:100%;height:auto;margin-left:-90px}
#hdcta{position:fixed;bottom:-50px;left:0;width:100%;height:50px;z-index:3;transition:.3s;justify-content:center;background:rgba(0,0,0,.9);padding:0}
.pagedown #hdcta{bottom:0}
#hdcta .callink{font-size:2rem;letter-spacing:0.03em;margin:0 0 0 0;}
#hdcta .callink i{font-size:1.2rem;margin:0 .2em 0 0}
#hdcta time{display:none}
#site-navigation{display:none}
#spnav{top:10px;opacity:1;background:transparent}
.pagedown #spnav,#spnav.active{background:#ba871a;top:0;}
.site-footer{border-top:2px solid #ba871a}
.footer-inner{display:block;width:100%}
#ftInfo{width:100%;padding:40px 20px 0px;display:block;text-align:center}
#ftInfo dt{width:100%;text-align:center;padding:0 0 20px}
#ftInfo dt img{width:200px;height:auto}
#ftInfo dd ul{padding:20px 0;margin:0}
#ftInfo dd ul li{font-size:1em}
#gmap{width:100%;height:300px}
#gmap iframe{max-width:100%;max-width:100%;}
#copyright{height:auto;padding:20px 0 60px;width:100%;margin:0;color:#ccc}
#ftnav{height:0;-moz-transform:translateY(-500px);-webkit-transform:translateY(-500px);transform:translateY(-500px);}
#ftnav.active{height:100vh;right:0;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.pagedown #ftnav.active{height:100vh}
#ftnav ul{width:100%;margin:0 auto;padding:40% 20px 0}
#ftnav ul li{width:16.6%}
#ftnav ul li a{padding:20px}


#mv{width:100%;max-width:100%;min-height:inherit;margin:0 auto}
#mv .bx-viewport li div{align-self:flex-start;padding:0;margin:0;}
#mv .bx-viewport li::before{width:50%;height:0;padding-bottom:50%;background-size:cover;}
#mv .bx-viewport li{min-height:inherit}
#mv li{display:flex;align-items: center;}
#mv li div{width:80%;vertical-align:middle;}
#mv1 p + p::before{width:18px;height:188px;margin:-4em 30px 0}
#mv .bx-viewport #mv3::before{background-size:100% auto;background-position:left 140% center}
#mv .bx-viewport #mv4::before{background-size:110% auto;background-position:left 120% center}
.bx-pager{margin-top:-80px}
a.link01,a.link01:visited,a.link01:hover{color:#ba871a;position:relative;display:inline-block;padding:10px 45px 8px 15px;text-align:center;font-size:1.125rem}
a.link01::after,a.link01::before,a.link01:hover::after,a.link01:hover::before{content:"";background:#ba871a;display:inline-block;position:absolute;right:15px}
#leadProduct{padding:40px 20px}
#leadProduct h2{text-align:center;font-size:2.25rem}
#leadProduct ul{padding:80px 2% 0}
#leadProduct ul li{width:46%;margin:0 0 60px}
#leadProduct ul li figure{width:100%}
#leadProduct ul li figure img{width:100%;height:auto}
#leadProduct ul li:nth-child(3n-1){margin-top:0px}
#leadProduct ul li:nth-child(3n){margin-top:0px}
#leadProduct ul li a:hover img{opacity:1}
#leadProduct ul li:nth-of-type(6){margin-top:0}
#leadProduct,#leadEc,#leadPackage{width:100%;}
#leadEc{padding-left:20px}
#leadPackage{padding-right:20px}
#leadEc h2::before,#leadPackage h2::after{display:none}

#leadEc figure, #leadPackage figure{width:100%;position:relative;top:0}
#leadEc{min-height:auto;padding:40px 20px 40px}
#leadPackage{min-height:440px;padding-left:20px}
#leadEc,#leadPackage{width:100%;margin:0 auto;position:relative;text-align:center}
#leadEc figure,#leadPackage figure{width:auto;position:relative;top:0;margin:0 auto 20px}
#leadEc figure{right:0;margin-top:0;max-width:400px;}
#leadPackage figure{left:0;margin-top:0px;max-width:320px}
#leadEc h2,#leadPackage h2{padding:1em 0;position:relative;letter-spacing:0.03em;text-align:center;font-size:2rem}
#leadEc h2::before{left:-160px}
#leadPackage h2::after{right:-30px;}
#leadEc p,#leadPackage p{font-size:1.125rem;line-height:2em;margin:0 0 2em;}
#leadEc a,#leadPackage a{margin-left:20px}
}
@media screen and (max-width:840px){
#mv{height:auto}
#mv li div{width:90%;position:relative;z-index:1}
#mv1 p + p::before{margin:-60px 30px 0}
#mv1 div p + p{padding-top:60px}
#mv2 div p:first-child{padding-right:.2em}
#mv2 div p{padding-top:40px}
#mv2 div p span{padding-top:60px;}
#mv3 div p,#mv4 div p{padding-top:40px;}
.bx-pager{display:none}

}
@media screen and (max-width:740px){
#mv{height:420px}
#mv1 div p + p{line-height:3em}
#mv2 div p + p{line-height:1.8em}
#mv3 div p + p{line-height:1.8em}
#mv4 div p + p{line-height:2em;}
#mv3 div p:first-child,#mv4 div p:first-child{padding-right:.2em}
.bx-pager{margin-top:-180px}
}
@media screen and (max-width:680px){
#mv{width:100%;height:0;padding-bottom:60%;margin-bottom:20px}
#mv .bx-viewport li{height:100%}
#mv .bx-viewport ul{margin:0}
#mv .bx-viewport li::before{width:100%;height:0;padding-bottom:60%;margin:0;background-size:cover;}
#mv .bx-viewport li{display:block;padding:0}
#mv .bx-viewport li div{display:none}
#mv .bx-viewport #mv1::before{background-image:url(../img/index/mv01_sp.png)}
#mv .bx-viewport #mv2::before{background-image:url(../img/index/mv02_sp.png)}
#mv .bx-viewport #mv3::before{background-image:url(../img/index/mv03_sp.png);background-position:center}
#mv .bx-viewport #mv4::before{background-image:url(../img/index/mv04_sp.png);background-position:center;background-size:100% auto}
.bx-pager{display:none}
#news dt{padding:20px 10px}
#news dd{padding:20px 0 0 10px}
#news dd ul{margin:0;padding:0}
#news li{padding-right:10px}
#introduction{padding:20px}
#introduction::before{width:100%;height:0;padding-bottom:70%;margin:0;position:relative;top:0;left:0;background-size:90% auto}
#index #introduction{text-align:center}
#index #introduction p{text-align:left}
#index #introduction h2{margin:0 0 0.5em;text-align:center;font-size:2rem}
#index #introduction h2 strong{font-size:2.125rem}
#introduction::after{display:none}
#leadProduct{padding:40px 20px;width:100%;margin:0 auto;text-align:center}
#leadProduct h2{font-size:2rem;text-align:center;padding:40px 0 0;margin-bottom:1.5em}
#leadProduct h2 strong{font-size:2.125rem}
#leadProduct ul{display:block;padding:20px 0 0;margin:0}
#leadProduct ul li{width:320px;margin:0 auto 50px}
#leadProduct ul li:last-child{margin:0 auto 30px}
#leadProduct ul li a{display:block;background:url(../img/index/bg02.gif);color:#000;transition:.3s;position:relative;top:0}
#leadProduct ul li a:hover{background:url(../img/index/bg02.gif);color:#000;top:0px}
#leadProduct ul li a p{font-size:1rem;padding:20px;}
#leadProduct ul li:nth-child(3n-1){margin-top:0px}
#leadProduct ul li:nth-child(3n){margin-top:0px}
#leadProduct ul li a:hover img{opacity:1}
#leadProduct ul li:nth-of-type(6){margin-top:0}
#leadProduct ul li:nth-of-type(6)::after{content:"\005b8c\005168\004e88\007d04\A\00751f\007523\005236";background:rgba(209,187,125,.85);border-radius:50%;width:70px;height:70px;position:absolute;display:block;text-align:center;font-size:13px;color:#361b0b;white-space:pre;font-weight:500;padding-top:18px;line-height:1.5em;top:140px;right:10px;font-weight:700}
#leadProduct ul + a:hover{margin-left:10px}
#leadProduct + hr{margin:20px 0 0}
main{margin:0 auto 60px}
}

#page-title{position:relative;}
#page-title::before,#page-title::after{content:"";display:block;position:absolute}
#page-title::before{background:#3b2700;}
#page-title h1{font-size:1.875rem;position:relative;z-index:1;}
#page-title h1::after{content:"";display:block;position:absolute;background-size:cover;right:-10px;top:12px}


#breadcrumb{text-align:right;margin:0 auto}
#breadcrumb li{display:inline-block}
#breadcrumb li a{text-decoration:none}
#breadcrumb li a:hover{text-decoration:underline}
#breadcrumb li:after{content:"\003e"}
#breadcrumb li:last-child:after{display:none}
#breadcrumb li,#breadcrumb a{color:#ccc	}


#localnav{text-align:center;}
#localnav ul{text-align:center;border:1px solid #fff;display:inline-block;line-height:1}
#localnav li{display:inline}
#localnav li::after{content:"";width:1px;display:inline-block;background:#777;position:relative;}
#localnav li:last-child::after{display:none}
#localnav li a:hover{text-decoration:underline}

/* --------------------------
 松島こうれんについて (about)
-------------------------- */
#abouttop h2{text-align:center;letter-spacing:.1em;line-height:2.5em;}
#abouttop h2 strong{display:block}

/* PC STYLE  *************************************************************/
@media screen and (min-width: 961px) {
#masthead{height:150px}
#page-title{margin:10px auto;padding:0 10px;height:210px;max-width:1400px;}
#page-title::before,#page-title::after{height:200px;width:50%;z-index:0;}
#page-title::before{left:20px;top:5px;}
#page-title::after{left:10px;bottom:0;background:url(../img/index/bg01.gif);}
#page-title h1::after{height:180px;z-index:1;width:50%}
#page-title h1{padding:90px 2em;line-height:1}
#breadcrumb{padding:10px;font-size:13px;max-width:1380px;margin:0 auto 30px}
#breadcrumb li:after{margin:0 10px}
body#about #page-title h1::after{background-image:url(../img/about/title.jpg);}
body#about #site-navigation li:nth-child(2) a::after,#site-navigation li a:hover::after{width:100%}
body#about #site-navigation li:nth-child(2) a:hover{color:#fff}
#abouttop{padding:0 40px}
#abouttop h2{font-size:1.625rem;margin:0 auto 4em}
#abouttop h2 strong{font-size:2.25rem}
.aboutColumn1,.aboutColumn2{max-width:1400px;margin:0 auto 60px;display:flex}
.aboutColumn1 .img,.aboutColumn2 .img{position:relative;text-align:center;padding-top:5px}
.aboutColumn1 .img figure,.aboutColumn2 .img figure{border:1px solid #8d5d01;display:inline-block;position:relative;z-index:0;right:10px;bottom:-10px;position:relative}
.aboutColumn1 .img img,.aboutColumn2 .img img{position:relative;top:-5px;left:-5px}
.aboutColumn1 .img{padding-left:40px}
.aboutColumn2 .img{padding-right:40px}
.aboutColumn1{flex-flow:row-reverse}
.aboutColumn1 .img{flex-basis:580px;}
.aboutColumn1 .txt p,.aboutColumn2 .txt p{line-height:2.6em;margin:0 0 2em}
.aboutColumn1 .txt p:first-child:first-letter,.aboutColumn2 .txt p:first-child:first-letter{font-size:1.875rem}
#abouttop h2 + .aboutColumn1 .img{-webkit-flex-basis:44%;-ms-flex-basis:44%;flex-basis:44%;}
#abouttop h2 + .aboutColumn1 .txt{-webkit-flex-basis:56%;-ms-flex-basis:56%;flex-basis:56%}
.aboutColumn2 .img{-webkit-flex-basis:35%;-ms-flex-basis:35%;flex-basis:35%;}
.aboutColumn2 .txt{-webkit-flex-basis:65%;-ms-flex-basis:65%;flex-basis:65%}
.aboutColumn2 + .aboutColumn1 .img{-webkit-flex-basis:40%;-ms-flex-basis:40%;flex-basis:40%;}
.aboutColumn2 + .aboutColumn1 .txt{-webkit-flex-basis:60%;-ms-flex-basis:60%;flex-basis:60%}
#abouttop h2{padding-top:20px}
.aboutColumn1 .name{text-align:right;font-size:1.25rem}
#localnav{padding:40px 0}
#localnav ul{font-size:1.062rem;padding:20px 60px 25px;}
#localnav li::after{height:17px;margin:0 30px;top:3px}
}


/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
#page-title{margin:10px auto;padding:0 10px;height:180px;width:calc(100% - 20px);}
#page-title::before,#page-title h1::after{width:50%;height:60px;z-index:1;}
#page-title::before{left:5px;top:50%;margin-top:-35px;width:55%;}
#page-title h1::after{left:0px;top:50%;width:60%;margin-top:-30px;background:url(../img/index/bg01.gif);z-index:-1;}
#page-title::after{height:180px;z-index:-1;width:100%;top:0;background-repeat:no-repeat;background-size:cover}
#page-title h1{padding:70px 10px 70px;line-height:1;z-index:2;font-size:1.5rem;position:relative}
#breadcrumb{font-size:11px;padding:5px 10px 20px;line-height:1.6em}
#breadcrumb li:after{margin:0 10px}
body#about #ftnav ul li:nth-child(2) a{color:#ba871a}
body#about #page-title::after{background-image:url(../img/about/title.jpg);}
#abouttop{padding:0 20px}
#abouttop h2{font-size:1.625rem;margin:0 auto 1em}
#abouttop h2 strong{font-size:2rem}
.aboutColumn1,.aboutColumn2{margin:0 auto 40px;}
.aboutColumn1 .img,.aboutColumn2 .img{position:relative;text-align:center;padding:0 0 30px}
.aboutColumn1 .img figure,.aboutColumn2 .img figure{border:1px solid #8d5d01;display:inline-block;position:relative;z-index:0;right:-5px;bottom:0px;position:relative}
.aboutColumn1 .img img,.aboutColumn2 .img img{position:relative;top:-5px;left:-5px}
.aboutColumn1 .img{padding-left:0px}
.aboutColumn2 .img{padding-right:0px;max-width:240px;margin:0 auto}
.aboutColumn1 .img{flex-basis:580px;}
.aboutColumn2 + .aboutColumn1 .img{max-width:240px;margin:0 auto}
.aboutColumn1 .txt p,.aboutColumn2 .txt p{line-height:2.2em;margin:0 0 2em;font-size:1.062rem}
.aboutColumn1 .txt p:first-child:first-letter,.aboutColumn2 .txt p:first-child:first-letter{font-size:1.875rem}
#abouttop h2 + .aboutColumn1 .img{-webkit-flex-basis:44%;-ms-flex-basis:44%;flex-basis:44%;}
#abouttop h2 + .aboutColumn1 .txt{-webkit-flex-basis:56%;-ms-flex-basis:56%;flex-basis:56%}
.aboutColumn2 .img{-webkit-flex-basis:35%;-ms-flex-basis:35%;flex-basis:35%;}
.aboutColumn2 .txt{-webkit-flex-basis:65%;-ms-flex-basis:65%;flex-basis:65%}
.aboutColumn2 + .aboutColumn1 .img{-webkit-flex-basis:40%;-ms-flex-basis:40%;flex-basis:40%;}
.aboutColumn2 + .aboutColumn1 .txt{-webkit-flex-basis:60%;-ms-flex-basis:60%;flex-basis:60%}
#abouttop h2{padding-top:20px}
.aboutColumn1 .name{text-align:right;font-size:1.25rem}

#localnav{padding:0 20px;}
#localnav ul{font-size:1rem;padding:20px 20px 0;margin:0 auto}
#localnav li{}
#localnav li::after{height:12px;margin:0 16px;top:3px}
#localnav li a{display:inline-block;padding:0 0 20px}
}


/* --------------------------
 当店のご紹介 (store)
-------------------------- */

#storeimg .slick-slide figure{text-align:center}
#storeimg .slick-slide figcaption{line-height:1.8em}
.slick-arrow{z-index:10}
.slick-arrow::before{content:"";display:inline-block;position:absolute;top:50%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.slick-prev::before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.slick-next::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

#summary h2,#access h2{text-align:center}
#summary dt{font-weight:normal}
#gmapwide{width:100%}
#gmapwide iframe{max-width:100%;max-height:100%;}

/* PC STYLE  *************************************************************/
#access{background:url(../img/index/bg01.gif)}
#access .slick-slide figcaption{background:url(../img/store/bg01.gif);color:#000;text-align:center;font-weight:500}
.slick-arrow{width:50px;height:50px;border:1px solid pink}
#waytostore {counter-reset:number}
#waytostore li figcaption::before{counter-increment:number;content:counter(number)'.';}
#storeimg{margin:0}
#waytostore{margin:0}
.slick-slide{outline:none}
@media screen and (min-width: 961px) {
body#store #page-title h1::after{background-image:url(../img/store/title.jpg);}
body#store #site-navigation li:nth-child(3) a::after,#site-navigation li a:hover::after{width:100%}
body#store #site-navigation li:nth-child(3) a:hover{color:#fff}
.slick-slide:not(.slick-center){opacity:.2}
#storeimg li img{border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px}
#storeimg .slick-slide{padding:30px;}
#storeimg .slick-slide figcaption{padding:20px 15px}
#storeimg .slick-next{right:24%}
#storeimg .slick-prev{left:24%}
.slick-arrow::before{width:20px;height:20px;margin:-10px 0 0 -10px;}
#storeimg .slick-arrow::before{border-top:4px solid #936101;border-right:4px solid #936101}
#summary{width:750px;margin:0 auto;padding:60px;background:url(../img/index/bg01.gif)}
#summary h2,#access h2{font-size:2.25rem;padding:0 0 40px}
#summary dl,#summary dt,#summary dd{box-sizing:border-box;}
#summary dt,#summary dd{padding:15px 20px 0 20px;margin:0}
#summary dl dt:first-child,#summary dl dt:first-child + dd{border:none}
#summary dt{width:20%;float:left;border-top:1px solid #8d5d01;}
#summary dd{margin-left:20%;padding-bottom:15px;border-top:1px solid #373737;}
#summary dd:after{content:'';display:block;clear:both;}
#gmapwide{height:470px;margin:80px auto 0}
#gmapwide iframe{max-width:100%;max-height:100%;}
#access{padding:100px 0 50px}
#access .slick-arrow::before{border-top:4px solid #858585;border-right:4px solid #858585}
#access .slick-slide{padding:30px 40px;}
#access .slick-next{right:calc(50% - 290px);}
#access .slick-prev{left:calc(50% - 290px);}
#access .slick-slide figcaption{padding:20px 15px}
#waytostore .slick-prev,#waytostore .slick-next{top:50%}
#waytostore li{text-align:center;padding:0 !important;margin:0}
#waytostore li figure{width:500px;margin:0 auto;}
#waytostore li figure img{max-width:100%;height:auto}
#waytostore li figcaption::before{padding-right:5px;}
}


/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
body#store #ftnav ul li:nth-child(3) a{color:#ba871a}
body#store #page-title::after{background-image:url(../img/store/title.jpg);}
.slick-slide:not(.slick-center){opacity:.4}
#storeimg{padding-top:40px}
#storeimg li img{width:98%;margin:0 auto 10px;padding:0 5%;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px}
#summary{padding:40px 20px}
#summary dl{background:url(../img/index/bg01.gif);padding:20px;text-align:center;line-height:2.2em;margin:0 0 2em;font-size:1.062rem}
#summary dd .callink{font-size:1.5rem}
#summary h2,#access h2{font-size:1.625rem;}
#summary h2{padding:2em 0 0;background:url(../img/index/bg01.gif)}
#summary dl dt{color:#ba871a;padding:15px 5px 5px;font-size:1.062rem}
#summary dl dd{border-bottom:1px solid #373737;padding:0 5px 15px;margin:0;font-size:1.062rem}
#summary dl dd:last-child{border:none}
#access h2{margin:0 auto 1em}
#gmapwide{height:300px;margin:20px auto 0}
#access{padding:80px 0 40px;margin:0 auto 80px}
#waytostore .slick-prev,#waytostore .slick-next{top:50%}
#waytostore li{text-align:center;margin:0;font-size:1.062rem}
#waytostore li figure{width:98%;margin:0 auto;padding:0 5%}
#waytostore li figure img{max-width:100%;height:auto;}
#waytostore li figcaption{font-weight:bold}
#waytostore li figcaption::before{padding-right:5px;}
#access .slick-slide figcaption{padding:15px 10px}
}



/* --------------------------
 販売商品のご案内 (product)
-------------------------- */

#productHead{}
#productHead p:first-child{text-align:center;background:url(../img/product/bg01.png) no-repeat right center;background-size:auto 100%}
#productHead ul li{text-align:center}
#productHead ul li:nth-of-type(1) strong,#special .txt ul li:nth-of-type(1)::before,#product02 article:nth-of-type(1) .head figcaption,.gift ul li:nth-of-type(1)::before{background:#a42e38}
#productHead ul li:nth-of-type(2) strong,#special .txt ul li:nth-of-type(2)::before,#product02 article:nth-of-type(3) .head figcaption,.gift ul li:nth-of-type(2)::before{background:#8d4e80}
#productHead ul li:nth-of-type(3) strong,#special .txt ul li:nth-of-type(3)::before,#product02 article:nth-of-type(2) .head figcaption,.gift ul li:nth-of-type(3)::before{background:#b69a05}
#productHead ul li:nth-of-type(4) strong,#special .txt ul li:nth-of-type(4)::before,#product02 article:nth-of-type(4) .head figcaption{background:#355fda}
#productHead ul li:nth-of-type(5) strong,#special .txt ul li:nth-of-type(5)::before,#product02 article:nth-of-type(5) .head figcaption{background:#6c3a2f}
#product02 article:nth-of-type(6) .head figcaption,#product02 article:nth-of-type(7) .head figcaption{background:#644200}
#special .txt h2{background:#644200;display:inline-block;position:relative}
#special .txt h2 strong{display:block}
#special .txt,#product02 .head{background:url(../img/index/bg01.gif)}
#special .txt ul li::before{content:"";display:inline-block;position:relative;border-radius:50%}
#special .img figcaption{border:1px solid #fff;border-radius:50%;text-align:center;background:rgba(0,0,0,.5);position:absolute}
#special2 .img figcaption,#special .img figure{position:relative}
#special2 .txt h3::before{content:"\0025a0";color:#644200}
#special2 .txt table{font-size:1rem;}
#special2 .txt table th,#special2 .txt table td{border-bottom:1px solid #353535}
#special2 .txt table tr td:last-child{text-align:right}
#product02 .head{}
#product02 .head figure{position:relative}
#product02 .head figcaption{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;position:absolute}
.tile{webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}

#product02 .head + dl,#product02 .head + dl dt,#product02 .head + dl dd{box-sizing:border-box;}
#product02 .head + dl dt,#product02 .head + dl dd{padding:10px 10px 0 10px;margin:0}
#product02 .head + dl dt:first-child,#product02 .head + dl dt:first-child + dd{border:none}
#product02 .head + dl dt{width:70%;float:left;border-top:1px solid #373737;}
#product02 .head + dl dd{margin-left:70%;padding-bottom:10px;border-top:1px solid #373737;text-align:right}
#product02 .head + dl dd:after{content:'';display:block;clear:both;}
.gift ul{}
.gift ul li{}
.gift ul li::before{content:"";display:inline-block;position:relative;border-radius:50%}

/* PC STYLE  *************************************************************/
@media screen and (min-width: 961px) {
body#product #page-title h1::after{background-image:url(../img/product/title.jpg);}
body#product #site-navigation li:nth-child(4) a::after,#site-navigation li a:hover::after{width:100%}
body#product #site-navigation li:nth-child(4) a:hover{color:#fff}
#productHead{max-width:1200px;min-width:1000px;margin:0 auto}
#productHead p:first-child{text-align:center;min-height:480px;font-size:1.875rem;line-height:2.5em;padding-top:80px;}
#productHead ul{display:flex;background:url(../img/product/img01.png) no-repeat center bottom;padding:0 20px 300px}
#productHead ul li{-webkit-flex-basis:20%;-ms-flex-basis:20%;flex-basis:20%;padding:0 15px}
#productHead ul li strong{font-size:1.375rem;padding:10px 15px;display:block}
#productHead ul li p{padding:30px 0;font-size:0.937rem}
#productHead ul li:nth-of-type(1),#productHead ul li:nth-of-type(5){margin-top:150px}
#productHead ul li:nth-of-type(2),#productHead ul li:nth-of-type(4){margin-top:75px}
br.sp{display:none}
#product main hr{width:100%;height:1px;display:block;background:#ba871a;content:"";margin:80px auto 100px}

#special,#special2{display:flex;max-width:1200px;min-width:1000px;margin:0 auto}
#special{flex-flow:row-reverse;min-height:680px}
#special .img{-webkit-flex-basis:calc(100% - 440px);-ms-flex-basis:calc(100% - 440px);flex-basis:calc(100% - 440px);padding-bottom:10px;}
#special .img figure{}
#special .img figcaption{width:110px;height:110px;padding-top:30px;letter-spacing:-0.05em;left:60%;bottom:60px}
#special .img figure + p{font-size:0.875rem;text-align:center;padding-left:250px;margin-top:-40px}

#special .txt{-webkit-flex-basis:440px;-ms-flex-basis:440px;flex-basis:440px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;padding:28px;position:relative}
#special .txt h2{font-size:1.25rem;padding:30px 10px 30px 20px;letter-spacing:0.2em;line-height:2.2em;top:-48px;}
#special .txt h2 strong{font-size:2.375rem}
#special .txt p{font-size:1.625rem;padding:80px 40px 0 0;line-height:2em;letter-spacing:0.1em;}
#special .txt ul{position:absolute;display:block;right:0;width:100%;padding:420px 40px 0;}
#special .txt ul li{width:20%;font-size:1.25rem;letter-spacing:0.1em;padding-right:25px}
#special .txt ul li::before{width:14px;height:14px;margin:0 auto 10px}
#special2{margin-top:80px}
#special2 .txt{-webkit-flex-basis:420px;-ms-flex-basis:420px;flex-basis:420px}
#special2 .img{-webkit-flex-basis:cacl(100% - 420px);-ms-flex-basis:cacl(100% - 420px);flex-basis:cacl(100% - 420px);padding-left:80px;text-align:right}
#special2 .img figcaption{font-size:0.875rem;top:-40px;padding-right:20px}
#special2 .txt h3{font-size:1.25rem;margin:0 0 .5em}
#special2 .txt h3::before{margin:0 5px 0 0;}
#special2 .txt table{margin:0 0 40px;}
#special2 .txt table th,#special2 .txt table td{padding:5px 5px;}
#special2 .txt table + p.note{margin-top:-20px;font-size:0.875rem}
/*#product02{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;}
#product02 article{align-self:flex-start;flex-basis:50%;}*/
#product02{min-width:1100px;margin:0 auto;max-width:1180px;padding:80px 0}
.tile{width:540px;margin:0 0 80px}
#product02 .tile:nth-child(1),#product02 .tile:nth-of-type(4),#product02 .tile:nth-of-type(6){margin-top:30px;margin-right:80px}
#product02 .head{margin:0 0 20px}
#product02 .head figure{width:100%;padding:10px 0;text-align:right}
#product02 .head figure img{width:370px;height:auto}
#product02 .head figcaption{width:90px;height:auto;top:-24px;left:30px;font-size:2.5rem;padding:15px 10px 15px;letter-spacing:0.1em;white-space:nowrap}
#product02 .head figure + p{padding:20px 20px 20px 160px;font-size:1.125rem}
#product02 .head + dl{padding:0 0 0 160px}
#product02 .tile p.note{margin:20px 0 0 180px;font-size:0.875rem}
.gift ul{padding:20px 0 1px 140px;}
.gift ul li{font-size:1.25rem;margin:-30px 0 40px}
.gift ul li::before{width:14px;height:14px;margin:0 8px 0 0;}
#product02 + .note{min-width:1100px;max-width:1160px;text-align:right;font-size:0.875rem;margin:40px auto;}
#package{text-align:center;min-width:1100px;max-width:1160px;margin:0 auto 40px}
#package h2{font-size:2.25rem;padding:0 0 40px;}
#package ul{display:flex;margin:20px auto 100px}
#package ul li{width:33.3%;}
#package ul li figcaption{text-align:right;padding:0 20px 0 0}
#package ul + p{font-size:1.625rem;margin:0 0 1em}
#package ul + p + p{font-size:0.937rem}
}
@media screen and (max-width:1180px){
#product02 .tile:nth-child(1),#product02 .tile:nth-of-type(4),#product02 .tile:nth-of-type(6){margin-right:40px}
#product02 .tile{width:48%}
}
@media screen and (max-width:1150px){
br.pc{display:none}
}

/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
body#product #ftnav ul li:nth-child(4) a{color:#ba871a}
body#product #page-title::after{background-image:url(../img/product/title.jpg);}
#productHead{margin:0 auto}
#productHead p:first-child{font-size:1.25rem;line-height:2.5em;padding:40px 10px 100px;background-position:center top;margin:0 auto 40px}
#productHead ul{background:url(../img/product/img01.png) no-repeat center top;background-size:auto 200px;padding:220px 0 0;text-align:center;margin:0}
#productHead ul li{display:inline-block;padding:20px 2% 20px;width:46%;vertical-align:top}
#productHead ul li strong{font-size:1.375rem;padding:10px 15px;white-space:nowrap}
#productHead ul li p{padding:20px 0 0;}
#product main hr{width:100%;height:1px;display:block;background:#ba871a;content:"";margin:40px auto 40px}
#special,#special2{margin:0 auto;padding:20px}
#special .img figure{padding:20px 0}
#special .img figcaption{width:80px;height:80px;padding-top:24px;line-height:20px;font-size:12px;letter-spacing:-0.05em;left:70%;bottom:60px}
#special .img figure + p{font-size:1rem;text-align:center;}
#special .txt{padding:10px;position:relative;text-align:center}
#special .txt h2{font-size:1rem;padding:10px 10px 12px;letter-spacing:0.2em;line-height:2.2em;margin:-25px auto 20px;}
#special .txt h2 strong{font-size:1.75rem}
#special .txt p{font-size:1.5rem;padding:0 0 10px;line-height:1.8em;letter-spacing:0.1em;}
#special .txt ul{display:block;width:100%;display:flex;margin:0;padding:20px 0}
#special .txt ul li{width:20%;font-size:1.25rem;letter-spacing:0.1em;padding-right:25px;white-space:nowrap;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left}
#special .txt ul li::before{width:14px;height:14px;margin:0 auto 10px}

#special2{margin-top:40px}
#special2 .img{text-align:center;width:300px;margin:20px auto}
#special2 .img figcaption{font-size:12px;text-align:right;padding-right:20px}
#special2 .txt h3{font-size:1.25rem;margin:0 0 .5em}
#special2 .txt h3::before{margin:0 5px 0 0;}
#special2 .txt table{margin:0 0 40px;}
#special2 .txt table th,#special2 .txt table td{padding:5px 5px;}
#special2 .txt table + p.note{margin-top:-20px;font-size:0.875rem}

#product02{padding:40px 20px 0}
#product02 .tile{width:100%;margin:0 0 60px}
#product02 .head{margin:0 0 20px}
#product02 .head figure{width:100%;padding:10px;text-align:center}
#product02 .head figure img{max-width:370px;height:auto}
#product02 .head figcaption{width:60px;height:auto;top:-24px;left:10px;font-size:2rem;padding:15px 10px 15px;letter-spacing:0.1em;white-space:nowrap}
#product02 .head figure + p{padding:10px 20px 20px;font-size:1.125rem}
#product02 .head + dl{padding:0;font-size:1.1rem}
#product02 .tile p.note{margin:20px 0 0;font-size:0.92rem;text-align:right}
.gift ul{padding:15px 10px;margin:0}
.gift ul li{font-size:1.2rem;margin:0 10px 10px;display:inline-block}
.gift ul li::before{width:10px;height:10px;margin:0 5px 0 0;}
#product02 + .note{text-align:right;font-size:11px;margin:0 auto 20px;padding:0 10px}
#package{text-align:center;margin:0 auto 40px}
#package h2{font-size:1.625rem;margin:0 auto 1em}
#package ul{width:200px;margin:20px auto 40px}
#package ul li{margin:0 auto 20px}
#package ul li img{width:200px;height:auto}
#package ul li figcaption{text-align:right;padding:0 20px 0 0}
#package ul + p{font-size:1.5rem;margin:0 0 1em;padding:20px 20px 0}
#package ul + p + p{font-size:0.937rem;padding:0 20px}

br.pc{display:none}
}


/* --------------------------
 通信販売 (ec)
-------------------------- */

#ecHead{background:url(../img/ec/bg01.jpg);color:#000}
#ecHead-inner{background-image:url(../img/ec/bg01.png) ;background-repeat:no-repeat}

/* PC STYLE  *************************************************************/
@media screen and (min-width: 961px) {
body#ec #page-title h1::after{background-image:url(../img/ec/title.jpg);}
body#ec #site-navigation li:nth-child(5) a::after,#site-navigation li a:hover::after{width:100%}
body#ec #site-navigation li:nth-child(5) a:hover{color:#fff}
#ecHead{margin:0 auto 100px}
#ecHead-inner{background-position:right center;background-size:auto 100%;padding:120px 0 20px 0}
#ecHead-inner h2{font-size:2.375rem;max-width:1200px;min-width:1000px;margin:0 auto 60px;line-height:1.8em}
#ecHead-inner h2 strong{font-size:2.625rem}
#ecLead{display:flex;max-width:1200px;min-width:1000px;margin:0 auto 20px;padding-right:480px}
#ecLead dl{text-align:center;width:50%;border:1px solid #635c50;font-weight:600;position:relative;color:#2e2e2e}
#ecLead dl::after{width:calc(100% + 3px);height:calc(100% + 3px);content:"";display:block;border:1px solid #635c50;position:absolute;top:3px;left:3px}
#ecLead dl:first-child{margin-right:30px}
#ecLead dl dt{font-size:1.5rem;padding:30px 0 0px}
#ecLead dl dd{font-size:0.875rem}
#ecLead dl dd time{display:block}
#ecLead dl dd .callink,#ecLead dl dd .fax{color:#6f4900;font-size:2.5rem;font-family:'Alice',"Times New Roman", Times, serif;font-weight:normal}
#ecLead dl dd .callink i,#ecLead dl dd .fax i{font-size:26px;margin-right:10px}
#ecLead dl dd .fax + time{padding-top:10px}
#ecLead + p{max-width:1200px;min-width:1000px;margin:0 auto;font-size:0.812rem;font-weight:600}
body#ec #summary{margin-bottom:40px}
body#ec #summary dt:first-child,body#ec #summary dt:first-child + dd{border:none}
body#ec #summary dt{width:38%;float:left;border-top:1px solid #8d5d01;}
body#ec #summary dd{margin-left:38%;padding-bottom:15px;border-top:1px solid #373737;}
}


/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
body#ec #ftnav ul li:nth-child(5) a{color:#ba871a}
body#ec #page-title::after{background-image:url(../img/ec/title.jpg);}
#ecHead{margin:0 auto;}
#ecHead-inner::after{width:100%;height:100%;position:absolute;content:"";display:block;top:0;left:0;background:rgba(255,255,255,.8);z-index:1}
#ecHead-inner{background-position:center;background-size:auto 100%;padding:80px 0 20px 0;position:relative}
#ecHead-inner h2{font-size:1.625rem;margin:0 auto 60px;line-height:1.8em;text-align:center;position:relative;z-index:2}
#ecHead-inner h2 strong{font-size:2rem}
#ecLead{margin:0 auto 20px;position:relative;z-index:2;}
#ecLead dl{text-align:center;width:280px;margin:0 auto 20px;border:1px solid #635c50;font-weight:600;position:relative;color:#2e2e2e;}
#ecLead dl::after{width:calc(100% + 3px);height:calc(100% + 3px);content:"";display:block;border:1px solid #635c50;position:absolute;top:3px;left:3px}
#ecLead dl dt{font-size:1.5rem;padding:30px 0 0px}
#ecLead dl dd{font-size:0.875rem}
#ecLead dl dd time{display:block}
#ecLead dl dd .callink,#ecLead dl dd .fax{color:#6f4900;pointer-events: none;font-size:2.5rem;font-family:'Alice',"Times New Roman", Times, serif;font-weight:normal}
#ecLead dl dd .callink i,#ecLead dl dd .fax i{font-size:26px;margin-right:10px}
#ecLead dl dd .fax + time{padding-top:10px}
#ecLead + p{text-align:center;margin:0 auto;font-size:1rem;font-weight:600;position:relative;z-index:2}
}


/* --------------------------
 ご案内 (guide)
-------------------------- */

.postInfo time{font-family:'Alice',"Times New Roman", Times, serif}
.wp-pagenavi{clear:both;text-align:center;font-weight:bold;font-family:'Alice',"Times New Roman", Times, serif}
.wp-pagenavi span,.wp-pagenavi a{display:inline-block;text-align:center}
.wp-pagenavi a{color:#fff;background:#222;border-radius:50%;text-decoration:none}
.wp-pagenavi span{color:#fff;background:#936101;border-radius:50%}
aside .archive ul{margin:0}
.postEdit h4:first-child,.postEdit h5:first-child,.postEdit h6:first-child{margin-top:0}
@media screen and (min-width: 961px), print {
#blog{margin:0 auto;text-align:left;display:flex;max-width:1380px;min-width:1200px;margin:0 auto}
#guide #blogmain{-webkit-flex-basis:calc(100% - 360px);-ms-flex-basis:calc(100% - 360px);flex-basis:calc(100% - 360px);}
#guide aside{-webkit-flex-basis:300px;-ms-flex-basis:300px;flex-basis:300px;margin-left:60px}
.post h3{color:#fff;font-weight:600;font-size:1.625rem;padding:40px 20px;margin:0 0 30px;border-bottom:1px solid #4d4d4d}
.post h3 a{color:#fff}
.post h3:after{display:none}
.catTitle{background:#3b2700;color:#fff;font-size:21px;padding:15px 20px;margin:0 auto 20px;font-weight:1000}
.postEdit{padding:0 20px}
.postEdit h4{border-left:5px solid #ba871a;color:#fff;font-size:1.5em;font-weight:600;margin:3em 0 1.5em;padding:2px 5px 2px 15px}
.postEdit h5{background:#222;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:1.25rem;color:#fff;font-weight:600;padding:6px 15px;margin:2em auto 1.5em}
.postEdit h6{font-size:1.125rem;font-weight:600;color:#ba871a;margin:2em 0 1em}
.postEdit p{margin:0 0 1.8em;line-height:2em;}
.postEdit img.alignright{margin:0 0 30px 45px;float:right}
.postEdit img.aligncenter{margin:0 auto 15px;display:block}
.postEdit img.alignleft{margin:0 45px 30px 0;float:left;}
.post{border-top:2px solid #ba871a;color:#fff;padding:0 0 20px;margin:0 auto 80px}
.postInfo{clear:both;text-align:right;border-top:1px solid #4d4d4d;padding:10px;font-size:1rem}
.postInfo time{font-size:1.2em}
.postInfo time:after{content:"|";padding:0 15px 0 0;margin:0 0 0 15px}
.wp-pagenavi{font-size:14px;font-size:1.4rem;padding:0 0 60px}
.wp-pagenavi span,.wp-pagenavi a{width:40px;height:40px;margin:0 5px 0 0;font-weight:normal}
.wp-pagenavi a:hover{color:#936101;opacity:.8}
aside .archive{border-top:2px solid #ba871a;margin:0 auto 50px;text-align:left;font-size:1rem}
aside .archive header{font-weight:300;color:#ba871a;padding:15px 10px;}
aside .archive ul li{padding:15px 0 0 25px}
aside .archive ul li:before{content:"\0025cf";font-size:8px;color:#ba871a;position:relative;top:-1px;margin:0 10px 0 -20px}
aside .archive ul li a{text-decoration:none;}
aside .archive ul li a:hover{text-decoration:underline}
}
@media screen and (max-width: 960px) {
.post h3{color:#fff;font-weight:600;font-size:1.625rem;padding:10px 5px;margin:0 0 20px;border-bottom:1px solid #4d4d4d}
.post h3 a{color:#fff;line-height:1.8em}
.post h3:after{display:none}
.catTitle{background:#3b2700;color:#fff;font-size:1.5em;padding:15px 10px;margin:0 10px 20px;font-weight:1000}
.postEdit{padding:0}
.postEdit h4{border-left:3px solid #ba871a;padding:0 0 0 10px;color:#fff;font-size:1.5em;font-weight:600;margin:10px auto;line-height:1.6em}
.postEdit h5{font-size:1.25rem;color:#fff;font-weight:600;padding:5px;margin:0 auto 1.5em;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#222}
.postEdit h6{font-size:1.125rem;font-weight:600;color:#ba871a;margin:0 0 1em}
.postEdit p{margin:0 0 1.8em;line-height:1.8em;}
.postEdit img.alignright,.postEdit img.alignleft,.postEdit img.aligncenter{margin:0 auto 15px;display:block}
.post{border-top:2px solid #ba871a;background:#000;padding:0 0 10px;margin:0 10px 20px;text-align:left}
.postInfo{clear:both;text-align:right;font-size:11px;border-top:1px solid #4d4d4d;padding:10px 0 0}
.postInfo time:after{content:"|";padding:0 10px 0 0;margin:0 0 0 10px}
.wp-pagenavi{font-size:14px;font-size:1.4rem;padding:20px 5px 40px;text-align:center}
.wp-pagenavi span,.wp-pagenavi a{width:30px;height:30px;line-height:30px;margin:0 3px 6px 0;padding:0;font-size:16px;font-weight:normal}

aside{margin:0;padding:0 10px}
aside .archive{border-top:2px solid #ba871a;margin:0 auto 20px;text-align:left}
aside .archive header{font-size:13px;font-weight:600;color:#fff;padding:8px 10px;border-bottom:1px solid #4d4d4d}
aside .archive ul li{padding:8px 5px 8px 20px;border-bottom:1px dotted #4d4d4d}
aside .archive ul li:before{content:"\0025cf";font-size:8px;color:#ba871a;margin:0 5px 0 -15px;position:relative;top:0px}
aside .archive ul li a{text-decoration:none;font-size:12px}
aside .archive ul li a:hover{text-decoration:underline}
}


/* PC STYLE  *************************************************************/
@media screen and (min-width: 961px) {
body#guide #page-title h1::after{background-image:url(../img/guide/title.jpg);}
body#guide #site-navigation li:nth-child(6) a::after,#site-navigation li a:hover::after{width:100%}
body#guide #site-navigation li:nth-child(6) a:hover{color:#fff}
}


/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
body#guide #ftnav ul li:nth-child(6) a{color:#ba871a}
body#guide #page-title::after{background-image:url(../img/guide/title.jpg);}
}