@charset "utf-8";
/* CSS Document */

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
#inline-wrap .mfp-close{
	right: -27px;
	top: -28px;
	text-align: center;
	width: 53px;
	height: 53px;
	padding: 1px 5px 0;
	border-radius: 100px;
	background: #FFF100;
	color: #000000;
	font-weight: bold;
	opacity: 1;
	font-size: 50px;
	border: 3px solid #000000;
}

.white-popup.small {max-width: 450px;}
.white-popup{
	position: relative;
	background: #FFF;
	width: auto;
	max-width: 700px;
	margin: 0 auto;
	height: 260px;
}

.modal-window h2,
.mfp-content #inline-wrap .title{
	margin:0 0 1.5rem 0;
	width: 100%;
	color: #000;
	text-align: center;
	background: #FFF100;
	padding: 1rem 0 .8rem 0;
	font-size: 1.25rem;
	line-height: 130%;
	box-sizing: border-box;
	text-shadow: none;
	font-weight: bold;
	font-family: "ryo-gothic-plusn", 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#inline-wrap .mfp-close {
	text-indent: 0;
}
.modal-window {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner p {
	padding: 0 20px;
	line-height: 160%;
	color: #000;
}

.ui-body-a h2,
.ui-overlay-a h2 {text-shadow: none;}
.modal-window p{
	padding: 0 20px;
	line-height: 160%;
	color: #000;
	font-size: .8rem;
	font-family: "ryo-gothic-plusn", 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}



/* ----------------------------------------
　FAQ（特に数が多い質問）
---------------------------------------- */

.tabContainer dl dt h2 {
	background:none;
	height: 26px;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 0; color:#5A350C;
	line-height: 130%;}
.tabContainer dl dt > p,
.tabContainer dl dd > h2 { display:none;}

.mobile .many_faq h2{ display:none;}
.many_faq .ui-collapsible-content > .ui-li-desc:first-of-type { display:none;}