/* ------------------------------------------------------------------

INDEX
-00 reset
-01 common

------------------------------------------------------------------ */

/* ------------------------------------------------------------------

00 reset

------------------------------------------------------------------ */


body,div,
dl,dt,dd,ul,ol,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,blockquote,pre,th,td {
     margin:0;
     padding:0;
}
img{
     position:bottom;
}
h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:normal;
}
ul {
     list-style:none;
}
h1,h2,h3,h4,h5,h6,
p,li {
     line-height:100%;
}

table {
     font-size:100%;
     border-collapse:collapse;
     border-spacing:0;
}
fieldset,img,abbr,acronym {
     border:0;
}
address,caption,cite,code,dfn,em,var {
     font-style:normal;
     font-weight:normal;
}
img {
     vertical-align:bottom;
}
q:before,q:after {
     content:'';
}

/* ----------------------------------
font reset
---------------------------------- */
body{
     font:13px/1.231;
     *font-size:small;
     *font:x-small;
     color:#333;
     font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
     -webkit-font-smoothing: antialiased;
	 
}
select,
input,
button,
textarea,
button{
     font:99% arial,helvetica,clean,sans-serif;
}
table{
     font-size:inherit;
     font:100%;
}
pre,
code,
kbd,
samp,
tt{
     font-family:monospace;
     *font-size:108%;
     line-height:100%;
}

/* ----------------------------------
clearfix
---------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
*{box-sizing: border-box;}
/*
header
*/
body{font-feature-settings : "palt";}
.return-top{    text-decoration: none;text-align: center;position: fixed;bottom: 20px;right: 0px;background: rgba(0,0,0,0.4);display: block;width: 60px;height: 60px;font-size: 12px;border-radius: 6px 0 0 6px;font-weight: bold;color: #fff;z-index: 9;}
.return-top > i{display: block;margin-top: 8px;font-size: 16px;}
.pc{display: none;}
.sp{display: block;}

/*
header
*/
header#header{width:100%;background: #DFDFDD;
background: -moz-linear-gradient(left, #ffffff 0%, #fbfcfe 25%, #f6f6f6 50%, #eaeae8 75%, #DFDFDD 100%);background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(25%, #fbfcfe), color-stop(50%, #f6f6f6), color-stop(75%, #eaeae8), to(#DFDFDD));background: -webkit-linear-gradient(left, #ffffff 0%, #fbfcfe 25%, #f6f6f6 50%, #eaeae8 75%, #DFDFDD 100%);background: -o-linear-gradient(left, #ffffff 0%, #fbfcfe 25%, #f6f6f6 50%, #eaeae8 75%, #DFDFDD 100%);background: linear-gradient(to right, #ffffff 0%, #fbfcfe 25%, #f6f6f6 50%, #eaeae8 75%, #DFDFDD 100%);}
header#header div.inner{width:90%;height:320px;margin: 0px auto 0 ;position:relative;}
header#header div.inner div.logo{position:absolute;top:42px; left:0;z-index: 4;}
header#header div.inner p.concept_txt{font-size: 12px;font-weight:500;line-height:15px;text-align: right;padding-top:18px}
header#header div.inner p.concept_txt .tel{font-size: 20px;font-weight: 700;line-height: 22px;text-align: right;background-image: url(../image/sp/icon_tel.png);background-repeat: no-repeat;background-position: left center;padding-left: 22px;}
header#header div.inner p.concept_txt a.tel{color: #333;text-decoration: none;display: block;width: 170px;margin: 5px 0 0 auto;}
header#header h1.v-copy{top: 55%;left:0px;position: absolute;z-index: 3;}
header#header img.v-house{right: -5%;bottom: 0px;position: absolute;z-index: 2;}
header#header img.business_hours{position: absolute;bottom: -83px;right: -5%;z-index: 4;}

/*
news
*/

div#news{ background-color:#560000}
div#news p{width:90%;margin: 0px auto 0;font-size: 12px;font-weight:500;line-height:15px;color:#FFF;padding:6px 120px 6px 25px;background-image: url(../image/sp/icon_info.png);background-repeat: no-repeat;background-position: left 7px;}
div#news a{
    color: #fff;
}
div#news a:hover{
    color: #ccc;
}

/*
box common
*/
.box{width:90%;margin:0 auto;padding-top:40px;}
.box h2,#point-num3 h2{font-size:18px;color:#111;font-weight: 700;line-height:140%; text-align:center}
.box h2 img,#point-num3 h2 img{ margin-left:auto; margin-right:auto;}
.box h3{font-size: 29px;font-weight:700;margin-bottom:0.8em;line-height: 38px; text-align:left}
.box p{font-size: 15px;line-height:25px;margin-bottom:2em;}
.box > .point-inner{padding:30px 0 0;}
.box > .point-inner > dl > dd{ margin-top:30px}
.box > .point-inner > dl > dd > h3{text-align:left}
.box > .point-inner > dl > dd >p{}
.box > .point-inner img.pt{border-radius:3px;border:3px solid #FFF;box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.2);width:100%;height:auto}

/*
box point-num1
*/
#point-num1{background-image: url(../image/bg_map.jpg);background-repeat: repeat;padding-bottom: 40px;}
ul#appeal{margin: 0px auto;}
ul#appeal li{ padding:0; margin:0 0 30px 0; width:100%;font-size: 15px;line-height:22px;}
ul#appeal img{ display:block;border-radius:3px;border:3px solid #FFF;box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.2);margin-bottom:10px;width:100%;height:auto}

/*
box point-num2
*/

#point-num2{background-color:#FFF;background-image: url(../image/menu_back.png);background-repeat: repeat;}
#point-num2:before{content:"";display:block;height:11px;background: url(../image/menu_line.png) top center repeat-x;}
#point-num2:after{content:"";display:block;background: url(../image/menu_line.png) bottom center repeat-x;height:11px;}
#point-num2 .box{ padding-top:30px;}
#point-num2 p{font-size:15px; font-weight:700; line-height:22px; color:#d8a250; text-align:center; margin:10px 0}
.menu{ width:100%; margin:40px auto;}
.ingredients {display: flex;align-items: center;margin-bottom:20px;}
.ingredients::after {height: 1px;content: '';background-color:#c5c5c5;flex: 1 1 auto;order: 1;margin-top: 26px;}
.ingredients.lady::after {height: 1px;content: '';background-color:#c5c5c5;flex: 1 1 auto;order: 1;margin-top:inherit;}
.price{order: 2;}
.manu_name{font-size:29px; font-weight:700; line-height:100%; margin-right:10px}
.price{font-size:29px; font-weight:700; line-height:100%; color:#d8a250; margin-left:10px;}
.price span{font-size: 15px;margin-left: 1px;vertical-align: 1px;}
.lady .manu_name{font-size:24px}

/*
box point-num3
*/
#point-num3{background-image: url(../image/bg_map.jpg);background-repeat: repeat;padding-top: 40px;padding-bottom: 40px;}
#map{width: 100%;height: 300px;margin-top: 30px; }
#point-num3 dl{overflow: hidden;font-size: 15px ;font-weight:500;margin-top: 2em;line-height:24px; width: 100%; margin:27px auto 0px;}
#point-num3 dl dt{border-top: 2px solid #f3dfc0;text-align: left;font-weight:700}
#point-num3 dl dt{ padding:10px 5% 0px;}
#point-num3 dl dd{ padding:0px 5% 10px;}
#point-num3 dl dt:first-child{border-top: 0px none #f3dfc0;}
#point-num3 dl dd:after {content: '';display: block;clear: both;}

/*
Adsence
*/
.ad{width:90%;height:150px ;display: block;margin: 30px auto; background-color:#555}

/*
footer
*/

footer{ font-size: 12px; font-weight:400;text-align: center; background:#f2e9c2;}
footer > .copyright{color:#000;padding:30px 0px 0px;}
footer > .supported_logo{padding:10px 0px 30px;}
footer > .supported_logo img{ margin-left:auto; margin-right:auto}