@charset "utf-8";
/* ------------------------------
JAL user0005 ordercheese shopping guide 202304 sz

2023/04/20 10:49
------------------------------ */

.guide_page{
		width: 100%;
		margin: 0px auto;
		padding: 0px 2vw;
}
.guide_page *{ box-sizing: border-box;}

html[data-browse-mode="P"] .guide_page{
	width: 1200px;
	margin: auto;
	padding-bottom: 50px;
}

/* ****************************************************** */
/*h1-h6*/

.guide_page h1{ text-align: center;}

html[data-browse-mode="S"] .guide_area h1{
		margin: 20px 0px 30px;
		padding: 0px 15px;
		font-size: 5vw;
}

.guide_page h2,
.guide_page h3,
.guide_page h4{
	position: relative;
	margin: 0px; padding: 0px;
	font-weight: bold; line-height: 1.2em;
}
.guide_page h2{
	margin-bottom: 15px;
	padding: 14px 15px;
	font-size: 16px;
	color: #fff;
	background: #4d3d32;
}
html[data-browse-mode="P"] .guide_page h2{
	margin-bottom: 25px; 
	padding: 14px 20px;
	font-size: 18px;
}

.guide_page h3{
	margin: 20px 0px 10px;
	padding-left: 20px;
	font-size: 14px;
	border-bottom: #54463E 1px solid;
}
html[data-browse-mode="P"] .guide_page h3{
	font-size: 18px;
}
.guide_page h3.design-head{
	border: unset;
	border-left: solid 1.5em #4d3d32;
	padding-left: 0.5em;
	margin-top: 2em;
}

.guide_page h4{
	margin: 10px 0px;
	margin-left: 20px;
	padding-left: 10px;
	font-size: 14px;
}
.guide_page h4::before {
		content: "";
		position: absolute; top: 0px; left: 0px;
		display: block; width: 5px; height: 100%;
		background: #54463E;
}
html[data-browse-mode="P"] .guide_page h4{
	font-size: 16px;
}

.guide_page h5{ font-weight: bold;}


/* ****************************************************** */
/* ****************************************************** */
/* common */

.guide_page .red-color,
.guide_page .f_red{ color: #D50000;}

.guide_page .box_com{ margin: 10px 0px; padding: 0.5em; line-height: 1.2em;}

.guide_page picture{ display: inline-block;}


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

/*目次*/
.guide_page .guide_nav{  margin: 20px 0px;}
html[data-browse-mode="P"] .guide_page .guide_nav{ margin: 40px 0px;}

.guide_page .guide_nav .nav_list{
		margin: 0px 15px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
html[data-browse-mode="P"] .guide_page .guide_nav .nav_list{
	justify-content: flex-start;
}

.guide_page .guide_nav .nav_list .line{
	min-height: 50px;
	margin-bottom:10px;
	font-size: 12px;
	line-height: 1.2em;
	border: #E0E0E0 1px solid;
}
html[data-browse-mode="S"] .guide_page .guide_nav .nav_list .line{
	width: calc( 50% - 7.5px );
}
html[data-browse-mode="S"] .guide_page .guide_nav .nav_list .line:nth-of-type(even){
	margin-left:10px;
}
html[data-browse-mode="P"] .guide_page .guide_nav .nav_list .line{
	margin-left: 10px;
	width: calc( 25% - 10px );
}
html[data-browse-mode="P"] .guide_page .guide_nav .nav_list .line:nth-of-type(4n - 3){
	margin-left: 0px;
}


.guide_page .guide_nav .nav_list .line a{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px 30px 0px 10px;
		width: 100%; height: 100%;
		text-decoration: none;
}
.guide_page .guide_nav .nav_list .line a::before {
		content: "";
		position: absolute; right: 12px; top: calc( 50% - 6px );
		display: block; width: 8px; height: 8px;
		border: 2px solid #976F11;
		border-width: 2px 2px 0px 0px;
		transform: rotate(135deg);
}





/* ****************************************************** */
/*内容*/
.guide_page .guide_content{}

.guide_page .guide_content .guide_item{}


.guide_page .guide_content .guide_item_inner{
	margin-bottom: 30px;
	padding-left: 20px;
}
html[data-browse-mode="P"] .guide_page .guide_content .guide_item_inner{
	margin-bottom: 40px;
	padding-left: 40px;
}


.guide_page .guide_content .guide_item_title{}


.guide_page .guide_content .guide_list_number{
	margin-top: 20px;
}
.guide_page .guide_content .guide_list_number .line{
	list-style-type: none;
	position: relative;
	margin-bottom: 2.4em; padding: 5px 5px 5px 3em;
	border: 1px solid #d8d4d3; border-radius: 5px;
}
html[data-browse-mode="P"] .guide_page .guide_content .guide_list_number .line{
	margin-bottom: 41px;
}

.guide_page .guide_content .guide_list_number .line::before{
	left: 0.4em;
}

.guide_page .guide_content .guide_list_number .line:not(:last-of-type):after{
	content: "▼";
	position: absolute; bottom: -1.3em; left: 50%; transform: scale(2.5, 0.8) translateX(-50%);
	display: block;
	color: #d8d4d3; font-size: 2em;
}
html[data-browse-mode="P"] .guide_page .guide_content .guide_list_number .line:not(:last-of-type)::after{
	font-size: 3em;
	bottom: -51px;
}

html[data-browse-mode="P"] .guide_page .guide_content .guide_list_number .line h5{
	padding-top: 0.25em;
}



.guide_page .guide_content .guide_list_privacy{}
.guide_page .guide_content .guide_list_privacy .line{}

.guide_page .guide_content .guide_table,
.guide_page .guide_content .guide_table .title,
.guide_page .guide_content .guide_table .content{
	border: #E0E0E0 1px solid;
	border-collapse: collapse;
}
.guide_page .guide_content .guide_table .title,
.guide_page .guide_content .guide_table .content{
	padding: 0.5em 0.2em;
}
html[data-browse-mode="P"] .guide_page .guide_content .guide_table .title,
html[data-browse-mode="P"] .guide_page .guide_content .guide_table .content{
	padding: 1em;
}


.guide_page .guide_content .guide_table{}
.guide_page .guide_content .guide_table .line{}
.guide_page .guide_content .guide_table .title{
	vertical-align: middle;
	background: #efebea;
}
.guide_page .guide_content .guide_table .content{}


.guide_page .guide_content .sake_kanri{
	padding: 5px;
	border: 1px solid #ccc;
}
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri{ width: 38em;}

.guide_page .guide_content .sake_kanri .sake_data{ padding-left: 1em;}
html[data-browse-mode="S"] .guide_page .guide_content .sake_kanri .sake_data{ padding-left: 2em;}

html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_title,
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_data{ display: inline-block;}
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_title{ width: 12em;}
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_data{ width: calc( 100% - 12.5em);}
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_title::after{ content: "：";}
html[data-browse-mode="P"] .guide_page .guide_content .sake_kanri .sake_data::after{ content:"";clear: both;display: block;}