@charset "utf-8";

/* --------------------------------
	custom_contents
-------------------------------- */

/*全体*******************************************/

body.custom_contents {}
body.custom_contents *{box-sizing: border-box;}

.hanpu-about-btn a{
    font-family: var(--mincho);
    justify-content: center;
    display: flex;
    color: #fff;
    padding: 12px 20px;
    gap: 12px;
    background-color: var(--basecolor);
}

/*共通*******************************************/
.btn{text-decoration: none;font-weight: bold;text-align: center;display: block;}
.btn:hover{opacity: 0.8;}

p.push_r{text-align:right;padding-right:1rem;}


/* sp▽ */ @media only screen and (max-width: 1024px) {
  .u_show_on_pc{ display: none;}
}/*△*/

/* PC▽ */ @media only screen and (min-width: 1024px) {
  .u_show_on_sp{ display: none;}
}/*△*/

/*contents ▼内容ここから*******************************************/


body.custom_contents #ov_custom{}

@media only screen and (max-width: 1024px) {
/*↓↓*/

body.custom_contents #ov_custom{padding:10px;}

}/*↑↑*/


/********************************************/

/*看板*/
#ov_custom h1{

	clear: both;
	text-align: center;
}
#ov_custom h1 a{}
#ov_custom h1 img{
	width: 100%;
}

#ov_custom h2{
	padding: 0 0 0.5rem 42px;
    margin: 32px 0 24px 0;

	background-image: url(../Contents/ImagesPkg/common/bg_ttl_icon.png);
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: 0 0;
	font-weight: normal;
	font-size: 30px;font-size: 2.6rem;
	line-height: 44px;
	font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom: 1px solid #322e2d;
}




.recipe h2{
text-align:left;
}

.recipe .intro h1,.traveler h1,.ov_info h1,.ov_hanpu h1{
padding: 0 0 0.5rem 42px;
    margin: 32px 0 24px 0;
    background-image: url(../Contents/ImagesPkg/common/bg_ttl_icon.png);
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: 0 0;
    font-weight: normal;
    font-size: 30px;
	font-size: 2.6rem;
	margin-bottom:32px;
	text-align:left !important;
    line-height: 44px;
    font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
border-bottom: 1px solid #322e2d;
}

#ov_custom .intro #main_image{
	margin-left:0 !important;	
	    text-align: left;
}

/*導入 .intro**********************************/

#ov_custom .intro{}
#ov_custom .intro:after{content:"";clear: both;display: block;}	/*cf*/

#ov_custom .intro #main_image{
	display:block;
	float:left;
	width: 50%;
	margin-left:2%;
}


#ov_custom .intro #main_image img{
	width: 100%;max-width: 465px;
}
#ov_custom .intro .r_comment{
    display: block;
    position: relative;
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;

}




#ov_custom .intro .r_comment p{
	padding: 0.5rem 2rem 1rem 0.5rem;
	font-size:1.6rem;
	line-height:2.8rem;


}



/*表示領域が670px以下の場合**/

@media screen and (max-width: 767px) {
/*↓↓*/
	#ov_custom h2{
		    font-size: 2.0rem;
	}
	.recipe .intro h1,.traveler h1,.ov_info h1{
font-size: 1.8rem !important;
        line-height: 1.4 !important;
        padding-bottom: 10px !important;
		margin-bottom: 20px !important;
		padding: 0 0 0.2rem 35px;
		margin: 32px 0 24px 0;
		background-size: 24px auto;
	}
#ov_custom > h3{
	font-size:1.3em;line-height:1.1em;
}
#ov_custom .recipe .r_comment p {
        font-size: 14px !important;
        line-height: 1.6 !important;
}
#ov_custom .o670{
	display:none;
}

#ov_custom .intro h2:before{content:"◆";}
#ov_custom .intro h2{
	padding: 0.5rem;margin: 0 0 1rem 0;
	background-image:none;
	font-weight: normal;font-size: 2rem;line-height: 2.3rem;
	border-bottom: 1px solid #322e2d;
}
#ov_custom .intro #main_image{
	float:none;width: 100%;margin:0.5rem auto;text-align:center;
}
#ov_custom .intro #main_image img{
	margin:0 auto;
}
#ov_custom .intro > p{
	float:none;width: 96%;margin:0.5rem auto;padding: 0.5rem;
}

#ov_custom .intro .r_comment{
	float:none;width: 100%;
}
#ov_custom .recipe .material ul {
    display: block;
    float: right;
    width: 55%;
            font-size: 13px !important;
	}

}/*↑↑*/
/******************************************/


/*DIV共通**********************************/
.intro .comment p span{
	border:0 !important;
line-height: 1.8;
}
#ov_custom > div{
	margin-bottom:1.5rem;
}

#ov_custom > div h3{
	font-size:2rem;
	color:var(--basecolor);
	font-weight:bold;
}

/*表示領域が670px以下の場合**/
@media screen and (max-width: 767px) {
/*↓↓*/
#ov_custom > div h3{font-size:1.5rem;}
}/*↑↑*/
/******************************************/




/*プロフィール **********************************/

#ov_custom .profile .imgflol{
	width:96%;
	margin:auto auto;
	padding:2rem;
	border-style:double;border-width:4px;
	border-color:#C499AA #893355 #C499AA #893355;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;

}
#ov_custom .profile .imgflol figure{width:20% !important;}
#ov_custom .profile .imgflol p{width:75% !important;font-size:90%;}






/*おすすめ商品 .recommend_item**********************************/

#recommend_item {
	width:100%;margin:32px auto;
}

#recommend_item:after{
	content:"";clear: both;display: block;
}

#ov_custom #recommend_item h3{
	height:auto;
	font-size:1.4em;color:white;
    padding: 10px;
    font-size: 1.4em;
    margin: 20px 0;
	text-align:center;

	background:var(--basecolor);


}


#recommend_item .reco_image {
	display:block;
	float:left;
	width: 30%;
	margin-left:0;
	text-align:center;
	min-height:260px;
}
#recommend_item .reco_image img {}


#recommend_item .reco_data,
#recommend_item .reco_cart{
	display:block;
	float:right;
	width: 64%;
}


#recommend_item .reco_data dl{
	margin-bottom:1rem;
}
#recommend_item .reco_data dl dt{

	padding:0 0 0 0;

	font-size:2rem;color:#791772;font-weight:bold;

	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 0;
}
#recommend_item .reco_data dl dd{
    font-size: 14px;
    padding: 12px 0;
    line-height: 1.6;
}

#recommend_item .reco_cart{}
#recommend_item .reco_cart:after{content:"";clear: both;display: block;}	/*cf*/

#recommend_item .reco_cart a{
    background: var(--basecolor);
    margin: 20px 0 32px auto;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: normal;
    justify-content: center;
    display: flex;
    gap: 20px;
    color: #fff;
    width: 280px;
    border-radius: 4px;
}



/*表示領域が670px以下の場合**/
@media screen and (max-width: 670px) {
/*↓↓*/

#recommend_item .reco_image{float:none;width: 96%;margin:0.5rem auto;text-align:center;}

#recommend_item .reco_data,
#recommend_item .reco_cart{float:none;width: 96%;margin:0.5rem auto;}

}/*↑↑*/
/******************************************/







/*ページ相互リンク***************/
#junkai{
	text-align:center;
}

#junkai ul{
	display:block;
	margin:2em auto 2em;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1rem;
	list-style: none;
}

#junkai ul li{
	display: inline;
}
#junkai ul li a{}
#junkai ul li:first-child:before{
	content:" | ";
}
#junkai ul li:after{
	content:" | ";
}


/*表示領域が670px以下の場合**/
@media screen and (max-width: 670px) {
/*↓↓*/
#junkai ul{line-height: 2rem;}
#junkai ul li{display: inline-block;}
#junkai ul li:before{content:" [ ";}
#junkai ul li:after{content:" ] ";}

}/*↑↑*/
/******************************************/










/*小物パーツ*******************************/





/*20歳未満禁止***********/
div.ban_u20{
	margin:0;

	background-color:#7C4175;
	padding:1rem 1rem 1rem 6.7rem;
	background-image: url(/img/guide/caution.gif);
	background-repeat: no-repeat;
	background-size: 6rem;
	background-position: 0.2rem 0;

	font-size:1.5rem;font-weight:bold;color:white;
}

/*浮き画像***********/
#ov_custom .imgflor,
#ov_custom .imgflol{}

#ov_custom .imgflor:after,
#ov_custom .imgflol:after{content:"";clear: both;display: block;}	/*cf*/


#ov_custom .imgflor p,
#ov_custom .imgflol p{width:58% !important;}

#ov_custom .imgflor p{float:left; !important;}
#ov_custom .imgflol p{float:right; !important;}


#ov_custom .imgflor figure,
#ov_custom .imgflol figure{width:40% !important;}
#ov_custom .imgflor figure{float:right !important;margin:1rem 0 1rem 1rem !important;}
#ov_custom .imgflol figure{float:left !important;margin:1rem 1rem 1rem 0 !important;}

#ov_custom .imgflor figure img,
#ov_custom .imgflol figure img{width:100%;border:1px solid #888888;}



/*表示領域が670px以下の場合**/
@media screen and (max-width: 670px) {
/*↓↓*/

#ov_custom .imgflor:after,
#ov_custom .imgflol:after{content:"";clear: both;display: block;}

#ov_custom .imgflor p,
#ov_custom .imgflol p{float:none !important!;width:96% !important;margin:0 auto;}

#ov_custom .imgflor figure,
#ov_custom .imgflol figure{float !important:none;width:96% !important;margin:0 auto;}




}/*↑↑*/
/******************************************/