@charset "utf-8";

/******************************************************************
 *
 * 全ページ共通
 *
 ******************************************************************/


body {font-family: "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "MS PMincho", "Times New Roman", serif; color: #4e0202; font-weight: 400; -webkit-font-smoothing: antialiased; }
a {color:#4e0202; text-decoration: none;}
a:hover { color:#00a0e9; text-decoration: underline;}
img { width: auto; height: auto; }

.large { font-size: 1.15em; line-height: 1.65em; }
.small { font-size: 0.85em; line-height: 1.25em; }
.xsmall { font-size: 0.65em; line-height: 1.25em; }
.caution { color: #f6615f !important; }


/* clearfix */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* fonts */


/******************************************************************
 * media screen
 ******************************************************************/

@media screen and (min-width:751px){/* -------------------------PC */

body { padding: 0 0 50px 0; line-height: 2.05em; font-size: 16px; background: url(../../images/index/bg_bottom.png) center bottom no-repeat; background-size: cover;}

a:hover img.hover,button:hover img.hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.sp {display:none !important;}
.navishow { display: block !important; }

/* header */


/* contents */
#contents { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; }

section.bg { background: url("../images/outr_bg.png") center top repeat-x; }


.outrC {
	padding: 100px 0 15px 0;
	background:
		url("../images/outr_bg_c_bottom_pc.png") center bottom no-repeat,
		url("../images/outr_bg_c_top_pc.png") center top no-repeat,
		url("../images/outr_bg_c_center_pc.png") center top repeat-y;
}
.outrC .outChld { width: 1280px; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrC_bottom {}
.outrC_bottom .outBChld { width: 1380px; margin: 0 auto 0 auto; }


.content_titleC { width: 100%; margin: 0 auto; }
.content_titleC h2 { display: block; margin: 0 auto; width: 552px; height: 118px; background:url("../images/title_bg_r_pc.png") right top no-repeat; background-size: contain; text-align: center; line-height: 118px; padding: 0 0 0 0; color: #613038; letter-spacing: 0.5em; font-size: 30px; }


footer { position: relative; width:100%; font-size: 0.85em; line-height: 1.5em; padding: 50px 0 0 0; margin: 0 0 0 0; text-align: center; }






}/* /@media */

/*******************************************************************/

@media screen and (max-width:750px){/* -------------------------SP */
html {-webkit-text-size-adjust: 100%;}
body {line-height:1.85em; font-size: 2.66vw; padding: 0 0 8vw 0; background: url(../../images/index/bg_bottom.png) center bottom no-repeat; background-size: cover; }
.pc { display:none !important; }

/* header */



/* contents */
#contents { padding: 0 0 0 0 ; }

section.bg { background: none; }

.outrC {
	padding: 13.333vw 0 2vw 0;
	background:
		url("../images/outr_bg_c_bottom_sp.png") center bottom no-repeat,
		url("../images/outr_bg_c_top_sp.png") center top no-repeat,
		url("../images/outr_bg_c_center_sp.png") center top repeat-y;
	background-size: contain,contain,contain;
}
.outrC .outChld { width: 86.666vw; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrC_bottom {}
.outrC_bottom .outBChld { width: 86.666vw; margin: 0 auto 0 auto; }

.content_titleC { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.content_titleC h2 { display: block; width: 100%; height: 21.733vw; background:url("../images/title_bg_c_sp.png") no-repeat; text-align: center; line-height: 21.733vw; padding: 0 0 0 0; color: #613038; letter-spacing: 2vw; font-size: 4vw; background-size: contain; }

/* footer */


footer { position: relative; width:100%; padding: 6vw 0 0 0; text-align: center;}

/* contents */


}/* /@media */