@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 740px) {


div.insta_pc{ display:none !important;}


/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth; }
body { font-size: 15px;  font-family: sans-serif; color:#444; } 
p    {font-size: 15px;} 

/* fook */
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}

.tel { position:relative; padding:15px 0;}
.tel p {width: 80%;height: 63px;margin: 2px auto 0;background:url( ../img/common/tel.png?=200210) 0 0 no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}

.tel p:before{width: 100%;height: 1px;position: absolute;top: 0px;left: 0px;border-top:1px solid #284D46;content: '';}
.tel p:after{width:  100%;height: 1px;position: absolute;bottom: 0;left: 0px;border-bottom:1px solid #284D46;content: '';}

#footer #logo:before{ display:none;}
#footer #logo:after{display:none;}


/*---------------------------------------------
 **  ナビ
---------------------------------------------*/

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;height: 130px;position:relative;background-size: cover; text-align:center;}
.header_inner  {width:100% !important;/* height:620px; */margin: 0 !important;}
.header_wrapper {background-size:150%;margin-bottom: 37px;}


.main_h1{text-align:center;font-size:20px;padding:50px 0 0 0;}


/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{}
.header_wrapper{}

/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {
  width: 250px;
  height: 105px;
  margin: 177px auto 0px;
}
#footer #logo {width: 224px;height: 77px;margin: 15px auto 15px;}
#footer #logo a{
	background: url(../img/common/footer_logo.png) no-repeat;
	background-size:100%;
}

.map { width:90%; height:300px; margin:0 auto; }
/* TEL */
.ad{  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;   }
.ad p { font-size:16px; margin:0; padding:30px 0 0 40px; }

#footer .tel { position:relative; padding:15px 0;}
#footer.tel p {width: 80%;height: 63px;margin: 2px auto 0;background:url( ../img/common/tel.png) 0 0 no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer.tel p:before{width: 100%;height: 1px;position: absolute;top: 0px;left: 0px;border-top:1px solid #284D46;content: '';}
#footer.tel p:after{width:  100%;height: 1px;position: absolute;bottom: 0;left: 0px;border-bottom:1px solid #284D46;content: '';}




.sp_tel {width: 51px;height: 51px;position:absolute;top: 1px;left: 3%;}

.tel {width: 80%;height: 52px;margin: 20px auto 0;}


/*---------------------------------------------
 **  タイトル
---------------------------------------------*/
h2 {font-size: 2.1rem;margin-bottom: 1.6rem;font-weight: 800;}


h3 {font-size: 19px;}


/*=================================================================================================================================*/
/**  TOP	*/
/*=================================================================================================================================*/
.top_h2_02:after{width: 80px;height: 80px; background-size:100%; position:absolute;top:-55px; right:0;}
.top_h2_03:after{width: 80px;height: 80px;background-size:100%;position:absolute;top:-55px;right: 0;}



.bg_01 {padding: 72% 0 9%;position:relative;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/background-size:150%;}
.bg_02 {padding: 72% 0 9%;position:relative;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/background-size:150%;}
.bg_04 { background-size:100%;}

.bg_02 {background: url(../img/top/bg_04.jpg) no-repeat top center; background-size:150%;}

.w85{width: auto !important;}


.top_h2_04 {position: absolute;top: -20px;left:0;right:0;margin:0 auto;text-align: center;color: #FFF;font-size: 30px;font-style: italic;text-shadow:-1px 1px 3px #48221a;}
.cup {width: 90px;}

.bg_03 { padding:0 0 15px;}
/*=================================================================================================================================*/
/**  フッター	*/
/*=================================================================================================================================*/
#footer{padding: 0 0 0;box-sizing: border-box; /*通常の記述*/-webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/-moz-box-sizing: border-box;  /*Firefoxの機能を利用*/}

.footer_wrapper{ margin:0 ; padding-bottom:10px; }

/* フッターナビ */
#footer nav ul{ background:#F6F6F6;  display:flex;flex-wrap:wrap;justify-content: space-between; padding:1px 0 1px 0;}
#footer nav li{  width:49.3%;margin:1px;  }
#footer nav a{ width:100%; background:#FFF; font-size:12px;  padding:10px 0; text-align:center; text-decoration:none; display:block; position:relative; }
#footer nav a:after{width: 10px;height: 10px;position: absolute;top: 15px;right: 11px;background: url( ../img/common/bt_icon_blue.png) 0 0 no-repeat;background-size: 100%;content: '';}

#copyright {font-size:10px!important;}

/* ページTOPへ */
#pageTop {right: 6%;bottom:0;}
#pageTop a {width: 40px;height: 57px;}


.shop_img{display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex_item_clounm_3_full {width: 50%;}
.minicer {position: absolute;bottom: 3px;right: 2%;width:886px;width: 70%;}

.dldiv:first-of-type {padding: 35px 0px 0px;}
.dldiv {padding: 20px 0px 0px;}

.dldiv dt p {font-size:18px;}
.drink_name {position: absolute;top: 22px;left: 56px;font-size: 10px;color: #AAAAAA;}
.nonal span {top:50px;}
.hot:before{position:absolute;top: 5px;left:0;background:#FFB399;display:inline-block;content: 'HOT';padding: 0px 5px 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size: 12px;font-weight: bold;}
.cold:before{position:absolute;top: 5px;left:0;background:#9AD3FE;display:inline-block;content: 'ICE';padding: 0px 8px 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size: 12px;font-weight: bold;}
.cycle:before{position:absolute;top: -11px;left:0;display:inline-block;content: '・';padding: 0px 5px 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size: 34px;font-weight: bold;}

.sp_tal { text-align: left;}



}