@charset "utf-8";

/* guide2 ***************************/

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

}

#ov_custom .guide2 h3{
	font-size:2.5rem;
	color:#791772;
	padding-left:1rem;
}


#ov_custom .guide2 h9{
	font-size:2.5rem;
	color:#a1990e;
	padding-left:1rem;
}




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

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


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





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

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




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

}

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

#ov_custom .guide2 ul.step > li{

    margin: 2rem auto;
    padding: 26px;
    background-color: white;
    border: 2rem solid #faf369;
}

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

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









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

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

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

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






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

#ov_custom .guide2 ul ul.checklist{
	border:1px solid #cccccc;
	background-color:#EEE1F4;
	width: 80%;
	margin: 1rem auto;
}
#ov_custom .guide2 ul ul.checklist > li {
	position: relative;
	font-size:1.2rem;
	padding-left:2rem;
}
#ov_custom .guide2 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 .guide2 .desc,
#ov_custom .guide2 .desc_t_under,
#ov_custom .guide2 .box_desc{
	width:90%;
	margin:1rem auto;
	padding:1rem;
}


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

/*説明箱-枠線あり*/
#ov_custom .guide2 .box_desc{
	border:1px solid #cccccc;
}




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

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

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

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



/*faq 開閉(要Js)*/
#ov_custom .guide2 div.question,
#ov_custom .guide2 div.answer{
	width:100%;
	margin-left:0%;
	padding:1.5rem 1.5rem;
}
#ov_custom .guide2 div.question{
margin-bottom:20px;	
}
#ov_custom .guide2 div.question:befor,
#ov_custom .guide2 div.answer:before{
	font-size:300%;font-weight:bold;color:#e6e360;
}


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

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


#ov_custom .guide2 div.question {
	cursor: pointer;
	font-size:2rem;
	background:#fff8b5;
	background: -moz-linear-gradient(top,#fffcdb,#fffcdb 9%,#fffde8 50%,#f0edc9 80%,#e8e7c1 98%,#8c8c64);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#fffcdb),color-stop(0.09 ,#fffcdb),color-stop(0.5 ,#fffde8),color-stop(0.8 ,#f0edc9),color-stop(0.98 ,#e8e7c1),to(#8c8c64));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#fffcdb 0%,#fffcdb 9%,#fffde8 50%,#f0edc9 80%,#e8e7c1 98%,#8c8c64 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 .guide2 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 .guide2 div.question,
#ov_custom .guide2 div.answer{
	width:100%;
	margin-left:0;
	padding:1.5rem 1.5rem;
}

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


#ov_custom .guide2 div.answer {
	display: none;
	background: ;
    margin-left: 0;
    margin-bottom: 1.5rem;
    padding: 20px;
}

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


#ov_custom .guide2 div.question {
	cursor: pointer;
	font-size:2rem;
	background:#fffde8;
	background: -moz-linear-gradient(top,#fffcdb,#fffcdb 9%,#fffde8 50%,#f0edc9 80%,#e8e7c1 98%,#8c8c64);/* FF */ 
	background: -webkit-gradient(linear, top,  bottom, from(#fffcdb),color-stop(0.09 ,#fffcdb),color-stop(0.5 ,#fffde8),color-stop(0.8 ,#f0edc9),color-stop(0.98 ,#e8e7c1),to(#8c8c64));/* Sf,Ch */ 
	background:linear-gradient(to bottom,#fffcdb 0%,#fffcdb 9%,#fffde8 50%,#f0edc9 80%,#e8e7c1 98%,#8c8c64 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 .guide2 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) {
	
	#ov_custom .guide2 {
    width: 100%;
    margin: 3rem auto;
    counter-reset: li;
	}
	
/*↓↓*/

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


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

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


#ov_custom .guide2 h9 {
    font-size: 1.8rem;
    color: #a1990e;
    padding-left: 0;
	}
	#ov_custom .guide2 ul.step > li {
    margin: 2rem auto;
    padding: 16px;
    background-color: white;
    border: 1rem solid #faf369;
	}
	#ov_custom .guide2 div.question {
    cursor: pointer;
		font-size: 1.6rem;
	}
	#ov_custom .guide2 div.answer{
margin-left: 0;
    margin-bottom: 1.5rem;
    padding: 8px 0;
	}
}/*↑↑*/
/******************************************/