@charset "UTF-8";
/* CSS Document */
/*-------------------HTML5共通
---------------------------*/
body{width: 100%;height: 100%;}
html{width: 100%;height: 100%;}
article{}
section{}
header{}
nav{}
table{}
/*フッター*/
footer{}

.wrapper{width: 100%;}
.wrapper_inner{width: 1000px;margin: 0 auto;}
/* ----------------------フォーム
---------------------------- */
input, button, textarea, select {
}
input,select{
}
/*フォント*/
.sans_serif{font-family: helvetica, arial, sans-serif;}
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
/*レイアウト*/
.container{}
.row{}
.inner{margin: 10px;}
/*背景色*/
.back_gray{background-color: #efefef;}
.back_white{background-color: #fff;}
/*リンク画像*/
a:hover img{opacity: 0.7;}

/*-------------------カラム共通
---------------------------*/
.col1{width: 8.3333333%;}
.col2{width: 16.6666667%;}
.col3{width: 25%;}
.col4{width: 33.3333333%;}
.col5{width: 41.6666667%;}
.col6{width: 50%;}
.col7{width: 58.3333333%;}
.col8{width: 66.6666667%;}
.col9{width: 75%;}
.col10{width: 83.3333333%;}
.col11{width: 91.6666667%;}
.col12{width: 100%;}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: left;}

.col20{width: 20%;float: left;}

.h25p{height: 25%;}
.h33p{height: 33.3333333%;}
.h30p{height: 30%;}
.h40p{height: 40%;}
.h50p{height: 50%;}
.h60p{height: 60%;}
.h70p{height: 70%;}
.h80p{height: 80%;}
.h100p{height: 100%;}

.box{
	background-image: url();
	background-position: center top;
	min-height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.box_inner{
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
}
/*---------------------マージン共通
-------------------------------*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
/*----------------パディング共通
----------------------------*/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}

.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
/*-----------------フォントサイズ
-----------------------*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f27{font-size: 27px;}
.f28{font-size: 28px;}
.f29{font-size: 29px;}
.f30{font-size: 30px;}
.f31{font-size: 31px;}
.f32{font-size: 32px;}
.f33{font-size: 33px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f37{font-size: 37px;}
.f38{font-size: 38px;}
.f39{font-size: 39px;}
.f40{font-size: 40px;}

.fb10{font-size: 10px;font-weight: bold;}
.fb11{font-size: 11px;font-weight: bold;}
.fb12{font-size: 12px;font-weight: bold;}
.fb13{font-size: 13px;font-weight: bold;}
.fb14{font-size: 14px;font-weight: bold;}
.fb15{font-size: 15px;font-weight: bold;}
.fb16{font-size: 16px;font-weight: bold;}
.fb17{font-size: 17px;font-weight: bold;}
.fb18{font-size: 18px;font-weight: bold;}
.fb19{font-size: 19px;font-weight: bold;}
.fb20{font-size: 20px;font-weight: bold;}
.fb21{font-size: 21px;font-weight: bold;}
.fb22{font-size: 22px;font-weight: bold;}
.fb23{font-size: 23px;font-weight: bold;}
.fb24{font-size: 24px;font-weight: bold;}
.fb25{font-size: 25px;font-weight: bold;}
.fb26{font-size: 26px;font-weight: bold;}
.fb27{font-size: 27px;font-weight: bold;}
.fb28{font-size: 28px;font-weight: bold;}
.fb29{font-size: 29px;font-weight: bold;}
.fb30{font-size: 30px;font-weight: bold;}
.fb31{font-size: 31px;font-weight: bold;}
.fb32{font-size: 32px;font-weight: bold;}
.fb33{font-size: 33px;font-weight: bold;}
.fb34{font-size: 34px;font-weight: bold;}
.fb35{font-size: 35px;font-weight: bold;}
.fb36{font-size: 36px;font-weight: bold;}
.fb37{font-size: 37px;font-weight: bold;}
.fb38{font-size: 38px;font-weight: bold;}
.fb39{font-size: 39px;font-weight: bold;}
.fb40{font-size: 40px;font-weight: bold;}

.f1em{font-size: 1em;}
.f11em{font-size: 1.1em;}
.f12em{font-size: 1.2em;}
.f13em{font-size: 1.3em;}
.f14em{font-size: 1.4em;}
.f15em{font-size: 1.5em;}
.f16em{font-size: 1.6em;}
.f17em{font-size: 1.7em;}
.f18em{font-size: 1.8em;}
.f19em{font-size: 1.9em;}
.f20em{font-size: 2em;}

.color_red{color: red;}

/*--------ボーダー共通
--------------------*/
.bt1{border-top: 1px solid #333;}
.bt2{border-top: 2px solid #333;}
.bt3{border-top: 3px solid #333;}
.bb1{border-bottom: 1px solid #333;}
.bb2{border-bottom: 2px solid #333;}
.bb3{border-bottom: 3px solid #333;}

/*--------ラインヘイト
--------------------*/
.lh15{line-height:1.5em;}
.lh16{line-height:1.6em;}
.lh17{line-height:1.7em;}
.lh18{line-height:1.8em;}
.lh19{line-height:1.9em;}
.lh20{line-height: 2em;}

/*-----------------フロート
-----------------------*/
.left{float: left;}
.right{float: right;}
/*---------------テキスト寄せ
------------------------*/
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center{text-align: center;}
/*---------------clearfix
-----------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*----ブラウザハック
---------------------------*/
/*edgeだけの設定*/
@supports(-ms-ime-align:auto){}
/*IE11だけの設定*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body{}
	*::-ms-backdrop, html{}
}
/*----パソコンとスマホでの表示非表示
---------------------------*/
.pc_show{}
.sp_show{display: none !important;}
.tb_show{display: none !important;}
/*----メディアクエリスマホサイズ
---------------------------*/
@media (max-width:640px) {
	.pc_show{display: none !important;}
	.sp_show{display: inherit !important;}
	.tb_show{display: none !important;}
	.sp_img img{
		width: 100%;
		height: auto;
	}

/*-------------------スマホ共通
---------------------------*/
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: none;width: 100%;}
.col20{float: none;width: 100%;}

.col1_sp{width: 8.3333333%;}
.col2_sp{width: 16.6666667%;}
.col3_sp{width: 25%;}
.col4_sp{width: 33.3333333%;}
.col5_sp{width: 41.6666667%;}
.col6_sp{width: 50%;}
.col7_sp{width: 58.3333333%;}
.col8_sp{width: 66.6666667%;}
.col9_sp{width: 75%;}
.col10_sp{width: 83.3333333%;}
.col11_sp{width: 91.6666667%;}
.col12_sp{width: 100%;}
.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp,.col7_sp,.col8_sp,.col9_sp,.col10_sp,.col11_sp,.col12_sp{float: left;}

.f10_sp{font-size: 10px;}
.f11_sp{font-size: 11px;}
.f12_sp{font-size: 12px;}
.f13_sp{font-size: 13px;}
.f14_sp{font-size: 14px;}
.f15_sp{font-size: 15px;}
.f16_sp{font-size: 16px;}
.f17_sp{font-size: 17px;}
.f18_sp{font-size: 18px;}
.f19_sp{font-size: 19px;}
.f20_sp{font-size: 20px;}
.f21_sp{font-size: 21px;}
.f22_sp{font-size: 22px;}
.f23_sp{font-size: 23px;}
.f24_sp{font-size: 24px;}
.f25_sp{font-size: 25px;}
.f26_sp{font-size: 26px;}
.f27_sp{font-size: 27px;}
.f28_sp{font-size: 28px;}
.f29_sp{font-size: 29px;}
.f30_sp{font-size: 30px;}
.f31_sp{font-size: 31px;}
.f32_sp{font-size: 32px;}
.f33_sp{font-size: 33px;}
.f34_sp{font-size: 34px;}
.f35_sp{font-size: 35px;}
.f36_sp{font-size: 36px;}
.f37_sp{font-size: 37px;}
.f38_sp{font-size: 38px;}
.f39_sp{font-size: 39px;}
.f40_sp{font-size: 40px;}


}

/*--メディアクエリタブレットサイズ
---------------------------*/
@media (min-width:641px) and (max-width:769px){
	.pc_show{display: none !important;}
	.sp_show{display: inherit !important;}
	.tb_show{display: inherit !important;}
	.sp_img img{
		width: 100%;
		height: auto;
	}

/*-------------------スマホ共通
---------------------------*/
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: none;width: 100%;}
.col20{float: none;width: 100%;}

.col1_tb{width: 8.3333333%;}
.col2_tb{width: 16.6666667%;}
.col3_tb{width: 25%;}
.col4_tb{width: 33.3333333%;}
.col5_tb{width: 41.6666667%;}
.col6_tb{width: 50%;}
.col7_tb{width: 58.3333333%;}
.col8_tb{width: 66.6666667%;}
.col9_tb{width: 75%;}
.col10_tb{width: 83.3333333%;}
.col11_tb{width: 91.6666667%;}
.col12_tb{width: 100%;}
.col1_tb,.col2_tb,.col3_tb,.col4_tb,.col5_tb,.col6_tb,.col7_tb,.col8_tb,.col9_tb,.col10_tb,.col11_tb,.col12_tb{float: left;}

.f10_tb{font-size: 10px;}
.f11_tb{font-size: 11px;}
.f12_tb{font-size: 12px;}
.f13_tb{font-size: 13px;}
.f14_tb{font-size: 14px;}
.f15_tb{font-size: 15px;}
.f16_tb{font-size: 16px;}
.f17_tb{font-size: 17px;}
.f18_tb{font-size: 18px;}
.f19_tb{font-size: 19px;}
.f20_tb{font-size: 20px;}
.f21_tb{font-size: 21px;}
.f22_tb{font-size: 22px;}
.f23_tb{font-size: 23px;}
.f24_tb{font-size: 24px;}
.f25_tb{font-size: 25px;}
.f26_tb{font-size: 26px;}
.f27_tb{font-size: 27px;}
.f28_tb{font-size: 28px;}
.f29_tb{font-size: 29px;}
.f30_tb{font-size: 30px;}
.f31_tb{font-size: 31px;}
.f32_tb{font-size: 32px;}
.f33_tb{font-size: 33px;}
.f34_tb{font-size: 34px;}
.f35_tb{font-size: 35px;}
.f36_tb{font-size: 36px;}
.f37_tb{font-size: 37px;}
.f38_tb{font-size: 38px;}
.f39_tb{font-size: 39px;}
.f40_tb{font-size: 40px;}
}