@charset "UTF-8";
/*------------------------------------------------------------------------------

	新グローバルナビゲーション適応追加

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

/*-----------------------------------------------------
Dirpath
------------------------------------------------------*/
/*
#Dirpath {
	padding: 1em;
	background: #f7f2ee;
}
#Dirpath ul {
	width: 1200px;
	margin: 0 auto;
}
#Dirpath ul li {
	float: left;
	padding-right: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
}
#Dirpath ul li a {
	position: relative;
	text-decoration: none;
}
#Dirpath ul li a:hover {
	text-decoration: none;
}
#Dirpath ul li:before {
	content: "/";
	width: 6px;
	height: 8px;
	display: inline-block;
	margin: 0 0.85em;
	position: relative;
	top: 0;
	font-weight: normal;
	background: none;
}
#Dirpath ul li:first-child:before {
	display: none;
}
#Dirpath ul li:last-child {
	font-weight: bold;
}

@media (max-width: 667px) {
	#Dirpath { display: none; }
}
*/
#Dirpath {
	padding: 1em 0;
}
#Dirpath ul {
	width: 1200px;
	margin: 0 auto;	
}
@media (max-width: 667px) {
	#Dirpath { display: none; }
}

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


#contents {
	padding-top: 150px;
}
#Main {
	background: none;
}
.section {
	width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}
.content_body {
	padding-top: 25px;
	padding-bottom: 25px;
}
.content_body p {
	line-height: 1.75;
}
.flexlayout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maincont {
	width: 83%;
	margin:0 0 0 2%;
	order: 1;
}
.sidecont {
	width: 15%;
	order: 0;
}
.singlecont {
	width: 100%;
	margin:0 auto;
	font-size:115%;
}
.sidenav {margin:2em 0 0 0;}
.sidenav a {margin:.5em 0;padding:.5em;border-bottom:1px solid #ccc;display:block;}
#bridge h2.homeh2 {padding:0;background:#fff;}
.keyv {width:100%;}
.keyv img {width:100%;height:auto;}

.regstyle {margin-top:-15px; font-size:70% ;display:inline-block; vertical-align:super;} /*font-size(130%から変更),vertical-align追加,dprivate/tokuten03.htmlにて使用*/

/* tokuten */
	.slides {width:1200px;margin:0 auto;}
	.shop_flex{display: flex; flex-wrap: wrap;}
	.shop_group{margin: 2em 0;position: relative;}
	#Main.reene .shop_flex p{margin: 0.1rem 0 0.3rem;}
	#Main.reene .hamburg_group p{margin:.6rem 0;}
	.dotbox.orange{border: 3px dotted #EC7C2F;}
	.shop_title{width: 70px;}
	.shop_img{width: 150px; position: absolute; right: 0; bottom: -50px;}
	.shop_img{object-fit: contain;}	
	.break_all{word-break: break-all;}

	.climate_contents{display: flex;}
	.climate_group{width: 48%; margin: .88888%;}
	.climate_img{display: flex; flex-direction: column;}
	.climate_img img{object-fit: contain;}	
	.climate_flex{display: flex; flex-direction: column; width: 48%; margin: .88888%;}
	.climate_flex img{ margin-bottom: 3px;}
	.climate_flex img:last-of-type{ margin-bottom: 0;}
	#Main.reene .climate_text p,#Main.reene .climate_contents p{margin: 0;}
	.sp{display: none;}
	.climate_text{display: flex;}
	.climate_text p{width: 50%; text-align: center;}
	.shop_mb,.climate_mb{margin-bottom: 10px;}
	.price{display: block; text-align: end; color: #000;}
	.hamburg.text_s{font-size: 90%;}

	
	
/* ### SP ### */
/* -------------------------------------------------------------------------------- */

@media screen and (max-width: 667px) {
	#contents {
/* 		padding-top: 18vw; */
		padding-top: 3vw;
	}
	.section {
		width: 100%;
		padding: 0 5vw;
	}
	.content_body {
		padding-top: 15px;
	}
	.flexlayout {display:block;}
	.maincont {width:100%;margin:0;}
	.sidecont {width:100%;}
	.sidenav {width:92%;margin:0 auto;}
	.sidenav li {display:inline-block;}
	.sidenav a {margin:.5em;padding:.5em;border:2px solid #12ab89;display:inline-block;}
	.tabcontent {width:92%;margin:0 auto;}

	/* tokuten */
	.dotbox.orange{padding: 1em;}
	.shop_group{margin: 2em 0 5em;}
	.shop_img{bottom: -90px;}
	
	.sp_70{width: 100%;}
	.sp_70 img{width: 70%; margin: .88888% auto;}
	.climate_contents{display: block;}
	.climate_img{ margin: .88888% auto;}
	.climate_group{width: 100%;}
	.climate_group img{width: 70%; margin: .88888% auto;}
	.climate_flex{width: 100%; display: block;}
	.climate_flex img{width: 70%; margin: .88888% auto;}
	.sp{display: block;}
	.pc{display: none;}

}