@charset "utf-8";
/*----------------------------------------------------
	ページ共通 ※変更不可
----------------------------------------------------*/
/* 左右フロート */
.f_right {float: right;}.f_left {float: left;}
/* テキスト位置 */
.t_left {text-align: left;}.t_center {text-align: center;}.t_right {text-align: right;}
/* 下余白 ※0px～50pxまで */
.mb0 {margin-bottom: 0;}.mb5 {margin-bottom: 5px;}.mb10 {margin-bottom: 10px;}.mb15 {margin-bottom: 15px;}.mb20 {margin-bottom: 20px;}.mb25 {margin-bottom: 25px;}.mb30 {margin-bottom: 30px;}.mb35 {margin-bottom: 35px;}.mb40 {margin-bottom: 40px;}.mb45 {margin-bottom: 45px;}.mb50 {margin-bottom: 50px;}
/* 文字色（W3C標準 基本16色） */
.black {color: black;}.gray {color: gray;}.silver {color: silver;}.white {color: white;}.blue {color: blue;}.navy {color: navy;}.teal {color: teal;}.green {color: green;}.lime {color: lime;}.aqua {color: aqua;}.yellow {color: yellow;}.red {color: red;}.fuchsia {color: fuchsia;}.olive {color: olive;}.purple {color: purple;}.maroon	{color: maroon;}
.green{color:#22ac38}
/* 文字太さ*/
.btex{font-weight: bold;}

/*フォントサイズ*/
.smalltex{
font-size:15px;
}
.bigtex{
font-size:23px;
}
/*テキスト中央寄せ*/
.texcent{
text-align: center;
}
img {
max-width : 100% ;
height : auto ;
}
/*マーカー*/
.maker_y{background-color: #CCCB00}
.text_y{color: #CCCB00}


/* ここからCSS追記----------------------------------*/

/*----------------------------------------------------
	
    全デバイス共通
----------------------------------------------------*/
/*body
-------------------------------------*/
body{
background-image: url("../img/shopbody_bg.jpg");
}

/*メイン画像
-------------------------------------*/
.mainimg {
  background-image: url("../img/shop_bg.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 100%;
}

.mainimg .bgb{
 background-color: rgba(0,0,0,0.4);
 height: 100%;

}

#rogo{
    padding-top:10px; 
 width: 350px;
 margin: 0 auto;

}

h1{
color:#FFF;
width: 100%;
margin: 0 auto;
font-family: 'Noto Serif JP', serif;
font-size: 280%;
text-align: center;
text-shadow: 0 0 5px #000;
}


/*フッター
-------------------------------------*/
.telbanner{
display: none;
}

.shoplist_but {
width:60%;
margin: 20px auto;
border:solid 1px #8ac672;
background: #FFF;
color:#ae9281;
text-align: center;
border-radius: 5px;
}

.shoplist_but a{
 padding: 10px 0;
 display: block;
 width: 100%;
 height: 100%;
 color:#8ac672;
}


.shoplist_but a:hover{
background: #ae9281;
color:#FFF;
}


/*フォーム
-------------------------------------*/
h2{
 color:#4A7B36;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 2px #4A7B36;/*上線*/
  border-bottom: solid 2px #4A7B36;/*下線*/
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
}


table .price{
text-align: right!important;
}

/*ご注文合計金額金額表示*/
div#mfp_price {
    text-align: center!important;
}
/*ご注文合計金額テキスト*/
.goukei_text{
font-size: 16px;
padding-top: 15px;
}

/*説明*/
.comm_box{
font-size: 13px;
margin-top: 20px;
padding: 10px;
border: 3px solid #b3bccb;
background: #efeff0;
}

/*注意書き*/
.comm{
font-size: 12px;
line-height: 1.8em;
padding: 5px 0;
}

.red{
color:#ED080C;
}
/*----------------------------------------------------
	PC
----------------------------------------------------*/
@media screen and (min-width: 769px) { 

}

/*----------------------------------------------------
	タブレット
----------------------------------------------------*/
@media screen and (max-width: 768px) { 






}

/*----------------------------------------------------
	モバイル
----------------------------------------------------*/
@media screen and (max-width: 480px) { 
.pctel{display: none}
.mbtel{
display: block;
background: #B90003;
text-align: center;
padding: 8% 0;
color:#FFF;
border-radius: 5px;
}

.mbtel a{
color:#FFF;
font-size: 120%;
}

/*メイン画像
-------------------------------------*/
.mainimg {
  height: 150px;
}

#rogo{
 width: 280px;
}

h1{
font-size: 180%;
}



/*フッター
-------------------------------------*/
.telbanner{
position: fixed;
display: block;
bottom: 0;
}


#copyright{
    margin-bottom: 70px;
}

}