@charset "utf-8";

html {
  height:100%;
  /*
  font-size:6.45%
  */
}
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  /*
  font-size:14rem;
  */
  line-height: 1.75;
  color:#4D4D4D;
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  position: relative;
  min-height: 100%;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
  font-size: 100%;
  margin: 0;
  padding: 0;
  list-style-type:none;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
}
p,dl{
  line-height: 1.7em;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
  display:block;
}
a img {
  border: medium none;
  margin: 0;
  padding: 0;
}
a {
  color: #F8B62D;
  outline: medium none;
}
a:hover {
  color: #B56D90;
  text-decoration: underline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section ,.db{
  display: block;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*  clearfix  */
.clearfix:after,header:after,#gnavi_pc .gnavi:after,#contentsmain:after,.art_contents:after,#navi_sp_top:after,
#gnavi_sp_main ul:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/*  padding  */
.pr_10{
  padding-right:10px !important;
}
.pr_20{
  padding-right:20px !important;
}
.pr_30{
  padding-right:30px !important;
}
.pr_40{
  padding-right:40px !important;
}
.pr_50{
  padding-right:50px !important;
}
.pr_60{
  padding-right:60px !important;
}

.pl_10{
  padding-left:10px !important;
}
.pl_20{
  padding-left:20px !important;
}
.pl_30{
  padding-left:30px !important;
}
.pl_40{
  padding-left:40px !important;
}
.pl_50{
  padding-left:50px !important;
}

.pt_10{
  padding-top:10px !important;
}
.pt_20{
  padding-top:20px !important;
}
.pt_30{
  padding-top:30px !important;
}
.pt_40{
  padding-top:40px !important;
}
.pt_50{
  padding-top:50px !important;
}

.pb_10{
  padding-bottom:10px !important;
}
.pb_20{
  padding-bottom:20px !important;
}
.pb_30{
  padding-bottom:30px !important;
}
.pb_40{
  padding-bottom:40px !important;
}
.pb_50{
  padding-bottom:50px !important;
}


/*  margin  */
.mr_0{
  margin-right:0px !important;
}
.mr_10{
  margin-right:10px !important;
}
.mr_20{
  margin-right:20px !important;
}
.mr_30{
  margin-right:30px !important;
}
.mr_40{
  margin-right:40px !important;
}
.mr_50{
  margin-right:50px !important;
}

.ml_5{
  margin-left:5px !important;
}
.ml_10{
  margin-left:10px !important;
}
.ml_12{
  margin-left:12px !important;
}
.ml_13{
  margin-left:13px !important;
}
.ml_20{
  margin-left:20px !important;
}
.ml_30{
  margin-left:30px !important;
}
.ml_40{
  margin-left:40px !important;
}
.ml_50{
  margin-left:50px !important;
}
.ml_350{
  margin-left:350px !important;
}

.mt_10{
  margin-top:10px !important;
}
.mt_15{
  margin-top:15px !important;
}
.mt_20{
  margin-top:20px !important;
}
.mt_30{
  margin-top:30px !important;
}
.mt_40{
  margin-top:40px !important;
}
.mt_50{
  margin-top:50px !important;
}
.mt_60{
  margin-top:60px !important;
}
.mt_65{
  margin-top:65px !important;
}
.mt_70{
  margin-top:70px !important;
}
.mt_100{
  margin-top:100px !important;
}

.mb_0{
  margin-bottom:0px !important;
}
.mb_10{
  margin-bottom:10px !important;
}
.mb_20{
  margin-bottom:20px !important;
}
.mb_30{
  margin-bottom:30px !important;
}
.mb_40{
  margin-bottom:40px !important;
}
.mb_50{
  margin-bottom:50px !important;
}
.m_c{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/*  font-size  */
.f_10{
  font-size:10px !important;
}
.f_11{
  font-size:11px !important;
}
.f_12{
  font-size:12px !important;
}
.f_13{
  font-size:13px !important;
}
.f_14{
  font-size:14px !important;
}
.f_15{
  font-size:15px !important;
}
.f_16{
  font-size:16px !important;
}
.f_18{
  font-size:18px !important;
}
.f_20{
  font-size:20px !important;
}
.f_36{
  font-size:36px !important;
}
.f_b{
  font-weight:bold !important;
}

/*  border  */
.bd_n{
  border:none !important;
}


/*  float  */
.float_r{
  float:right !important;
}
.float_l{
  float:left !important;
}
.clear{
  clear:both !important;
}


/*  text-align  */
.t_r{
  text-align:right;
}
.t_l{
  text-align:left;
}
.t_c{
  text-align:center !important;
}


/*  color  */
.red {
  color: #ff0033 !important;
}
.blue {
  color: #2ea7e0 !important;
}
.purple{
  color:#006699 !important;
}
.gry01{
  color: #666666 !important;
}
.bk{
  color:#000 !important;
}
.pink{
  color:#F6C !important;
}
.orange{
  color:#ff5151 !important;
}

.yellow{
  color:#FF0 !important;
}
/* spece */
.sp_s{
  color:#fff;
}
/* strong */
.st01{
  font-size:18px !important;
  color:#968375 !important;
}
.st02{
  color: #a37c52 !important;
  font-size: 18px !important;
}
.st03{
  color:#ff8841 !important;
  font-weight:bold !important;
  font-size:22px !important;
}
/*  border  */
.border_non{
  border:none !important
}
.p_border_b01{
  border-bottom: 2px dotted #b5b5b6;
  padding-bottom:15px;
}
.p_border_b02{
  border-bottom: 1px dashed #EF8459;
  padding-bottom:15px;
}

.li_boder_bn{
  border-bottom:none !important;
}
.li_boder_b{
  border-bottom:3px #B5B5B6 dotted;
}
/*  table  */

/* ul.li */

.listyle_none {
  list-style-type: none !important;
}

@media (min-width: 680px) {
  /* display */
  .dn_pc{
    display:none !important;
  }
  .in-block_sp{
    display:inline;
  }
}
@media (max-width: 679px) {
  body{
    font-size: 15px;
  }
  h1, h2, h3, h4, h5, h6, p{
    line-height: 1.6em;
  }
  /* display */
  .dn_mob{
    display:none !important;
  }
  .db_mob{
    display:block !important;
  }
  .in-block_sp{
    display:inline-block;
  }
  .div_mobframe{
    overflow-x:scroll;
    -webkit-overflow-scrolling: touch;
    position:relative;
  }
  /*
  .div_mobframe::after{
  position:absolute;
  top:10px;
  left:10px;
  content:"";
  background:url(../img/common/ic_flick02.png) no-repeat 0 0/ 55px 59px;
  width:55px;
  height:59px;
  opacity:0.75;
}
  */
}