@charset "shift_jis";

@import url(default.css);
@import url(layout.css);

.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	/zoom:1;
}
img{
	vertical-align: bottom;
}

#main .content{
	background-image: url('../Images/Common/bg_main_body.gif');
	background-position: 0 0;
	background-repeat: repeat-y;
}
#main .wrapper{
	background-image: url('../Images/Common/bg_main_top.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#main .inner{
	/*padding: 7px 8px 5px 7px;*/
	padding: 12px;
	background-image: url('../Images/Common/bg_main_bottom.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
#main .bgCommon{
	background-repeat: no-repeat;
	width: 710px;
}
/*--------------------eyecatch--------------------*/
#eyecatch {
	margin: 0;
}


/*--------------------btn--------------------*/
.inner .btn{
position: relative;
}
.inner .btn a{
position:absolute;
text-indent: 0;
white-space: nowrap;
overflow: hidden;
display: block;
}
.btn a:hover {
   background-color: #ffffff;
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	/zoom:1;
}
/*--------------------contents--------------------*/

/* contents
------------------------------------------------------------------------------*/
h2{
	text-align: center;
	margin: 30px auto;
	font-size: 1.5em;
	font-weight: bold;
}

#contents p{
	width: fit-content;
	margin: 1em auto;
	line-height: 2em;
}

.announce_text{
	margin-bottom: 40px;
	font-size: 1.05em;
}
.announce_text table{
	margin: 0 auto;
}
.announce_text table td{
	padding: 5px 10px;
}

.payDetail3 h3{
	text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 40px;
}

#contents #delivery_fee{
	background-position: 0 bottom;
	background-repeat: no-repeat;
	width: 711px;
	font-size:13px;
	box-sizing:border-box;
	padding:12px;
}
#contents #delivery_fee h2{
	padding-bottom:24px;
}
#contents #delivery_fee h3{
	font-size:16px;
	padding-bottom:16px;
}
#contents #delivery_fee h4{
	font-size:14px;
	padding-bottom:8px;
}
#contents #delivery_fee .underLine{
	border-bottom:1px #000 solid;
}
#contents #delivery_fee .payDetail1, #contents #delivery_fee .payDetail2, #contents #delivery_fee .payDetail3{
	padding-bottom:36px;
	width:687px;
}
#contents #delivery_fee h4{
	padding-left:24px;
}
#contents #delivery_fee .payDetail1 p{
	padding-bottom:16px;
	padding-left:40px;
}
#contents #delivery_fee .payDetail2 p{
	padding-bottom:16px;
	padding-left:24px;
}
#contents #delivery_fee .payDetail1 img{
	margin-left:40px;
}
#contents #delivery_fee .payDetail3 th{
	background-color:#fff2dc;
}
#contents #delivery_fee .payDetail3 th,#contents #delivery_fee .payDetail3 td{
	box-sizing:border-box;
	padding:8px;
	border:1px #000 solid;
	font-size:12px;
}
#contents #delivery_fee .payDetail3 .prefe_title{
	width: 67px;
}
.rakuten_red{
	color:#B71518;
}
#contents #delivery_fee .payDetail2 a{
	color:#0068b7;
}

.attention{
position:relative;
border:solid 2px #d00f10;
letter-spacing: 1px;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.attention p::before {
content: "※";
position: absolute;
left: 10px;
}
.attention p{
color:#d00f10;
font-weight:bold;
	margin-left: 16px;
}

/*
都道府県アコーディオンタイトル
-----------------------------*/
.pay_title, .paypay_title, .pay, .paypay{
text-align: center;
}
.paypay_title{
	padding:0 !important;
}
.shop_title{
width:165px;
}
.pay_title{
width:45px;
}
 .paypay_title{
width:50px;
}
.address_title{
width:330px;
}
.area_btn{
	//background-color: #808080;
	background-color: #cbea70;
	padding:7px 10px 7px 15px;
	margin-top: 3px;
	margin-bottom: 2px;
}
#area .prefectures{
	display: block;
	//color: #fff;
	color: #4C3326;
	font-weight: bold;
	font-size: 16px;
}
#area h3 .close img {
	top: 6px;
	right: 13px;
}
#area h3 .close {
	display: none;
}

#area .list{
	display: none;
}
#area .list table{
    width: 100%;
}
#area span.btn{
	width:80px;
	height:20px;
	background-image:url('../Images/TenpoBetuFeeAnnounce/btn_close.png');
	background-position:left bottom;
	top: 2px;
}

#area span.btn.open{
	background-position:left top;
}


.area_btn .close,.open {
	position: relative;
	display: block;
	float: right;
	border:none !important;
}
.area_btn .btn img {
	position: absolute;
	top: 7px;
	right: 10px;
}
.area_btn .close {
	display: none;
}
.PayPay{
	text-align:center;
}


.prefe,.prefe_title{
display:none;
}