@charset "UTF-8";
/*
 * layout.css
 *
 */ 

/* !layout
---------------------------------------------------------- */
html{overflow-y: scroll;}
body{line-height:1.75;-webkit-text-size-adjust:none;}
img{max-width:100%;height:auto;vertical-align:bottom;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a[href^="tel:"] { cursor: default;}
.pc_block{
	display:block;
}
.sp_block{
	display:none;
}
.accordion{
	display: none;
}
.alpha{
	opacity:1;
	transition:opacity ease 0.3s;
}
.alpha:hover{
	opacity:0.7;
}
.asterisk li:before{
	content:"※";
}
.asterisk li{
	padding-left:1em;
	text-indent:-1em;
}
.mark-txt{
	padding-left:1em;
	text-indent:-1em;
}
.txt_red{
	color:#db1e24;
}
.txt_blue{
	color:#0098d0;
}
@media screen and (max-device-width: 500px){
	body{
		line-height:1.5;
	}
	.sp_block{
		display:block;
	}
	.pc_block{
		display:none;
	}
	.alpha:hover{
		opacity:1;
	}
	.alpha.hover{
		opacity:0.7;
	}
}

/* !ヘッダー・ナビ
---------------------------------------------------------- */
#header_bg {
    top:0!important;
}

/* !#contents #wrapper
---------------------------------------------------------- */
#contents{
	background-color:#f7ee5c;
	margin-top:161px;
	border-top:10px solid #fde07a;
	font-size:16px;
}
#wrapper{
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;
}
@media screen and (max-device-width: 500px){
	#contents {font-size: 22px;}
	#wrapper{
		width:100%;
	}
}
@media screen and (max-device-width: 500px){
	#contents{
		margin-top:332px;
	}
}

/* !#hero
---------------------------------------------------------- */
#hero{
	position:relative;
	width:100%;
	/*height:630px;*/
	overflow:hidden;
	background:url(../img/bg_hero01_pc.png) no-repeat center top;
}
#hero h1{
	position:absolute;
	top:22px;
	left:50%;
	margin-left:-460px;
	width:129px;
	z-index:3;
}
#hero h2{
	position:absolute;
	top:56px;
	left:50%;
	margin-left:-260px;
	width:473px;
	z-index:3;
}
#hero .txt-ribbon{
	position:absolute;
	top:389px;
	left:50%;
	margin-left:-370px;
	z-index:2;
}
#hero .txt-period{
	position:absolute;
	top:460px;
	left:50%;
	margin-left:-400px;
	z-index:2;
}
#hero .bg01{
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-434px;
	z-index:1;
}
#hero .bg02{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-500px;
	height:101px;
	z-index:1;
}
@media screen and (max-width:500px){
	#hero{
		/*height:730px;*/
		background:url(../img/bg_hero01_sp.png) no-repeat center center /cover;
	}
	#hero h2{		
		top:63px;
		margin-left:-235px;
		width:460px;
	}
	#hero .txt-ribbon{
		top:380px;
		margin-left:-225px;
		width:450px;
	}
	#hero .txt-period{
		top:475px;
		margin-left:-210px;
		width:420px;
	}
	#hero .bg01{
		top:20px;
		margin-left:-270px;
		width:600px;
	}
	#hero .bg02{
		bottom:-12px;
		margin-left:-490px;
		width:980px;
		height:106px;
	}
}
@media screen and (max-width:360px){
	/*#hero h1{
		margin-left:-156px;
		width:81px;
	}*/
	#hero h2{		
		top:70px;
		margin-left:-155px;
		width:302px;
	}
	#hero .txt-ribbon{
		margin-left:-155px;
		width:310px;
	}
	#hero .txt-period{
		margin-left:-155px;
		width:310px;
	}
}

/* !nav.anchor
---------------------------------------------------------- */
nav.anchor{
	padding:40px 0 50px;
	background-color:#7b4237;
}
nav.anchor ul {
	width:690px;
	margin:0 auto;
}
nav.anchor ul li{
	float:left;
	width:330px;
	text-align:center;
}
nav.anchor ul li:first-of-type{
	margin-right:26px;
}
nav.anchor ul li a{
	position:relative;
	display:block;
	padding:22px 0 28px;
	width:330px;
	border-radius:8px;
	font-weight:bold;
	font-size:137.5%;
}
nav.anchor ul li a span{
	position:absolute;
	bottom:12px;
	left:50%;
	width:17px;
	margin-left:-8px;
	font-size:0;
}
nav.anchor .btn_web a{
	background-color:#ff9000;
	box-shadow:0 6px 0 0 #e55c00;
	color:#ffffff;
	text-decoration:none;
}
nav.anchor .btn_card a{
	background-color:#0098d0;
	box-shadow:0 6px 0 0 #0059b4;
	color:#ffffff;
	text-decoration:none;
}
nav.anchor .btn_web a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #e55c00;
}
nav.anchor .btn_card a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #0059b4;
}
@media screen and (max-device-width: 500px){
	nav.anchor{
		padding:31px 15px 38px;		
	}
	nav.anchor ul {
		width:100%;
	}
	nav.anchor ul li{
		float:left;
		display:block;
		width:calc((100% - 15px) / 2);
	}
	nav.anchor ul li:first-of-type{
		margin-right:15px;
	}
	nav.anchor ul li a{
		padding:18px 0;
		width:100%;
		font-size:112.5%;
		line-height:1.16;
	}
	nav.anchor ul li a span{
		bottom:50%;
		left:auto;
		right:15px;
		margin-left:0;
		margin-bottom:-8px;
	}
	nav.anchor .btn_web a:hover{
		top:0;
		box-shadow:0 6px 0 0 #e55c00;
	}
	nav.anchor .btn_web a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #e55c00;
	}
	nav.anchor .btn_card a:hover{
		top:0;
		box-shadow:0 6px 0 0 #0059b4;
	}
	nav.anchor .btn_card a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #0059b4;
	}
}

/* !#outline
---------------------------------------------------------- */
#outline{
	box-sizing:border-box;
	padding:0 30px 105px;
	/*padding:0 0 105px;*/
	min-width:1000px;
	background-color:#7b4237;
}
/*   共通   */
.frame_white{
	background-color:#ffffff;
	border-radius:6px;
	padding:44px 40px 0;
}
.sec_box{
	margin-bottom:60px;
}
.sec_box:last-of-type{
	margin-bottom:0;
}
.sec_box h3{
	position:relative;
	padding:6px 0;
	margin-bottom:25px;
	width:100%;
	color:#ffffff;
	font-weight:bold;
	font-size:137.5%;
	text-align:center;
	background-color:#aa0000;
	border-radius:25px;
}
.sec_box h3:before{
	position:absolute;
	left:47px;
	top:4px;
	content:" ";
	width:48px;
	height:43px;
	background:url(../img/ico_ttl_chocoL.png) no-repeat center center /contain;
}
.sec_box h3:after{
	position:absolute;
	right:38px;
	top:4px;
	content:" ";
	width:48px;
	height:43px;
	background:url(../img/ico_ttl_chocoR.png) no-repeat center center /contain;
}
@media screen and (max-device-width: 500px){
	#outline{
		padding:0 15px 58px;
		width:100%;
		min-width:initial;
	}
	#outline .bg_bottom{
		bottom:-33px;
		left:0;
		margin-left:0;
		width:100%;
	}
	/*   共通   */
	.frame_white{
		border-radius:8px;
		padding:30px 15px 0;
	}
	.sec_box{
		margin-bottom:35px;
	}
	.sec_box h3{
		padding:12px 0;
		margin-bottom:20px;
		font-size:125%;
		line-height:1.3;
	}
	.sec_box h3:before{
		left:18px;
		top:5px;
		width:43px;
		height:39px;
	}
	.sec_box h3:after{
		right:18px;
		top:5px;
		width:43px;
		height:39px;
	}
}

/*   .products   */
.products{	
}
.products .list_products{
	display:flex;
	padding:0 20px;
	margin-bottom:20px;
}
.products .list_products li{
	margin-right:40px;
	width:177px;
}
.products .list_products li span{
	display:flex;
	align-items: center;
	margin-bottom:10px;
	height:217px;
}
/* ie調整　*/
@media screen\0{.products .list_products li span img{width:100%;}}
.products .list_products li p{
	line-height:1.375;
	text-align:center;
}
.products .list_products li:last-of-type{
	margin-right:0;
	width:162px;
}
@media screen and (max-device-width: 500px){
	.products .list_products{
		flex-wrap:wrap;
		padding:0;
		margin-bottom:25px;
	}
	.products .list_products li{
		box-sizing:border-box;
		padding:0 12px;
		margin-right:0;
		width:50%;
	}
	.products .list_products li:first-of-type,
	.products .list_products li:nth-of-type(2){
		margin-bottom:15px;	}
	
	.products .list_products li span{
		display:block;
		margin-bottom:0;
		height:auto;
		text-align:center;
	}
	.products .list_products li:nth-of-type(4) span{
		padding:0 5px;
	}

	.products .list_products li p{
		font-size:75%;
	}
	.products .list_products li:last-of-type{
		width:50%;
	}
	.products .asterisk li{
		font-size:87.5%;		
	}
}
@media screen and (max-width:360px){
	.sec_box h3:before{
		left:13px;
		top:8px;
		width:34.4px;
		height:31.2px;
	}
	.sec_box h3:after{
		right:13px;
		top:8px;
		width:34.4px;
		height:31.2px;
	}
}

/*   .prize   */
.prize{
	text-align:center;
}
.prize > div{
	margin-bottom:20px;
}
@media screen and (max-device-width: 500px){
	.prize{
		text-align:left;
	}
	.prize > div{
		margin:0 auto 10px;
		width:194px;
	}
}

/*   .cp-period   */
.cp-period dt{
	display:inline-block;
	margin-right:20px;
	color:#8b4b38;
	font-weight:bold;
}
.cp-period dd{
	display:inline-block;
}
@media screen and (max-device-width: 500px){
	.cp-period dl:first-of-type{
		margin-bottom:20px;	
	}
}

/*   .method   */
/*共通*/
.method h4.acc_btn{
	position:relative;
	padding:24px 0;
	margin-bottom:35px;
	text-align:center;
	/*font-size:137.5%;*/
	font-size:168.75%;
	font-weight:bold;
	border-radius:8px;
	cursor:pointer;
}
.method h4.acc_btn span{
	margin-left:-20px;
}
.method h4.acc_btn:after{
	position:absolute;
	top:50%;
	right:43px;
	content:" ";
	display:block;
	margin-top:-6px;
	width:25px;
	height:17px;
	transition:all ease 0.3s;
	transform:rotate(180deg)
}
.method h4.acc_btn.is-active:after{
	transform:rotate(0);
}

/* WEBからの応募方法 */
.method h4#web_entry{
	color:#ff7e00;
	/*background-color:#fffcc4;*/
	background-color:#ffffff;
	border:2px solid #ff7e00;
	transition:background-color ease 0.3s;
}
.method h4#web_entry:hover{
	background-color:#fff67f;
}
.method h4#web_entry.is-active{
	background-color:#fff67f;
}
.method h4#web_entry:after{
	background:url(../img/ico_web_arrow.png) no-repeat center center /contain;	
}
.web_acc .web_step{
	display:flex;
	margin:30px 0;
}
.web_acc .step{
	width:410px;
}
.web_acc .step .ttl{
	padding:7px 0 8px 0;
	margin-bottom:10px;
	text-align:center;
	font-size:125%;
	color:#ff7e00;
	font-weight:bold;	
	background:url(../img/bg_web_step.png) repeat top left;
	border-radius:8px;
}
.web_acc .step:first-of-type{
	margin-right:40px;
}
.web_acc .receipt_area dt{
	padding:11px 0;
	text-align:center;
	font-size:137.5%;
	color:#ffffff;
	font-weight:bold;
	background-color:#ff9900;
	border-radius:6px 6px 0 0;
}
.web_acc .receipt_area dd{
	box-sizing:border-box;
	padding:35px 40px 55px;
	margin-bottom:22px;
	background-color:#fffde3;
	border-radius:0 0 6px 6px;
}
.web_acc .receipt_area dd .fig{
	margin:40px 0 50px;
}
.web_acc .receipt_area dd .fig img{
	width:50%;
	float:left;
}
.web_acc .receipt_area dd .asterisk{
	margin-top:15px;
}
.btn_entry a{
	position:relative;
	display:block;
	padding:22px 0 23px;
	margin:42px auto 95px;
	width:700px;
	color:#ffffff;
	font-weight:bold;
	font-size:162.5%;
	text-align:center;
	background-color:#ff9000;
	border-radius:8px;
	box-shadow:0 6px 0 0 #e55600;
	text-decoration:none;
}
.btn_entry a:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-9px;
	width:11px;
	height:18px;
	background:url(../img/ico_link_arrow01.png) no-repeat center center /contain;
}
.btn_entry a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #e55600;
}

/* ハガキでの応募方法 */
.method h4#card_entry{
	color:#0098d0;
	/*background-color:#dff2f9;*/
	background-color:"#ffffff";
	border:2px solid #0098d0;
	transition:background-color ease 0.3s;
}
.method h4#card_entry:hover{
	background-color:#fff67f;
}
.method h4#card_entry.is-active{
	background-color:#fff67f;
}
.method h4#card_entry:after{
	background:url(../img/ico_card_arrow.png) no-repeat center center /contain;	
}
.address{
	box-sizing:border-box;
	padding:25px 40px 35px;
	margin:25px auto 60px;
	width:780px;
	font-weight:bold;
	background-color:#f0f0f0;
	border-radius:6px;
}
.address p span{
	font-size:112.5%;
}
.card_acc .step .ttl{
	padding:7px 0 8px 0;
	margin-bottom:20px;
	text-align:center;
	font-size:125%;
	color:#0098d0;
	font-weight:bold;	
	background:url(../img/bg_card_step.png) repeat top left;
	border-radius:8px;
}
.card_acc .step{
	margin-bottom:40px;
}
.card_acc .step .fig{
	float:left;
	margin-right:20px;
	width:50%;
}
.card_acc .step ol{
	float:left;
	margin-top:35px;
	width:calc(50% - 20px);
}
.card_acc .step ol li{
	padding-left:38px;
	margin-bottom:30px;
	text-indent:-38px;
}
.card_acc .step ol li span img{
	display:inline;
	width:28px;
	height:28px;
	margin-right:10px;
	vertical-align:bottom;
}
.card_acc .step ol li .mark-txt{
	font-size:77.7%;
}
.card_acc .receipt_area dt{
	padding:11px 0;
	text-align:center;
	font-size:137.5%;
	color:#ffffff;
	font-weight:bold;
	background-color:#0098d0;
	border-radius:6px 6px 0 0;
}
.card_acc .receipt_area dd{
	box-sizing:border-box;
	padding:35px 40px 55px;
	margin-bottom:22px;
	background-color:#dbf2fb;
	border-radius:0 0 6px 6px;
}
.card_acc .receipt_area dd .rcp-ttl_img{
	width:265px;
}
.card_acc .receipt_area dd .rcp-fig_img{
	width:365px;
	margin:35px auto 40px;
}
.btn_dl a{
	position:relative;
	display:block;
	padding:22px 0 23px;
	margin:42px auto 95px;
	width:700px;
	color:#ffffff;
	font-weight:bold;
	font-size:162.5%;
	text-align:center;
	background-color:#0098d0;
	border-radius:8px;
	box-shadow:0 6px 0 0 #0059b4;
	text-decoration:none;
}
.btn_dl a:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-9px;
	width:11px;
	height:18px;
	background:url(../img/ico_link_arrow01.png) no-repeat center center /contain;
}
.btn_dl a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #0059b4;
}
@media screen and (max-device-width: 500px){
	/*共通*/
	.method h4.acc_btn{
		padding:12px 0;
		margin-bottom:15px;
		font-size:112.5%;
		border-radius:6px;
	}
	.method h4.acc_btn:after{
		right:20px;
		width:21px;
		height:14px;
	}
	
	/* WEBからの応募方法 */
	.method h4#web_entry:hover{
		background-color:#ffffff;
	}
	.method h4#web_entry.hover,
	.method h4#web_entry.is-active{
		background-color:#fff67f;
	}
	.web_acc .web_step{
		display:block;
		margin:30px 0;
	}
	.web_acc .step{
		width:100%;
		margin-bottom:20px;
	}
	.web_acc .step .ttl{
		margin-bottom:20px;
		font-size:112.5%;
		background:url(../img/bg_web_step.png) repeat top left /12px 12px;
		border-radius:4px;
	}
	.web_acc .step:first-of-type{
		margin-right:0;
	}
	.web_acc .receipt_area dt{
		padding:12px 0 11px;
		font-size:112.5%;
	}
	.web_acc .receipt_area dd{
		padding:22px 15px 30px;
		margin-bottom:20px;
	}
	.web_acc .receipt_area dd .fig{
		margin:30px 0 15px;
		text-align:center;
	}
	.web_acc .receipt_area dd .fig img{
		width:100%;
		float:none;
		max-width:295px;
	}
	.web_acc .receipt_area dd .fig img:first-of-type{
		margin-bottom:25px;
	}
	.btn_entry a{
		padding:15px 0;
		margin:20px auto 70px;
		width:100%;
		font-size:131%;
		line-height:1.2;
	}
	.btn_entry a:after{
		right:14px;
	}
	.btn_entry a:hover{
		top:0;
		box-shadow:0 6px 0 0 #e55600;
	}
	.btn_entry a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #e55600;
	}

	/* ハガキでの応募方法 */
	.method h4#card_entry:hover{
		background-color:#ffffff;
	}
	.method h4#card_entry.hover,
	.method h4#card_entry.is-active{
		background-color:#fff67f;
	}
	.address{
		padding:20px 10px;
		margin:15px auto 30px;
		width:100%;
		border-radius:4px;
	}
	.address p span{
		display:block;
		margin-bottom:5px;
		text-align:center;
		font-size:112.5%;	
	}
	.card_acc .step .ttl{
		font-size:112.5%;
		background:url(../img/bg_card_step.png) repeat top left /12px 12px;
		border-radius:4px;
	}
	.card_acc .step{
		margin-bottom:35px;
	}
	.card_acc .step .fig{
		float:none;
		margin-right:0;
		width:100%;
	}
	.card_acc .step ol{
		float:none;
		margin-top:15px;
		width:100%;
	}
	.card_acc .step ol li{
		padding-left:25px;
		margin-bottom:10px;
		text-indent:-25px;
	}
	.card_acc .step ol li span img{
		width:20px;
		height:20px;
		margin-right:5px;
	}
	.card_acc .receipt_area dt{
		padding:12px 0 11px;
		font-size:112.5%;
	}
	.card_acc .receipt_area dd{
		padding:22px 15px 30px;
		margin-bottom:20px;
	}
	.card_acc .receipt_area dd .rcp-ttl_img{
		width:190px;
		margin-bottom:5px;
	}
	.card_acc .receipt_area dd .rcp-fig_img{
		width:90%;
		max-width:260px;
		margin:20px auto 15px;
	}
	.btn_dl a{
		padding:15px 0;
		margin:20px auto 70px;
		width:100%;
		font-size:131%;
		line-height:1.2;
	}
	.btn_dl a:after{
		right:14px;
	}
	.btn_dl a:hover{
		top:2;
		box-shadow:0 6px 0 0 #0059b4;
	}
	.btn_dl a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #0059b4;
	}
}
@media screen and (max-width:340px){
	.btn_entry a,
	.btn_dl a{
		font-size:112.5%;
	}
}

/*   .inquiry   */
.inquiry{
	padding-bottom:50px;
	font-size:112.5%;
}
.inquiry p{
	line-height:1.4;
}

.inquiry a{
	font-size:177.7%;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.inquiry span{
	font-size:77.7%;
}
.inquiry .btn_inquiry a{
	position:relative;
	display:block;
	padding:18px 0;
	margin:20px auto 0;
	width:400px;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#aa0000;
	backround-color:#ffffff;
	border:2px solid #dcdcdc;
	border-radius:4px;
}
.inquiry .btn_inquiry a:after{
	position:absolute;
	top:50%;
	right:20px;
	content:" ";
	display:block;
	margin-top:-9px;
	width:11px;
	height:16px;
	background:url(../img/ico_mail_arrow.png) no-repeat center center /contain;
}
@media screen and (max-device-width: 500px){
	.inquiry{
		padding-bottom:35px;
		font-size:100%;
	}
	.inquiry p{
		line-height:1.7;
	}
	.inquiry a{
		font-size:137.5%;
	}
	.inquiry span{
		font-size:87.5%;
	}
	.inquiry .btn_inquiry a{
		box-sizing:border-box;
		padding:13px 0 12px;
		width:100%;
		font-size:87.5%;		
	}
	.inquiry .btn_inquiry a:after{
		right:18px;
		margin-top:-6px;
		width:9px;
		height:14px;
	}

}
@media screen and (max-width:340px){
	.inquiry .btn_inquiry a:after{
		right:10px;
	}
}

.bg_bottom{
	margin-top:-45px;
	height:86px;
}
@media screen and (max-device-width: 500px){
	.bg_bottom{
		width:100%;
		overflow:hidden;
		text-align:center;
	}
	.bg_bottom img{
		width:767px;
		max-width:initial;
	}
}

/* !シェアボタン
---------------------------------------------------------- */
.share_area{
	padding:60px 0 40px;
}
.share_area .sns{
	margin-bottom:35px;
	font-size:0;
	text-align:center;
}
.share_area .sns li{
	display:inline-block;
	line-height:1;
}
.share_area .sns li a{
	position:relative;
	display:block;
	width:77px;
	height:77px;
	border-radius:50%;
}
.share_area .sns li.tw a{
	margin-right:25px;
	background-color:#1da1f2;
}
.share_area .sns li.tw a img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-13px 0 0 -17px;
	width:34px;
}
.share_area .sns li.fb a{
	background-color:#3b5998;
}
.share_area .sns li.fb a img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -8px;
	width:16px;
}
@media screen and (max-device-width: 500px){
	.share_area .sns{
		margin-bottom:30px;
	}
}

/* !footer
---------------------------------------------------------- */
footer{
	padding:0;
}
@media screen and (max-device-width: 500px){
footer{
	padding:0 15px;
}
}


/* !.agreement（合意画面用）
---------------------------------------------------------- */
.agreement #outline{
	padding:30px 30px 50px;
}
/*.agreement h1{	
	line-height:1;
	background-color:#ffffff;
}*/
.agreement h1 span{
	display:block;
	padding:13px 0 19px;
	margin:0 auto;
	width:1000px;
}
.agreement h1 span img{
	width:104px;
}
.agreement h2{
	line-height:0;	
}
.agreement h3{
	padding:26px 0 20px;
	width:100%;
	text-align:center;
	font-size:150%;
	color:#aa0000;
	font-weight:bold;
	background-color:#ffffff;
	border-radius:8px 8px 0 0;
	border-bottom:solid 3px #7b4237;
}
.agreement #outline .frame_white{
	padding:30px 40px 70px;
	border-radius:0 0 8px 8px;
}
.agreement #outline .frame_white .lead{
	margin-bottom:40px;
	text-align:center;
}
.agreement #outline .frame_white h4{
	padding:6px 0;
	margin-bottom:24px;
	border-radius:6px;
	background-color:#aa0000;
	text-align:center;
	font-size:137.5%;
	color:#ffffff;
	font-weight:bold;
}
.agreement #outline .recommended{
	margin-top:15px;
	margin-bottom:15px;
}
.agreement #outline .recommended li{
	padding-left:26px;
	text-indent:-26px;
}
.agreement #outline .recommended li:before{
	content:"●";
	margin-right:10px;
	color:#073190;
}
/*.agreement footer{
	padding:35px 0;
}*/
.agreement .btn_agree a{
	position:relative;
	display:block;
	padding:19px 0;
	margin:32px auto 30px;
	width:600px;
	color:#ffffff;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	background-color:#ff9000;
	border-radius:8px;
	box-shadow:0 6px 0 0 #e55600;
	text-decoration:none;
}
.agreement .btn_agree a:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-9px;
	width:11px;
	height:18px;
	background:url(../img/ico_link_arrow01.png) no-repeat center center /contain;
}
.agreement .btn_agree a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #e55600;
}
.agreement .btn_not-agree a{
	position:relative;
	display:block;
	padding:10px 0;
	margin:0 auto;
	width:400px;
	line-height:1;
	color:#ffffff;
	font-weight:bold;
	font-size:125%;
	text-align:center;
	background-color:#b8b8b8;
	border-radius:8px;
	box-shadow:0 6px 0 0 #777777;
	text-decoration:none;
}
.agreement .btn_not-agree a span{
	font-size:55%;
}
.agreement .btn_not-agree a:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-9px;
	width:11px;
	height:18px;
	background:url(../img/ico_link_arrow01.png) no-repeat center center /contain;
}
.agreement .btn_not-agree a:hover{
	top:3px;
	box-shadow:0 3px 0 0 #777777;
}
@media screen and (max-device-width: 500px){
	.agreement #outline{
		padding:17px 15px 40px;
	}
	.agreement h1 span{
		display:block;
		box-sizing:border-box;
		padding:7px 10px 12px;
		width:100%;
	}
	.agreement h1 span img{
		width:85px;
	}
	.agreement h3{
		box-sizing:border-box;
		padding:18px 0;
		font-size:125%;
	}
	.agreement #outline .frame_white{
		padding:17px 15px 35px;
	}
	.agreement #outline .frame_white .lead{
		margin-bottom:28px;
		text-align:left;
	}
	.agreement #outline .frame_white h4{
		padding:6px 0;
		margin-bottom:17px;
		font-size:125%;
	}
	.agreement #outline .recommended{
		margin-top:10px;
		margin-bottom:20px;
	}
	.agreement #outline .recommended li:first-of-type{
		margin-bottom:0;
	}
	/*.agreement footer{
		padding:30px 0 35px;
	}*/
	.agreement .btn_agree a{
		padding:26px 0;
		margin:30px auto 23px;
		width:91%;
		font-size:150%;
		line-height:1.2;
	}
	.agreement .btn_agree a:after{
		right:14px;
	}
	.agreement .btn_agree a:hover{
		top:0;
		box-shadow:0 6px 0 0 #e55600;
	}
	.agreement .btn_agree a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #e55600;
	}
	.agreement .btn_not-agree a{
		padding:8px 0;
		margin:20px auto 0;
		width:82%;
		font-size:125%;
	}
	.agreement .btn_not-agree a span{
		font-size:55%;
	}
	.agreement .btn_not-agree a:after{
		right:14px;
	}
	.agreement .btn_not-agree a:hover{
		top:0;
		box-shadow:0 6px 0 0 #777777;
	}
	.agreement .btn_not-agree a.hover{
		top:3px;
		box-shadow:0 3px 0 0 #777777;
	}
}

/*#breadcrumb,
footer{
		font-size:94%;
}
@media screen and (max-device-width: 500px){
	#breadcrumb,footer{
		font-size:94%;
	}
}*/
/* !印刷用
---------------------------------------------------------- */
@media print {
		html,
		html body { *zoom: 0.65;}
		.page_top,.page_top a,.page_top img{display:none;}
		.products .list_products li span img{width:100%;}
}