@charset "utf-8";
/*
Theme Name: チキン南蛮専門店 味匠
Version: 1.0
*/

/* Reset.css */
* {
	font-style:normal;
	margin:0pt;
	padding:0pt;
	border:0;
	text-decoration: none;
}
body {
	font-family:dnp-shuei-gothic-gin-std,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
color:#333;
	background:#fff;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul, ul li {
	list-style-type:none;
}
img {
border:0 none;
vertical-align:bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
font-size:calc(14*(100vw/430));;
line-height: 2;
}
@media (min-width: 768px) {
  body {
	font-size:1.6rem;
	line-height: 2;
  }
}
@media (min-width: 992px) {
  body {
	font-size:1.6rem;
	line-height: 2;
  }
}
.contents p, .contents dl, .contents ul, .contents ol {
    margin-bottom:2em;
}
a:link{
	color:#388BD1;
}
a:visited{
	color:#388BD1;
}
a:hover{
	color:#FF4B33;
}
a:active{
	color:#FF4B33;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
img{
max-width:100%;
height:auto;
}
a:hover img{
opacity:0.7;
transition: all 0.5s ease 0s;
}
.only_sp{
display:none;
}
.only_pc{
display:block;
}
.f22 {
font-size:1.6em;
line-height: 1.6em;
}
.fbold{
font-weight:bold;
}
.tunderline{
text-decoration:underline;
}
.blue{
color:#1F456C;
}
.orange{
color:#D83F00;
}
.tcenter{
text-align:center;
}
.tright{
text-align:right;
}
.red{
color:#D80000;
}
.bgyellow{
    background: linear-gradient(transparent 80%, #FFED60 80%);
}
.serif{
	font-family: ten-mincho,"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.en{
	font-family: 'Montserrat', sans-serif;
}
.wrap{
width:94%;
max-width:1080px;
margin:0 auto;
clear:both;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify{
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    padding: 0;
}
.gmap,
.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed,
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* editor */
 
p {
    display: block;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/*sp common*/
.spnav{
		display:none;
}

/*common*/

/*top*/
.logo{
	width:30%;
}
.logo img{
	width:100%;
	height:auto;
}
.headertop{
	display:block;
	height:calc(100vh - 100px);
	background:url(img/top/head.png) no-repeat center center;
	background-size:cover;
}
.headertop_inner{
	display:block;
	height:calc(100vh - 100px);
	background:url(img/top/headbg.svg) no-repeat center bottom;
	background-size:120% auto;
}
.pageFooter{
	text-align:center;
	background:url(img/common/footbg.svg) no-repeat center top;
	background-size:cover;
	padding:4em 0 2em;
}
.gnavw{
	margin-top:-1px;
	background:#fff;
	padding:1em;
}
.gnav{

}
.gnav a{
	color:#333;
}
.gnav a:last-of-type{
	background:#F1BB6E;
	padding:0 1em;
	border-radius:6px;
}
.gnav a:hover{
	opacity:0.7;
}

/*page common*/
.comttl01{
	text-align:center;
	font-size:2.2em;
	margin:0 0 1em;
	font-weight:bold;
}
.combox01{
	padding:3em 0;
}
.header_inner{
	background:url(img/common/headbg.jpg) no-repeat bottom center;
	background-size:cover;
}
a.combtn01{
	display:block;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:1.4em;
	max-width:400px;
	margin:0 auto;
	border:1px solid #f8b62d;
	border-radius:1em;
}
a.combtn01:hover{
	background:#f8b62d;
}

/*top*/
.top_greeting{
	background:#F1BB6E;
}
.top_greeting_img{
	width:40%;
}
.top_greeting_txt{
	width:54%;
	max-width:600px;
	padding:2em 4% 2em 0;
}
.top_greeting_ttl{
	font-size:1.6em;
	margin:0 0 1em;
	font-weight:bold;
}
.top_bg01{
	height:400px;
	width:100%;
	display:block;
	background:url(img/top/bg01.png) no-repeat center center;
	background-attachment: fixed;
	background-size:cover;
	margin:0 0 2em;
}
.top_about_inner01_img{
	width:30%;
}
.top_about_inner01_txt{
	width:62%;
}
.top_about_inner01_ttl{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 1em;
}
dl.top_about_inner01_list01{
	margin:0;
}
.top_about_inner01_list01 dt{
	width:20%;
	text-align:center;
}
.top_about_inner01_list01 dd{
	width:78%;
}
.top_about_inner01{
	margin:0 0 2em;
}
.top_about_map{
	max-width:700px;
	margin:0 auto 2em;
}
.top_shop_unit{
	width:48%;
}
.top_shop_thumb{
	margin:0 0 1em;
}
.top_shop_ttl{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.5em;
}
.top_bnr_unit01{
	width:30%;
}
.top_bnr_thumb{
	margin:0 0 1em;
}
.top_bnr_ttl{
	font-size:1.2em;
	font-weight:bold;
}
a.top_info_unit{
	color:#000;
	padding:1em;
	border-bottom:1px solid #ea5514;
	display:block;
}
a.top_info_unit:nth-of-type(1){
	border-top:1px solid #ea5514;
}
a.top_info_unit:hover{
	opacity:0.7;
}
.top_info_unit_ttl{
	font-size:1.1em;
	font-weight:bold;
}
.top_info_unit_more{
	text-align:right;
}
.top_news_inner{
	margin:0 0 2em;
}
a.top_menu_unit{
	width:31%;
	margin:0 0 1em;
	color:#000;
}
.top_menu_inner{
	margin:0 0 2em;
}
.top_menu_inner:after{
	display:block;
	content:"";
	width:31%;
}

/*single*/
.blogttl01{
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 1em;
}
.single_date{
	margin:0 0 1em;
}

/*info*/
a.info_unit{
	color:#000;
	margin:0 0 2em;
	display:block;
}
a.info_unit:hover{
	opacity:0.7;
}
.info_unit_ttl{
	font-size:1.4em;
	font-weight:bold;
}

/*menu*/
a.menu_unit{
	color:#000;
	width:48%;
	margin:0 0 1em;
}
.menu_unit_img{
	margin:0 0 1em;
}
.menu_unit_ttl{
	font-size:1.4em;
	font-weight:bold;
}
.menu_inner{
	margin:0 0 2em;
}
.archive_pagenav{
	text-align:center;
	margin:0 0 3em;
}

/*contact*/
.contact_inner{
	max-width:600px;
	margin:0 auto;
}
.hissu{
	color:#ff0000;
}
.contact_form{
	margin:0 0 2em;
}
.contact_form th{
	text-align:left;
	padding:0.5em 1em;
	white-space:nowrap;
}
.contact_form td{
	padding:0.5em 1em;
}
.contact_form td input[type="text"],
.contact_form td input[type="email"],
.contact_form td textarea{
	border:1px solid #ddd;
	border-radius:6px;
	padding:0.5em 1em;
	width:100%;
}
.submitbtn input{
	background:#f0c883;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	padding:0.5em 1em;
	border-radius:10px;
	display:block;
	margin:0 auto;
	cursor:pointer;
}
.submitbtn input:hover{
	opacity:0.7;
}