@charset "utf-8";
/*
Theme Name: ゆきうさぎ
Description: YUKI USAGI Themes
Version: 1.0
License: (C)YUKI USAGI All Rights Reserved.
License URI: https://yuki-usagi.info/
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* COMMON */
html{font-size:62.5%;}
body{margin:0 auto; text-align:left; font-size:1.5rem; color:#56411C; padding:0; line-height: 1.8; -webkit-text-size-adjust: 100%; font-family: 'Shippori Mincho', serif; font-weight: 600; background: #FBF6F0;}
input,textarea,select,button{font-family: 'Shippori Mincho', serif;}
strong{font-weight:bold;}
a,button{text-decoration: none; color: #56411C; transition: .8s;}
a:hover,button:hover{opacity: 0.7;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=50);opacity: 0.5;}
b{font-weight: 700;}
.txt{font-size: 1.4rem; font-weight: 600; margin-bottom: 0.6em;}
.inner{width: 94%; max-width: 1088px; padding: 24px 0; margin: auto;}
.rsp{width: 100%; height: auto;}
.flex-wrap{display: flex; display: -webkit-flex;}
.floatR{float: right;}
.floatL{float: left;}
.error{color:#FF0000;}
.flexWrap{display: flex; flex-wrap: wrap; align-items: center;}
.flexWrap.rev{flex-direction: row-reverse;}
.cmn-imgWrap{width: 100%; height: auto; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 5px; margin-bottom: 1.0em;}
.cmn-imgWrap img{object-fit: cover; width: 100%; height: 100%;}
.cmn-txtWrap{width: 100%; align-items: flex-start;}
.cmnH2{font-size: 1.6rem; color: #56411C; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 1.0em;}
.cmnH2.ver{writing-mode: vertical-rl;-ms-writing-mode: tb-rl; margin: 0;}
.cmnH2 span{display: block; font-family: 'Shippori Mincho', serif; font-size: 1.0rem; color: #CCA375; font-weight: 600; padding-top: 0.4em;}
.cmn-txtBodyWrap{width: calc(100% - 80px); padding-left: 1.6em;}
.cmnBtn{display: inline-block; position: relative; background: #CCA375; color: #FFF; font-size: 1.4rem; line-height: 1.0; text-align: center; border-radius: 4px; padding: 12px 22px 14px 8px; margin-top: 16px;}
.cmnBtn:hover{background: #F3E6D7; opacity: 1.0;}
.cmnBtn::after{content:''; background: url("img/ic_right.png") no-repeat; background-size: 12px; width: 12px; height: 12px; position: absolute; top: 14px; right: 7px;}
.cmnH3{font-size: 1.6rem; color: #56411C; font-weight: 700; letter-spacing: .2em; line-height: 1.4; margin-bottom: 0.6em;}
.cmnH3 span{display: block; font-family: 'shippori Mincho', serif; font-size: 1.0rem; color: #CCA375; font-weight: 600; margin-bottom: 4px;}
.br_min840{display: none;}
.br_min1080{display: none;}
.loaster{display: inline-block; font-weight: 600; padding: 0 0.2em;}
.cmt{background: #F3E6D7;}
.sni{color: #E56366;}

@media screen and (min-width: 480px) {
	.txt{font-size: 1.5rem;}
}

@media screen and (min-width: 840px) {
	.inner{padding: 80px 0;}
	.cmnH2{font-size: 1.8rem;}
	.cmn-imgWrap{height: 320px;}
	.flexWrap .cmn-imgWrap{width: 52%; margin: 0;}
	.flexWrap .cmn-txtWrap{width: 45%; margin: 0 0 0 3%;}
	.flexWrap.rev .cmn-imgWrap{width: 52%; margin: 0 0 0 3%;}
	.flexWrap.rev .cmn-txtWrap{width: 45%; margin: 0;}
	.br_min840{display: block;}
}



@media screen and (min-width: 980px) {
	.inner{width: 96%;}
}

/* *********************************
/* 002:COMMON
*********************************** */
/* HEADER */
#home #low_header{display: none;}
#low_header .lwNav{display: none; letter-spacing: .1em;}
#low_header .logo{width: 120px; float: left;}
#low_header{width: 100%; font-family: 'Shippori Mincho', serif; font-weight: 600;}
#low_header .inner{width: 96%; max-width: 1088px; color: #56411C;  padding: 16px 0; margin: 0 auto;}
#low_header .inner a{color: #56411C; font-weight: 700;}
#low_header .inner .lwLan{width: 200px; float: right;}
#low_header .inner .lwLan ul{ margin-bottom: .8em;}
#low_header .inner .lwNav ul{float: right; margin: 8px 0;}
#low_header .inner .lwNav ul li{font-size: 1.3rem; line-height: 1.0; margin-left: 1.4em;}
#low_header .inner .lwNav ul li.isg{width: 24px;}
#hamburger{display: block;}

@media screen and (min-width: 980px) {
	#hamburger{display: none;}
	#low_header .lwNav{display: block;}
	#low_header .logo{width: 160px;}
}

@media screen and (min-width: 1080px) {
	#low_header .inner .lwNav ul li{margin-left: 1.6em;}
	.br_min1080{display: block;}
}


/* FOOTER */
#footer{background: #CCA375;}
#footer .footInner{width: 96%; max-width: 1088px; color: #F3E6D7; padding: 40px 0; margin: 0 auto;}
#footer .footInner ul li{text-align: center; font-size: 1.4rem; margin-bottom: .6em;}
#footer .footInner ul li.logo img{opacity: 0.75;}
#footer .footInner ul li.isg{width: 24px; margin: 24px auto;}


/* *********************************
/* 003:TOPPAGE
*********************************** */
#top_header{display: none; letter-spacing: .2em;}
#top_header{width: 100%; font-family: 'shippori Mincho', serif; position: absolute;}
#top_header .inner{width: 96%; max-width: 1088px; color: #FFF;  padding: 16px 0; margin: 0 auto;}
#top_header .inner a{color: #FFF;}
#top_header .inner .tpLan ul{float: right; margin-bottom: .8em;}
#top_header .inner .tpNav ul{float: right;}
#top_header .inner .tpNav ul li{font-size: 1.3rem; line-height: 1.0; margin-left: 1.6em;}
#top_header .inner .tpNav ul li.isg{width: 24px;}
#top_mv{display: none;}
#top_mv_sp{display: block;}
.bg-slider{width: 100%; height: 100vh; background-position:center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.bg-slider-sp{width: 100%; height: 100vh; background-position:center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.bg-slider__title{color: #fff; font-size: 48px; line-height: 1.5; font-weight: bold; text-align:center; text-shadow: 1px 1px 1px #000;}

#top_mv h1{max-width: 152px;}
#top_nws{background: #CCA375;}
#top_nws .inner{justify-content: space-between; padding: 8px 0 16px;}
#top_nws .inner .top_nwsDl{color: #FFF; align-items: baseline;  margin-bottom: 1.0em;}
#top_nws .inner .top_nwsDl dt{font-weight: 700; margin-right: 2.0em;}
#top_nws .inner .top_nwsDl dd .flexWrap{align-items: baseline;}
#top_nws .inner .top_nwsDl dd .date{width: 100%; font-size: 1.5rem; color: #FFF; padding-top: 2px; margin-right: 1.0em;}
#top_nws .inner .top_nwsDl dd .ttl{font-size: 1.4rem; color: #FFF; margin-right: 1.0em;}
#top_nws .inner .top_infUl li{color: #F3E6D7; font-size: 1.3rem; letter-spacing: .2em; position: relative;}
#top_nws .inner .top_infUl li.add a{color: #F3E6D7;}
#top_nws .inner .top_infUl li.hrs::before{content: ''; display: inline-block; background: url("img/ic_clock.png") no-repeat; background-size: 20px; position: relative; top: 5px; left: -5px; width: 20px; height: 20px;}
#top_nws .inner .top_infUl li.add::before{content: ''; display: inline-block; background: url("img/ic_map.png") no-repeat; background-size: 20px; position: relative; top: 5px; left: -5px; width: 20px; height: 20px;}

#top_cpt{background: #F3E6D7;}
#top_cpt .cptH2{position: relative;}
#top_cpt .cptH2::after{content: ''; display: inline-block; background: url("img/top/ic_usagi.png") no-repeat; background-size: 25px; position: relative; top: 0px; right: -20px; width: 25px; height: 40px;}
#top_cpt .cptH3{font-size: 130%; font-weight: 600; color: #CCA375; margin-bottom: 0.4em;}
#top_cpt .cptH3 .rsp{max-width: 320px;}
#top_cof .cofH2{position: relative;}
#top_cof .cofH2::after{content: ''; display: inline-block; background: url("img/top/ic_coffee.png") no-repeat; background-size: 38px; position: relative; top: 88px; right: -16px; width: 38px; height: 38px;}
#top_menu{background: #F3E6D7;}
#top_cof .cptH3{font-size: 130%; font-weight: 600; color: #CCA375; letter-spacing: 0.05em; margin-bottom: 0.4em;}
#top_cof .cptH3 .rsp{max-width: 240px;}	
	
#top_menu .txtWrap{margin-bottom: 2.0em;}
#top_menu .imgWrap{justify-content: space-between;}
#top_menu .imgWrap li{width: 100%; margin-bottom: 8px;}
#top_menu .btn{text-align: center; float: none; margin: 24px auto 0;}
#top_menu .btn .cmnBtn{float: none;}
#top_isg .btn{text-align: center; float: none; margin-top: 24px;}
#top_isg .btn .cmnBtn{float: none;}
#top_acc{background: #F3E6D7;}
#top_acc .tacUl li{margin-bottom: 0.4em;}
#top_acc .tacDl dt {font-weight: 700;}   
#top_acc .gmBtn{display: inline-block; background: #CCA375; color: #FFF; font-size: 1.2rem; line-height: 1.0; border-radius: 2px; padding: 3px 8px 5px 8px; margin-left: 8px;}
#top_isg .btn{text-align: center; float: none;  width: 164px; margin: 24px auto 0;}
#top_isg .cmnBtn{display: block; width: 100%; text-align: center; padding-left: 28px; margin: 0 auto;}



@media screen and (min-width: 480px) {
	#top_acc .tacDl{display: flex;}
	#top_acc .tacDl dt{width: 7.0em;}
}

@media screen and (min-width: 640px) {
	#top_mv_sp{display: none;}
	#top_mv{display: block;}
	#top_nws .inner .top_nwsDl dd .date{width: inherit;}
	#top_nws .inner .top_infUl{display: flex;}
	#top_nws .inner .top_infUl li{margin-right: 1.0em;}
	#top_menu .imgWrap li{width: 49.5%; margin-bottom: 0;}
}

@media screen and (min-width: 720px) {
	#home #low_header{display: none;}
	#top_nws .inner .top_nwsDl{max-width: 70%; margin: 0;}
}

@media screen and (min-width: 980px) {
	#top_header{display: block;}
	#top_nws .inner .top_infUl{display: block;}
	#top_nws .inner .top_infUl li{margin: 0;}
}

/* *********************************
/* 004:PAGES
*********************************** */

.low_mv{position: relative; background: #FBF6F0;}
.low_mv .lwTtl{position: absolute; top: 35%; font-size: clamp(1.8rem, 1.503rem + 1.32vw, 2.4rem); font-weight: 700; line-height: 1.4; letter-spacing: .2em; color: #FFF; padding-left: 1.0em; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); margin: auto;}
.low_mv .lwTtl span{display: block; font-family: 'Shippori Mincho', serif; font-size: 1.4rem; padding-left: 0.2rem; letter-spacing: 0; font-weight: 600;}
.low_mv .mvWrap{width: 100%; height: auto; aspect-ratio: 3 / 2; overflow: hidden; margin-bottom: 1.0em;}
.low_main .flexWrap .txtWrap{width: 100%;}
.low_main .flexWrap .txt{text-align: center;}
.low_main .flexWrap .imgWrap{width: 90%; margin: 0 auto;}
.low_main .flexWrap .lmH2{width: 90%; max-width: 360px; margin: 0 auto 0.1em;}
.low_main .txtWrap{width: 100%; margin-bottom: 3.0em;}


@media screen and (min-width: 840px) {
	.low_mv{position: static;}
	.low_mv .mvInner{width: 96%; max-width: 1088px; align-items: center; margin: 0 auto;}
	.low_mv .lwTtl{position: static; width: 30%; color: #56411C; padding: 0; text-shadow: none;}
	.low_mv .lwTtl span{color: #CCA375; font-size: 1.2rem;}
	.low_mv .mvWrap{ width: 70%; aspect-ratio: 2.5 / 1; border-radius: 4px;}
	.low_main .flexWrap{align-items: flex-start;}
	.low_main .flexWrap .txtWrap{width: 45%; margin: 0 0 0 5%;}
	.low_main .flexWrap .txt{text-align: left; margin-left: 1.0em;}
	.low_main .flexWrap .imgWrap{width: 50%; margin: 0 auto;}
	.low_main .flexWrap .lmH2{width: 100%; max-width: 400px; margin: 0 0 1.0em;}
}

/* CONCEPT */
#concept .low_mv .mvWrap{background: url("img/concept/img_mv.jpg") no-repeat center center;}
#concept .cmt{background: #F3E6D7;}
#concept .cmtUlWrap{background: #FBF6F0; padding: 1.6em; border-radius: 5px; margin: 2.0em 0;}
#concept .cmtUlWrap .cmtUl{align-items: flex-start;justify-content: space-between;}
#concept .cmtUlWrap .cmtUl li{width: 100%; margin-bottom: 2.0em;}
#concept .cmtUlWrap .cmtUl li .cmn-imgWrap{width: 100%; margin-bottom: 1.0em;}
#concept .cmtUlWrap .txt{line-height: 1.6;}
#concept .slide{margin-bottom: 2.0em;}
#concept .slider .slick-slide {margin:0 10px;}
#concept .slider li{width: 100%; height: auto; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 5px; margin-bottom: 1.0em;}
#concept .slider li img{object-fit: cover; width: 100%; height: 100%;}

@media screen and (min-width: 840px) {
	#concept .cmtUlWrap .cmtUl li{width: 48.5%; margin: 0;}
	#concept .cmtUlWrap .cmtUl li .cmn-imgWrap{height: 280px;}
}

/* COOFFEE */
#coffee .low_mv .mvWrap{background: url("img/coffee/img_mv.jpg") no-repeat center center;}
#coffee .bg{background: url("img/coffee/img_bg_coffee.png")no-repeat; background-size: 320px; background-position: right 80px;}
#coffee .lmH2{margin: 0 0 1.0em -1.0rem;}
#coffee .btn{text-align: center;}
#coffee .cmnBtn{display: block; width: 400px; float: none; font-size: 1.5rem; text-align: center; padding: 24px 28px 24px 24px; margin: 0 auto;}
#coffee .cmnBtn::after{top: 26px; right: 10px;}

/* TEA */
#tea .low_mv .mvWrap{background: url("img/tea/img_mv.jpg") no-repeat center bottom -56px;}
#tea .lmH2{margin: 0 0 1.0em -1.0rem;}
#tea .btn{text-align: center;}
#tea .cmnBtn{display: block; width: 400px; float: none; font-size: 1.5rem; text-align: center; padding: 24px 28px 24px 24px; margin: 0 auto;}
#tea .cmnBtn::after{top: 26px; right: 10px;}

#tea .low_main .flexWrap{align-items: center;}

/* MENU */
#menu .low_mv .mvWrap{background: url("img/menu/img_mv.jpg") no-repeat center bottom -20px;}
#menu .innerWrap{width: 100%;}
#menu .linkUl{margin: 2.0em 0 0 0;}
#menu .linkUl li{width: 90%; max-width: 240px; margin: 0 auto;}
#menu .linkUl li a{display: block; width: 100%;}
#menu .menuWrap{background: #F3E6D7; padding: 40px 0;}
#menu .menuWrap #eat-in{margin-bottom: 4.0em;}
#menu .menuWrap .inner{background: #FBF6F0; border-radius: 5px; padding: 32px;}
#menu .menuWrap .flexWrap{align-items: flex-start; justify-content: space-between;}
#menu .imgWrap{width: 100%; justify-content: space-between; margin-bottom: 1.0em;}
#menu .imgWrap li{width: 49.5%;}
#menu h3{font-family: 'shippori Mincho', serif; font-size: 2.0rem; font-weight: 800; letter-spacing: 0.05em; margin-bottom: 0.6em;}
#menu .sub-menuWrap{margin-bottom: 4.0em;}
#menu .cmnUl{margin-bottom: 2.0em;}
#menu .cmnUl li{margin-bottom: 1.0em;}
#menu .cmnUl li:last-child{margin-bottom: 0;}
#menu .cmnUl li dl{display: flex; flex-wrap: wrap; justify-content: space-between;}
#menu .cmnUl li dl .name{line-height: 1.5;}
#menu .cmnUl li dl .name,#menu .name .op{font-weight: 700;}
#menu .cmnUl li dl .name .op::after{content:"HOT / ICE"; padding-left: 1.2rem;}
#menu .cmnUl li dl .name .en{display: block; font-family: 'shippori Mincho', serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.05em; color: #CCA375; margin-left: 0.2em;}
#menu .cmnUl li dl .price{margin-right: 1.0rem;}
#menu .cmnUl li dl .price::before{content:"￥"; padding-right: 0.1rem;}
#menu .cmnUl li .note{font-size: 1.3rem; line-height: 1.4; margin-top: 0.2em;}
#menu .sub-cmnUl{background: #F3E6D7; border-radius: 5px; padding: 16px; margin: 16px 0;}
#menu .subWrap{background: #F3E6D7; border-radius: 5px; padding: 16px; margin: 16px 0;}
#menu .subWrap p{font-size: 1.4rem;}
#menu .subWrap dl{margin-top: 1.0em;}
#menu .subWrap dl dt{font-size: 1.4rem; margin-bottom: 0.8em;}
#menu .subWrap dl dt span{display: block;}
#menu .subWrap dl dd{font-size: 1.4rem; border-top: dotted 2px #CCA375; padding-top: 0.8em;}
#menu .sub-cmnUl li dl dt{width: 100%; line-height: 1.4;}
#menu .sub-cmnUl li dl dt .en{display: inline-block; font-family: 'shippori Mincho', serif; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.05em; color: #CCA375; margin-left: 0.4em;}
#menu .sub-cmnUl li dl dd{width: 100%; font-size: 1.4rem;}
#menu .opDl{display: block; margin: 0.4em 0 1.0em;}
#menu .opDl dt{background: #CCA375; color: #FBF6F0; font-family: 'shippori Mincho', serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.0; padding: 4px; margin-bottom: 4px;}
#menu .opDl dd{width: 100%; font-size: 1.3rem; line-height: 1.4; padding-left: 1.0rem;}
#menu .tax{text-align: right; font-size: 1.3rem;}


@media screen and (min-width: 840px) {
	#menu .cmnH2{width: 76px; writing-mode: vertical-rl; -ms-writing-mode: tb-rl;}
	#menu .innerWrap{width: calc(100% - 120px);}
	#menu .linkUl{width: 50%; margin: 4.0em 0 0 0; float: right; display: flex;}
	#menu .linkUl li{width: 49%; margin-left: 1%;}
	#menu .sub-cmnUl li dl dt{width: 30%;}
	#menu .sub-cmnUl li dl dt .en{display: block; margin: 0;}
	#menu .sub-cmnUl li dl dd{width: 70%; float: right;}
}
	

/* GOODS */
#goods .low_mv .mvWrap{background: url("img/goods/img_mv.jpg") no-repeat center bottom -82px;}
#goods .imgUl{margin-bottom: 2.0em;}
#goods .imgUl .imgWrap{width: 100%; margin-bottom: 0.5em;}
#goods .imgUl .imgWrap img{border-radius: 5px;}
#goods .cmnBtn{display: block; width: 400px; float: none; font-size: 1.5rem; text-align: center; padding: 24px 28px 24px 24px; margin: 0 auto;}
#goods .cmnBtn::after{top: 26px; right: 10px;}

@media screen and (min-width: 840px) {
	#goods .flexWrap{justify-content: space-between;}
	#goods .flexWrap .imgWrap{width: 49.5%; margin: 0;}
}

/* ACCESS */
#access .low_mv .mvWrap{background: url("img/access/img_mv.jpg") no-repeat center bottom -20px;}
#access .txtWrap li{text-align: center; margin-bottom: 0.8em;}
#access .txtWrap dl dt{font-weight: 700;}
#access .noteUl{background: #F3E6D7; border-radius: 5px; padding: 16px;}
#access .noteUl li{margin-bottom: 0.4em;}
#access .noteUl li::before{content: "*";}

@media screen and (min-width: 840px) {
	#access .flexWrap.rev{align-items: center; margin-bottom: 2.0em;}
	#access .txtWrap li{text-align: left; margin-bottom: 0.6em;}
	#access .txtWrap dl{display: flex; flex-wrap: wrap;}
	#access .txtWrap dl dt{width: 8.0rem;}
}


/* CONTACT */
#contact .low_mv .mvWrap{background: url("img/contact/img_mv.jpg") no-repeat center bottom -70px;}
#contact .telWrap{background: #F3E6D7;}
#contact .telWrap .tel a{font-size: 200%; font-family: 'shippori Mincho', serif; font-weight: 600; letter-spacing: 0.05em;}
#contact .telWrap.tel span{display: block;}

#contact .form{margin: 4.0em 0;}
#contact .form dl{padding: 16px; border-bottom: dotted 1px #F3E6D7;}
#contact .form dl dt{font-size: 1.5rem; font-weight: 500; color: #56411C; margin-bottom: 0.8em;}
#contact .form dl dd{font-size: 1.5rem; font-weight: 400;}
#contact .form dl dd p{padding-top: 4px; color: red;}
#contact .form dl dd input,#contact .form dl dd textarea{padding: 8px; border: solid 1px #F3E6D7; background: #F9F9F9; font-size: 1.6rem; font-weight: 400;}
#contact .form dl dd input{width: 100%; max-width: 480px;}
#contact .form dl dd textarea{width: 100%; height: 14em;}
#contact .form dl dt span{float: right;}
#contact .form .btn{width: 180px; margin: 0 auto;}
#contact .form .cmnBtn{border: none; width: 100%;}
#contact .form .cmnBtn::hover{border: none;}
#contact .form .cmnBtn.back{border: none; background: #EFCFAF;}
#contact .form .hss{display: inline-block; background: #CCA375; text-align: center; color: #FFF; font-size: 1.2rem; font-weight: 500; padding: 0 8px 2px; border-radius: 2px; margin-left: 1em;}
#contact .form.confirm dl dd{border: none; background: none;}

@media screen and (min-width: 480px) {
	#contact .form dl{display: table; width: 100%}
	#contact .form dl dt{display: table-cell; width: 14em; vertical-align: middle;}
	#contact .form dl dd{display: table-cell;}
	#contact .form dl dt span{margin: 4px 1.0em 0 0;}
}


/* NEWS */
#news .low_mv .mvWrap{background: url("img/news/img_mv.jpg") no-repeat center center;}
#news .mainWrap{width: 100%;}
#news .nwsUl{background-color:rgba(255,255,255,0.4); border-radius: 5px; padding: 16px 16px 40px 16px; margin-bottom: 2.0em;}
#news .nwsUl li{padding: 1.5em 0.5em; border-bottom: dotted 1px #F3E6D7;}
#news .nwsUl li dl .date{width: 100%; font-weight: 600;}
#news .nwsUl li dl .cat{display: inline-block; background: #CCA375; color: #FFF; font-size: 1.2rem; border-radius: 2px; min-width: 6.0rem; text-align: center; padding: 0 4px; margin: 0 1.0em;}
#news .nwsUl li dl .ttl{width: 100%;}
#news .sideWrap{width: 100%;}
#news .catDl{text-align: center; margin-bottom: 2.0em;}
#news .catDl dt{font-family: 'Shippori Mincho', serif; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.05em;}
#news .pageNav{justify-content: center; margin-bottom: 40px;}
#news .pageNav li{margin: 0 4px;}
#news .pageNav li a{display:block; background: #FFF; border: solid 2px #F3E6D7; color: #56411C; font-weight: 700; padding: 6px 12px;}
#news .pageNav .current{display: inline-block; background: #E2D3C7; color: #FFF; padding: 8px 14px;}
#news .dtlWrap{background-color:rgba(255,255,255,0.4); border-radius: 5px; padding: 24px 16px 40px 16px; margin-bottom: 2.0em;}
#news .dtlHead{border-bottom: dotted 1px #F3E6D7; margin-bottom: 2.0rem;}
#news .dtlHead .date{float: left;}
#news .dtlHead .cat{float: right; background: #CCA375; color: #FFF; font-size: 1.2rem; border-radius: 2px; padding: 0 4px; margin: 0 1.0em;}
#news .dtlHead h1{font-size: 1.7rem; font-weight: 700; padding: 1.0rem 0;}
#news .dtlBody p{margin-bottom: 1.5rem;}
#news .dtlBody a{color:　#56411C; text-decoration: underline;}
#news .dtlBody a:hover{color:#999; text-decoration: none;}
#news .dtlBody h1{font-weight: 700; font-size: 1.8rem; margin-bottom: 0.6em; line-height: 1.6;}
#news .dtlBody h2{font-weight: 700; font-size: 1.7rem;; margin-bottom: 0.6em;line-height: 1.6;}
#news .dtlBody h3{font-weight: 700; font-size: 1.6rem; margin-bottom: 0.6em;line-height: 1.6;}
#news .dtlBody h4{font-weight: 700; font-size: 1.5rem; margin-bottom: 0.6em;line-height: 1.6;}
#news .dtlBody strong {font-weight: 700;}
#news .dtlBody em {font-weight: 700;}
#news .dtlBody blockquote {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 40px;-webkit-margin-end: 40px;}
#news .dtlBody .aligncenter{display: block;margin: 0 auto;}
#news .dtlBody .alignright{float: right;}
#news .dtlBody .alignleft{float: left;}
#news .dtlBody img,
#news .dtlBody img[class*="wp-image-"],
#news .dtlBody img[class*="attachment-"] {height: auto;max-width: 100%;}
#news .dtlBody p{margin-bottom: 1.0rem;}

#news .postLink ul li{width: 100%; background: #F3E6D7; border-radius: 5px; padding: 8px 16px; margin-bottom: 1.0em;}
#news .postLink dl dt{font-family: 'shippori Mincho', serif; font-weight: 700; letter-spacing: 0.05em;}
#news .postLink dl dd{font-size: 1.4rem; line-height: 1.3;}
#news .postLink ul .plR{float: right; text-align: right;}

@media screen and (min-width: 480px) {
	#news .postLink ul li{width: 48%;}
	#news .postLink ul .plL{float: left;}
	#news .postLink ul .plR{float: right;}
}

@media screen and (min-width: 640px) {
	#news .nwsUl li dl .date{width: 12.0em;}
	#news .nwsUl li dl .cat{float: right; margin-top: 4px;}
	#news .nwsUl li dl .ttl{width: auto;}	
}

@media screen and (min-width: 980px) {
	#news .mainWrap{width: 75%; margin-right: 5%;}
	#news .sideWrap{width: 20%;}
	#news .catDl{text-align: left;}
	#news .catDl dd{margin-left: 0.8rem;}
}


/* 404 */


.nf404 .lwTtl{font-size: clamp(1.8rem, 1.503rem + 1.32vw, 2.4rem); color: #56411C; font-weight: 700; line-height: 1.4; letter-spacing: .2em; padding-left: 1.0em; padding: 0; margin-bottom: 3.0em;}
.nf404  .lwTtl span{display: block; font-family: 'shippori Mincho', serif; color: #CCA375; font-size: 1.4rem; padding-left: 0.2rem; font-weight: 600;}

@media screen and (min-width: 480px) {
	.nf404  .lwTtl span{font-size: 1.2rem;}
}



/* *********************************
/* 200:DWAWER
*********************************** */
.drawer-nav{text-align: center;}
.drawer-nav .inner{padding: 2.0em 0;}
.drawer-nav ul li{margin-bottom: 1.6em;}
.drawer-nav ul li.isg{width: 24px; margin: 0 auto;}
.drawer-nav ul li a{font-size: 1.4rem; font-weight: 700;}

/* DRAWER-NAV INNER */
.drawer-nav .inner .spMhead{padding: 6px 0;}
.drawer-nav .inner .spMhead p{width: 80px; margin: 0 auto 2.0em;}
.drawer-nav .inner .spMhead p img{width: 100%; height: auto;}
.drawer-nav .inner .sb-menu{text-align: center;border-top:1px solid #303433;border-bottom: 1px solid #484E4D; margin-bottom: 10px;}
.drawer-nav .inner .sb-menu li{ border-top:1px solid #484E4D;border-bottom: 1px solid #303433;}
.drawer-nav .inner .sb-menu li a{color: #FFF; display: block;text-shadow: -1px -1px 0 #111; padding: 15px 5px; font-size: 14px;font-family: "Poppins", serif;font-weight: 400;font-style: normal;}
.drawer-nav .inner .sb-menu li.isg a span{background: url(img/ic_isg_w.png) no-repeat left center; background-size: 14px 14px; padding-left: 20px;}

/* DRAWER.CSS */
.drawer-open{overflow:hidden!important}
.drawer-nav{position:fixed;z-index:9998;top:0;overflow:hidden;width:100%;height:100%;color:#FFF;background-color:#F3E6D7;}
.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}
.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}
.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-overlay{position:fixed;z-index:12;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{display:block}
.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}
.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}
.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}
.drawer--right .drawer-nav{right:-100%;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
.drawer--right.drawer-open .drawer-hamburger{right:2%;}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{background-color:#56411C;}
#home .drawer-hamburger-icon,#home .drawer-hamburger-icon:after,
#home .drawer-hamburger-icon:before{background-color:#F3E6D7;}
.drawer-hamburger{position:fixed;z-index:9999;top:0;display:block;box-sizing:content-box;width:3rem;padding:0;padding:22px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}
.drawer-hamburger-icon:after{top:10px}
.drawer-open .drawer-hamburger-icon{background-color:transparent}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}
.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}
.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}
}

@media (min-width:75em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}
}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}
.drawer-navbar .drawer-nav{padding-top:3.75rem}
.drawer-navbar .drawer-menu{padding-bottom:7.5rem}

@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}
.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}
.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}
}
.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){.drawer-container{max-width:60rem}}
@media (min-width:75em){.drawer-container{max-width:70rem}}



@media print{
body{width: 1200px;}
body#home{width: 100%;}
#spHeader{display: none;}
.drawer-nav{display: none;}
}



/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}