@charset "UTF-8";

/*********************************************************************HTML5エレメンツ*/
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}

/*********************************************************************リセット*/
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption { margin: 0; padding: 0;}
input, textarea { margin: 0; font-size: 100%;}
input, textarea, select { /*-webkit-appearance: none; border-radius: 0;*/}
textarea { resize: none;}
button { border: none; overflow: visible; background: none; vertical-align: top; font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label { cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img { border: 0;}
img { height: auto; vertical-align: top;}
address, caption, code, em, th { font-style: normal; font-weight: normal;}
ol, ul { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal;}
a, input {/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub { font-size: 63%;}
sup { vertical-align: top;}
sub { vertical-align: baseline;}
*{ box-sizing: border-box; -webkit-box-sizing: border-box;}
.tc { text-align: center; }

/*********************************************************************アンカーリンク*/
a { color: #288ff8; text-decoration: none; }
a:hover,a:active,a:focus { text-decoration: underline;}

/*********************************************************************クリアフィックス*/
.clearfix:before, .clearfix:after,.contents:before, .contents:after { content: ""; display: table; }
.clearfix:after,.contents:after { clear: both;}

/*********************************************************************基本レイアウト*/
html { overflow-y: scroll;}
html.is-screen-locked { position: fixed; overflow: hidden; top: 0; left: 0; right: 0; }
body {
	text-align: left;
	line-height: 1.7;
	color: #333333;
	font-size: 18px;
	-webkit-text-size-adjust: 100%;
}
body, input, textarea, select, button { font-family: 'Kosugi Maru', sans-serif; }

@media screen and (max-width: 768px) {
	body { min-width: 2px; overflow: hidden; font-size: 16px;}
}

/*********************************************************************余白指定*/
.ma0 { margin:0 !important; } .mt0 { margin-top:0 !important; } .mr0 { margin-right:0 !important; } .mb0 { margin-bottom:0 !important; } .ml0 { margin-left:0 !important; }
.ma5 { margin:5px; } .mt5 { margin-top:5px; } .mr5 { margin-right:5px; } .mb5 { margin-bottom:5px; } .ml5 { margin-left:5px; }
.ma10 { margin:10px; } .mt10 { margin-top:10px; } .mr10 { margin-right:10px; } .mb10 { margin-bottom:10px; } .ml10 { margin-left:10px; }
.ma15 { margin:15px; } .mt15 { margin-top:15px; } .mr15 { margin-right:15px; } .mb15 { margin-bottom:15px; } .ml15 { margin-left:15px; }
.ma20 { margin:20px; } .mt20 { margin-top:20px; } .mr20 { margin-right:20px; } .mb20 { margin-bottom:20px; } .ml20 { margin-left:20px; }
.ma25 { margin:25px; } .mt25 { margin-top:25px; } .mr25 { margin-right:25px; } .mb25 { margin-bottom:25px; } .ml25 { margin-left:25px; }
.ma30 { margin:30px; } .mt30 { margin-top:30px; } .mr30 { margin-right:30px; } .mb30 { margin-bottom:30px; } .ml30 { margin-left:30px; }
.ma40 { margin:40px; } .mt40 { margin-top:40px; } .mr40 { margin-right:40px; } .mb40 { margin-bottom:40px; } .ml40 { margin-left:40px; }

.pa0 { padding:0 !important; } .pt0 { padding-top:0 !important; } .pr0 { padding-right:0 !important; } .pb0 { padding-bottom:0 !important; } .pl0 { padding-left:0 !important; }
.pa5 { padding:5px; } .pt5 { padding-top:5px; } .pr5 { padding-right:5px; } .pb5 { padding-bottom:5px; } .pl5 { padding-left:5px; }
.pa10 { padding:10px; } .pt10 { padding-top:10px; } .pr10 { padding-right:10px; } .pb10 { padding-bottom:10px; } .pl10 { padding-left:10px; }
.pa15 { padding:15px; } .pt15 { padding-top:15px; } .pr15 { padding-right:15px; } .pb15 { padding-bottom:15px; } .pl15 { padding-left:15px; }
.pa20 { padding:20px; } .pt20 { padding-top:20px; } .pr20 { padding-right:20px; } .pb20 { padding-bottom:20px; } .pl20 { padding-left:20px; }
.pa25 { padding:25px; } .pt25 { padding-top:25px; } .pr25 { padding-right:25px; } .pb25 { padding-bottom:25px; } .pl25 { padding-left:25px; }
.pa30 { padding:30px; } .pt30 { padding-top:30px; } .pr30 { padding-right:30px; } .pb30 { padding-bottom:30px; } .pl30 { padding-left:30px; }
.pa40 { padding:40px; } .pt40 { padding-top:40px; } .pr40 { padding-right:40px; } .pb40 { padding-bottom:40px; } .pl40 { padding-left:40px; }

/*********************************************************************イメージ調整*/
img.fit, object.fit, embed.fit, iframe.fit { width:100%; max-width:100%; height:auto; width /***/:auto; }
a:hover img { opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; transition: 0.5s ; }
a img {-webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}

/*********************************************************************カラムレイアウト*/
.colm { position:relative; width:100%; }
.colm::after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.colm { display:inline-block; } .grid { display:block; }

.colm .c1, .colm .c2, .colm .c3, .colm .c4, .colm .c5, .colm .c6,
.colm .c7, .colm .c8, .colm .c9, .colm .c10, .colm .c11, .colm .c12
{ position:relative; float:left; margin-left:2.5% !important; }

.colm .c1 { width:6.04167%; }
.colm .c2 { width:14.58333%; }
.colm .c3 { width:23.125%; }
.colm .c4 { width:31.66667%; }
.colm .c5 { width:40.20833%; }
.colm .c6 { width:48.75%; }
.colm .c7 { width:57.29167%; }
.colm .c8 { width:65.83333%; }
.colm .c9 { width:74.375%; }
.colm .c10 { width:82.91667%; }
.colm .c11 { width:91.45833%; }
.colm .c12 { width:100%; margin-left:0 !important; }

.colm .fst { margin-left:0 !important; margin-bottom: 2.5%;  clear:left; }
.colm::after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.colm { display:inline-block; } .colm { display:block; }

.colm .push1 { margin-left:8.54167% !important; }
.colm .push2 { margin-left:17.08333% !important; }
.colm .push3 { margin-left:25.625% !important; }
.colm .push4 { margin-left:34.16667% !important; }
.colm .push5 { margin-left:42.70833% !important; }
.colm .push6 { margin-left:51.25% !important; }
.colm .push7 { margin-left:59.79167% !important; }
.colm .push8 { margin-left:68.33333% !important; }
.colm .push9 { margin-left:76.875% !important; }
.colm .push10 { margin-left:85.41667% !important; }
.colm .push11 { margin-left:93.95833% !important; }

@media screen and (max-width:768px){
	.colm .sc1, .colm .sc2, .colm .sc3, .colm .sc4, .colm .sc5, .colm .sc6,
	.colm .sc7, .colm .sc8, .colm .sc9, .colm .sc10, .colm .sc11, .colm .sc12
	{ position:relative; float:left; margin-left:2.5% !important; }
	.colm .sc1 { width:6.04167%; }
	.colm .sc2 { width:14.58333%; }
	.colm .sc3 { width:23.125%; }
	.colm .sc4 { width:31.66667%; }
	.colm .sc5 { width:40.20833%; }
	.colm .sc6 { width:48.75%; }
	.colm .sc7 { width:57.29167%; }
	.colm .sc8 { width:65.83333%; }
	.colm .sc9 { width:74.375%; }
	.colm .sc10 { width:82.91667%; }
	.colm .sc11 { width:91.45833%; }
	.colm .sc12 { width:100%; margin-left:0 !important; }

	.colm .fst { clear:none; }
	.colm .sfst { margin-left:0 !important; margin-bottom: 2.5%; clear:left; }

	.colm .spush1 { margin-left:8.54167% !important; }
	.colm .spush2 { margin-left:17.08333% !important; }
	.colm .spush3 { margin-left:25.625% !important; }
	.colm .spush4 { margin-left:34.16667% !important; }
	.colm .spush5 { margin-left:42.70833% !important; }
	.colm .spush6 { margin-left:51.25% !important; }
	.colm .spush7 { margin-left:59.79167% !important; }
	.colm .spush8 { margin-left:68.33333% !important; }
	.colm .spush9 { margin-left:76.875% !important; }
	.colm .spush10 { margin-left:85.41667% !important; }
	.colm .spush11 { margin-left:93.95833% !important; }
}

@media screen and (max-width:600px){
	.colm .ssc1, .colm .ssc2, .colm .ssc3, .colm .ssc4, .colm .ssc5, .colm .ssc6,
	.colm .ssc7, .colm .ssc8, .colm .ssc9, .colm .ssc10, .colm .ssc11, .colm .ssc12
	{ position:relative; float:left; margin-left:2.5% !important; }
	.colm .ssc1 { width:6.04167%; }
	.colm .ssc2 { width:14.58333%; }
	.colm .ssc3 { width:23.125%; }
	.colm .ssc4 { width:31.66667%; }
	.colm .ssc5 { width:40.20833%; }
	.colm .ssc6 { width:48.75%; }
	.colm .ssc7 { width:57.29167%; }
	.colm .ssc8 { width:65.83333%; }
	.colm .ssc9 { width:74.375%; }
	.colm .ssc10 { width:82.91667%; }
	.colm .ssc11 { width:91.45833%; }
	.colm .ssc12 { width:100%; margin-left:0 !important; }
	.colm .ssd5 { width:18%; }
	.colm .ssd7 { width:12.14286%; }

	.colm .sfst { clear:none; }
	.colm .ssfst { margin-left:0 !important; margin-bottom: 2.5%; clear:left; }
	
	.colm .sspush1 { margin-left:8.54167% !important; }
	.colm .sspush2 { margin-left:17.08333% !important; }
	.colm .sspush3 { margin-left:25.625% !important; }
	.colm .sspush4 { margin-left:34.16667% !important; }
	.colm .sspush5 { margin-left:42.70833% !important; }
	.colm .sspush6 { margin-left:51.25% !important; }
	.colm .sspush7 { margin-left:59.79167% !important; }
	.colm .sspush8 { margin-left:68.33333% !important; }
	.colm .sspush9 { margin-left:76.875% !important; }
	.colm .sspush10 { margin-left:85.41667% !important; }
	.colm .sspush11 { margin-left:93.95833% !important; }
}

/*********************************************************************PC/SP体裁分け用*/
.tablet { display: none !important; }
.sumaho { display: none !important; }

@media screen and (max-width:768px){
	.tablet { display:block !important; }
}
@media screen and (max-width:600px){
	.sumaho { display: block !important; }
	.nosumaho { display: none !important; }
}