@charset "utf-8";
/*==============================================================

	module.css

================================================================*/
body{
	color:#000;
	font: normal normal 16px/18px 'Noto Sans JP', sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo;
	font-feature-settings: "palt";
	letter-spacing:0.05em;
	background:#fff;
	text-align:left;
    position: relative;
}

/*font-family: 'Noto Serif JP', serif;
font-family: 'Playfair Display', serif;
*/


/* link -----------------------------------------*/	
a:link{
	overflow: hidden; /*　firefox用　枠線対処*/
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #ce121b;
	text-decoration: none;
}

/* clearfix
-------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { /* For Mac IE5 \*//*/
    width: 100%;
    /* End for Mac IE5 */ display: inline-block; /* Hide for Mac IE5 \*/ clear: both; height: 1%; min-height: 1%; overflow: visible;/* End Hide for Mac IE5 */ }
.clearfix {/* for Safari Opera */ /* Hide for Mac IE5 \*/ display: block;/* End Hide for Mac IE5 */ }
.clear { clear: both; }

/* フォント
-------------------------------------------------------------*/
.fontMin{
	font-family: 'Noto Serif JP', serif;
}
.fontPlayf{
	font-family: 'Playfair Display', serif;
}
.fontOsw{
    font-family: 'Oswald', sans-serif;
}


/* 表示させないテキスト
-------------------------------------------------------------*/
.forReader {
	position: absolute;
	top: -100000px;
}

/* 改行なし
-------------------------------------------------------------*/
.noWrap { white-space: nowrap; }

/* 回り込み
-------------------------------------------------------------*/
.section { display: block; }
.floatL { float: left !important; }
.floatR { float: right !important; }

/* テキスト寄せ
-------------------------------------------------------------*/
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }
.alignC { text-align: center !important; }
.valignM{ vertical-align:middle !important;}

/* テキスト装飾*/
.u{text-decoration: underline;}

/* 幅
-------------------------------------------------------------*/
.w25{width:25% !important;}
.w30{width:32% !important;}
.w40{width:39% !important;}
.w50{width:50% !important;}
.w60{width:59% !important;}
.w100{width:100% !important;}

.centering{margin:0 auto;}

/* margin padding
-------------------------------------------------------------*/
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}

.mR0 {margin-right:0 !important;}
.mR20{margin-right:20px !important;}

.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mB120{margin-bottom:120px !important;}

.mL0 {margin-left:0 !important;}
.mL20{margin-left:20px !important;}

.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}

.pR0 {padding-right:0 !important;}
.pR20{padding-right:20px !important;}

.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}

.pL0{padding-left:0 !important;}
.pL20{padding-left:20px !important;}

/* block Layout
-------------------------------------------------------------*/
.dsp-none,
.forReader,
/*.tb-dsp-block,*/
.sp-dsp-block,
.sp-dsp-inline,
.spP-dsp-block { display: none; }

.dsp-block,
.tb-dsp-none,
.sp-dsp-none,
.spP-dsp-none {display: block; }

.dsp-inlineBlock { display: inline-block; }


/*--------------------------------------------------------------------

-------------------------------------------------------------------------*/
main{
	width: 100%;
	font: normal normal 300 16px/36px 'Noto Sans JP', sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo;
}
main p{
	display: block;
	padding: 0 0 1em 0;
	margin: 0;
    font-weight: 300;
}

main .wFull{
	width: 100%;
	margin: 0;
}
main .wFull .inner{
	max-width: 1000px;
	margin: 0 auto;
}
main .w1000{
	max-width: 1000px;
	margin: 0 auto;
}
main .w1200{
	max-width: 1200px;
	margin: 0 auto;
}
main .w1000 .inner,
main .w1200 .inner{width: 100%;}

/*	flexbox
--------------------------------------------------------*/
main .flexBox{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
}


/*	arrow parts
--------------------------------------------------------*/
.arw,
.arwGry,
.arwWht{
    position: relative;
    padding-right: 50px;
    vertical-align: middle;
    text-decoration: none;
}

.arw::before,
.arw::after,
.arwGry::before,
.arwGry::after,
.arwWht::before,
.arwWht::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arw::before,
.arwGry::before,
.arwWht::before{
    right: 18px;
    width: 16px;
    height: 1px;
}
.arw::after,
.arwGry::after,
.arwWht::after{
    right: 18px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* red */
.arw::before{background: #d0121b;}
.arw::after{
    border-top: 1px solid #d0121b;
    border-right: 1px solid #d0121b;
}
/* grey */
.arwGry::before{background: #7f7f7f;}
.arwGry::after{
    border-top: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
}
/* white */
.arwWht::before{background: #fff;}
.arwWht::after{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1040px){
	main .wFull .inner,
	main .w1000,
	main .w1200 .inner{
		width: 100%;
		padding: 0 20px;
	}
}

@media only screen and (max-width:1023px){
	/* block Layout
	--------------------------------------------------------*/
	.tb-dsp-block { display: block !important; }
	.sp-dsp-none { display: block !important; }
	.sp-dsp-block { display: none: }
	.sp-dsp-inline { display: inline; }


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
	.sp-dsp-none { display: none !important; }
	.sp-dsp-block { display: block; }
	.sp-dsp-inline { display: inline; }

	main{
		font: normal normal 14px/31px 'Noto Sans JP', sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo;
	}






}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{
/*	#header{position:absolute !important;}
	.clearfix{overflow:hidden;}
	#footerWrap,
	#globalNav,
	#topicPath{display:none !important;}
	#container{
		min-width: inherit !important;
		min-height: inherit !important;
	}*/
}
