@charset "utf-8";



/* common base style */

body{
	/*font-size: 62.5%;*/ font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "游ゴシック" , "游ゴシック体" , "Yu Gothic", YuGothic, Arial, sans-serif;
}
a{text-decoration: none;}
body,a{color: #333;}
img{max-width:100%; height: auto;}
pre{
    width: 100% !important;
    white-space: pre-wrap !important;
}
a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.clearfix:after { content: ""; clear: both; display: block; }
.clearfix { *zoom: 1; }

.m0auto{margin:0 auto;}
.vat{vertical-align: top !important;}
.vam{vertical-align: middle !important;}

.fwb{font-weight: bold !important;}
.tac{text-align: center !important;}
.tal{text-align: left !important;}
.tar{text-align: right !important;}

.lh8{line-height: 0.8rem !important;}
.lh12{line-height: 1.2rem !important;}
.lh14{line-height: 1.4rem !important;}
.lh16{line-height: 1.6rem !important;}
.lh18{line-height: 1.8rem !important;}
.lh20{line-height: 2.0rem !important;}
.lh22{line-height: 2.2rem !important;}
.lh24{line-height: 2.4rem !important;}
.lh26{line-height: 2.6rem !important;}
.lh28{line-height: 2.8rem !important;}
.lh30{line-height: 3.0rem !important;}
.lh32{line-height: 3.2rem !important;}
.lh34{line-height: 3.4rem !important;}
.lh36{line-height: 3.6rem !important;}

.pd8{padding:8px;}
.pd12{padding:12px;}
.pd16{padding:16px;}
.pd24{padding:24px;}
.pd36{padding:36px;}
.mg12{margin:12px;}
.mg24{margin:24px;}
.mg36{margin:36px;}

.pd0-8{padding:0 8px;}
.pd0-12{padding:0 12px;}
.pd0-16{padding:0 16px;}
.pd0-24{padding:0 24px;}
.pd0-36{padding:0 36px;}
.mg0-12{margin:0 12px;}
.mg0-24{margin:0 24px;}
.mg0-36{margin:0 36px;}

.pd8-0{padding:8px 0;}
.pd12-0{padding:12px 0;}
.pd16-0{padding:16px 0;}
.pd24-0{padding:24px 0;}
.pd36-0{padding:36px 0;}
.mg12-0{margin:12px 0;}
.mg24-0{margin:24px 0;}
.mg36-0{margin:36px 0;}

.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.ml0{margin-left: 0 !important;}

.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pr0{padding-right: 0 !important;}
.pl0{padding-left: 0 !important;}

.mt36{margin-top: 36px !important;}
.mb36{margin-bottom: 36px !important;}
.mr36{margin-right: 36px !important;}
.ml36{margin-left: 36px !important;}

.mt24{margin-top: 24px !important;}
.mb24{margin-bottom: 24px !important;}
.mr24{margin-right: 24px !important;}
.ml24{margin-left: 24px !important;}

.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mr20{margin-right: 20px !important;}
.ml20{margin-left: 20px !important;}

.mt16{margin-top: 16px !important;}
.mb16{margin-bottom: 16px !important;}
.mr16{margin-right: 16px !important;}
.ml16{margin-left: 16px !important;}

.mt12{margin-top: 12px !important;}
.mb12{margin-bottom: 12px !important;}
.mr12{margin-right: 12px !important;}
.ml12{margin-left: 12px !important;}

.mt8{margin-top: 8px !important;}
.mb8{margin-bottom: 8px !important;}
.mr8{margin-right: 8px !important;}
.ml8{margin-left: 8px !important;}


.pt36{padding-top: 36px !important;}
.pb36{padding-bottom: 36px !important;}
.pr36{padding-right: 36px !important;}
.pl36{padding-left: 36px !important;}

.pt24{padding-top: 24px !important;}
.pb24{padding-bottom: 24px !important;}
.pr24{padding-right: 24px !important;}
.pl24{padding-left: 24px !important;}

.pt20{padding-top: 20px !important;}
.pb20{padding-bottom: 20px !important;}
.pr20{padding-right: 20px !important;}
.pl20{padding-left: 20px !important;}

.pt16{padding-top: 16px !important;}
.pb16{padding-bottom: 16px !important;}
.pr16{padding-right: 16px !important;}
.pl16{padding-left: 16px !important;}

.pt12{padding-top: 12px !important;}
.pb12{padding-bottom: 12px !important;}
.pr12{padding-right: 12px !important;}
.pl12{padding-left: 12px !important;}

.pt8{padding-top: 8px !important;}
.pb8{padding-bottom: 8px !important;}
.pr8{padding-right: 8px !important;}
.pl8{padding-left: 8px !important;}





/* パソコン用 */
@media screen and ( min-width : 814px ) {

	.disp_blk{ display:block !important; }
	.disp_inl{ display:inline !important; }
	.disp_inlblk{ display:inline-block !important; }
	.disp_tbl{ display:table !important; }
	.disp_tbl_cell{ display:table-cell !important; }
}






/* スマホ用 */
@media screen and ( max-width : 813px ) {

	.disp_blk{ display:block !important; }
	.disp_inl{ display:inline !important; }
	.disp_inlblk{ display:inline-block !important; }
	.disp_tbl{ display:static !important; }
	.disp_tbl_cell{ display:static !important; }
}





/* eof */