@charset "utf-8";

/* guide ***************************/

#ov_custom .guide{
	width:100%;margin:3rem auto;
	counter-reset: li;

}

#ov_custom .guide h3{
    font-size: 1.8rem;
    font-weight: bold;
    color: #791772;
    padding-left: 0;
    margin-bottom: 20px;
}


#ov_custom .guide h4{
	font-size:2rem;
	color:#791772;
	padding-left:0;
	margin:1rem 0;
}

#ov_custom .guide hr{
	border-top: 1px solid #dcccdc;
	border-bottom: 1px solid #fff;
	width:60%;
}


/*平文*/
#ov_custom .guide p,
#ov_custom .guide p.notes,
#ov_custom .guide p.notice_purple
{
	display:block;
	width:100%;
	margin:2rem auto;
}
#ov_custom .guide .notes{
	color:#CC6622;
	font-size:90%;
}
#ov_custom .guide .notice_purple{
	color:#7B1773;
}





/*図*/
#ov_custom .guide figure{
	display:block;
	margin:1rem auto;
	width:80%;
	text-align:center;
}

#ov_custom .guide figure img{
	width:100%;
}
#ov_custom .guide figure figcaption{
	font-size:1.5rem;
}




/*番号つきUL*/
#ov_custom .guide ul.step{
	list-style-type: none;


}

#ov_custom .guide ul.step li:before {}

#ov_custom .guide ul.step > li{
    border-top: 1px solid #ccc;
    padding-top: 20px;
    width: 100%;
    margin: 32px auto;
    padding: 20px 0 0 0;

}

#ov_custom .guide ul.step li:first-child{}

#ov_custom .guide ul.step li:after{content:"";clear: both;display: block;}	/*cf*/
#ov_custom .guide ul.step li h3:before{
	content: counter(li) ". " ;
	counter-increment:li;
}

/*番号なしUL*/
#ov_custom .guide ul.nonstep{
	list-style-type: none;
}

#ov_custom .guide ul.nonstep li:before {}

#ov_custom .guide ul.nonstep > li{
	width:96%;
	margin:1rem auto;
	padding:0 1rem;
	background-color:white;
	border-bottom:1px dashed #cccccc;
}

#ov_custom .guide ul.nonstep li:last-child{
	border-bottom-style:none;
}






/*チェックマークつきUL*/

#ov_custom .guide ul ul.checklist{
border: 0;
    background-color: fff;
    width: 100%;
    margin: 2rem auto;
}
#ov_custom .guide ul ul.checklist > li {
    position: relative;
    padding-left: 2rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
#ov_custom .guide ul 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);
}
/*説明箱 基本*/
#ov_custom .guide .desc,
#ov_custom .guide .desc_t_under,
#ov_custom .guide .box_desc{
	width:90%;
	margin:1rem auto;
	padding:1rem;
}


/*説明箱-枠線なし-タイトル下線つき*/
#ov_custom .guide .desc_t_under{}
#ov_custom .guide .desc_t_under h4{
	text-decoration:underline;
}

/*説明箱-枠線あり*/
#ov_custom .guide .box_desc{
    padding: 10px;
    border: 1px solid #98207B;
    color: #98207B;
    background: #F9F4F8;
    border-radius: 6px;
}




/*説明テーブル*/
#ov_custom .guide .table_desc,
#ov_custom .guide .table_desc th,
#ov_custom .guide .table_desc td{
	border:solid 1px #cccccc;
	border-collapse: collapse;
	padding:0.5rem;
}

#ov_custom .guide .table_desc{
	width:90%;
	margin:2rem auto 2rem;
}
#ov_custom .guide .table_desc th{
	background-color:#EEE1F4;
}

#ov_custom .guide .table_desc figure{
	display:block;
	margin:1rem auto;
	width:80%;
	text-align:center;
}

#ov_custom .guide .table_desc figure img{
	width:100%;
}



/*faq 開閉(要Js)*/

#ov_custom .guide div.question{
margin-top:10px;	
}
#ov_custom .guide div.question,
#ov_custom .guide div.answer{
	width:95%;
	margin-left:2%;
	padding:0.5rem 1rem;
}

#ov_custom .guide div.question:befor,
#ov_custom .guide div.answer:before{
	font-size:300%;font-weight:bold;color:#BE4C9E;
}

#ov_custom .guide div.question:before{
	content:"Ｑ：";
}
#ov_custom .guide div.answer:before{
	content:"Ａ：";font-size:2rem;color:#666666;
}

#ov_custom .guide div.answer {
	display: none;
	background: ;
	margin-left: 3%;
	margin-bottom:1.5rem;
	padding:1rem;
}

#ov_custom .guide div.answer p:first-child{
	margin-top:-2rem;
}


#ov_custom .guide div.question {
	cursor: pointer;
    font-size: 1.6rem;
    font-weight: bold;
	background:#E2D9E8;
	background: -moz-linear-gradient(top,#ECE5F0,#ECE5F0 9%,#E2D9E8 50%,#D9CCE1 80%,#D0C0DA 98%,#68606D);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#ECE5F0),color-stop(0.09 ,#ECE5F0),color-stop(0.5 ,#E2D9E8),color-stop(0.8 ,#D9CCE1),color-stop(0.98 ,#D0C0DA),to(#68606D));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#ECE5F0 0%,#ECE5F0 9%,#E2D9E8 50%,#D9CCE1 80%,#D0C0DA 98%,#68606D 100%)
	
	border-style:solid;border-width:2px;
	border-color:#FCFBFD #151316 #FCFBFD #151316;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;

}


#ov_custom .guide div.question:hover {
	background:#E8D0D8;
	background: -moz-linear-gradient(top,#F0E0E5,#F0E0E5 9%,#E8D0D8 50%,#E1C1CB 80%,#DAB2BF 98%,#6D595F);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#F0E0E5),color-stop(0.09 ,#F0E0E5),color-stop(0.5 ,#E8D0D8),color-stop(0.8 ,#E1C1CB),color-stop(0.98 ,#DAB2BF),to(#6D595F));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#F0E0E5 0%,#F0E0E5 9%,#E8D0D8 50%,#E1C1CB 80%,#DAB2BF 98%,#6D595F 100%)
	
	border-style:solid;border-width:3px;
	border-color:#FDFBFB #161113 #FDFBFB #161113;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}




/*faq 開閉(要Js)*/

#ov_custom .guide div.question,
#ov_custom .guide div.answer{
	width:95%;
	margin-left:3%;
	padding:12px;
}

#ov_custom .guide div.question:befor,
#ov_custom .guide div.answer:before{
	font-size:300%;font-weight:bold;color:#BE4C9E;
}

#ov_custom .guide div.question:before{
	content:"Ｑ：";
}
#ov_custom .guide div.answer:before{
	content:"Ａ：";font-size:2rem;color:#666666;
}

#ov_custom .guide div.answer {
	display: none;
	background: ;
	margin-left: 2%;
	margin-bottom:1.5rem;
	padding:1rem;
}

#ov_custom .guide div.answer p:first-child{
	margin-top:-2rem;
}


#ov_custom .guide div.question {
	cursor: pointer;
	font-size:1.6rem;
	background:#E2D9E8;
	background: -moz-linear-gradient(top,#ECE5F0,#ECE5F0 9%,#E2D9E8 50%,#D9CCE1 80%,#D0C0DA 98%,#68606D);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#ECE5F0),color-stop(0.09 ,#ECE5F0),color-stop(0.5 ,#E2D9E8),color-stop(0.8 ,#D9CCE1),color-stop(0.98 ,#D0C0DA),to(#68606D));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#ECE5F0 0%,#ECE5F0 9%,#E2D9E8 50%,#D9CCE1 80%,#D0C0DA 98%,#68606D 100%)
	
	border-style:solid;border-width:3px;
	border-color:#FCFBFD #151316 #FCFBFD #151316;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;

}


#ov_custom .guide div.question:hover {
	background:#E8D0D8;
	background: -moz-linear-gradient(top,#F0E0E5,#F0E0E5 9%,#E8D0D8 50%,#E1C1CB 80%,#DAB2BF 98%,#6D595F);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#F0E0E5),color-stop(0.09 ,#F0E0E5),color-stop(0.5 ,#E8D0D8),color-stop(0.8 ,#E1C1CB),color-stop(0.98 ,#DAB2BF),to(#6D595F));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#F0E0E5 0%,#F0E0E5 9%,#E8D0D8 50%,#E1C1CB 80%,#DAB2BF 98%,#6D595F 100%)
	
	border-style:solid;border-width:3px;
	border-color:#FDFBFB #161113 #FDFBFB #161113;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}






/*表示領域が670px以下の場合**/
@media screen and (max-width: 670px) {
	.guide{
	padding:0 ;	
	}
/*↓↓*/

.guide .box_sideby .yoko6 .box_item{
	box-sizing: border-box;
	width:30%;
	margin-left:2%;
}


#ov_custom .guide figure{
	display:block;
	margin:1rem auto;
	width:96%;
}

#ov_custom .guide figure figcaption{
	font-size:1rem;
}



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


#ov_custom .guide p{
margin: 1rem auto;
}