@charset "shift_jis";

/*-------------------------------------------
	ご利用方法　汎用
----------------------------------------------*/

#guidecontents {
	width:900px;
	padding:0;
	margin:0;
	line-height:1.5em;
	margin: auto;
	}
#guidecontents h3 {	/*----コーナー名------*/
	margin:0 0 20px 0;
	}

#guidecontents dl dt {
    /*background: #d5570c;
    color: #fff;*/
    font-size: 24px;
	font-weight: 700;
    margin-bottom: 5px;
	padding: 40px 0 20px;
	text-align: center;
}
#guidecontents dl dd {
	padding:0 15px;
	}
#guidecontents img{
	width:100%;
	}
#guidecontents dl dd.bottom30 {	/*----ご利用方法index用スペース30px------*/
	padding-bottom:30px;
	}

#guidetextbox .bottom30 {	/*----下スペース30px------*/
	padding-bottom:30px;
	}
#guidetextbox .bottom10 {	/*----下スペース10px------*/
	padding-bottom:10px;
	}


/*------注文の流れ------------*/

#guidetextbox #nagare {
	width:inherit;
	}
/*-#guidetextbox #nagare p{
	width:170px;
	float:left;
	padding:5px;
	position:relative;
	}-*/
#guidetextbox #nagare dl dd.image {
	width:170px;
	float:left;
	padding:5px 5px 50px 5px;
	}




/*-------------------------------------------
	guidetext BOX
----------------------------------------------*/

#guidetextbox {

	margin:0;
	padding:0;
	}

#guidetextbox span.dot{
	color:#E53D0C;
	font-size:8px;
	padding-right:5px;
}
#guidetextbox dl.coupon{
	background:url(../img/guide/guideasuotodoke/asu_9.jpg) repeat-y;
    margin-left: 15px;
	padding-left:10px;
}
/*-------------------------------------------
	リンク
----------------------------------------------*/
#guidetextbox a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:#ffffff;
}

#guidetextbox a {
	text-decoration: underline;
}
/*-------------------------------------------
	20221026追記
----------------------------------------------*/
#foot_top{
	text-align: center;
	margin-top: 40px;
}
/*-------------------------------------------
	20221208追記
----------------------------------------------*/

#guidetextbox dl{
  margin-top: 20px;
}

#guidetextbox dl.list dd{
  /*text-indent:-10px;*/
  margin-left: 13px;
}
/*#guidetextbox dl.list dd:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #e53d0c;
  border-radius: 60px;
  margin-right: 5px;
}*/

#guidetextbox table {
	border-collapse: separate;
}

#guidetextbox table th,
#guidetextbox table td {
	border: solid 1px; 
	padding: 10px 5px;
	border: none;
	text-align: center;
}
#guidetextbox table th {
	font-weight: 700;
	background: #c1b8a9;
}
#guidetextbox table td {
	background-color: #fff;
}
/*エリア*/
#guidetextbox table.area th {
	width:auto;
}
#guidetextbox table.area td {
	text-align: left;
}
#guidetextbox table td.bg_none {
	background-color: transparent;
}

#guidetextbox dd.box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	text-align: center;
}

#guidetextbox dd.box table.area{
    width: 65%;
    /*display: inline-table;
    vertical-align: middle;
    margin: 0 5% 0 0;*/
}
 
#guidetextbox dd.box img{
   width: 30%;
   vertical-align: middle;
   margin: 0 0 40px;

}

#guidetextbox dl dd.point{
    background: #fbf6d2;
    text-align: center;
    padding: 13px;
    border-radius: 10px;
    width: 88%;
    margin: 2% auto;
    font-size: 19px;
    color: #e53d0c;
    font-weight: bold;
}

#guidetextbox dl dd.point span{
    display: block;
    font-size: 14px;
}

#guidetextbox dl dd.point span{
    display: block;
    font-size: 14px;
}


#guidetextbox dl dd.center{
     text-align: center;
}
#guidetextbox dl dd.center img{
    width:auto;
}

/*-------------------------------------------
	20230227追記
----------------------------------------------*/

.list_shohin dd span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}
.list_shohin dd img {
	margin-bottom: 40px;
}

.list_dot dd {
	position: relative;
	text-indent: -0.5em;
}
.list_dot dd::before {
	display: inline-block;
	content: "●";
	color: #fff;
}

#guidetextbox dl.bg_01 {
	position: relative;
	width: 100%;
	background-color: #ecebe7!important;
}
#guidetextbox dl.bg_02 {
	position: relative;
	width: 100%;
	background-color: #e8d7c7!important;
}