/* 基本設定
-------------------------------------------------- */

body {
	overflow-x: hidden;
}


@media (max-width: 767px) {/*767px以下で表示*/
	
	body {
		margin: 0 0 0 0;
	}
	
	main {
		margin: 70px 0 0 0;
	}

	nav {
		background-image: url(../img/sp_bg.png);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #fff;
	}

	p.area_tx {
		font-size: 70%;
		margin-bottom: 0;
	}
	
	.bo {
		padding: 3px;
		border: 1px solid #000;
	}
}

.navbar-light .navbar-toggler {
	border-color:transparent;
}

.scr {
	overflow-y:auto;
	height:97vh;
	position: fixed;
	z-index: 1030;
	width:250px;
	margin: 0 0 0 20px;
}

.contents_wrapper {
	margin: 0 0 0 250px;
}

.list-unstyled li {
	margin-bottom: -8px;
}


/* Large devices: laptop (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {/*992px以上1199px以下で表示*/

	.scr {
	 	width: 22.9%;
	 	margin: 0;
	 }
	.contents_wrapper {
		margin: 0 0 0 240px;
	}


	.footermt {
		margin-top: 5rem!important;
		margin-bottom: 2rem!important;
	}
	.mt12 {
		margin-top: 7rem!important;
	}

	.shiroari_soudan {
		max-height: 15.5rem!important;
	}

}

@media (max-width: 991px) {/*991px以下で表示*/

	.scr {
	 	width: 20.9%;
	 	margin: 0;
	 }

	.contents_wrapper {
		margin: 0 0 0 180px;
	}

	.mt12 {
		margin-top: 5.3rem!important;
	}
}



@media (max-width: 835px) {/*835px以下で表示*/

	.scr {
	 	width: 25.9%;
	 }


}

header .navbar-nav li span {
	font-weight:bold;
}



 @media (max-width: 767px) {/*767px以下で表示*/
	.contents_wrapper {
		margin: 0;
	}

	.col {
		padding: 0;
	}
	/*メニュー固定スマホ用*/
	#voicelink,#pricelink,#flowlink,#companylink,#qalink,#contactlink,#anzenlink {
		padding-top: 60px;
		margin-top: -60px;
	}
}

@media (min-width: 768px) {/*768px以上で表示*/
	
	header h2 {
		width: 90%;
		background: #863300;
		border-radius: 20px;
		color: #fff;
		font-size:120%;
		font-weight: bold;
		padding: 5px 0 5px 0;
	
	}

	.shiroari_soudan {
		background-image: url(../img/m_title06_bg.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 100%;
		max-height: 11.5rem;
	}

	.shiroari_soudan2 {
		background-image: url(../img/m_title08.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.footermt {
		margin-top: 3.5rem!important;
		margin-bottom: 2.5rem!important;
	}	



}

@media (min-width: 1200px) {/*1200px以上で表示*/

	.mt12 {
		margin-top: 8.5rem!important;
	}


	.footermt {
		margin-top: 6rem!important;
		margin-bottom: 2.5rem!important;
	}

	.shiroari_soudan {
		max-height: 19.5rem!important;
	}



}



/* 基本設定ここまで
-------------------------------------------------- */


/*PC 左右余白と枠系
--------------------------------------------------*/
@media (min-width: 768px) {/*768px以上で表示*/

	.omakase {
		margin: 0 2.5rem 0 2.5rem;
	}
	.jireim {
		margin: 0 3.5rem 0 3.5rem;
	}
	.waku {
		margin: 0 3.5rem 0 3.5rem;
	}




}


/*PCスマホ共有部分
---------------------------------------------------*/

	.shiroari .shiroarihed {
		background-image: url(../img/m_title03_hed_bg.png);
		background-position: center top;  
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 0;
	}

	.shiroari .shiroarihed h3 {
		position: relative;
		top:-20px;
		padding: 10px 12px 0 10px;
		margin-bottom: 0;
	}


	.shiroari p {
		font-size: 90%;
		position: relative;
		top:-20px;
		margin-bottom: 0;

	}

	.shiroari .shiroaribg {
		margin: 1rem 0 0 0 ;
		background-image: url(../img/m_title03_bg.png);
		background-position: center bottom;  
		background-repeat: no-repeat;
		background-size: 100%;
	}


.jirei {
	padding: 5px;
	box-shadow:0px 0px 8px -3px #808080;
	shadowColor:"#808080",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:8,
	borderWidth:1,
	borderTopLeftRadius:0,
	borderTopRightRadius:0,
	borderBottomLeftRadius:0,
	borderBottomRightRadius:0
}

.jirei p {
	line-height: 160%;
	font-size: 80%;	
}


.omakase {
	padding: 5px;
	box-shadow:0px 0px 8px -3px #808080;
	shadowColor:"#808080",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:8,
	borderWidth:1,
	borderTopLeftRadius:0,
	borderTopRightRadius:0,
	borderBottomLeftRadius:0,
	borderBottomRightRadius:0
}

.omakase h4 {
	font-size: 120%;
	color: #996633;
	font-weight: 900;
	margin-bottom:0;

}
.omakase h4 span {
	font-size: 140%;
}

.omakase p {
	line-height: 160%;
	font-size: 100%;
}

p.price_tx {
	font-size: 80%;
}


.omakase .pack {
	color: #ff0000;
	text-decoration: underline;
}

.waku {
	border-radius: 0;
	box-shadow:0px 0px 8px -3px #808080;
	shadowColor:"#808080",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:8,
	borderWidth:1,
	borderTopLeftRadius:0,
	borderTopRightRadius:0,
	borderBottomLeftRadius:0,
	borderBottomRightRadius:0
}

.waku .start:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #2E3186 transparent transparent transparent;
    top: 0;
    left: 0;
}

.waku p {
	line-height: 180%;
	font-size: 120%;
}

.waku span {
	color: red;
	font-weight: bold;
}

p.aisatsu_tx {
	line-height: 180%;
	font-size: 100%;
}


.youtube {
  width: 80%; 
  height: 0;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比16:9 = 9/16 * 100%*/
}


.youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.voice {
	padding: 15px;
	border-radius: 6px;
	border:2px solid #c1976d;
	box-shadow:0px 0px 8px -3px #808080;
	shadowColor:"#808080",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:8,
	borderWidth:1,
	borderTopLeftRadius:0,
	borderTopRightRadius:0,
	borderBottomLeftRadius:0,
	borderBottomRightRadius:0
}

.voice h3 {
	margin-bottom: 0;
}

.voice p {
	line-height: 180%;
	font-size: 90%;
}

.owner p {
	line-height: 180%;
	font-size: 100%;

}

.owner p.owner_tx {
	font-size: 80%;
}

.owner span {
	font-size: 200%;
}

.nagare .col-md-2 {
	-ms-flex: 0 0 23%!important;
    flex: 0 0 23%!important;
    max-width: 23%!important;
}

.nagare .col-md-1 {
    -ms-flex: 0 0 2%!important;
    flex: 0 0 2%!important;
    max-width: 2%!important;
}




/*スマホだけ
---------------------------------------------------*/


 @media (max-width: 767px) {/*767px以下で表示*/
	

	.shiroari_soudan {
		text-indent: -999999pt;
		background-image: url(../img/sp_m_title06_bg.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.omakase {
		margin: 0 1rem 0 1rem;
	}

	.omakase h4 {
		font-size: 100%;
		margin-bottom: 0.2rem;
	}

	.omakase p {
		font-size: 80%;
	}

	.jirei p {
		font-size: 80%;
	}

	.waku {
		margin: 0 0.2rem 0 0.2rem;
	}

	.waku p {
		font-size: 80%;
	}

	p.aisatsu_tx {
		font-size: 80%;
	}

	.voice {
		padding: 10px;
	}

	.voice p {
		font-size: 80%;
	}

	.owner p {
		font-size: 80%;
	}

	.owner span {
		font-size: 140%;
	}


	.shiroari .shiroaribg {
		margin-top:1rem;
	}

	.mb {
		margin-top: 5.3rem;
	}
	.youtube {
	  margin: 0 auto;
	}

	.nagare .col-md-2 {
		-ms-flex: 0 0 45%!important;
	    flex: 0 0 45%!important;
	    max-width: 45%!important;
	}

	.nagare .col-md-1 {
	    -ms-flex: 0 0 5%!important;
	    flex: 0 0 5%!important;
	    max-width: 5%!important;
	}

}


/*ページトップ　購入ボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:10000;
}
#page-top a {
    background: url(../img/js_pagetop.png) no-repeat;
    width: 95px;
    padding: 70px 0;
    text-align: center;
    display: block;
    text-indent:-99999pt;
	overflow:hidden;
}

#tel-top {
	display: none;
}

#tel-top a {
	display: none;
}


footer {
	font-size: 80%;
	margin: 60px 0 0 0 ;
}

@media (max-width: 767px) {/*767px以下*/


	#page-top {
	    position: fixed;
	    bottom: 60px;
	    right: 10px;
	    z-index:10000;
	}

	#page-top a {
	    background: url(../img/js_sp_pagetop.png) no-repeat;
	    width: 78px;
 		padding: 30px 0;
	    text-align: center;
	    display: block;
	    text-indent:-99999pt;
		overflow:hidden;
	}

	#tel-top {
	    position: fixed;
	    bottom: 0;
	    z-index:10000;

	}

	#tel-top .footerbg {
		background:url(../img/sp_footer_bg.png) no-repeat;
	}

	#tel-top a {
		display:block;
	}


	footer {
		padding: 0 0 100px 0 ;
	}

}

.anchorjs-link {
	display: none;
}

.ekko-lightbox-nav-overlay a {
	opacity: initial!important;
}