@charset "UTF-8";

.fade {   transition: opacity .3s;}
.fade:hover { opacity: .7;}

.write { line-height: 1.8;}

.res_img {
  width: 100%;
  height: auto;
}

.u_line:link { text-decoration: underline;}
.hu_line a:hover { text-decoration: underline;}

.fc_notice { color: #e33764;}

.heading.line {
  padding-bottom: .6em;
  border-bottom: 1px solid #ccc;
}
.heading .bar { padding-left: 10px;}

.heading .bar.logo { border-left: 5px solid #f5be00;}

.btn {
  display: inline-block;
  border-radius: 3px;
  box-sizing: border-box;
}

.btn.small { padding: 8px 16px;}
.btn.medium { padding: 12px 32px;}

.btn.wide {
  width: 100%;
  text-align: center;
}

.btn.basic {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
.btn.contents {
  color: #fff;
  background-color: #3bb2c6;
}
.btn.order {
  color: #fff;
  background-color: #f84747;
}
.btn.other {
  color: #fff;
  background-color: #5fba3b;
}
a .ico_arw {
  padding-right: 22px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: auto 16px;
}
a .ico_arw.logo { background-image: url(../img/logo_c_arw.png);}
a .ico_arw.contents { background-image: url(../img/contents_c_arw.png);}
a .ico_arw.white { background-image: url(../img/c_arw_l.png);}

a .ico_tab {
  padding-right: 24px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: auto 14px;
}
.btn.contents .ico_tab { background-image: url(../img/ico_tab.png);}