@charset "utf-8";

/* --------------------------------
	kikaku_contents
-------------------------------- */


/*全体*******************************************/

body.kikaku_contents {}
body.kikaku_contents *{box-sizing: border-box;}

body.kikaku_contents #ov_kikaku{}

@media only screen and (max-width: 1024px) {
/*↓↓*/
body.kikaku_contents #ov_kikaku{padding:0 10px;}
}/*↑↑*/

/*共通*******************************************/

.btn{text-decoration: none;font-weight: bold;text-align: center;display: block;}
.btn:hover{opacity: 0.8;}


/*グラデ背景-金*/
.gradient_gold{
	background:#E5C61B;
	background: -moz-linear-gradient(top,#E5C61B,#EFDC76 9%,#F5EBAF 22%,#F5EBAF 31%,#E5C61D 98%,#E5C61B);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#E5C61B),color-stop(0.09 ,#EFDC76),color-stop(0.22 ,#F5EBAF),color-stop(0.31 ,#F5EBAF),color-stop(0.98 ,#E5C61D),to(#E5C61B));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#E5C61B 0%,#EFDC76 9%,#F5EBAF 22%,#F5EBAF 31%,#E5C61D 98%,#E5C61B 100%);
}

/*グラデ背景-銀*/
.gradient_silver{
	background:#DDDDDD;
	background: -moz-linear-gradient(top,#DDDDDD,#EAEAEA 9%,#F8F8F8 22%,#F8F8F8 31%,#DDDDDD 98%,#DDDDDD);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#DDDDDD),color-stop(0.09 ,#EAEAEA),color-stop(0.22 ,#F8F8F8),color-stop(0.31 ,#F8F8F8),color-stop(0.98 ,#DDDDDD),to(#DDDDDD));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#DDDDDD 0%,#EAEAEA 9%,#F8F8F8 22%,#F8F8F8 31%,#DDDDDD 98%,#DDDDDD 100%);
}

/*カスタム枠線-金銀*/

.customborder_gold{
	border-style:solid;border-width:4px;
	border-color:#E5C61B #2E2705 #2E2705 #E5C61B;
}

.customborder_silver{
	border-style:solid;border-width:4px;
	border-color:#DDDDDD #2C2C2C #2C2C2C #DDDDDD;
}

/*角を丸く*/
.kakumaru{
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}



/*▼内容ここから*********************************/

/*直下imgはセンタリング*/
#ov_kikaku > img{
	display:block;margin:0 auto;
}

/*注文ボタン*/
#ov_kikaku div.btn_orderjump{
cursor: pointer;
    width: 60%;
    margin: 20px auto;
    padding: 1.4rem;
    border-radius: 6px;
    box-shadow: unset;
    background: var(--basecolor);
	}
#ov_kikaku div.btn_orderjump:hover{
	filter: brightness(140%);
}

#ov_kikaku div.btn_orderjump a{
	display:block;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
}


/*▼for-small*/
@media only screen and (max-width: 800px) {
	.boxlist h3{
		    font-size: 1.8rem !important;
    margin: 3rem auto 1rem !important;
	}
	#ov_kikaku div.btn_orderjump a {

    font-size: 1.5rem;

	}
	
/*↓↓*/
#ov_kikaku div.btn_orderjump{width:50%;margin: 0.5rem 0 1rem 49%;}
}/*↑↑*/

@media only screen and (max-width: 700px) {
/*↓↓*/
	#ov_kikaku div.btn_orderjump{
cursor: pointer;
    width: 90%;
    margin: 20px auto;
    padding: 1.4rem;
    border-radius: 6px;
    box-shadow: unset;
    background: var(--basecolor);
	}
}/*↑↑*/

@media only screen and (max-width: 670px) {
/*↓↓*/

}/*↑↑*/
/*▲*/






/*大画像*/
#ov_kikaku h1 img{display:block;margin:0 auto;width:100%;}

/*見出し*/
#ov_kikaku h1,
#ov_kikaku h2,
#ov_kikaku h3,
#ov_kikaku h4,
#ov_kikaku h5{display:block;font-weight:bold;color:#4D0E69;}

#ov_kikaku h2 img{	display:block;margin:2rem auto;width:100%;}
#ov_kikaku h2{font-size:3rem;margin:4rem auto 2rem;}
#ov_kikaku h3{font-size:2.4rem;margin:3rem auto 2rem;}
#ov_kikaku h4{font-size:2rem;margin:2.5rem auto 1.5rem;}
#ov_kikaku h5{font-size:1.5rem;margin:2rem auto 1rem;}

/*平おき画像*/
#ov_kikaku > img{width:100%;}







/*商品画像確認用*/
#ov_kikaku > img.item_img{width:300px;}



/*テキストエリア*****/
#ov_kikaku .text_area{
	display:block;
	position:relative;
	margin:2rem auto 1rem;
}
#ov_kikaku .text_area:after{content:"";clear: both;display: block;}	/*cf*/


#ov_kikaku .text_area > img{
	display:block;
	width:100%;
	margin:1rem auto 1rem;
}

#ov_kikaku .text_area p{
	display:inline;
	font-size:1.5rem;line-height:2rem;
}

#ov_kikaku .text_area p:before{content:"　";}
#ov_kikaku .text_area p:after{content:"\A\A";white-space:pre;}

#ov_kikaku .text_area figure{
	background-color:#eeeeee;
	width:30%;
	padding:0.5rem;
}
#ov_kikaku .text_area figure:nth-child(odd){
	float:right;margin-left:1rem;
}
#ov_kikaku .text_area figure:nth-child(even){
	float:left;margin-right:1rem;
}

#ov_kikaku .text_area figure img{width:100%;}



/*リスト******************************/

/*共通*/
#ov_kikaku ul{
	list-style-type: none;
}
#ov_kikaku ul li{
	width:100%;
	margin:0 auto 2rem;
	padding:3rem 0; 
}

#ov_kikaku ul li:after{content:"";clear: both;display: block;}	/*cf*/

#ov_kikaku ul li p{
	display:inline;
}
#ov_kikaku ul li p:after{content:"\A";white-space:pre;}

#ov_kikaku ul li figure{
	width:30%;
	padding:0.5rem;
}
#ov_kikaku ul li:nth-child(odd) figure{
	float:right;margin-left:1rem;
}
#ov_kikaku ul li:nth-child(even) figure{
	float:left;margin-right:1rem;
}
#ov_kikaku ul li figure img{width:100%;}
#ov_kikaku ul li figure figcaption{font-size:1rem;text-align:left;}


/*リスト class(defaultlist)*/

#ov_kikaku ul.defaultlist{}
#ov_kikaku ul.defaultlist li{
	border-bottom:1px solid #999999;
}

/*リスト class(steplist)*/
#ov_kikaku ul.steplist{
	counter-reset: li;
}
#ov_kikaku ul.steplist li{}
#ov_kikaku ul.steplist li:before{
	content: counter(li) ". " ;
	counter-increment:li;
}


/*リスト class(checklist)*/

#ov_kikaku ul.checklist{}
#ov_kikaku ul.checklist > li{
	position: relative;
	padding-left:2rem;
}

#ov_kikaku ul.checklist > li:after{
	display: block;
	content: '';
	position: absolute;
	top: 0.4rem;
	left: 0.2rem;
	width: 1rem;
	height: 0.5rem;
	border-left: 2px solid #791772;
	border-bottom: 2px solid #791772;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*リスト class(boxlist)*/

#ov_kikaku ul.boxlist{}
#ov_kikaku ul.boxlist li{
	    width: 100%;
    margin: 32px 0;
    padding: 0 20px;
	border:5px solid #f8f8f8;
}




/*価格パーツ*******************************/

#ov_kikaku .price_box{
	position: relative;
	width:90%;
	margin:2rem auto 2rem;
}
#ov_kikaku .price_box dl{}
#ov_kikaku .price_box dl dt{
	display:block;
	padding:1rem;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0px 0px 20px #000 inset;
	background:#732974;
	background:linear-gradient(to bottom,#732974 0%,#8F538F 9%,#732974 50%,#732974 80%,#5C205C 98%,#39143A 100%);
}
#ov_kikaku .price_box dl dt br{display:none;}

#ov_kikaku .price_box dl dd{
	border:1px solid #999999;
	padding:1rem;
}
#ov_kikaku .price_box dl dd .item_head{
	margin:0;font-size:150%;
}
#ov_kikaku .price_box dl dd .item_head:before{
	content:"■ ";color:#C1A333;font-size:150%;
}




#ov_kikaku .price_box dl dd .normal_price{
	color:#222222;font-weight:bold;font-size:4rem;
}
#ov_kikaku .price_box dl dd .normal_price:before,
#ov_kikaku .price_box dl dd .normal_price:after{
	font-size:60%;color:black;
}
#ov_kikaku .price_box dl dd .normal_price:before{
	content:"通常価格";
}
#ov_kikaku .price_box dl dd .normal_price:after{
	content:"円(税抜)のところ";
}

#ov_kikaku .price_box dl dd .selling_price{
	margin-top:-4rem;
	padding-right:3rem;
	color:#990000;font-weight:bold;
	font-size:14rem;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align:right;
}
#ov_kikaku .price_box dl dd .selling_price img{
	height:1em;width:auto;
}

#ov_kikaku .price_box dl dd .selling_price:after{
	content: '　';font-size:50%;
	background:url(/img/order/common/kakaku_sp_after.gif) no-repeat;
	background-size:80% auto;
	background-position:bottom left;
}

#ov_kikaku .price_box dl dd .link_btn{
	display:block;
	width:40%;
	margin-left:59%;

	padding:1rem;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
	border-radius: 1rem;
	background:#B28D00;
	background: -moz-linear-gradient(top,#B28D00,#D0BA66 9%,#C1A333 50%,#B28D00 80%,#B28D00 98%,#594600);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#B28D00),color-stop(0.09 ,#D0BA66),color-stop(0.5 ,#C1A333),color-stop(0.8 ,#B28D00),color-stop(0.98 ,#B28D00),to(#594600));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#B28D00 0%,#D0BA66 9%,#C1A333 50%,#B28D00 80%,#B28D00 98%,#594600 100%);


}
#ov_kikaku .price_box dl dd .link_btn_sold{
	display:block;
	width:40%;
	margin-left:59%;

	padding:1rem;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
	border-radius: 1rem;
	background:#BEBEBE;
	background: -moz-linear-gradient(top,#BEBEBE,#D8D8D8 9%,#CBCBCB 50%,#BEBEBE 80%,#BEBEBE 98%,#5F5F5F);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#BEBEBE),color-stop(0.09 ,#D8D8D8),color-stop(0.5 ,#CBCBCB),color-stop(0.8 ,#BEBEBE),color-stop(0.98 ,#BEBEBE),to(#5F5F5F));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#BEBEBE 0%,#D8D8D8 9%,#CBCBCB 50%,#BEBEBE 80%,#BEBEBE 98%,#5F5F5F 100%);


}




/*▼for-small*/

@media only screen and (max-width: 1200px) {
/*↓↓*/
#ov_kikaku .price_box dl dd .selling_price{font-size:12rem;padding-right:2rem;margin-top:-4rem;}
}/*↑↑*/


@media only screen and (max-width: 1025px) {
/*↓↓*/
#ov_kikaku .price_box dl dd .selling_price{font-size:12rem;padding-right:2rem;margin-top:-4rem;}
#ov_kikaku .price_box dl dd .normal_price{font-size:3rem;}

}/*↑↑*/




@media only screen and (max-width: 767px) {
	#ov_kikaku h1 {
		font-size: 1.5em;
	}
	.#ov_kikaku ul li p{
			font-size:13px;	
	}
	#ov_kikaku .text_area{
	font-size:13px;	
	}
	#ov_kikaku h4 {
    font-size: 1.5rem;
    margin: 2.5rem auto 1.5rem;
}
/*↓↓*/
#ov_kikaku .price_box dl dt br{display:inline;}
#ov_kikaku .price_box dl dd .selling_price{font-size:10rem;padding-right:0rem;margin-top:-2rem;}
#ov_kikaku .price_box dl dd .normal_price{font-size:2rem;}
#ov_kikaku .price_box dl dd .link_btn{width:60%;margin:0.5rem auto;}
}/*↑↑*/




@media only screen and (max-width: 670px) {
/*↓↓*/
#ov_kikaku .price_box dl dd .selling_price{
	font-size:7rem;
	padding-right:0rem;
	margin-top:-1rem;
}
}/*↑↑*/

@media only screen and (max-width: 490px) {
/*↓↓*/
#ov_kikaku .price_box dl dd .selling_price{
	font-size:5rem;
}

}/*↑↑*/
/*▲*/







/*かごリンク*******************************/

#ov_kikaku .orderlink{
	width:90%;margin:2rem auto 2rem;
}

#ov_kikaku .orderlink #order{
	display:block;
	padding:1rem;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0px 0px 20px #000 inset;
	background:#732974;
	background:linear-gradient(to bottom,#732974 0%,#8F538F 9%,#732974 50%,#732974 80%,#5C205C 98%,#39143A 100%);
}

#ov_kikaku .orderlink table,
#ov_kikaku .orderlink table th,
#ov_kikaku .orderlink table td{
	border-collapse:collapse;border:1px solid #cccccc;
}
#ov_kikaku .orderlink table th,
#ov_kikaku .orderlink table td{
	font-size:2rem;height:3em;
	vertical-align:middle;
}

#ov_kikaku .orderlink table{
	width:100%;
}
#ov_kikaku .orderlink table th{
	width:60%;
	padding-left:2em;
	text-align:left;
}
#ov_kikaku .orderlink table td{
	width:40%;
}
#ov_kikaku .orderlink table td a{
	display:block;
	padding:1rem;
	font-size:2rem;font-weight:bold;color:white;text-align:center;
	border-radius: 1rem;
	background:#B28D00;
	background:linear-gradient(to bottom,#B28D00 0%,#D0BA66 9%,#C1A333 50%,#B28D00 80%,#B28D00 98%,#594600 100%);

}

#ov_kikaku .orderlink table td a:hover{
	filter: brightness(120%);
}



/*ご注意事項*******************************/

#ov_kikaku ul.notice{
	position:relative;
	width:90%;
	margin:2rem auto 2rem;
	padding:3rem 2rem;
	border:2px solid #aa0000;

}
#ov_kikaku ul.notice:before{
	content:"【ご注意事項】";color:white;font-weight:bold;
	background-color:#aa0000;
	position: absolute;
	top: 0rem;
	left: 0rem;
}

#ov_kikaku ul.notice li{
	position:relative;
	font-size:90%;
	margin:0.1rem;padding:0.2rem;
}

#ov_kikaku ul.notice > li:after{
	display: block;
	content: '';
	position: absolute;
	top: 0.8rem;
	left: -1rem;
	width: 1rem;
	height: 1rem;
	background: radial-gradient(circle farthest-side, #A00, #A00 50%, #FFF 50%, #FFF);
	background-size: 1rem 1rem;

}



/********************************/
/*表示領域が●px以下の場合**/


@media only screen and (max-width: 1024px) {
/*↓↓*/


}/*↑↑*/

@media only screen and (max-width: 670px) {
/*↓↓*/


}/*↑↑*/





/*小物パーツ*******************************/


/*価格訴求***********/

#ov_kikaku .appeal_box{
	padding:5px;
	width:90%;
	margin:1rem auto;
}
#ov_kikaku .appeal_box h4{
	margin:0;
	font-size:200%;
	text-align:center;font-weight:bold;color:#5A0E69;
}

#ov_kikaku .appeal_box .price{
	font-size: 6rem;
	color: #990000;font-weight: bold;
	text-align: right;padding-right: 2rem;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#ov_kikaku .appeal_box .price small{
	font-size:50%;
}

#ov_kikaku .appeal_box .desc{
	text-align:right;
}

#ov_kikaku .appeal_box .desc span:before,
#ov_kikaku .appeal_box .desc strong:before,
{
	content:"◆";
}

#ov_kikaku .appeal_box .desc strong{
	color:#990000;font-weight:bold;
}

#ov_kikaku .appeal_box .soldout{
	font-size: 4.5rem;
	color: #9A9A9A;font-weight: bold;
	text-align: center;
	margin:2rem auto;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}



/*▼for-small*/
@media only screen and (max-width: 800px) {
/*↓↓*/
}/*↑↑*/

@media only screen and (max-width: 670px) {
/*↓↓*/
#ov_kikaku .appeal_box h4{font-size:150%;}
#ov_kikaku .appeal_box .price{font-size:4rem;}
#ov_kikaku .appeal_box .soldout{font-size:3rem;}
}/*↑↑*/

@media only screen and (max-width: 490px) {
/*↓↓*/
#ov_kikaku .appeal_box h4{font-size:120%;}
#ov_kikaku .appeal_box .price{font-size:3rem;}
#ov_kikaku .appeal_box .soldout{font-size:2.5rem;}

}/*↑↑*/
/*▲*/













/*20歳未満禁止***********/
.ban_u20{
	display:block;
	margin:0;

	background-color:#7C4175;
	padding:1rem 1rem 1rem 6.7rem;
	background-image: url(../Contents/ImagesPkg/guide/caution.gif);
	background-repeat: no-repeat;
	background-size: 6rem;
	background-position: 0.2rem 0;

	font-size:1.5rem;font-weight:bold;color:white;
}



.memo h2{
font-weight: bold !important;
    color: #663300 !important;
    font-size: 130% !important;
    line-height: 1.6 !important;
    padding-bottom: 15px;
    margin: 0 !important;
}

#ov_kikaku h1 {
	color:#222;
    font-family: var(--mincho);
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}
h1.cateNameH1{
	color:#222;
    font-family: var(--mincho);
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}
.table-resiv td{
	line-height:1.8;
}

#ov_kikaku hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

@media only screen and (max-width: 767px) {
	.table-resiv th,.table-resiv td{
		display:block;
		width:100%;
		line-height:1.8;
	}
	#ov_kikaku h1 {
		font-size: 1.5em;
	}
}
/*kikaku_contents*******************************/