@charset "UTF-8";
/*---------------------------------------------*/
*{margin:0;padding:0;}
html{width:100%;height:100%;margin:0;padding:0;}
body{position:relative;width:100%;height:100%;margin:0;padding:0;color:#83807A;font-size:14px;font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;text-align:left;line-height:1.6;background-color:#F7F5EF;}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);transition:all .5s;opacity:0;visibility:hidden;}
.mask.openNav{opacity:1;visibility:visible;}
/*---------------------------------------------*/
a{color:#594031;text-decoration:none;}
a.btn{display:block;width:290px;height:40px;margin:20px auto 0 auto;padding:0;color:#85683F;text-align:center;line-height:40px;border:1px solid #85683F;}
a.btn img{width:20px;height:20px;margin:-5px 10px 0 0;padding:0;vertical-align:middle;}
img{max-width:100%;height:auto;margin:0 auto;padding:0;border:none;}
a img{text-decoration:none;}
h1,h2,h3,h4{font-size:100%;line-height:1;clear:both;}
h2{margin:0 0 10px 0;padding:0;color:#4C4638;font-size:16px;font-family:"Sawarabi Mincho", serif;text-align:center;}
h2 img{width:25px;height:25px;margin:0 auto 10px auto;padding:0;}
h3{width:100%;margin:0 0 8px 0;padding:0 0 10px 0;color:#85683F;font-size:8px;font-weight:normal;text-align:center;border-bottom:1px solid #FFFFFF;box-shadow:0 1px 0 #CCBA9D;}
h4{width:auto;margin:30px auto 10px auto;padding:10px 0;color:#594031;font-size:14px;font-weight:normal;text-align:center;background-color:rgba(205,187,156,0.5);border-radius:12px;}
p{display:inline-block;max-width:100%;margin:0 auto;padding:0;text-align:left;}
i{color:#FF6666;font-weight:normal;font-style:normal;}
em{color:#FF6666;font-style:normal;font-weight:normal;}
ul{list-style:none;text-align:left;}
hr{height:0;margin:30px 0;border:none;border-top:1px solid #FFFFFF;box-shadow:0 1px 0 #CCBA9D;}
/*table---------------------------------------------*/
table{width:100%;height:auto;margin:15px 0;padding:0;font-size:100%;text-align:left;border-collapse:separate;border-spacing:1px;border:none;}
table.tdonly{margin:0;}
table tbody th{margin:0;padding:10px;color:#85683F;font-weight:normal;text-align:center;vertical-align:middle;border-right:1px solid #CDBB9C;border-bottom:1px dotted #CDBB9C;white-space:nowrap !important;}
table tbody td{margin:0;padding:10px;text-align:left;vertical-align:middle;border-left:1px solid #FFFFFF;border-bottom:1px dotted #CDBB9C;}
table.tdonly tbody td{border-left:none;}
table.tdonly tbody td img{max-width:100%;min-width:100px;max-height:100%;}
table.tdonly tbody tr:last-child th,
table.tdonly tbody tr:last-child td{border-bottom:none;}
dl{width:100%;height:auto;margin:15px 0;padding:0;font-size:100%;text-align:left;}
dl dt{margin:0;padding:0 10px;color:#594031;line-height:30px;background-color:#CDBB9C;box-sizing:border-box;}
dl dd{margin:0;padding:10px;box-sizing:border-box;}
/*items*/
dl.items{clear:both;width:100%;height:auto;margin:15px 0;padding:0;font-size:100%;text-align:left;}
dl.items > dt{overflow:hidden;margin:0;padding:10px 0 10px 10px;color:#231815;font-size:16px;font-weight:bold;line-height:1.2;background-color:#CDBB9C;box-sizing:border-box;}
dl.items > dt span{margin-left:10px;color:#FFFFFF;font-size:10px;font-weight:normal;white-space:nowrap;}
dl.items > dd{margin:0;padding:10px;box-sizing:border-box;}
dl.items > dd:nth-child(1){float:left;}
dl.items > dd:nth-child(2){float:right;width:160px;margin:5px 0 0 10px;padding:0;color:#85683F;font-size:10px;text-align:center;}
dl.items > dd:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
dl.items > dd span{margin-right:10px;padding:0px;color:#85683F;border-bottom:1px dotted #FF6666;}
dl.items div.dots{margin-bottom:5px;padding-top:2px;border:2px solid #CDBB9C;box-sizing:border-box;}
dl.items div.dots dl{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;}
dl.items div.dots div dl:not(:last-child){border-bottom:1px dashed #CDBB9C;}
dl.items div.dots dl dt{height:auto;margin-right:5px;padding:0;color:#221815;font-weight:bold;line-height:16px;background:none;}
dl.items div.dots dl dd{padding:0;}
dl.items div.dots dl img{width:16px;margin-right:4px;vertical-align:top;}
span.season{margin:auto 0 auto 30px!important;padding:2px 8px;color:#fff;font-size:13px!important;border-radius:12px;}
span.season.ssn5-9{background:#3f9fde;}
/*header---------------------------------------------*/
.header{position:fixed;left:0;right:0;top:0;width:100%;height:60px;margin:0;padding:0;background-color:#85683F;;}
.header h1{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;padding:0;text-align:center;overflow:hidden;}
.header h1 a img{width:175px;height:60px;vertical-align:top;}
.header h1 a span{display:inline-block;color:#fff;font-size:12px;line-height:80px;}
.header ul{position:absolute;top:10px;right:0;text-align:left;vertical-align:top;}
.header ul li{display:inline-block;width:40px;height:40px;}
.header ul li img{width:40px;height:40px;}
/*contents---------------------------------------------*/
.contents{width:100%;margin:60px auto 0 auto;padding:0;}
.contents .section{width:100%;margin:0;padding:30px 15px;text-align:center;box-sizing:border-box;}
.contents .section:nth-child(odd){background-color:#FFFFFF;}
.section.topArea{position:relative;width:100%;height:380px !important;margin:0;padding:0;text-align:center;line-height:0;vertical-align:middle;background-repeat:no-repeat;background-position:center center;}
.section.topArea img{position:absolute;top:0;bottom:0;left:0;right:0;width:280px;height:100px;margin:auto;-webkit-filter:drop-shadow(0 0 5px #000000);-moz-filter:drop-shadow(0 0 5px #000000);-ms-filter:drop-shadow(0 0 5px #000000);-o-filter:drop-shadow(0 0 5px #000000);filter:drop-shadow(0 0 5px #000000);}
.section.imgArea{margin:0;padding:0;line-height:0;}
.section#menu div{width:100%;margin:30px auto 0 auto;padding:0;text-align:center;}
.section#menu div img{width:25px;height:25px;}
.section.menu{color:#FFFFFF;background-repeat:no-repeat;background-position:center top;}
.section.menu h2{color:#FFFFFF;}
.section.menu h3{margin-bottom:5px;color:#CDBB9C;border:none;box-shadow:none;}
.section.menu h3:before{border:none;}
.section.menu h4{width:200px;height:24px;margin:0 auto 15px auto;padding:0;color:#FFFFFF;font-size:14px;font-weight:normal;text-align:center;line-height:24px;background-color:rgba(205,187,156,0.5);border-radius:12px;}
.section.menu p{padding-top:10px;color:#FFFFFF;text-align:center;border-top:1px dotted #CDBB9C;}
.section.menu a.btn{color:#FFFFFF;border:1px solid #FFFFFF;}
.section.menu .nomenu{width:290px;height:40px;margin:20px auto 0 auto;color:#CDBB9C;line-height:40px;text-shadow:0 0 3px rgba(0,0,0,0.5);background:rgba(0,0,0,0.3);}
.section#limited ul{width:100%;text-align:center;vertical-align:top;}
.section#limited ul li{display:inline-block;margin:5px;padding:0;}
.section#limited ul li img{width:100%;max-width:340px;}
@media (min-width:640px){.section.topArea{background-size:cover;}.section.menu{background-size:cover;}}
/*珈琲屋かれんと*/
.section.topArea#cr{background-image:url(../current/images/topImage.jpg);}
.section.menu#cr01{background-image:url(../current/images/menu_bg01.jpg?20241213);}
.section.menu#cr02{background-image:url(../current/images/menu_bg02.jpg?20241213);}
.section.menu#cr03{background-image:url(../current/images/menu_bg03.jpg?20241213);}
.section.menu#cr04{background-image:url(../current/images/menu_bg04.jpg?20241213);}
.section.menu#cr05{background-image:url(../current/images/menu_bg05.jpg?20241213);}
.section.menu#cr06{background-image:url(../current/images/menu_bg06.jpg?20241213);}
.section.menu#cr07{background-image:url(../current/images/menu_bg07.jpg?20241213);}
.section.menu#cr08{background-image:url(../current/images/menu_bg08.jpg?20241213);}
.section.menu#cr09{background-image:url(../current/images/menu_bg09.jpg?20241213);}
.section.menu#cr10{background-image:url(../current/images/menu_bg10.jpg);}
/*モカとチャイ*/
.section.topArea#mocha{background-image:url(../mocha-chai/images/topImage.jpg);}
.section.topArea#ns_mocha{background-image:url(../mocha-chai/images/ns_topImage.jpg);}
/*西洋茶店*/
.section.topArea#oc{background-image:url(../occidental-cafe/images/topImage.jpg);}
.section.menu#oc01{background-image:url(../occidental-cafe/images/menu_bg01.jpg?20230223);}
.section.menu#oc02{background-image:url(../occidental-cafe/images/menu_bg02.jpg?20230223);}
.section.menu#oc03{background-image:url(../occidental-cafe/images/menu_bg03.jpg?20230223);}
.section.menu#oc04{background-image:url(../occidental-cafe/images/menu_bg04.jpg?20230223);}
.section.menu#oc05{background-image:url(../occidental-cafe/images/menu_bg05.jpg);}
.section.menu#oc06{background-image:url(../occidental-cafe/images/menu_bg06.jpg);}
/*西洋茶店イオンモール豊川店*/
.section.topArea#oc_atw{background-image:url(../occidental-cafe/aeon_toyokawa/topImage.jpg?20230329);}
.section.menu#oc_atw01{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg01.jpg);}
.section.menu#oc_atw02{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg02.jpg);}
.section.menu#oc_atw03{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg03.jpg);}
.section.menu#oc_atw04{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg04.jpg);}
.section.menu#oc_atw05{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg05.jpg);}
.section.menu#oc_atw06{background-image:url(../occidental-cafe/aeon_toyokawa/menu_bg06.jpg);}
/*MC珈琲店*/
.section.topArea#mc{background-image:url(../mc/images/topImage.jpg);}
.section.menu#mc01{background-image:url(../mc/images/menu_bg01.jpg?20240321);}
.section.menu#mc02{background-image:url(../mc/images/menu_bg02.jpg?20240321);}
.section.menu#mc03{background-image:url(../mc/images/menu_bg03.jpg?20240321);}
.section.menu#mc04{background-image:url(../mc/images/menu_bg04.jpg?20240321);}
.section.menu#mc05{background-image:url(../mc/images/menu_bg05.jpg?20240321);}
.section.menu#mc06{background-image:url(../mc/images/menu_bg06.jpg?20240321);}
.section.menu#mc07{background-image:url(../mc/images/menu_bg07.jpg?20240321);}
.section.menu#mc08{background-image:url(../mc/images/menu_bg08.jpg?20240321);}
/*立岩*/
.section.topArea#tw{background-image:url(../tateiwa/images/topImage.jpg?20231123);}
.section.menu#tw01{background-image:url(../tateiwa/images/menu_bg01.jpg?20231123);}
.section.menu#tw02{background-image:url(../tateiwa/images/menu_bg02.jpg?20231123);}
.section.menu#tw03{background-image:url(../tateiwa/images/menu_bg03.jpg?20231123);}
.section.menu#tw04{background-image:url(../tateiwa/images/menu_bg04.jpg?20231123);}
.section.menu#tw05{background-image:url(../tateiwa/images/menu_bg05.jpg?20231128);}
.section.menu#tw06{background-image:url(../tateiwa/images/menu_bg06.jpg?20231123);}
.section.menu#tw07{background-image:url(../tateiwa/images/menu_bg07.jpg);}
.section.menu#tw08{background-image:url(../tateiwa/images/menu_bg08.jpg);}
.section.menu#tw09{background-image:url(../tateiwa/images/menu_bg09.jpg);}
/*T's*/
.section.topArea#ts{background-image:url(../ts/images/topImage.jpg);}
.section.menu#ts01{background-image:url(../ts/images/menu_bg01.jpg);}
.section.menu#ts02{background-image:url(../ts/images/menu_bg02.jpg);}
.section.menu#ts03{background-image:url(../ts/images/menu_bg03.jpg);}
.section.menu#ts04{background-image:url(../ts/images/menu_bg04.jpg);}
.section.menu#ts05{background-image:url(../ts/images/menu_bg05.jpg);}
.section.menu#ts06{background-image:url(../ts/images/menu_bg06.jpg);}
.section.menu#ts07{background-image:url(../ts/images/menu_bg07.jpg);}
.section.menu#ts08{background-image:url(../ts/images/menu_bg08.jpg);}
.section.menu#ts09{background-image:url(../ts/images/menu_bg09.jpg);}
/*Natural Kitchen*/
.section.topArea#nk{background-image:url(../natural_kitchen/images/topImage.jpg);}
.section.menu#nk01{background-image:url(../natural_kitchen/images/menu_bg01.jpg);}
.section.menu#nk02{background-image:url(../natural_kitchen/images/menu_bg02.jpg);}
.section.menu#nk03{background-image:url(../natural_kitchen/images/menu_bg03.jpg);}
.section.menu#nk04{background-image:url(../natural_kitchen/images/menu_bg04.jpg);}
.section.menu#nk05{background-image:url(../natural_kitchen/images/menu_bg05.jpg);}
.section.menu#nk06{background-image:url(../natural_kitchen/images/menu_bg06.jpg);}
.section.menu#nk07{background-image:url(../natural_kitchen/images/menu_bg07.jpg);}

/*contentsNavi---------------------------------------------*/
.contentsNavi{width:100%;height:30px;margin:0 auto;padding:0;font-size:10px;text-align:center;vertical-align:middle;}
.contentsNavi:nth-child(2n-1){background-color:#F3F1E8;}
.contentsNavi:nth-child(2n){background-color:#CDBB9C;}
.contentsNavi li{display:inline-block;height:30px;margin:0;padding:0;line-height:30px;box-sizing:border-box;}
.contentsNavi li.w20{width:20%; max-width:128px;}/*5列*/
.contentsNavi li.w25{width:25%; max-width:160px;}/*4列*/
.contentsNavi li.w30{width:30%; max-width:192px;}/*3列①②*/
.contentsNavi li.w40{width:40%; max-width:256px;}/*3列③*/
.contentsNavi li.w50{width:50%; max-width:320px;}/*2列*/
.contentsNavi li.w100{width:100%; max-width:640px;}/*1列*/
.contentsNavi a{display:block;width:100%;height:100%;}
.contentsNavi:nth-child(2n-1) a{color:#85683F;}
.contentsNavi:nth-child(2n) a{color:#85683F;}

/*footer---------------------------------------------*/
.footer{position:relative;width:100%;margin:0;padding:20px 0 30px 0;text-align:center;background-color:#85683F;box-sizing:border-box;z-index:-1;}
.footer #pagetop{position:absolute;top:0;left:0;right:0;width:50px;height:25px;margin:auto;padding:0;overflow:hidden;}
.footer #pagetop img{width:50px;height:25px;}
.footer #shopLogo{margin:30px auto;padding:0;color:#fff;font-weight:bold;text-align:center;}
.footer #shopLogo img{width:280px;height:100px;}
.footer #companyLogo{clear:both;width:100%;height:40px;margin:30px 0;padding:0;box-sizing:border-box;}
.footer #companyLogo img{width:230px;height:70px;}
/*footerNavi*/
.footer ul{width:100%;margin:0;padding:0;text-align:center;vertical-align:top;border-top:1px solid #CDBB9C;box-sizing:border-box;}
.footer ul li{display:inline-block;width:50%;height:40px;margin:0;padding:0;text-align:center;line-height:40px;border-bottom:1px solid #CDBB9C;border-right:1px solid #CDBB9C;box-sizing:border-box;}
.footer ul li.double{width:100%;border-right:none;}
.footer ul li a{display:block;width:100%;height:100%;}
.footer ul li:nth-child(2n){border-right:none;}
.footer ul li a{color:#CDBB9C;}
.footer ul li:nth-child(1) a,
.footer ul li:nth-child(2) a,
.footer ul li:last-child a{color:#FFFFFF;}

/*globalNavi---------------------------------------------*/
.globalNavi{position:fixed;left:0;top:0;width:280px;height:100%;visibility:hidden;}
.globalNavi.openNav{visibility:visible;}
#navToggle{display:block;position:absolute;left:0;top:0;width:60px;height:50px;cursor:pointer;visibility:visible;}
#navToggle div{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;}
#navToggle span{display:block;position:absolute;left:21px;width:18px;height:2px;border-bottom:solid 2px #CDBB9C;transition:.35s ease-in-out;box-sizing:border-box;}
#navToggle span:nth-child(1){top:21px;}
#navToggle span:nth-child(2){top:27px;}
#navToggle span:nth-child(3){top:33px;}
.openNav #navToggle span:nth-child(1){top:25px;border-bottom:solid 2px #FFFFFF;transform:rotate(45deg);}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3){top:25px;border-bottom:solid 2px #FFFFFF;transform:rotate(-45deg);}
.globalNavi #nav{position:absolute;top:0;left:-280px;overflow-y:scroll;width:100%;height:100%;padding:50px 15px 30px 15px;transition:.5s ease-in-out;text-align:left;background-color:#85683F;box-sizing:border-box;}
.openNav #nav{top:0;transform:translateX(280px);}
/*icon*/
.globalNavi ul.icon{position:absolute;top:0;right:0;margin:0;padding:0;text-align:right;vertical-align:middle;}
.globalNavi ul.icon li{width:50px;height:50px;margin:0;padding:0;}
.globalNavi ul.icon li img{width:50px;height:50px;}
/*menu*/
.globalNavi ul.menu{margin:0;padding:0;}
.globalNavi ul.menu li{clear:both;width:100%;height:35px;margin:0;padding:0;font-size:14px;line-height:35px;}
.globalNavi ul.menu li a{display:block;width:100%;height:100%;margin:0;padding:0;color:#CDBB9C;text-align:left;border-bottom:1px dotted #CDBB9C;box-sizing:border-box;background:url(../images/gnaviArrow.png) no-repeat right center;}
.globalNavi ul.menu li:nth-child(1) a,
.globalNavi ul.menu li:nth-child(2) a,
.globalNavi ul.menu li:last-child a{color:#FFFFFF;}
/*gnaviLogo*/
.globalNavi #gnaviLogo{width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
.globalNavi #gnaviLogo img{width:100%;}

/*newYear---------------------------------------------*/
#newYear{background-image:url("../../images/newyear_top.png"),url("../../images/newyear_bottom.png");background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;}
#newYear td:last-child{border-left:none;}

/*info---------------------------------------------*/
.info{text-align:left;margin:10px;padding:20px;text-align:center;background-color:#FFFFFF;border:1px solid #CC0000;}
.info h2{width:auto;height:30px;margin:10px auto 20px auto;padding:0 15px;color:#ffffff;font-size:16px;font-weight:bold;text-align:center;line-height:30px;background-color:#CC0000;}
.info p{text-align:left;line-height:1.6;}
.info ul{width:100%;text-align:left;list-style-type:square;}