@charset "utf-8";
/* CSS Document */


/* ---------------------------
common
-----------------------------*/
article {
/*overflow-x: hidden;*/
  -webkit-text-size-adjust: 100%; /* スマホで字が大きくなるのを防ぐ */
  letter-spacing: 0.15rem;
  font-weight: normal;
  line-height: 180%;
/*  text-align: justify;*/
}
article a {text-decoration: none;}

/*.b_border{border-bottom: 4px solid #f3c71e}*/
.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;}
.mt100{margin-top: 100px;}

.mb5{margin-bottom: 5px;}
.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;}
.mb100{margin-bottom: 100px;}
.mb200{margin-bottom: 200px;}
.mb250{margin-bottom: 250px;}

.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;}

.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;}


.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}

.font08{font-size:0.8rem;}
.font09{font-size:0.9rem;}
.font10{font-size:1rem;}
.font11{font-size:1.1rem;}
.font12{font-size:1.2rem;}
.font13{font-size:1.3rem;}
.font14{font-size:1.4rem;}
.font15{font-size:1.5rem;}
.font16{font-size:1.6rem;}
.font18{font-size:1.8rem;}
.font20{font-size:2rem;}
.font24{font-size:2.4rem;}
.font30{font-size:3rem;}
.font38{font-size:3.8rem;}

.bold{font-weight: bold;}
.center{text-align: center;}
.right{text-align: right;}

.f_r{float:right;}
.f_l{float:left;}
.f_n{float:none;}
.cl{clear: both;}
.ofh{overflow: hidden;}
.t{display: table}
.t-cell{display: table-cell}
.hv:hover{opacity: 0.6 ;transition: 1.0s ;}

.img-responsive img{
	max-width:100%;
    height:auto;
}

#contentwrap {
  width: 100%;
  margin: 0 auto;
  background-size: 100%;
  letter-spacing: 0.15rem;
  border: none;
  padding: 0;
}

/* boxの設定 */
.box1400 {max-width: 1400px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box1200 {max-width: 1200px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box1050 {max-width: 1050px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box950 {max-width: 950px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box850 {max-width: 850px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box800 {max-width: 800px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box750 {max-width: 750px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box700 {max-width: 700px;box-sizing: border-box;margin-right: auto;margin-left: auto;}
.box600 {max-width: 600px;box-sizing: border-box;margin-right: auto;margin-left: auto;}


/* margin */
.mg0{margin: 0 auto;}
.mg50 {margin: 50px auto;}
.mg100 {margin: 100px auto;}
.mg150 {margin: 150px auto;}


/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
/*.clearfix {
  display: inline-block;
}*/