@charset "utf-8";



.attention_screenshots{
	display:none!important;
}
/*----------------------------------------
	for PC
----------------------------------------*/


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

	#content_inner{
		padding:50px 0 70px;
		width:960px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:30px 0 0;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
	}

	#base::before{
		content:'';
		background:transparent url('../img/trial/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}

	#base .base_inner{
		position:relative;
		z-index:20;
		width:88%;
		padding:30px 0;
		margin:0 auto 0;
	}


	h2{
		display:block;
		text-align:center;
		padding:0px 0 0;
		margin:0 0 0px;
		}


	h3{
		display:block;
		padding:30px 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#422;
		font-weight:800!important;
		font-size:38px;
		padding-bottom:15px;
		line-height:1.2;
	}


	.image{
		width:100%;
		position:relative;
		padding:20px 0;
	}

	.image img{
		margin:0 auto 0;
		display:block;
	}

	.image.syokai{
		padding:20px 0 0px;
	}

	.image.syokai .name{
		position:absolute;
		top:10px;
		left:-5px;
		z-index:50;
	}

	.image.syokai .img{
		position:relative;
		top:-90px;
		margin-right:-20px;
		float:right;
		margin-bottom:-50px;
	}

	.image.syokai .tenko{
		position:absolute;
		top:140px;
		left:210px;
	}

	.syokai_texture{
background-color:rgba(82,81,76,0.05);
	position:relative;
		z-index:15;
	}

	.syokai_texture:after{
		content:'';
		background:url('../img/product/texture_bottom.png');
		position:absolute;
		background-position:center bottom;
		bottom:0px;
		height:482px;
		width:100%;
		opacity:0.3;
	}

	.area_initialbenefits h3.sub{
		font-size:26px;
		margin-bottom:-25px;
		padding-top:0px;
		padding-left:17px;
	}


	.theme{
		border-top:1px solid #666;
		padding:3% 0 2%;
		position:relative;
	}

	.theme.new:before{
		display:block;
		content:'';
		position:absolute;
		left:-8px;
		top:-15px;
		background-image:url('../img/common/new.gif');
		background-size:30px;
		width:30px;
		height:30px;
		border-radius:15px;
		overflow:hidden;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	.theme .img{
		float:left;
		width:30%;
		margin-left:3%;
	}

	.theme .img2{
		float:left;
		width:30%;
				margin-left:1%;
	}

	.theme .name{
				float:left;
		margin-left:2%;
		margin-top:3%;
		margin-bottom:1%;
	}

	.image::before{
		content:'※画像はイメージです。';
		display:inline-block;
		position:absolute;
		right:0;
		bottom:0;
		font-size:12px;
		color:#000;
	}

	.package{
		padding:30px 0 40px;
	}

	.package img{
		display:inline-block;
	}

	.package img:nth-child(1){
		margin-left:80px;
	}

	.package img:nth-child(2),
	.package img:nth-child(3){
		margin-left:15px;
	}

	.info{
		border-top:1px solid #333;
	}

	.info .itemlist{
		color:#333;
		margin:0px 0 15px;
		padding:15px 0 0;
		position:relative;
		font-size:18px;
	}

	.info .itemlist div{
		font-weight:800!important;
		display:inline;
	}

	.info .itemlist div.plus::before{
		content:'　';
		display:inline;
	}

	.info .price{
		color:#333;
		margin:0px 0 15px;
		padding:15px 0 0;
		position:relative;
		font-size:14px;
	}


	.info .price .table{
		display:table;
		width:650px
	}

	.info .price .table div{
		display:table-cell;
	}

	.info .price .table div:nth-child(2n+1){
		width:150px;
		font-weight:800;
	}

	.info .price .table div:nth-child(2n+0){
		width:500px;
	}



	.info .price .btn_reserve{
		width:165px;
		display:block;
		position:absolute;
		right:0;bottom:0;
	}

	.gcset .info .price .btn_reserve{
		width:165px;
	}

	.gcset .info .price .btn_reserve:nth-of-type(1){
		display:block;
		position:absolute;
		right:175px;bottom:0;
	}

	.info .price .btn_reserve img{
		width:100%;
		display:block;
	}


	#base.num2 .info .price .table div:nth-child(2n+1){
		width:250px;
		font-weight:800;
	}

	#base.num2 .info .price .table div:nth-child(2n+0){
		width:400px;
	}

	.privilege_texture{
		background-color:rgba(82,81,76,0.2);
			position:relative;
				z-index:15;
	}


	.list{
		width:31.5%;
		float:left;
		padding:0 0.8% 0;
		border-right:1px solid #888;
		text-align:center;
		margin-bottom:2%;
	}

	.list a{
		position:relative;
	}

	.list .rights{
		color:#000;
		font-size:11px;
		margin-top:2%;
		display:block;
		text-align:right;
		right:2px;
	}


	.list:nth-child(3){
border:none;
	}

	.list .pimg img{
		width:100%;

	}

	.storename{
		border-radius:6px;
		background-color:rgba(255,255,255,0.8);
		color:#333;
		text-align:left;
		padding:10px 10px;
		font-size:13px;
		line-height:1.4;
		position:relative;
	}

	.storename .btn_buy{
		display:block;
		width:100%;
		text-align:center;
		padding:5% 0 0;
	}

	.storename .btn_buy img{
		width:55%;
	}



	p{
		display:block;
		text-align:left;
		color:#422;
		line-height:1.7;
		font-size:16px;
	}

	.attention{
		padding:20px 0;
		font-size:13px;
		color:#333;
		line-height:1.4;
	}

	.bold{
		font-weight:800!important;
	}

	.red{
		color:#b00;
	}


	.area_storebenefits_original .listbox a{
		display:block;
		float:left;
		margin-left:8px;
		margin-top:8px;
	}

	.area_storebenefits_original .listbox a:nth-of-type(3n+1){
		margin-left:0px;
	}

	.area_storebenefits_original .listbox a img{
		display:block;
		width:100%;
	}


.cp_psstore{
	display:block;
	text-align:center;
	color:#d00;
	font-weight:800;
	font-size:14px;
	position:relative;
	width:90%;
	margin:1em auto 0;
}

.cp_psstore span{
	font-size:23px;
	color:#d00;
	font-weight:800;
}

.savedata h3{
	display:block;
	padding:10px 0 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#422;
	font-weight:800!important;
	font-size:40px;
	padding-bottom:15px;
	line-height:1.2;
	border-bottom:1px solid #666;
}

.savedata h3 span{
	font-size:19px;
	font-weight:800!important;
}


.savedata .img{
	position:absolute;
	right:-20px;
	top:20px;
}
.savedata .name{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:800;
	font-size:42px;
	line-height:1.2;
	color:#a20805;
	margin-top:20px;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.8);
}

.savedata .name .min{
	font-size:20px;
}

.savedata .name .s{
	font-weight:400;
	font-size:23px;
	color:#a20805;
}

.savedata .attention{
	width:415px;
	font-size:13px;
	line-height:1.4;

	padding:10px;
	margin:20px 0 30px;
	border:1px solid #666;
}


.savedata	.exp{
		width:430px;
		font-size:15px;
		line-height:1.7;

		padding:0px;
		margin:36px 0 30px;
	}

.savedata	.ul{
padding-left:1em;
display:block;
}

.savedata	.li{
margin-left:-1em;
}

.savedata .texture:after{
	content:'';
	background:url('../img/product/texture_bottom.png');
	background-repeat:no-repeat;
	position:absolute;
	background-position:center bottom;
	bottom:0px;
	height:482px;
	width:100%;
	opacity:0.3;
	z-index:15;
}

.savedata	.discount{
	padding:30px 0 20px;
	margin:50px 0 0;
	border-top:1px solid #666;
	position:relative;
	z-index:20;
}

.savedata	.discount .tit{
	font-weight:800;
	font-size:32px;
	line-height:1.3;
	padding:0 0 6px;
	color:#5a1b0b;
	display:block;
	border-left:8px solid #5a1b0b;

}

.savedata	.discount .tit span{
	font-size:18px;
	color:#bd7e01;
	font-weight:800;
}

.savedata	p.discount_exp{
	font-size:17px;
	padding:12px 0 0;
}

.savedata	.info .product{
	font-size:24px;
	font-weight:800;
	color:#5a1b0b;
	display:inline-block;
	padding:0 0 5px;
	border-bottom:1px solid #5a1b0b;
	margin-bottom:10px;
}

.savedata	.price{
	color:#d00;
	padding-left:10px;
}

.savedata	.priced{
	font-size:20px;
	font-weight:800;
	color:#d00;
}

.savedata	.discount .info{
	float:left;
	width:55%;
	padding:55px 0 0;
	border-top:0px;
}

.savedata	.discount .packageimg{
	float:left;
	width:26%;
	z-index:80;
	margin-top:20px;
	position:relative;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	border:1px solid #000;
}

.savedata	.btn_store{
	display:block;
	width:300px;
	text-align:center;
	border-radius:20px;
	background-color:#09d;
	padding:2px 20px;
	color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	margin-top:18px;
	margin-bottom:5px;
	margin-left:5px;
	font-weight:800;
	font-size:16px;
}

.savedata	.btn_store span{
color:#ff0;
font-size:70%;

}

.savedata	.date{
	color:#09d;
	font-weight:800;
	font-size:15px;
	padding:2px 0 0 10px;
}



}




/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


	#content_inner{
		padding:5% 0 4%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:8% auto 0;
		width:96%;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
		overflow:hidden;
	}

	#base::before{
		content:'';
		background:transparent url('../img/trial/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}

	#base .base_inner{
		position:relative;
		z-index:20;
		width:86%;
		padding:6% 0;
		margin:0 auto 0;
	}

	h2{
		display:block;
		text-align:center;
		padding:5% 0 0;
		margin:0 auto 0px;
		width:60%;
		}

		h2 img{
			width:auto;
			max-width:100%;
			display:block;
		}


	h3{
		display:block;
		padding:2% 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#422;
		font-weight:800!important;
		font-size:28px;
		padding-bottom:6%;
		line-height:1.1;
	}



	.image{
		width:100%;
		position:relative;
		padding:20px 0;
	}

	.image img{
		margin:0 auto 5%;
		display:block;
		width:100%;
	}

	.image.syokai{
		padding:0 0 0px;
	}

	.image.syokai .name{
		top:0px;
		width:100%;
		z-index:50;
	}

	.image.syokai .img{
		position:relative;
		padding-bottom:20%;
	}

	.image.syokai .tenko{
		position:absolute;
bottom:-2%;left:-3%;
		width:45%;
	}

	.syokai_texture{
background-color:rgba(82,81,76,0.05);
	position:relative;
		z-index:15;
	}

	.syokai_texture:after{
		content:'';
		background:url('../img/product/texture_bottom.png');
		position:absolute;
		background-position:center bottom;
		bottom:0px;
		height:482px;
		width:100%;
		opacity:0.3;
	}

	.image::before{
		content:'※画像はイメージです。';
		display:inline-block;
		position:absolute;
		right:0;
		bottom:0;
		font-size:12px;
		color:#000;
	}

	.package{
	}

	.package img{
		display:block;
		float:left;
	}

	.package img:nth-child(1){
width:33%;
	}

	.package img:nth-child(2){
		width:33%;
		margin-left:3%;
	}


	.package img:nth-child(3){
		width:27%;
		margin-left:3%;
		margin-top:7%;
	}

	.info{
		border-top:1px solid #333;
	}

	.info .itemlist{
		color:#333;
		margin:0px 0 15px;
		padding:15px 0 0;
		position:relative;
		font-size:14px;
		padding-left:1em;
	}

	.info .itemlist div{
		font-weight:800!important;
		display:inline;
		margin-left:-1em;
	}


	.info .price{
		color:#333;
		margin:0px 0 15px;
		padding:15px 0 0;
		position:relative;
		font-size:14px;
	}


	.info .price .table{
	}

	.info .price .table div{
	}

	.info .price .table div:nth-child(2n+1){
		width:150px;
		font-weight:800;
	}

	.info .price .table div:nth-child(2n+0){
		width:500px;
		font-size:12px;
		line-height:1.4;
	}



	.info .price .btn_reserve{
		width:60%;
		display:block;
		position:relative;
		right:0;bottom:0;
		margin:10% auto 0;
	}

	.info .price .btn_reserve img{
		width:100%;
		display:block;
	}

	.info .price .btn_reserve:nth-of-type(2){
		margin:3% auto 0;
	}


	#base.num2 .info .price .table div:nth-child(2n+1){
		width:250px;
		font-weight:800;
	}

	#base.num2 .info .price .table div:nth-child(2n+0){
		width:400px;
	}

	.privilege_texture{
		background-color:rgba(82,81,76,0.2);
			position:relative;
				z-index:15;
	}


	.list{
		width:47%;
		float:left;
		padding:0 0.8%;
		text-align:center;
		margin:5% 0 0;
	}


	.list a{
		position:relative;
		display:block;
	}

	.list .rights{
		color:#000;
		width:96%;
		font-size:10px;
		line-height:1.3;
		bottom:2px;
		display:block;
		margin-top:2%;
		word-break: break-all;
	}

	.list:nth-child(2n+0){
margin-left:2.5%;
	}

	.list img{
		width:100%;
		display:block;
		margin:5% 0;
	}


	.list .pimg img{
		width:100%;

	}

	.storename{
		border-radius:6px;
		background-color:rgba(255,255,255,0.8);
		color:#333;
		text-align:left;
		padding:10px 10px;
		font-size:11px;
		line-height:1.4;
		word-wrap: break-word;
	}

	.storename br {
display:none;
	}

	.storename .btn_buy{
		display:block;
		width:70%;
		margin:5% auto 0;

	}

	.storename .btn_buy img{
		width:100%;
		margin:0;
	}



	p{
		display:block;
		text-align:left;
		color:#422;
		line-height:1.4;
		font-size:14px;
	}

	.attention{
		padding:20px 0;
		font-size:13px;
		color:#333;
		line-height:1.4;
	}

	.attention br{
		display:none;
	}

	.bold{
		font-weight:800!important;
	}

	.red{
		color:#b00;
	}

	.area_storebenefits_original .listbox a{
		display:block;
		float:left;
		margin-left:2%;
		margin-top:2%;
		width:49%;
	}

	.area_storebenefits_original .listbox a:nth-of-type(2n+1){
		margin-left:0px;
	}

	.area_storebenefits_original .listbox a img{
		display:block;
		width:100%;
	}

	.cp_psstore{
		color:#d00;
	}

	.theme{
		border-top:1px solid #666;
		padding:6% 0 2%;
		position:relative;
	}

	.theme.new:before{
		display:block;
		content:'';
		position:absolute;
		left:-3px;
		top:-5px;
		background-image:url('../img/common/new.gif');
		background-size:25px;
		width:25px;
		height:25px;
		border-radius:15px;
		overflow:hidden;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	.theme .img{
		width:100%;

	}

	.theme .img2{
		float:left;
		width:100%;
	}

	.theme .name{
				float:left;
		margin-left:0%;
		margin-top:2%;
		margin-bottom:1%;
		width:60%;
	}


	.savedata h3{
		display:block;
		padding:10px 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#422;
		font-weight:800!important;
		font-size:28px;
		padding-bottom:15px;
		line-height:1.2;
		border-bottom:1px solid #666;
	}

	.savedata h3 span{
		font-size:14px;
		font-weight:800!important;
	}


	.savedata .img{
		position:relative;
		width:80%;
		display:block;
		margin:5% auto 0;

	}
	.savedata .name{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:800;
		font-size:20px;
		line-height:1.2;
		color:#a20805;
		margin-top:0px;
		text-shadow: 2px 2px 3px rgba(255,255,255,0.8);
	}

	.savedata .name .min{
		font-size:12px;
	}

	.savedata .name .s{
		font-weight:400;
		font-size:14px;
		color:#a20805;
	}

	.savedata .attention{
		font-size:13px;
		line-height:1.4;

		padding:10px;
		margin:20px 0 30px;
		border:1px solid #666;
	}


	.savedata	.exp{
			font-size:14px;
			line-height:1.6;

			padding:0px;
			margin:5% 0 5%;
		}

	.savedata	.ul{
	padding-left:1em;
	display:block;
	}

	.savedata	.li{
	margin-left:-1em;
	}

	.savedata .texture:after{
		content:'';
		background:url('../img/product/texture_bottom.png');
		background-repeat:no-repeat;
		position:absolute;
		background-position:center bottom;
		bottom:0px;
		height:482px;
		width:100%;
		opacity:0.3;
		z-index:15;
	}

	.savedata	.discount{
		padding:30px 0 0;
		margin:8% 0 0;
		border-top:1px solid #666;
		position:relative;
		z-index:20;
	}

	.savedata	.discount .tit{
		font-weight:800;
		font-size:20px;
		line-height:1.2;
		padding:0 0 6px 3%;
		color:#5a1b0b;
		display:block;
		border-left:8px solid #5a1b0b;

	}

	.savedata	.discount .tit span{
		font-size:14px;
		color:#bd7e01;
		line-height:1.2;
		font-weight:800;
		display:inline-block;
		padding-bottom:5px;
	}

	.savedata	p.discount_exp{
		font-size:17px;
		padding:12px 0 0;
	}

	.savedata	.info .product{
		font-size:18px;
		font-weight:800;
		color:#5a1b0b;
		display:inline-block;
		padding:0 0 5px;
		border-bottom:1px solid #5a1b0b;
		margin-bottom:10px;
	}

	.savedata	.price{
		color:#d00;
		padding-left:10px;
	}

	.savedata	.priced{
		font-size:20px;
		font-weight:800;
		color:#d00;
	}

	.savedata	.discount .info{
		float:left;
		width:100%;
		padding:10% 0 0;
		border-top:0px;
	}

	.savedata	.discount .packageimg{
		float:left;
		width:100%;
		z-index:80;
		margin-top:5%;
		position:relative;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		border:1px solid #000;
		margin-bottom:3%;
	}

	.savedata	.btn_store{
		display:block;
		width:100%;
		text-align:center;
		border-radius:20px;
		background-color:#09d;
		padding:2px 0px;
		color:#fff;
		box-shadow:1px 1px 1px rgba(0,0,0,0.1);
		margin-top:18px;
		margin-bottom:5px;
		font-weight:800;
		font-size:16px;
	}

	.savedata	.btn_store span{
	color:#ff0;
	font-size:70%;

	}

	.savedata	.date{
		color:#09d;
		font-weight:800;
		font-size:14px;
		line-height:1.3;
		padding:8px 0 0 10px;
	}

	.cp_psstore{
		display:block;
		text-align:center;
		color:#d00;
		font-weight:800;
		font-size:10px;
		position:relative;
		width:90%;
		margin:1em auto 0;
	}

	.cp_psstore br{
		display:inline!important;
	}


	.cp_psstore span{
		font-size:18px;
		color:#d00;
		font-weight:800;
	}


}