@charset "UTF-8";
/*---------------
ブレイクポイントでの表示制御
---------------*/
.sp-only,.ipad-only {
	display: none;
}
/*---------------
クリアーフィックス
---------------*/
.clearfix {
 *zoom: 1;
}
.clearfix:after {
	display: block;
	content: '';
	clear: both;
}
/*---------------
ポジション
---------------*/
.poshi-rela{
position:relative;	
}
.poshi-relaz1{
position:relative;
z-index:1;	
}
.poshi-relaz2{
position:relative;
z-index:2;
}

.poshi-ab{
position:absolute;	
}
.poshi-abz1{
position:absolute;
z-index:1;		
}
.poshi-abz2{
position:absolute;
z-index:2;		
}

.poshi-fix{
position:fixed;
}
/*---------------
オーバーフロー
---------------*/
.ov-hid{/*スマホ時display:none*/
overflow:hidden;	
}
.ov-hidden{
overflow:hidden;	
}
.ov-auto{
overflow:auto;	
}
.ov-vi{
overflow: visible;	
}
/*---------------
フロート
---------------*/
.float-l{
float:left;	
}

.float-r{
float:right;	
}

/*---------------------*/
/*	汎用 フォント
/*---------------------*/

.minfont{
font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;	
}
.gofont{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;	
}
.text-shadow{
text-shadow:
0 0 50px #ffffff,
0 0 50px #ffffff,
0 0 50px #ffffff,
0 0 10px #ffffff,
0 0 15px #ffffff,
0 0 25px #ffffff, 
0 0 20px #ffffff, 
0 0 0.40px #ffffff;
color:#123d51;
}
/*align*/
.tcneter {
text-align: center;
}
.tleft {
text-align: left;
}
.tright {
text-align: right;
}

/*p*/
.ptype1{
font-size:16px;
color:#123d51;	
}
.font-b{
font-weight:bold;	
}
/*フォントサイズ*/
/*px 12～48で指定*/
.fs-px12{font-size:12px}.fs-px13{font-size:13px}.fs-px14{font-size:14px}.fs-px15{font-size:15px}.fs-px16{font-size:16px}.fs-px17{font-size:17px}.fs-px18{font-size:18px}.fs-px19{font-size:19px}.fs-px20{font-size:20px}.fs-px21{font-size:21px}.fs-px22{font-size:22px}.fs-px23{font-size:23px}.fs-px24{font-size:24px}.fs-px25{font-size:25px}.fs-px26{font-size:26px}.fs-px27{font-size:27px}.fs-px28{font-size:28px}.fs-px29{font-size:29px}.fs-px30{font-size:30px}.fs-px31{font-size:31px}.fs-px32{font-size:32px}.fs-px33{font-size:33px}.fs-px34{font-size:34px}.fs-px35{font-size:35px}.fs-px36{font-size:36px}.fs-px37{font-size:37px}.fs-px38{font-size:38px}.fs-px39{font-size:39px}.fs-px40{font-size:40px}.fs-px41{font-size:41px}.fs-px42{font-size:42px}.fs-px43{font-size:43px}.fs-px44{font-size:44px}.fs-px45{font-size:45px}.fs-px46{font-size:46px}.fs-px47{font-size:47px}.fs-px48{font-size:48px}

/*---------------------*/
/*	汎用 max-width
/*---------------------*/
.max100p {
	max-width: 100%;
}
.max1088 {
	max-width: 1088px;
}
.max936 {
	max-width: 936px;
}
.max888 {
	max-width: 888px;
}
.max848 {
	max-width: 848px;
}
.max219 {
	max-width: 219px;
}
.max500{
	max-width: 500px;
}
.max389{
	max-width: 389px;
}
.max320 {
	max-width: 320px;
}
.max300 {
	max-width: 300px;
}
.max280 {
	max-width: 280px;
}
.max240 {
	max-width: 240px;
}
.max200 {
	max-width: 200px;
}
/*---------------------*/
/*	汎用 width
/*---------------------*/
.w100 {
	width: 100%;
}

/*---------------------*/
/*　汎用pcのマージントップ
/*---------------------*/
.pcmt0 {
	margin-top: 0;
}
.pcmt8 {
	margin-top: 8px;
}
.pcmt16 {
	margin-top: 16px;
}
.pcmt24 {
	margin-top: 24px;
}
.pcmt32 {
	margin-top: 32px;
}
.pcmt40 {
	margin-top: 40px;
}
.pcmt48 {
	margin-top: 48px;
}
.pcmt56 {
	margin-top: 56px;
}
.pcmt64 {
	margin-top: 64px;
}
.pcmt72 {
	margin-top: 72px;
}
.pcmt80 {
	margin-top: 80px;
}

/*---------------------*/
/*　汎用pcのマージンライト
/*---------------------*/

.pcmr0 {
	margin-right: 0;
}
.pcmr8 {
	margin-right: 8px;
}
.pcmr16 {
	margin-right: 16px;
}
.pcmr24 {
	margin-right: 24px;
}
.pcmr32 {
	margin-right: 32px;
}
.pcmr40 {
	margin-right: 40px;
}
.pcmr48 {
	margin-right: 48px;
}
/*---------------------*/
/*　汎用pcのマージンボトム
/*---------------------*/
.pcmb0 {
	margin-bottom: 0;
}
.pcmb8 {
	margin-bottom: 8px;
}
.pcmb16 {
	margin-bottom: 16px;
}
.pcmb24 {
	margin-bottom: 24px;
}
.pcmb32 {
	margin-bottom: 32px;
}
.pcmb40 {
	margin-bottom: 40px;
}
.pcmb48 {
	margin-bottom: 48px;
}
.pcmb56 {
	margin-bottom: 56px;
}
.pcmb64 {
	margin-bottom: 64px;
}
.pcmb72 {
	margin-bottom: 72px;
}
.pcmb80 {
	margin-bottom: 80px;
}
.pcmb88 {
	margin-bottom: 88px;
}
.pcmb96 {
	margin-bottom: 96px;
}
.pcmb104 {
	margin-bottom: 104px;
}
.pcmb112 {
	margin-bottom: 112px;
}

/*---------------------*/
/*　汎用pcのマージンレフト
/*---------------------*/

.pcml0 {
	margin-left: 0;
}
.pcml8 {
	margin-left: 8px;
}
.pcml16 {
	margin-left: 16px;
}
.pcml24 {
	margin-left: 24px;
}
.pcml32 {
	margin-left: 32px;
}
.pcml40 {
	margin-left: 40px;
}
.pcml48 {
	margin-left: 48px;
}

/*---------------------*/
/*　汎用 float
/*---------------------*/
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
/*---------------------*/
/*　汎用 floatセット
/*---------------------*/
/*---------------------*/
/*　汎用 margin
/*---------------------*/
 @media screen and (max-width: 768px) {
.ipad-only{
display:block;	
}
 }
 @media screen and (max-width: 767px) {
/*---------------
ブレイクポイントでの表示制御
---------------*/
.ipad-only{
display:none;	
}
.sp-only {
	display:block;
}
.pc-only {
	display:none;
}

/*---------------------*/
/*　汎用sp-margin-bottom
/*---------------------*/
.spmb0 {
	margin-bottom: 0;
}
.spmb8 {
	margin-bottom: 8px;
}
.spmb16 {
	margin-bottom: 16px;
}
.spmb24 {
	margin-bottom: 24px;
}
.spmb32 {
	margin-bottom: 32px;
}
.spmb40 {
	margin-bottom: 40px;
}
.spmb48 {
	margin-bottom: 48px;
}
.spmb56 {
	margin-bottom: 56px;
}
.spmb64 {
	margin-bottom: 64px;
}
.spmb72 {
	margin-bottom: 72px;
}
.spmb80 {
	margin-bottom: 80px;
}
.spmb88 {
	margin-bottom: 88px;
}
.spmb96 {
	margin-bottom: 96px;
}
.spmb104 {
	margin-bottom: 104px;
}
.spmb112 {
	margin-bottom: 112px;
}
/*---------------------*/
/*　汎用sp-margin-top
/*---------------------*/
.spmt0 {
	margin-top: 0px;
}
.spmt8 {
	margin-top: 8px;
}
.spmt16 {
	margin-top: 16px;
}
.spmt24 {
	margin-top: 24px;
}
.spmt32 {
	margin-top: 32px;
}
.spmt40 {
	margin-top: 40px;
}
.spmt48 {
	margin-top: 48px;
}

.spml0 {
	margin-left: 0;
}
.spml8 {
	margin-left: 8px;
}
.spml16 {
	margin-left: 16px;
}
.spml24 {
	margin-left: 24px;
}
.spml32 {
	margin-left: 32px;
}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}
