@charset "utf-8";

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



@common.css



* last update 170925

* v1.2



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

html,body{

  font-size:13px;

  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/

  letter-spacing:1px;

  word-break: break-all;

  word-wrap: break-word;



  /*文字のアンチエイリアス設定*/

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;/*Firefox*/



  /*文字詰め*/

  font-feature-settings: "palt";

}





img {

	-ms-interpolation-mode: bicubic;

	vertical-align:baseline;

}



.pc{display: block;}

.sp{display: none;}





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



#wrapper



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

#wrapper{

  width:100%;

  min-width:1024px;

  display:block;

  position: relative;

  background: url(../img/common/bg_pt0.png) repeat #000;

}





#wrapper-inner{

  background: url(../img/common/bg_pt1.png) repeat #fff;

  background-size: 15px 15px;

  width: 1024px;

  min-height: 650px;

  margin: 0 auto;

  box-shadow: 0px 0px 10px rgba(0,0,0,1);

}



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



#contents



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

#contents{

	min-height:650px;

	overflow:hidden;

}



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



#footer



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

#footer{

  width: 100%;

  color: #fff;

  background: url(../img/common/bg_pt3.png) repeat #fff;

}



#footer-inner{

  width: 94%;

  margin: 0 auto;

  padding: 30px 0;

}



.footer-block{

  padding: 0 0 10px 0;

}

.footer-block-ttl{

  font-size: 16px;

  font-weight: bold;

  padding: 0 0 5px 0;

}

.footer-block ul li{

  font-size: 14px;

  padding: 0 0 0 1em;

  text-indent: -1em;

  line-height: 1.4em;

}



.cc{

  text-align: center;

  padding: 5px 0;

}





#official-banner{

	width: 380px;

	height: 100px;

	position: relative;

	margin: 20px auto;

}





#official-banner a{

	position: absolute;

	display: block;

	top: 0px;

	left: 0px;

	z-index: 1;

	-webkit-transition:all 0.1s ease;

	transition: all 0.1s ease;

}





#official-banner:hover a{

	top: 5px;

}





#official-banner:after{

	content: "";

	display: block;

	width: 380px;

	height: 100px;

	border-radius:10px;

	overflow: hidden;

	background: #af111b;

	position: absolute;

	z-index: 0;

	bottom:-5px;

	left: 0px;

}







@media screen and (max-width: 980px) {



.pc{display: none;}

.sp{display: block;}



  #wrapper{

  width:100%;

  min-width:100%;

  display:block;

  position: relative;

  background: #000;

  background-image: none;

}





#wrapper-inner{

  background: url(../img/common/bg_pt1.png) repeat #fff;

  background-size: 15px 15px;

  width: 100%;

  min-height: 650px;

  margin: 0 auto;

  box-shadow: none;

}

  

  #sub-header{

    width: 100%;

  }

  

  .sub-header-img{

    width: 100%;

  }

  

  /***********************

  #footer

  ***********************/

  #footer{

    width: 100%;

  }



  #footer-inner{

    width: 94%;

    margin: 0 auto;

    padding: 5% 0;

  }



  .footer-block{

    padding: 0 0 10px 0;

  }

  .footer-block-ttl{

    font-size: 14px;

    font-weight: bold;

    padding: 0 0 5px 0;

  }

  .footer-block ul li{

    font-size: 12px;

    padding: 0 0 0 1em;

    text-indent: -1em;

    line-height: 1.4em;

  }



  .cc{

    text-align: center;

    padding:5px 0;

  }

  

	#official-banner{

		width: 300px;

		height: 79px;

		position: relative;

		margin: 10% auto;

	}





	#official-banner a{

		position: absolute;

		display: block;

		top: 0px;

		left: 0px;

		z-index: 1;

		-webkit-transition:all 0.1s ease;

		transition: all 0.1s ease;

	}

	

	#official-banner a img{

		width: 300px;

		height: 79px;

	}





	#official-banner:hover a{

		top: 5px;

	}





	#official-banner:after{

		content: "";

		display: block;

		width: 300px;

		height: 79px;

		border-radius:10px;

		overflow: hidden;

		background: #af111b;

		position: absolute;

		z-index: 0;

		bottom:-5px;

		left: 0px;

	}







}



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



@modules



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

.en-font{ font-family:Georgia, "Times New Roman", Times, serif,Arial, Helvetica, sans-serif; }

.font10 { font-size:77%; }

.font11 { font-size:85%; }

.font12 { font-size:93%; }

.font13 { font-size:100%; }

.font14 { font-size:108%; }

.font15 { font-size:116%; }

.font16 { font-size:124%; }

.font17 { font-size:131%; }

.font18 { font-size:139%; }

.font19 { font-size:147%; }

.font20 { font-size:154%; }

.font21 { font-size:162%; }

.font22 { font-size:169%; }

.font23 { font-size:177%; }

.font24 { font-size:185%; }

.font25 { font-size:192%; }

.font26 { font-size:200%; }



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



@flex



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

.flex{

	display: -webkit-flex; /* Safari */

	display: flex;

}





.flex-wrap{

	-webkit-flex-wrap: wrap; /* Safari */

	flex-wrap: wrap;

}





.flex-center{

  -webkit-justify-content: center; /* Safari */

  justify-content: center;

}





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



clearfix



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

.clearfix {}

.clearfix:after{

	content : '';

	display : block;

	clear : both;

}





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



float



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

.float-left{ float: left; }

.float-right{ float: right; }

.clear{ clear: both; }





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



align



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

.align-right{ text-align:right; }

.align-left{ text-align:left; }

.align-center{ text-align:center; }





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



letter-spacing



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

.space-none{ letter-spacing:0; }

.space-narrow{ letter-spacing:0.1em; }

.space-normal{ letter-spacing:2px; }





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



a



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

a{text-decoration:underline;}

a:link{}

a:visited{}

a:hover{}

a:active{}





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



font-weight



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

.bold{ font-weight:bold;}





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



display



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

.none{ display:none;}

.block{display:block;}





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



position



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

.relative{position:relative;}

.margin-auto{ margin:0 auto;}





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



guard



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

.guard{

  position:absolute;

  display:block;

  width:100%;

  height:100%;

  top:0;

  left:0;

  background-image:url(../img/spacer.gif);

}





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



@reset



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

ul,li,ol{list-style: none;}