@charset "utf-8";
/* CSS Document */

/*
Theme Name: メゾンレーヴル 様用
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}
body:not(.front-page) #contents{padding-top:112px;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0.15em;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #10193A;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #10193A;}
.wp-pagenavi span.current{color: #fff;background-color: #10193A;}

/* ===== 全体 ===== */
.wrap{max-width:1024px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}
.en{font-family: "Lora", serif;}
.tb{display:none;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}

/* ===== header ===== */
#header{width:100%;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;background:#050505;z-index:100;box-sizing:border-box;}
#logo{font-size:20px;letter-spacing:0.15em;}
#logo a{color:#FFFFFF;text-decoration:none;}
#lang_switch{display:flex;gap:16px;}
#lang_switch a{color:#FFFFFF;font-size:14px;text-decoration:none;}
#lang_switch a:hover{opacity:0.7;}

/* ===== mainvisual ===== */
.mainvisual{position:relative;display:flex;height:100vh;min-height:600px;}
.mainvisual_img{width:50%;height:100%;overflow:hidden;}
.mainvisual_img img{width:100%;height:100%;object-fit:cover;}
.mainvisual_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;font-size:32px;font-weight:400;letter-spacing:0.15em;line-height:1.4;text-align:left;text-shadow:0 0 20px rgba(0,0,0,0.5);}

/* ===== contents ===== */
#contents{padding-top:0;}
body:not(.home) #contents{padding-bottom:60px;}

/* ===== button area ===== */
.btn_area{display:flex;justify-content:center;gap:24px;margin:64px auto;flex-wrap:wrap;}
.btn_link{width:380px;padding:24px;border:1px solid #333333;display:block;box-sizing:border-box;text-align:center;transition:0.3s;}
.btn_link:hover{background:#050505;}
.btn_link:hover .btn_txt,.btn_link:hover .btn_sub{color:#FFFFFF;}
.btn_link .btn_txt{display:block;font-size:16px;letter-spacing:0.1em;color:#333333;}
.btn_link .btn_txt .arrow{margin-left:8px;}
.btn_link .btn_sub{display:block;margin-top:8px;font-size:12px;color:#666666;}

/* ===== section common ===== */
.box{padding:96px 0;}
.sec_head{margin-bottom:48px;text-align:center;}
.sec_head .en{margin-bottom:8px;padding-bottom:8px;font-size:14px;letter-spacing:0.2em;display:inline-block;border-bottom:1px solid #333333;}
.sec_head h2{font-size:28px;font-weight:500;letter-spacing:0.05em;}

/* ===== about ===== */
#about{width:94%;margin:0 auto;padding:96px 0 4px;background:linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #f6f6f6 50%, #f6f6f6 100%);}
.about_flex{display:flex;align-items:center;gap:64px;margin-bottom:96px;}
.about_flex .about_img{width:50%;padding:0 6%;box-sizing:border-box;}
.about_flex .about_img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;}
.about_flex .about_txt{width:50%;padding:0 18% 0 4%;box-sizing:border-box;font-size:15px;line-height:2.8;}
.about_flex.reverse .about_img{order:2;}
.about_flex.reverse .about_txt{padding:0 4% 0 18%;order:1;}

/* ===== chef ===== */
#chef{width:94%;margin:0 auto;padding:0 0 96px;background:linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #f6f6f6 50%, #f6f6f6 100%);}
.chef_img{max-width:600px;margin:0 auto;}
.chef_img img{width:100%;object-fit:cover;aspect-ratio:1/1;}
.chef_txt{max-width:600px;margin:0 auto;padding:96px 24px 0 24px!important;box-sizing:border-box;}
.chef_txt .chef_name{margin-bottom:24px;font-size:20px;font-weight:700;letter-spacing:0.1em;}
.chef_txt p{font-size:15px;line-height:2;}
.chef_txt .award_ttl{margin-top:32px;font-weight:700;}
.award_list{margin-top:16px;}
.award_list li{padding:4px 0;font-size:13px;}

/* ===== recommend ===== */
#recommend{width:94%;margin:0 auto;padding:0 2% 96px;background:linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #f6f6f6 50%, #f6f6f6 100%);box-sizing:border-box;}
.product_flex{display:flex;align-items:center;gap:64px;margin-bottom:80px;}
.product_flex.reverse{flex-direction:row-reverse;}
.product_flex:last-of-type{margin-bottom:0;}
.product_flex .product_img{width:50%;box-sizing:border-box;}
.product_flex .product_img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;}
.product_flex .product_txt{width:50%;padding:0 18% 0 4%;box-sizing:border-box;}
.product_txt h3{margin-bottom:16px;font-size:22px;font-weight:500;letter-spacing:0.05em;}
.product_txt .price{margin-bottom:16px;font-size:15px;font-weight:700;}
.product_txt p:not(.price){font-size:14px;line-height:1.9;color:#555555;}

/* ===== shop list ===== */
#shoplist{margin-bottom:0!important;background:#F6F6F6;}
.shop_flex{display:flex;gap:48px;}
.shop_flex .shop_data{width:45%;}
.shop_flex .shop_data dt{padding:16px 0 4px;font-size:12px;color:#888888;border-top:1px solid #DDDDDD;}
.shop_flex .shop_data dt:first-child{border-top:none;}
.shop_flex .shop_data dd{padding-bottom:8px;font-size:15px;}
.shop_flex .shop_data dd a{color:#333333;}
.shop_flex .shop_map{width:55%;min-height:400px;}
.shop_flex .shop_map iframe{width:100%;height:100%;min-height:400px;}

/* ===== footer ===== */
#footer{padding:80px 0 24px;background:#F6F6F6;text-align:center;}
#footer .footer_follow .ttl{margin-bottom:24px;font-size:14px;letter-spacing:0.15em;color:#333333;}
#footer .sns_instagram{display:inline-flex;color:#333333;}
#footer .sns_instagram:hover{opacity:0.7;}
#footer .copy{margin-top:80px;font-size:11px;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1200px) {
	.about_flex{gap:0;}
	.about_flex .about_img{padding:0 3%;}
	.about_flex .about_txt{padding:0 5%;}
	.about_flex.reverse .about_txt{padding:5%;}
	
	#recommend{padding:0 0 96px;}
	.product_flex{gap:0;}
	.product_flex .product_img{padding:0 3%;}
	.product_flex .product_txt{padding:0 5%;}
}

@media screen and (max-width: 1024px) {
	body:not(.front-page) #contents{padding-top:80px;}
	
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	
	.mainvisual{height:70vh;}
	.mainvisual_logo{font-size:36px;}
	.about_flex,.about_flex.reverse,.chef_flex,.product_flex,.product_flex.reverse,.shop_flex{flex-direction:column;gap:24px;}
	.about_flex .about_img,.about_flex .about_txt,.chef_flex .chef_img,.chef_flex .chef_txt,.product_flex .product_img,.product_flex .product_txt,.shop_flex .shop_data,.shop_flex .shop_map{width:100%;}
	.box{padding:64px 0;}
/* === header === */
	#header{padding:16px 24px;}
/* === about === */
	.about_flex .about_img{margin-bottom:24px;}
	.about_flex .about_img img{aspect-ratio:16/9;}
	.about_flex .about_txt{line-height:2;}
	.about_flex.reverse .about_txt{order:2;}
	.about_flex.reverse .about_img{order:1;}
/* === chef === */
	.chef_img{width:80%;}
/* === recommend === */
	.product_flex .product_img{width:60%;margin:0 auto 24px;padding:0 2%;}
	.product_flex .product_txt{width:60%;margin:0 auto 24px;padding:0 2%;}
}

@media screen and (max-width: 740px) {
	.tb{display:block;}
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
}

@media screen and (max-width: 640px) {
	.mainvisual_logo{text-align:center;}
	.about_flex, .about_flex.reverse, .chef_flex, .product_flex, .product_flex.reverse, .shop_flex{gap:0;}
/* === about === */
	.about_flex .about_img img{aspect-ratio:1/1;}
	.about_flex .about_txt{font-size:16px;}
/* === chef === */
	.chef_txt{width:100%;padding:48px 24px 0!important;}
/* === recommend === */
	.product_flex .product_img{width:100%;padding:0 2%;}
	.product_flex .product_txt{width:100%;padding:0 8%;}
}

body.admin-bar #header{top:32px;}

@media screen and (max-width: 782px) {
	body.admin-bar #header{top:46px;}
}