@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;
}
a img:hover{opacity: 0.6 ;transition: 1.0s ;}

.mark_y {background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.6) 60%);}
.mark_r {background: linear-gradient(transparent 60%, rgba(237, 30, 121, 0.6) 60%);}


/* ドラッグしたとき色が変わる */
/*article ::selection {
  background: #fff462;
  color: #ffffff;
}*/
/* for Firefox */
/*article ::-moz-selection {
  background: #fff462;
  color: #ffffff;
}*/

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

/* boxの設定 */
.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;}
.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;}

/* text */
.tate {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
/*縦中横*/
.text-combine {
  -webkit-text-combine: horizontal; 
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}











/* -------------------------------------------
clearfix
---------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}