@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/


.MENU { margin-top:50px; }

.menu_border { width:90%; display:block; margin:0 auto 10px auto;  font-weight:bold; border-bottom:1px solid #ccc; }
.menu_text { width:90%; display:block; margin:0 auto 10px auto; font-size:12px; }
.menu_text_small { width:90%; display:block; margin:0 auto 10px auto; font-size:12px; }
.gothic { font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;}
.price { width:90%; display:flex; align-items:center; font-size:16px; font-weight:bold; margin:0 auto 0 auto; }
.price small { font-size:12px; font-weight:normal; display:inline-block; margin-left:10px; }
.flag_orange { font-size:10px; display:inline-block; line-height:16px; padding:0 5px; background:#E96B2A; color:#fff; margin-right:10px; }
.flag_blue { font-size:10px; display:inline-block; line-height:16px; padding:0 5px; background:#53A3D8; color:#fff; margin-right:10px; }
.menu { width:90%; display:flex; flex-wrap:wrap; margin:0px 5% 60px 5%; }
.menu dt { width:100%; }
.menu dt img { width:100%; margin-bottom:10px; }
.menu dd { width:100%; }
.menu .osusume { font-size:12px; color:#B02C3E; }
.menu strong { width:100%; display:inline-block; font-weight:bold; border-bottom:1px solid #ccc; line-height:1.7em; padding-bottom:5px; margin-bottom:5px;  }
.menu p { width:100%; display:inline-block; line-height:1.7em; margin:0 0 30px 0; font-size:12px; }
.menu p img { margin-top:10px; }
h4 { width:85%; font-size:16px; letter-spacing:0.01em; font-weight:bold; display:block; background:#A8A8A8; color:#fff; padding:0 2.5%; line-height:27px; float:left; margin:0 5% 20px 5%; }
.space50 { width:100%; height:50px; }
.photo_cafemoca { width:90%; margin:10px 5% 0 5%; display:block; }
small.photo_cafemoca { width:90%; margin:0 5% 50px 5%; text-align:right; }
.sp { display:inline-block;}
.coffee_wrap { width:100%; display:flex; flex-wrap:wrap; margin:0 0 50px 0; }
.coffee_wrap div { width:100%; }
.menu strong .price { font-size:16px; margin-left:0; }
@media screen and (min-width: 740px){
    .menu { width:100%; display:flex; flex-wrap:wrap; margin:0px auto 60px auto; justify-content:space-between;}
    .menu:first-child { margin-bottom:20px; }
    .menu:nth-child(4) { margin-bottom:20px; }
    .menu dt { width:43%; }
    .menu dd { width:53%; }
    .menu_border { width:100%; float:left; }
    h4 { width:100%; margin-left:0; }
    .menu_text { width:100%; margin-left:0; line-height:1.7em; }
    .menu_text_small { width:100%; margin-left:0; }
    .menu p { font-size:12px; margin-bottom:30px; }
    .menu strong { margin-bottom:5px; padding-bottom:5px; line-height:1.5em; }

    .price { width:100%; margin-left:0; }


    .coffee_wrap {flex-direction: row-reverse; justify-content: space-between; margin:0 0 50px 0;}
    .photo_cafemoca { width:100%; margin:0; }
    .coffee_wrap div { width:53%; }
    .coffee_wrap div:nth-child(2) { width:43%; }
    small.photo_cafemoca { width:100%; margin:0; }
    .ACCESS { width:100%; display:flex; margin:100px 0 50px 0; justify-content: space-between;}
    .ACCESS img { margin:0; }
    .ACCESS div:first-child { width:43%;  }
    .ACCESS div:first-child img { width:100%; }
    .ACCESS div:nth-child(2) { width:50%;  }
    .ACCESS p { width:auto; float:left; text-align:left; margin:0 0 30px 0; }
    .sp { display:none;}



}