@charset "UTF-8";
/* EC-CUBE テンプレートのページ内 <style> から生成（build_anshin.js） */

#main .catalog .main_inc{
	width:100%;
	max-width:784px;
	padding-bottom:35px;
}
#main .catalog .main_inc img{
	float:left;
	width:100%;
	max-width:158px;
	margin-top:10px;
	margin-left:2px;
	margin-right:30px;
}
#main .catalog .main_inc h2{
	float:right;
	text-align:left;
	width:calc(100% - 190px);
	margin-top:5px;
	padding-bottom:7px;
	margin-bottom:15px;
}
#main .catalog .main_inc p {
	float:right;
	width:calc(100% - 190px);
	font-size:13px;
	margin-bottom:5px;
	padding-left:13px;
	text-indent:-13px;
	line-height:150%;
}
#main .catalog .filling {
	letter-spacing: -4px;
}

#main .attention-kakaku{
	color: #c00;
	text-align: justify;
	width:calc(100% - 190px);
	font-size:13px;
	margin-bottom:12px;
	padding:10px 20px 7px 10px;
	line-height:150%;
	display:flex;
	border: 1px dotted #c00;
	border-radius:4px;
}
#main .attention-kakaku_notes {
	max-width: 13%;
}
#main .attention-kakaku_text {
    width: 100%!important;
	text-indent:0!important;
	padding-left:0!important;
	margin-bottom:0!important;
	text-align:justify;
}
#main .catalog .main_inc p span.small{
	font-size:10px;
	margin-left:-5px;
}
#main .catalog .main_inc p a{
	font-weight:bolder;
	text-decoration:underline;
	margin:0 5px;
}
#main .catalog .main_inc .btn_wrap{
	clear:both;
	width:100%;
	text-align:center;
	padding:10px 0 30px 0;
}
#main .catalog h3{
	clear:both;
	float:none;
	width:100%;
	background-color:#F18D00;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	padding:5px 0;
	margin-bottom:30px;
	position: relative;
}
#main .catalog h3:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #F18D00;
}
#main .catalog p.ssl{
	text-align:center;
	margin-bottom:20px;
}
#main .catalog form{
	width:100%;
	max-width:720px;
	margin:0 auto;
	padding-bottom:40px;
}

/*** inputlist ***/
#main .catalog form div.inputlist{
	border:1px solid #DDD;
	border-radius:8px;
	margin-bottom:40px;
}
#main .catalog form div.inputlist dl{
	clear:both;
	float:none;
	width:100%;
	display:table;
	border-bottom:1px solid #CCC;
}
#main .catalog form div.inputlist dl dt{
	display:table-cell;
	width:32%;
	text-align:left;
	background-color:#FFF1D6;
	box-sizing:border-box;
	vertical-align:middle;
	padding:10px 10px 10px 15px;
}
#main .catalog form div.inputlist dl dt span.must{
    display: block;
    background-color: #F18D00;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    border-radius: 4px;
    padding: 5px 6px 5px 6px;
    line-height: 100%;
    text-indent: 0;
    box-sizing: border-box;
    margin: 11px 10px 0 0;
}
#main .catalog form div.inputlist dl p.sup{
	font-size:13px;
	text-indent:-8px;
}
#main .catalog form div.inputlist dl dd{
	display:table-cell;
	float:left;
	box-sizing:border-box;
	padding:10px 20px 10px 20px;
	width: 100%;
	box-sizing:border-box;
}
#main .catalog form div.inputlist dl:first-of-type dt{
	border-radius:7px 0 0 0;
}
#main .catalog form div.inputlist dl:last-of-type dt{
	border-radius: 0 0 0 7px;
	border-bottom:none;
}
#main .catalog form div.inputlist dl:last-of-type dd{
	border-bottom:none;
}
#main .catalog form div.inputlist dl:last-of-type{
	border-bottom:none;
}

#main .catalog form div.inputlist dl dd select,
#main .catalog form div.inputlist dl dd input{
	box-sizing:border-box;
	margin:5px 0;
}
#main .catalog form div.inputlist dl dd input{
	width:100%;
}
#main .catalog form div.inputlist dl dd input#zip01{
	margin:5px 5px;
}
#main .catalog form div.inputlist dl dd input#zip02{
	margin:5px 5px;
}
#main .catalog form div.inputlist dl dd #zip-search{
	margin: 5px 5px 5px 13px;
	width: 145px;
}
#main .catalog form div.inputlist dl dd input::placeholder{
	color:#DDD;
}
#main .catalog form div.inputlist dl dd.busuu select{
    float: left;
	width: 85px;
    padding: 0px 8px 0px 7px;
    margin: 0 25px 0 0;
    box-sizing: border-box;
}
#main .catalog form div.inputlist dl dd p.sup{
	font-size:12px;
    margin:12px 0 0 0;
}
#main .zip-search{
	display: flex;
    width: 100%;
}
#main .zip-search .btn-sm{
	margin:0;
}
#main .zip-search .btn-sm{
	max-width: 140px!important;
}
#main .question-circle{
	display:none;
}
#main #detail_box__zip{
	display: flex;
	align-items: center;
}
#main #detail_box__zip a{
	float:right;
	font-size: 12px;
    margin-top: 15px;
}
#main .form-group_sup{
	margin: 8px 0 10px 0 !important;
}
#main .form-group_sup a{
	color: #1795C9;
	font-size: 12px;
}
#main #detail_box__zip a:after{
	content:" >>";
}
.yubin:after{
	content:" >>";
}
#main .about_mailsetting {
	background: #E9F2FA;
	margin: 12px 0 5px 0;
	padding: 7px 10px 7px 15px;
	font-size: 11px;
	border-radius: 4px;
}
#main .about_mailsetting .attention {
	font-weight: bolder;
	color: #D21F1F;
}

/*** kiyaku_text ***/
#main .catalog h4{
	clear:both;
	float:none;
	width:100%;
	background-color:#FFF1D6;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	padding:7px 0;
	margin-bottom:0;
	border-radius:8px 8px 0 0;
	border:1px solid #CCC;
	border-bottom:none;
}
#main #kiyaku_text{
	margin: 0px 0 40px 0;
	padding:5px 15px 10px 43px;
	border: solid 1px #ccc;
	width: 100%;
	max-width: 800px;
	height: 320px;
	overflow: scroll;
	background: #fff;
	line-height: 1.5;
	color: #333333;
	font-size: 13px;
}
#kiyaku_text h5{
	font-size:14px;
	margin-top:12px;
	margin-bottom:3px;
	text-indent:-38px;
	text-align:justify;
}
#kiyaku_text h6{
	font-size:13px;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:normal;
}
#kiyaku_text p{
	margin-bottom:10px;
}
#kiyaku_text ul{
	padding-top:5px;
}
#kiyaku_text ul li{
	padding-bottom:3px;
	padding-left:14px;
	text-indent:-14px;
}
#kiyaku_text dl{
	padding-top:5px;
}
#kiyaku_text dl dt{
	font-weight:bolder;
	margin-bottom:5px;
}
#kiyaku_text dl dd.logo_iso{
	padding:10px 0 20px 0px;
}
#kiyaku_text dl dd.logo_iso img{
	width:100%;
	max-width:121px;
}
#kiyaku_text .about_cookie{
	background:#EEE;
	padding:10px 10px 1px 15px;
	margin:10px 10px 25px 0px;
	font-size:11px;
	line-height:170%;
	text-align:justify;
}
#kiyaku_text .about_cookie p{
	padding-left:0;
	text-indent:-5px;
}
#kiyaku_text .about_cookie p{
	padding-left:0;
	text-indent:-5px;
}
#kiyaku_text .privacy_url{
	margin-bottom: 15px;
}
#kiyaku_text dl:last-child{
	padding-top: 10px;
}
#kiyaku_text p.supplement {
    margin-bottom: 0;
}
#kiyaku_text dt.caption{
	color: #009966;
	margin-bottom: 2px;
}
#kiyaku_text dt.heading{
	margin-bottom: 0;
	padding-left: 8px;
}

/*** button ***/
#main .catalog button.btn-primary{
	max-width:320px;
	font-size:22px;
	line-height:130%;
    border-radius:5px;
	padding: 9px 15px 11px 5px;
}
#main .catalog button.btn-primary span.min{
	font-size:14px;
}

@media screen and (max-width:640px){
	#main .catalog .main_inc {
		padding-bottom: 25px;
	}
	#main .catalog .main_inc img.sp {
		width: 90px;
		margin-top: 0px;
		margin-left: 20px;
		margin-right: 0px;
		margin-bottom:10px;
	}
	#main .catalog .main_inc h2 {
		float: right;
		text-align: left;
		width: calc(100% - 125px);
		margin-top: 17px;
		padding-bottom: 0;
		margin-bottom: 10px;
		border-bottom: none;
		font-size: 18px;
		line-height:150%;
	}
	#main .catalog .main_inc p {
		float: none;
		width: 100%;
		font-size: 13px;
		margin-bottom: 5px;
		padding-left: 13px;
		text-indent: -13px;
		clear: both;
		line-height: 145%;
	}
	#main .attention-kakaku{
		float: none;
		width: 100%;
		font-size: 13px;
		padding: 7px 12px 7px 7px;
		clear: both;
		line-height: 145%;
	}
	#main .attention-kakaku_notes {
    	max-width: 20%;
}
	#main .catalog h3 {
		margin-bottom: 20px;
	}
	#main .catalog p.ssl {
		margin-bottom: 10px;
		font-size: 12px;
	}

	/* inputlist */
	#main .catalog form div.inputlist dl dt {
		display: block;
		width: 100%;
	}
	#main .catalog form div.inputlist dl dt{
		padding: 4px 10px 4px 15px;
	}
	#main .catalog form div.inputlist dl:first-of-type dt{
		border-radius:7px 7px 0 0;
	}
	#main .catalog form div.inputlist dl:last-of-type dt{
		border-radius: 0 0 0 0;
		border-bottom:none;
	}
	#main .catalog form div.inputlist dl:last-of-type dd{
		padding-bottom: 12px;
	}
	#main .catalog form div.inputlist dl dt p.sup{
		margin:0;
		display:inline;
		margin-left:10px;
	}
	#main .catalog form div.inputlist dl dd{
		padding: 7px 15px 8px 15px;
	}
	#main #detail_box__zip a {
		float: right;
		margin: 10px 0 0 0;
		font-size: 11px;
	}
	#main .about_mailsetting {
		line-height:140%;
		margin-bottom:10px;
	}
	#main .catalog form div.inputlist dl dd.busuu select {
		width: 90px;
		margin: 0 40px 0 0;
	}
	#main .catalog form div.inputlist dl dd p.sup {
		font-size: 11px;
		text-indent:-11px;
		margin: 5px 0 0 0px;
		line-height: 150%;
	}
	#main .catalog form div.inputlist {
		margin-bottom: 25px;
	}
	#main .catalog h4 {
    	padding: 7px 0 6px 0;
		line-height: 145%;
	}
	#main #kiyaku_text {
		padding: 0px 15px 10px 40px;
		height: 127px;
	}
	#main #kiyaku_text dl dd{
		font-size:12px;
	}
	#main .catalog button.btn-primary {
		font-size: 18px;
		padding: 5px 15px 9px 5px;
		line-height: 120%;
	}
	#main .catalog button.btn-primary span.min {
		font-size: 12px;
	}

}