@charset 'UTF-8';

/*
----------
scf2015 common
----------
*/
/*.wrapper > .main { margin-top: 13px; padding-top: 31px; border-top: 1px solid #d9d9d9; }*/
.contents_wrap p { margin-top: 0; }
.arw { display: inline-block; padding-left: 10px; background: url(../img/arw_red_pc.png) no-repeat 0 0.55em; }
.blank { margin-left: 5px; }

.contents #head { padding-bottom: 22px; }
.contents #head #logo { float: left; padding-right: 25px; }
.contents #head #logo img { vertical-align: bottom; }
.contents #head #summary { float: left; margin-top: -3px; }
.contents #head #summary .text { margin-bottom: 2px; font-weight: bold; }
.contents #head #summary .link { font-size: 85.7%; font-weight: bold; }
.contents #head #summary .link a {margin-left: 20px; }
.contents #head .english { float: right; font-size:85.7%; font-weight: bold; }
.contents #head .english a { display: block; width: 104px; padding: 0.75em 5px; background-color: #c13434; border: 1px solid #d9d9d9; text-align: center; }
.contents #head .english a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.contents #head .english a .arw { background: url(../img/arw_white_pc.png) no-repeat 0 0.4em; color: #fff; }
.contents #head .english em { display: block; width: 104px; padding: 0.75em 5px; background-color: #bbb; border: 1px solid #d9d9d9; text-align: center; }
.contents #head .english em .arw { background: url(../img/arw_gray_pc.png) no-repeat 0 0.45em; color: #ddd; }

@media only screen and (max-width: 640px) {
	.wrapper > .main { margin-top: 7px; padding-top: 38px; }
	.contents_wrap > .main { overflow: visible; }
	.arw { padding-left: 10px; background: url(../img/sp/arw_red_sp.png) no-repeat 0 0.45em; background-size: 7px auto; }
	
	.iconBlank:after { content: ""; display: inline-block; width: 15px; height: 14px; margin-left: 3px; background: url(../img/sp/icon_blank.png) no-repeat; background-size: 15px auto; }
	.mordalInline:after { content: ""; display: inline-block; width: 17px; height: 14px; margin-left: 3px; background: url(../img/sp/icon_modal.png) no-repeat; background-size: 17px auto; }
	.iconBlank img,
	.mordalInline img { display: none; }

	.contents #head { padding-bottom: 40px; }
	.contents #head #logo { float: none; width: 100%; height: 49px; margin-bottom: 25px; padding-right: 0; }
	.contents #head #logo a { display: block; width: 100%; height: 49px; background: url(../img/sp/scf_logo.png) no-repeat center top; background-size: 240px auto; }
	.contents #head #logo img { display: none; }
	.contents #head #summary { float: none; margin-top: 0; text-align: center; }
	.contents #head #summary .text { margin-bottom: 1em; }
	.contents #head #summary .link { font-size: 100%; }
	.contents #head #summary .link span { display: block; }
	.contents #head #summary .link a { display: inline-block; margin: 0; font-size: 85.7%; }
	.contents #head .english { float: none; margin-top: 20px; font-size:100%; }
	.contents #head .english a,
	.contents #head .english em { width: auto; padding: 0.5em 5px; }
	.contents #head .english a:hover { opacity: 1.0; filter: alpha(opacity=100); }
	.contents #head .english a .arw { background: url(../img/sp/arr_white_sp.png) no-repeat 0 0.4em; background-size: 8px auto; }
	.contents #head .english em .arw { background: url(../img/sp/arw_gray_sp.png) no-repeat 0 0.45em; background-size: 7px auto; }
}

/*
----------
scf2015 modal
----------
*/
.modal { width: 640px; padding: 50px; }
.contents .modal { display: none; }
#fancybox-overlay { position: fixed !important; }
#fancybox-wrap { padding: 0; width: 740px !important; max-width: inherit !important; background-color: #fff !important; }
#fancybox-outer,
#fancybox-content { max-width: inherit !important; border: none !important; }
.fancybox-bg { display: none; }
#fancybox-close { top: 17px; right: 17px; width: 26px; height: 26px; background: url(../img/btn_close.gif) no-repeat; }
.modal .head { background-color: #2e2e2e; padding: 25px 30px; width: 580px; color: #fff; font-weight: bold; font-size: 128.5%; text-align: center; }
.modal .body { padding: 30px 30px 40px; background-color: #f2f2f2; } 
.modal .body .bold { font-weight: bold; }
.modal .close { padding: 25px 0 20px; background-color: #d9d9d9; }
.modal .close a { display: block; width: 238px; margin: 0 auto; padding: 8px 0 6px; background-color: #fff; border: 1px solid #b3b3b3; color: #333; text-align: center; font-size: 85.7%; font-weight: bold; text-decoration: none; cursor: pointer; }
.modal .close span:before { content:"× "; font-size: 128.5%; }
.modal .close a:hover { text-decoration: underline; }

@media only screen and (max-width: 640px) {
	#fancybox-wrap { left: 0 !important; width: 100% !important; margin: 0 !important; font-size: 100% !important; }
	#fancybox-content { width: 100% !important; }
	#fancybox-close { top: 7px; right: 7px; width: 20px; height: 20px; background: url(../img/sp/btn_close.gif) no-repeat; background-size: 20px auto; }
	.modal { width: 100% !important; padding: 0 !important; }
	.modal .head { width: auto; font-size: 114.2%; }
	.modal .body { padding: 20px 8px 30px; } 
	.modal .close { padding: 30px 20px; }
	.modal .close a { width: auto; margin: 0; padding: 10px 0 12px; border: 1px solid #999; }
	.modal .close a:hover { text-decoration: none; }
}