@charset "UTF-8";

@import url(res_lp_common.css);

#contents img{
	vertical-align: bottom;
}

#contents .strong,
#contents strong,
#contents ul.strong li{
	font-weight: bold;
}

.title_2{
	font-size: 1.2em;
}
#contents #title{
	border-top: 1px solid #B28C3F;
	border-bottom: 1px solid #EABB00;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#FECB01), color-stop(0.32, #F9A200), to(#F9A200));
	background:-webkit-linear-gradient(#FECB01, #F9A200 32%, #F9A200);
	background:-moz-linear-gradient(#FECB01, #F9A200 32%, #F9A200);
	background:-o-linear-gradient(#FECB01, #F9A200 32%, #F9A200);
	background: -ms-linear-gradient(#FECB01, #F9A200 32%, #F9A200);
	background:linear-gradient(#FECB01, #F9A200 32%, #F9A200);
}
#eyecatch{
	text-align: center;
	margin-bottom: 20px;
}

#detail{
	margin: 10px 5px;
}

#detail_box{
	margin: 10px 0;
}

#contents nav{
	margin-bottom: 8px;
}
#contents nav ul{
	width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#contents nav ul li a{
	display: block;
	height: 20px;
	padding: 11px 0 21px;
	background-image: url('../Images/Common_res/Campaign/arrow_down.png');
	background-position: center 35px;
	background-repeat: no-repeat;
	background-size: 13px auto;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
#contents nav ul li{
	float: left;
	width: 31%;
	margin-right: 2%;
	border: 1px solid #CD0101;
	background:-webkit-gradient(linear, left top, left bottom, from(#DD0101), to(#A70101));
	background:-moz-linear-gradient(top, #DD0101 0%, #A70101 100%);
	background:-o-linear-gradient(top, #DD0101 0%, #A70101 100%);
	background: -ms-linear-gradient(top, #DD0101 0%, #A70101 100%);
	background:linear-gradient(top, #DD0101 0%, #A70101 100%);
}
#contents nav ul li:last-child{
	margin-right: 0;
}
#contents nav ul li:nth-child(2){
	border-color: #2D59A2;
	background:-webkit-gradient(linear, left top, left bottom, from(#366DC9), to(#294F8B));
	background:-moz-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background:-o-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background: -ms-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background:linear-gradient(top, #366DC9 0%, #294F8B 100%);
}
#contents nav ul li:nth-child(3){
	border-color: #2D8647;
	background:-webkit-gradient(linear, left top, left bottom, from(#5AB471), to(#2B8445));
	background:-moz-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background:-o-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background: -ms-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background:linear-gradient(top, #5AB471 0%, #2B8445 100%);
}


/* メニュー商品詳細無し*/
#contents nav ul li a{
	display: block;
	height: 20px;
	padding: 11px 0 21px;
	background-image: url('../Images/Common_res/Campaign/arrow_down.png');
	background-position: center 35px;
	background-repeat: no-repeat;
	background-size: 13px auto;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
#contents nav.two ul li{
	float: left;
	width: 47%;
	margin-right: 2%;
	border-color: #2D59A2;
	background:-webkit-gradient(linear, left top, left bottom, from(#366DC9), to(#294F8B));
	background:-moz-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background:-o-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background: -ms-linear-gradient(top, #366DC9 0%, #294F8B 100%);
	background:linear-gradient(top, #366DC9 0%, #294F8B 100%);
}
#contents nav.two ul li:nth-child(2){
	border-color: #2D8647;
	background:-webkit-gradient(linear, left top, left bottom, from(#5AB471), to(#2B8445));
	background:-moz-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background:-o-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background: -ms-linear-gradient(top, #5AB471 0%, #2B8445 100%);
	background:linear-gradient(top, #5AB471 0%, #2B8445 100%);
}
#contents nav.two ul li:nth-child(2) a{
	background-image: none;
}
/* メニュー商品詳細無し end */

#detail_top{
	padding:0px 9px;
}

#detail_top .mini_title1{
	color: #0083c5;
	margin: 5px 0 15px 0;
}
#prize,
#application,
#coupon{
	margin-bottom: 15px;
}
#money{
	margin-bottom: 4px;
}
#prize .image,
#application .image,
#money .image,
#coupon .image{
	margin-bottom: 6px;
	text-align: center;
}
#prize .block h3,
#application .block h3,
#money .block h3,
#coupon .block h3{
	position: relative;
	padding: 8px 2.5% 8px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CDC4B8;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.01, #F9F9F5), color-stop(0.98, #F0EFE2), color-stop(0.99, #FFFFFF), to(#FFFFFF));
	background:-webkit-linear-gradient(#FFFFFF, #F9F9F5 1%, #F0EFE2 98%, #FFFFFF 99%, #FFFFFF);
	background:-moz-linear-gradient(#FFFFFF, #F9F9F5 1%, #F0EFE2 98%, #FFFFFF 99%, #FFFFFF);
	background:-o-linear-gradient(#FFFFFF, #F9F9F5 1%, #F0EFE2 98%, #FFFFFF 99%, #FFFFFF);
	background: -ms-linear-gradient(#FFFFFF, #F9F9F5 1%, #F0EFE2 98%, #FFFFFF 99%, #FFFFFF);
	background:linear-gradient(#FFFFFF, #F9F9F5 1%, #F0EFE2 98%, #FFFFFF 99%, #FFFFFF);
	font-size: 1.4rem;
	color: #3F3F3E;
	font-weight: bold;
}
section h3{
	font-weight: bold;
}
#prize .block h3 img,
#money .block h3 img,
#coupon .block h3 img{
	position: absolute;
	top: 13px;
	right: 3%;
}
#application .block h3 img{
    position: absolute;
    top: 25%;
    height: 50%;
    right: 3%;
}
#prize .block .detail,
#application .block .detail,
#money .block .detail,
#coupon .block .detail{
	background-color: #F6F4F3;
}
#prize .block .detail ul,
#application .block .detail ul,
#money .block .detail ul,
#coupon .block .detail ul{
	padding: 9px;
}

.detail2 ul{
	padding: 9px;
}

.note li,
#prize .block .detail ul li,
#application .block .detail ul li,
#money .block .detail ul li,
#coupon .block .detail ul li{
	padding-left: 1em;
	text-indent: -1em;
}

.detail2 ul li{
	padding-left: 0.5em;
	text-indent: -0.5em;
}

#application .detail p{
	padding: 9px 9px 0 9px;
}
#money .detail,
#coupon .detail{
	padding: 9px;
}
#money .block .detail{
	padding: 0 0 4px 0;
	background-color: #F6F4F3;
}

.detail2{
	padding: 0 0 4px 0;
	background-color: #19B0E8;
}

#money .detail p{
	text-align: center;
	color: #CC000C;
}

.detail2 p{
	text-align: center;
	color: #CC000C;
}

.detail2 a{
	color: #CC000C;
}

#coupon .get{
	margin: 4px 0;
	text-align: center;
}
#coupon .texts{
	padding: 8px;
	border: 2px solid #CC0033;
}
#coupon .texts p{
	margin-bottom: 4px;
}
#coupon .image{
	text-align: center;
}


#prize_detail h2{
	padding: 8px 2.5% 9px;
	margin-bottom: 18px;
	background-color: #f13d36;
	color: #FFFFFF;
	font-size: 1.5rem;
}

.detail .kids{
	font-weight: bold;

}
.btn_kidzania a{
margin-bottom: 5px;
    display: block;
}
#detail h2 , #prize h2{
	padding: 1px 1px 1px 2.5%;
	margin-bottom: 13px;
	background-color: #0070C0;
	color: #FFFFFF;
	font-size: 1.5rem;
}
#detail h2 .text , #prize h2 .text {
	display: block;
	float: left;
	padding-top: 6px;
}
#detail h2 .btn , #prize h2 .btn {
	position: relative;
	display: block;
	float: right;
	width: 70px;
	padding: 6px 0 6px 15px;
	background-color: #4094D0;
}
#detail h2 .open , #prize h2 .open {
	display: none;
}
#detail h2 .btn img , #prize h2 .btn img {
	position: absolute;
	top: 10px;
	right: 10px;
}
#detail.elected h2{
	padding: 8px 2.5% 9px;
}
#detail.elected .texts{
	padding: 0 9px 9px 9px;
}
#detail.elected .text{
	margin-bottom: 5px;
}

#detail .wrapper , #prize .wrapper{
	padding: 0 9px 9px 9px;
	font-size: 1.5rem;
}
.wrapper .name{
	font-weight: bold;
}
.detail dl{
	margin: 10px 1em;
}
.detail dl dt{
	margin-top: 10px;
}
.detail .date{
	color: #d21515;
}
#detail section , #prize section {
	margin-bottom: 37px;
}
#prize section {
	border-bottom: dotted 1px #a4b9c7;
	padding:7px;
}
#detail section h3 , #prize section h3{
	margin-bottom: 8px;
	color: #D21515;
}
#prize section h4{
	color: #0070BF;
	font-weight: bold;
	margin-bottom: 5px;
}
#prize section h5{
	font-weight: bold;
	margin: 1em 0 5px 0;
	color: #DB2674;
}
#prize section ul{
	margin-top: 10px;
	margin-bottom: 10px;
}
.prize_img{
	width:100%;
	margin-top: 1em;
}
.prize_img img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width: 600px;
}
.prize_link img{
	width:100%;
	margin-top: 10px;
}
.prize_link a{
	display: block;
	width: fit-content;
	font-size: 1.2em;
	color: #333333;
	font-weight: bold !important;
	margin: 10px auto 0 auto;
}

#detail section dl{
	padding-top: 15px;
}
#detail section dl dt{
	color: #d21515;
	font-weight: bold;
}
#detail section dl dd{
	margin-bottom: 12px;
}
#detail section ul li{
	padding-left: 1em;
	text-indent: -1em;
	/* padding-bottom: 1em; */
}
#detail section .note{
	margin-bottom: 9px;
	color: #0070BF;
}

#registry h2{
	padding: 8px 2.5% 9px;
	margin-bottom: 18px;
	background-color:#e74431;
	color: #FFFFFF;
	font-size: 1.5rem;
}
#registry .wrapper{
	width: 92%;
	margin: 0 auto;
	text-align: center;
}
#registry .entry{
	margin-bottom: 12px;
	border: 1px solid #B4B4B4;
	background-color: #FFFFFF;
}
#registry .login{
	margin-bottom: 12px;
	border: 1px solid #B4B4B4;
	background-color: #FFFFFF;
}
#registry .derivation{
	padding: 6px 0;
	margin: 1px;
	font-size: 1.6rem;
}
#registry .entry{
	position: relative;
}
#registry .free{
	position: absolute;
	top: -8px;
	left: -2px;
}
#registry .entry .derivation{
	background-color: #F6D4D3;
	color: #5F2122;
}
#registry .login .derivation{
	background-color: #D7EFCF;
	color: #134400;
}
#registry .text{
	padding: 4px 0 7px;
}
#registry .btn{
	margin-bottom: 18px;
	line-height: 0;
}

#privacy{
	margin-bottom: 17px;
}
#privacy h2,
#contact h2{
	padding: 8px 2.5% 9px;
	background-color:#e74431;
	color: #fff;
}
#privacy a,
#contact a{
	color: #CD0102;
}
#privacy .text,
#contact .text{
	padding: 9px;
}

/* input */
#form h2{
	padding: 8px 2.5% 9px;
	background-color:#e74431;
	color: #fff;
}
#form .lead{
	padding: 9px;
	margin-bottom: 5px;
}

#form .lead .redtext{
	color:#B71518;
}

#form section h3{
	padding: 8px 2.5% 9px;
	margin-bottom: 5px;
	background-color: #EFEBE7;
}
#form section .wrap{
	padding: 0 9px 9px;
}
#code .input input{
	width: 75px;
	display: inline-block;
}
#price .input input{
	display: inline-block;
	width: 200px;
	text-align: right;
}
#tel .input input{
	width: 200px;
}
#form .btn{
	padding: 10px;
	border-top: 1px solid #EFEBE7;
	text-align: center;
}
#form .btn input{
	width: 209px;
}
#item .note{
	margin-bottom: 4px;
}
#item label{
	margin-bottom: 6px;
}
#item label > span{
	padding: 20px 5px;
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -o-linear-gradient(top, #fff, #eee);
	background: -ms-linear-gradient(top, #fff, #eee);
	background: linear-gradient(to bottom, #fff, #eee);
	padding-left: 45px !important;
}
#item .check{
	margin-bottom: 6px;
	padding-left: 10px;
}
#item .check p:not(.agree){
	color: #D21515;
}

#item .check .agree{
	padding-left:30px;
}
div .ui-checkbox{
/*	height:10px;*/
	float:left;
	vertical-align: middle;
}

div .ui-checkbox input{
	display:inherit;
	margin: 2px 3px 3px 1px;
	font-size:x-large;
	height:20px;
	width:20px;
}
.ui-checkbox .ui-btn {
	text-align: center;
}
.ui-icon-radio-on{
	background-color: gray /*{global-active-background-color}*/;
	top: 50% !important;
	border: 1px solid #777;
	left: 15px !important;
	
}
.ui-icon-radio-off {
	top: 50% !important;
	border: 1px solid #777;
	left: 15px !important;
}

/* confirm */
#form .btns{
	border-top: 1px solid #EFEBE7;
	margin-bottom: 30px;
}
#form .btns .correction{
	padding: 10px;
	text-align: center;
}
#form .btns .btn{
	border-top: none;
}
#form .btns input{
	width: 209px;
}

/* finish */
#contents .thx{
	padding: 20px 0;
	border-bottom: 1px solid #EFEBE7;
	text-align: center;
	color: #FF0000;
	font-size: 1.5rem;
	font-weight: bold;
}
#shipping dl{
	padding: 9px;
}
#shipping dl dt{
	color: #FF0000;
	font-weight: bold;
}
#shipping dl dd .note{
	margin-bottom: 5px;
	font-weight: bold;
	color: #0070BF;
}
#shipping dl dd ul li{
	padding-left: 1em;
	text-indent: -1em;
}

.hiddenContent {
	display: none;
}
.receipt {
	width: 100%;
	text-align: center;
}
.receipt>img {
	width: 90%;
	margin: 0 auto;
}

.last_btn {
	text-align: center;
	padding: 10px;
}
.last_btn img{
	width:75%;
}

.btn1 a{
	position: absolute;
	width: 50%;
	left: 25%;
}
.btn2 a{
		position: absolute;
	width: 45%;
	left: 51%;
}
.fancyContent .pupupTitle {
	margin-bottom:0px;
	text-align:center;
}
.fancyContent .image{
	text-align: center;
}
.fancyContent .pupupClose {
	margin-top:15px;
	text-align:center;
}

#fancybox-close {
	top: -15px !important;
}
#fancybox-outer {
    margin: 20px auto;
}

.item_img{
	padding:12px 0 12px 0;
	text-align:center;
}
.item_img img{
	width:80%;
}
.text_b{
	font-weight:bold;
}

.ui-btn-inner {
	font-size: 16px;
}
.ui-btn-text {
	font-size: 80%;
}

.detail{
    margin: 10px 0;
}

.detail li{
	margin-bottom: 5px;
}

/* LP */
.detailLink{
	position: relative;
}
.detailLink .ui-link{
	display: block;
	position: absolute;
}
.detailLink .btn1{
	width:69.1%;
	max-width: 511px;
	left:15%;
}
.detailLink a:hover {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}


@media screen and (min-width: 741px) {

	#contents{
		margin: 0px auto 0 auto;
		font-size:16px;
	}
	#contents h2{
		margin-top:10px;
	}
	#contents h2.lp{
		margin-top:0;
	}

	#contents nav ul{
		width: 100%;
	}

	#contents nav ul li{
		width: 32%;
		font-size: 14px;
	}
	section{
		font-size: 0.9rem;
	}
	.gift{
		display: flex;
		width:100%;
	}
	.gift div{
		width:100%;
	}
	.detail{
	    font-size: 14px;
	}
	.wrapper .name{
		margin-left: 1em;
	}
	#registry .wrapper {
		padding: 17px 12px 14px;
		border-width: 0 3px 3px 3px;
		border-style: solid;
		border-color: #e74431;
		width:auto;
		display:flex;
		justify-content: space-around;
	}
	#registry h2 {
		padding: 8px 2.5% 9px;
		margin-bottom: 0px;
		width:auto;
	}

	#registry .derivation{
		font-size: 1.2rem;
	}

	#registry .entry , #registry .login{
		font-size:90%;
		width:48%;
		height: unset;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#contents .thx{
		padding:60px 0 50px 0;
		font-size: 120%;
	}
	.last_btn img{
		width:245px;
	}
	.ui-btn-text {
		-ms-user-select: none;
		font-size: 100%;
	}

}