@charset "UTF-8";
/*side---------------------------------------------*/
#side{min-height:700px;}
#side #logo a{background-image:url(../mc/images/logo01.gif);}
/*topMenu---------------------------------------------*/
#contents #topMenu{height:600px;background-image:url(../mc/images/topMenu.jpg?20240321);}
#contents #topMenu ul li.shop a{width:240px;}
hr{border-top:1px dotted #CDBB9C;}
/*shop---------------------------------------------*/
#contents .section#shop{margin-top:650px;}
#contents .section#shop ul{height:150px; }
#contents .section#shop ul li{width:250px; }
#contents .section#shop ul li.floatL{padding-top:20px; }
/*menu---------------------------------------------*/
#contents .section#menu h3{clear:both;display:table;}
#contents .section#menu table{width:400px;margin-top:10px;}
#contents .section#menu h3#pancake{margin-top:50px;}
/*pancake*/
ul.pancake{float:right;width:400px;height:360px;}
ul.pancake li{width:400px;height:110px;margin:0 0 15px 0;padding:0;background-color:#F2E9CB;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
ul.pancake li:last-child{margin:0;}
ul.pancake li h4{float:left;display:inline;width:245px;height:30px;margin:10px 0 5px 10px;padding:0;color:#594031;font-size:14px;font-weight:bold;text-align:left;line-height:30px;border-bottom:1px dashed #DAD1CA;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
ul.pancake li p{float:left;width:245px;margin:0 0 0 10px;padding:0;}
ul.pancake li img{margin:10px 0 0 10px;padding:0;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
/*glasscake*/
ul.glasscake{clear:both;width:100%;}
ul.glasscake:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
ul.glasscake li{float:left;position:relative;display:block;width:230px;height:340px;margin:5px 5px 5px 0;padding:0;background-repeat:no-repeat;background-position:center center;}
ul.glasscake li.item03,
ul.glasscake li.item06{margin-right:0;}
ul.glasscake li.item01{background-image:url(../mc/images/glasscake01.jpg?20210401);}
ul.glasscake li.item02{background-image:url(../mc/images/glasscake02.jpg?20210401);}
ul.glasscake li.item03{background-image:url(../mc/images/glasscake03.jpg?20210401);}
ul.glasscake li.item04{background-image:url(../mc/images/glasscake04.jpg);}
ul.glasscake li.item05{background-image:url(../mc/images/glasscake05.jpg?20210401);}
ul.glasscake li.item06{background-image:url(../mc/images/glasscake06.jpg);}
ul.glasscake li h4,
ul.glasscake li h5{display:none;}
ul.glasscake li p{position:absolute;bottom:0;left:0;margin:0;padding:5px 5px 5px 8px;color:#FFFFFF;text-align:left;text-shadow:1px 1px 0 #000000;background-color:rgba(0,0,0,0.6);}
/*access---------------------------------------------*/
#contents .section#access .add{margin-top:100px;}
#contents .section#access .add img{margin-bottom:0;}
/*16.コーヒー・紅茶---------------------------------------------*/
p.intro{padding-bottom:30px;color:#85683F;}
/*coffee*/
.section#coffee h3 span{margin-left:15px;color:#83807A;font-size:12px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#coffee table{width:700px;height:200px;margin:30px 0;padding:0;font-size:100%;border-collapse:collapse;border-spacing:0;border:none;}
#coffee table td{margin:0;padding:0;text-align:left;vertical-align:middle;}
#coffee table td.title{float:left;display:block;color:#231815;font-size:16px;font-weight:bold;line-height:50px;}
#coffee table td.title span{font-size:12px;}
#coffee table td.flag{width:259px;height:50px;padding-top:15px;color:#4C4638;font-size:13px;vertical-align:top;letter-spacing:-1px;}
#coffee table td.flag img{vertical-align:middle;}
#coffee table td.flag small{color:#999;font-size:10px;}
#coffee table td.graph{width:160px;height:160px;}
#coffee table td.detail{width:540px;height:110px;padding-right:20px;}
#coffee table td.point{position:relative;width:540px;height:40px;}
#coffee table td.point span{position:absolute;top:11px;left:145px;color:#85683F;font-size:12px;border-bottom:1px dotted #FF6666;}
#coffee table td.flavor span{display:block;width:158px;height:34px;padding-top:4px;color:#85683F;font-size:11px;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#FFFFFF;border:1px dashed #CDBB9C;}
#coffee table td.flavor em{color:#594031;font-weight:bold;}
/*table.coffee*/
table.coffee{width:700px;height:200px;margin:30px 0;padding:0;font-size:100%;border-collapse:collapse;border-spacing:0;border:none;}
table.coffee td{margin:0;padding:0;text-align:left;vertical-align:middle;}
table.coffee td.name{width:300px;color:#221815;font-size:16px;font-weight:bold;}
table.coffee td.flag{width:259px;color:#4C4638;font-size:12px;line-height:40px;}
table.coffee td.flag img{margin-left:2px;}
table.coffee td.graph{width:160px;height:160px;}
table.coffee td.dots{width:160px;vertical-align:bottom;}
table.coffee td.dots div{margin-bottom:10px;padding-top:2px;border:2px solid #CDBB9C;box-sizing:border-box;}
table.coffee td.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;}
table.coffee td.dots div dl:not(:last-child){border-bottom:1px dashed #CDBB9C;}
table.coffee td.dots dl dt{margin-right:5px;color:#221815;font-weight:bold;}
table.coffee td.dots dl img{width:16px;margin-right:4px;vertical-align:middle;}
table.coffee td.dots p{color:#85683F;text-align:center;}
table.coffee td.detail{width:540px;height:110px;padding-right:20px;}
table.coffee td.point{position:relative;width:540px;height:40px;}
table.coffee td.point span{position:absolute;top:11px;left:145px;color:#85683F;font-size:12px;border-bottom:1px dotted #FF6666;}
table.coffee td.flavor span{display:block;width:158px;padding-top:4px;color:#85683F;font-size:11px;text-align:center;border-radius:10px;background-color:#FFFFFF;border:1px dashed #CDBB9C;}
table.coffee td.flavor em{color:#594031;font-weight:bold;}
/*tea*/
#tea table{width:700px;height:160px;margin:30px 0;padding:0;font-size:100%;border-collapse:collapse;border-spacing:0;border:none;}
#tea table td{margin:0;padding:0;text-align:left;vertical-align:middle;}
#tea table td.title{height:50px;}
#tea table td.title span.jp{float:left;display:block;color:#231815;font-size:16px;font-weight:bold;line-height:1.2;}
#tea table td.title span.ad{float:left;display:block;margin-left:10px;font-size:12px;line-height:1.8;}
#tea table td.title span.en{float:left;display:block;margin-left:10px;color:#FF6666;font-size:10px;line-height:1.8;}
#tea table td.make{width:120px;height:50px;color:#4C4638;font-size:12px;}
#tea table td.flag{width:85px;height:50px;}
#tea table td.flag img{margin-right:2px;}
#tea table td.image{width:160px;height:200px;}
#tea table td.detail{width:540px;height:110px;padding-right:20px;}
#tea table td.point{width:540px;height:40px;}
#tea table td.point img{float:left;}
#tea table td.point span{float:left;display:block;height:20px;margin:10px 0 0 20px;padding:0;color:#85683F;font-size:12px;line-height:20px;border-bottom:1px dotted #FF6666;}
#tea table td.point span em{padding-left:2px;color:#FF6666;font-size:13px;font-weight:normal;}
#tea table td.point span.w em{font-size:18px;line-height:16px;}