@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : blog_hotel.css
 author     : Ability Consultant
 style info : 休暇村 スタッフブログ
=================================================================== */
.con_blog_search, .con_blog_contents, .con_blog_contents .box_list, .detail .box_blog_detail .box_blog_contents .box_layout_01, .detail .box_blog_detail .box_blog_contents .box_layout_02, .detail .box_blog_detail .box_blog_contents, .detail .box_blog_detail .box_more {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1260px) {
  .con_blog_search, .con_blog_contents, .con_blog_contents .box_list, .detail .box_blog_detail .box_blog_contents .box_layout_01, .detail .box_blog_detail .box_blog_contents .box_layout_02, .detail .box_blog_detail .box_blog_contents, .detail .box_blog_detail .box_more {
    width: 98%;
  }
}

.box_blog_cate:after, .con_blog_search:after, .con_blog_contents:after, .con_blog_contents .box_list:after, .con_blog_contents .box_list .box_inner:after, .con_blog_contents .box_list .box_contents .box_txt:after, .con_blog_contents #sub .box_ranking .ranking_list:after, .detail .box_blog_detail .box_blog_contents .box_layout_01:after, .detail .box_blog_detail .box_blog_contents .box_layout_02:after, .detail .box_blog_detail .box_blog_contents:after, .detail .box_blog_detail .box_blog_contents .box_layout_03:after, .detail .box_blog_detail .box_more .box_inner .box_contents:after {
  content: "";
  display: table;
  clear: both;
}

/* Hover animation */
/* font-awesome */
/* -----------------------------------------------------------
#blog
----------------------------------------------------------- */
#blog {
  /* -----------------------------------------------------------
  #header
  ----------------------------------------------------------- */
}
#blog.mura_copy #header {
  background: url(../../../mura_copy/blog/images/img_main_page_mura_copy.jpg) center 0 no-repeat;
}
#blog.shikotsu #header {
  background: url(../../../shikotsu/blog/images/img_main_page_shikotsu.jpg) center 0 no-repeat;
}
#blog.iwate #header {
  background: url(../../../iwate/blog/images/img_main_page_iwate.jpg) center 0 no-repeat;
}
#blog.miyako #header {
  background: url(../../../miyako/blog/images/img_main_page_miyako.jpg) center 0 no-repeat;
}
#blog.nyuto #header {
  background: url(../../../nyuto/blog/images/img_main_page_nyuto.jpg) center 0 no-repeat;
}
#blog.kesen #header {
  background: url(../../../kesen/blog/images/img_main_page_kesen.jpg) center 0 no-repeat;
}
#blog.haguro #header {
  background: url(../../../haguro/blog/images/img_main_page_haguro.jpg) center 0 no-repeat;
}
#blog.bandai #header {
  background: url(../../../bandai/blog/images/img_main_page_bandai.jpg) center 0 no-repeat;
}
#blog.nasu #header {
  background: url(../../../nasu/blog/images/img_main_page_nasu.jpg) center 0 no-repeat;
}
#blog.nikko #header {
  background: url(../../../nikko/blog/images/img_main_page_nikko.jpg) center 0 no-repeat;
}
#blog.kazawa #header {
  background: url(../../../kazawa/blog/images/img_main_page_kazawa.jpg) center 0 no-repeat;
}
#blog.musashi #header {
  background: url(../../../musashi/blog/images/img_main_page_musashi.jpg) center 0 no-repeat;
}
#blog.tateyama #header {
  background: url(../../../tateyama/blog/images/img_main_page_tateyama.jpg) center 0 no-repeat;
}
#blog.myoukou #header {
  background: url(../../../myoukou/blog/images/img_main_page_myoukou.jpg) center 0 no-repeat;
}
#blog.sado #header {
  background: url(../../../sado/blog/images/img_main_page_sado.jpg) center 0 no-repeat;
}
#blog.azumino #header {
  background: url(../../../azumino/blog/images/img_main_page_azumino.jpg) center 0 no-repeat;
}
#blog.norikura #header {
  background: url(../../../norikura/blog/images/img_main_page_norikura.jpg) center 0 no-repeat;
}
#blog.izu #header {
  background: url(../../../izu/blog/images/img_main_page_izu.jpg) center 0 no-repeat;
}
#blog.fuji #header {
  background: url(../../../fuji/blog/images/img_main_page_fuji.jpg) center 0 no-repeat;
}
#blog.irago #header {
  background: url(../../../irago/blog/images/img_main_page_irago.jpg) center 0 no-repeat;
}
#blog.chausu #header {
  background: url(../../../chausu/blog/images/img_main_page_chausu.jpg) center 0 no-repeat;
}
#blog.noto #header {
  background: url(../../../noto/blog/images/img_main_page_noto.jpg) center 0 no-repeat;
}
#blog.echizen #header {
  background: url(../../../echizen/blog/images/img_main_page_echizen.jpg) center 0 no-repeat;
}
#blog.ohmi #header {
  background: url(../../../ohmi/blog/images/img_main_page_ohmi.jpg) center 0 no-repeat;
}
#blog.awaji #header {
  background: url(../../../awaji/blog/images/img_main_page_awaji.jpg) center 0 no-repeat;
}
#blog.takeno #header {
  background: url(../../../takeno/blog/images/img_main_page_takeno.jpg) center 0 no-repeat;
}
#blog.kada #header {
  background: url(../../../kada/blog/images/img_main_page_kada.jpg) center 0 no-repeat;
}
#blog.katsuura #header {
  background: url(../../../katsuura/blog/images/img_main_page_katsuura.jpg) center 0 no-repeat;
}
#blog.daisen #header {
  background: url(../../../daisen/blog/images/img_main_page_daisen.jpg) center 0 no-repeat;
}
#blog.hiruzen #header {
  background: url(../../../hiruzen/blog/images/img_main_page_hiruzen.jpg) center 0 no-repeat;
}
#blog.ohkuno #header {
  background: url(../../../ohkuno/blog/images/img_main_page_ohkuno.jpg) center 0 no-repeat;
}
#blog.azuma #header {
  background: url(../../../azuma/blog/images/img_main_page_azuma.jpg) center 0 no-repeat;
}
#blog.taishaku #header {
  background: url(../../../taishaku/blog/images/img_main_page_taishaku.jpg) center 0 no-repeat;
}
#blog.goshiki #header {
  background: url(../../../goshiki/blog/images/img_main_page_goshiki.jpg) center 0 no-repeat;
}
#blog.toyo #header {
  background: url(../../../toyo/blog/images/img_main_page_toyo.jpg) center 0 no-repeat;
}
#blog.shikano #header {
  background: url(../../../shikano/blog/images/img_main_page_shikano.jpg) center 0 no-repeat;
}
#blog.unzen #header {
  background: url(../../../unzen/blog/images/img_main_page_unzen.jpg) center 0 no-repeat;
}
#blog.aso #header {
  background: url(../../../aso/blog/images/img_main_page_aso.jpg) center 0 no-repeat;
}
#blog.ibusuki #header {
  background: url(../../../ibusuki/blog/images/img_main_page_ibusuki.jpg) center 0 no-repeat;
}

/* -----------------------------------------------------------
	box_blog_cate
----------------------------------------------------------- */
.box_blog_cate {
  overflow: hidden;
  padding-left: 2.5px;
  padding-top: 1px;
  max-width: 1260px;
  margin: 0 auto 30px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.box_blog_cate > li {
  width: 20%;
  margin-top: -1px;
  float: left;
  border: solid 1px #ccc;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}
.box_blog_cate > li.active a, .box_blog_cate > li:hover a {
  color: #fff;
  background: #3d8894;
}
.box_blog_cate > li a {
  display: table;
  height: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 119%;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.box_blog_cate > li a span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

/* -----------------------------------------------------------
	con_blog_search
----------------------------------------------------------- */
.con_blog_search {
  padding-bottom: 25px;
  margin-bottom: 10px;
  position: relative;
}
.con_blog_search .st_search {
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 193%;
  color: #37828a;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin-bottom: 15px;
}
.con_blog_search .st_search:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 0.5em;
}
.con_blog_search .txt_search {
  text-align: center;
}
.con_blog_search .txt_search span {
  position: relative;
  z-index: 9;
}
.con_blog_search .txt_search span:before {
  content: ' ';
  position: absolute;
  background: #ebe39b;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 8px;
  z-index: -1;
}
.con_blog_search > dl {
  display: table;
  width: 100%;
  padding: 7px 0;
}
.con_blog_search > dl.box_pop_keyword {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 15px;
  margin-bottom: 10px;
  display: none !important;
}
.con_blog_search > dl.box_pop_keyword dd > ul > li a {
  display: inline-block;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 3px 15px;
  background: #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}
.con_blog_search > dl.box_pop_keyword dd > ul > li a:hover {
  background: #3d8894;
  color: #fff;
}
.con_blog_search > dl dt {
  width: 167px;
}
.con_blog_search > dl dd {
  padding-left: 20px;
}
.con_blog_search > dl dd > ul > li {
  display: inline-block;
  margin-right: 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.con_blog_search > dl dd input[type="text"] {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  width: 485px;
  border: solid 1px #438b92;
  border-right: none;
  float: left;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.con_blog_search > dl dd button {
  height: 40px;
  line-height: 40px;
  background: #05454c;
  border: solid 1px #438b92;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #fff;
  font-size: 119%;
  width: 150px;
  vertical-align: middle;
  float: left;
}
.con_blog_search > dl dt, .con_blog_search > dl dd {
  display: table-cell;
  vertical-align: middle;
}

.box_keyword {
  display: none !important;
}

/* -----------------------------------------------------------
	con_blog_contents
----------------------------------------------------------- */
.con_blog_contents {
  margin-bottom: 70px;
}
.con_blog_contents .box_list, .con_blog_contents .box_blog_detail {
  width: 71.8254%;
  float: left;
  width: 100%;
  padding-right: 360px;
  margin-right: -360px;
}
.con_blog_contents .box_list .box_inner {
  margin-left: -1.65746%;
}
.con_blog_contents .box_list .box_inner .box_contents {
  width: 31.67587%;
  margin-left: 1.65746%;
  margin-bottom: 40px;
  float: left;
  display: block;
}
.con_blog_contents .box_list .box_inner .box_contents .img img {
  width: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.con_blog_contents .box_list .box_inner .box_contents .img a {
  display: block;
  position: relative;
  overflow: hidden;
  background: #000;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_blog_contents .box_list .box_inner .box_contents .img a:hover:after {
  background: #fff;
  color: #222;
}
.con_blog_contents .box_list .box_inner .box_contents .img a:hover img {
  opacity: 0.9;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.con_blog_contents .box_list .box_inner .box_contents .img a:after {
  content: "\f4a5";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  font-family: "Ionicons";
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 238%;
  z-index: 9;
  line-height: 45px;
  background: #383838;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.con_blog_contents .box_list .box_inner .box_contents .img a img {
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.con_blog_contents .box_list .box_contents {
  border: solid 1px #ccc;
  padding: 1px;
  -moz-box-shadow: 0px 0px 3px 3px #e2e2e2;
  -webkit-box-shadow: 0px 0px 3px 3px #e2e2e2;
  box-shadow: 0px 0px 3px 3px #e2e2e2;
  position: relative;
  background: #fff;
  text-decoration: none;
  display: block;
}
.con_blog_contents .box_list .box_contents:hover {
  opacity: 0.7;
}
.con_blog_contents .box_list .box_contents .img {
  margin-bottom: 10px;
  background: url(../images/common/bg_diagonal.png) repeat;
}
.con_blog_contents .box_list .box_contents .box_txt {
  padding: 0 10px 2.5em;
}
.con_blog_contents .box_list .box_contents .box_txt .st {
  text-align: center;
  font-size: 119%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #3d8894;
  margin-bottom: 10px;
  line-height: 1.3;
  min-height: 40px;
}
.con_blog_contents .box_list .box_contents .box_txt .date {
  font-size: 89%;
  margin-bottom: 8px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #3d8894;
}
.con_blog_contents .box_list .box_contents .box_txt .txt {
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  min-height: 55px;
}
.firefox .con_blog_contents .box_list .box_contents .box_txt .txt, .ie .con_blog_contents .box_list .box_contents .box_txt .txt {
  max-height: 3em;
}
.con_blog_contents .box_list .box_contents .box_txt .count {
  background: #3d8894;
  color: #fff;
  position: absolute;
  bottom: 1px;
  right: 2px;
  text-align: center;
  padding: 4px 7px;
  min-width: 110px;
}
.con_blog_contents .box_list .box_contents .box_txt .count:before {
  content: "★";
  margin-right: 5px;
  font-size: .9em;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_blog_contents .box_list .box_contents.blue .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.blue .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(61, 136, 148, 0.9);
}
.con_blog_contents .box_list .box_contents.blue .cate:before {
  border-top: 5px solid #3d8894;
  border-right: 2px solid #3d8894;
}
.con_blog_contents .box_list .box_contents.blue .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.blue .cate span.col {
  color: #fff;
}
.con_blog_contents .box_list .box_contents.pink .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.pink .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(226, 136, 137, 0.9);
}
.con_blog_contents .box_list .box_contents.pink .cate:before {
  border-top: 5px solid #e28889;
  border-right: 2px solid #e28889;
}
.con_blog_contents .box_list .box_contents.pink .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.pink .cate span.col {
  color: #fff;
}
.con_blog_contents .box_list .box_contents.brown .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.brown .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(125, 63, 29, 0.9);
}
.con_blog_contents .box_list .box_contents.brown .cate:before {
  border-top: 5px solid #7d3f1d;
  border-right: 2px solid #7d3f1d;
}
.con_blog_contents .box_list .box_contents.brown .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.brown .cate span.col {
  color: #fff;
}
.con_blog_contents .box_list .box_contents.orange .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.orange .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(200, 127, 49, 0.9);
}
.con_blog_contents .box_list .box_contents.orange .cate:before {
  border-top: 5px solid #c87f31;
  border-right: 2px solid #c87f31;
}
.con_blog_contents .box_list .box_contents.orange .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.orange .cate span.col {
  color: #fff;
}
.con_blog_contents .box_list .box_contents.green .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.green .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(46, 137, 104, 0.9);
}
.con_blog_contents .box_list .box_contents.green .cate:before {
  border-top: 5px solid #2e8968;
  border-right: 2px solid #2e8968;
}
.con_blog_contents .box_list .box_contents.green .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.green .cate span.col {
  color: #fff;
}
.con_blog_contents .box_list .box_contents.purple .box_img {
  position: relative;
}
.con_blog_contents .box_list .box_contents.purple .cate {
  position: absolute;
  bottom: 0;
  left: -5px;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  padding: 2px 25px;
  background: rgba(146, 22, 100, 0.9);
}
.con_blog_contents .box_list .box_contents.purple .cate:before {
  border-top: 5px solid #921664;
  border-right: 2px solid #921664;
}
.con_blog_contents .box_list .box_contents.purple .cate:before {
  content: ' ';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.con_blog_contents .box_list .box_contents.purple .cate span.col {
  color: #fff;
}
.con_blog_contents #sub {
  background: #fff;
  width: 340px;
  padding: 0 10px;
  margin-bottom: 70px;
  float: right;
  position: relative;
  /* -----------------------------------------------------------
  	box_follow
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	box_ranking
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	box_archive
  ----------------------------------------------------------- */
}
.con_blog_contents #sub:before {
  left: 0;
}
.con_blog_contents #sub:after {
  right: 0;
}
.con_blog_contents #sub:before, .con_blog_contents #sub:after {
  content: ' ';
  position: absolute;
  top: 0;
  z-index: -99;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 2px 1px #ededed;
  -moz-box-shadow: 0px 0px 2px 1px #ededed;
  -webkit-box-shadow: 0px 0px 2px 1px #ededed;
}
.con_blog_contents #sub .box_st {
  text-align: center;
  padding-top: 20px;
}
.con_blog_contents #sub .box_st .img {
  margin-bottom: 5px;
  width: 104px;
  height: 104px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3d8894;
  margin: auto;
}
.con_blog_contents #sub .box_st .st {
  position: relative;
  z-index: 5;
  text-align: center;
  font-weight: normal;
  margin-bottom: 50px;
  line-height: 1.2;
}
.con_blog_contents #sub .box_st .st span.en {
  font-family: "Allura", cursive;
  font-size: 408%;
  color: #2c8650;
  position: relative;
}
.con_blog_contents #sub .box_st .st span.en:before {
  content: ' ';
  position: absolute;
  bottom: 27px;
  left: 0;
  width: 100%;
  background: #ebe483;
  height: 4px;
  z-index: -1;
}
.con_blog_contents #sub .box_st .st span.jp {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 119%;
  position: relative;
  color: #383838;
  letter-spacing: 0.1em;
}
.con_blog_contents #sub .box_st .st span.jp:before {
  left: -18px;
}
.con_blog_contents #sub .box_st .st span.jp:after {
  right: -18px;
}
.con_blog_contents #sub .box_st .st span.jp:before, .con_blog_contents #sub .box_st .st span.jp:after {
  content: ' ';
  position: absolute;
  top: 50%;
  background: #888888;
  width: 15px;
  height: 1px;
}
.con_blog_contents #sub .box_st .st span {
  position: relative;
  z-index: 5;
}
.con_blog_contents #sub .box_st .st span.jp {
  letter-spacing: -0.05em;
}
@media only screen and (max-width: 1260px) {
  .con_blog_contents #sub .box_st .st span.jp {
    font-size: 104%;
  }
}
.con_blog_contents #sub .box_follow {
  margin-bottom: 40px;
}
.con_blog_contents #sub .box_follow .st_follow {
  margin-bottom: 20px;
  line-height: 1.3;
  padding-bottom: 6px;
  border-bottom: solid 1px #e2e2e2;
}
.con_blog_contents #sub .box_follow .st_follow span.en {
  font-size: 223%;
  font-family: "Cinzel", serif;
  color: #3d8894;
  margin-right: 20px;
  font-weight: normal;
}
.con_blog_contents #sub .box_follow .st_follow span.jp {
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: 0.05em;
  position: relative;
}
.con_blog_contents #sub .box_follow .st_follow span.jp:before {
  content: '/';
  color: #3d8894;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1em;
}
.con_blog_contents #sub .box_follow > ul {
  text-align: center;
}
.con_blog_contents #sub .box_follow > ul > li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
}
.con_blog_contents #sub .box_follow > ul > li > a:hover span.fuki {
  opacity: 1;
  z-index: 99;
}
.con_blog_contents #sub .box_follow > ul > li > a span.fuki {
  position: absolute;
  top: -65px;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  display: inline-block;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #3d8894;
  min-width: 200px;
  padding: 20px 5px 30px;
  line-height: 1;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.07em;
  z-index: -9999;
}
.con_blog_contents #sub .box_follow > ul > li > a span.fuki:before {
  content: ' ';
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #3d8894;
}
.con_blog_contents #sub .box_follow > ul > li a {
  display: table;
  background: #6a9599;
  color: #fff;
  width: 46px;
  height: 46px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_blog_contents #sub .box_follow > ul > li a:hover {
  background: #3d8894;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.con_blog_contents #sub .box_follow > ul > li a span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.con_blog_contents #sub .box_follow > ul > li a span i {
  font-size: 193%;
}
.con_blog_contents #sub .box_follow > ul > li a span i.fa-facebook {
  font-size: 178%;
  padding-top: 2px;
}
.con_blog_contents #sub .box_ranking {
  margin-bottom: 50px;
}
.con_blog_contents #sub .box_ranking .st_ranking {
  margin-bottom: 20px;
  line-height: 1.3;
}
.con_blog_contents #sub .box_ranking .st_ranking span.en {
  font-size: 223%;
  font-family: "Cinzel", serif;
  color: #3d8894;
  margin-right: 20px;
  font-weight: normal;
}
.con_blog_contents #sub .box_ranking .st_ranking span.jp {
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: 0.05em;
  position: relative;
}
.con_blog_contents #sub .box_ranking .st_ranking span.jp:before {
  content: '/';
  color: #3d8894;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1em;
}
.con_blog_contents #sub .box_ranking .ranking_list {
  box-shadow: 0px 0px 4px 1px #e0e0e0;
  -moz-box-shadow: 0px 0px 4px 1px #e0e0e0;
  -webkit-box-shadow: 0px 0px 4px 1px #e0e0e0;
  padding: 5px;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_blog_contents #sub .box_ranking .ranking_list.no1 .box_l .img:after {
  content: "1";
  position: absolute;
  font-size: 156%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  top: 3px;
  left: 5px;
  line-height: 1.4;
  color: #fff;
  font-style: italic;
}
.con_blog_contents #sub .box_ranking .ranking_list.no1 .box_l .img:before {
  border-top: 25px solid #d0a920;
  border-left: 25px solid  #d0a920;
}
.con_blog_contents #sub .box_ranking .ranking_list.no2 .box_l .img:after {
  content: "2";
  position: absolute;
  font-size: 156%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  top: 3px;
  left: 5px;
  line-height: 1.4;
  color: #fff;
  font-style: italic;
}
.con_blog_contents #sub .box_ranking .ranking_list.no2 .box_l .img:before {
  border-top: 25px solid #909090;
  border-left: 25px solid  #909090;
}
.con_blog_contents #sub .box_ranking .ranking_list.no3 .box_l .img:after {
  content: "3";
  position: absolute;
  font-size: 156%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  top: 3px;
  left: 5px;
  line-height: 1.4;
  color: #fff;
  font-style: italic;
}
.con_blog_contents #sub .box_ranking .ranking_list.no3 .box_l .img:before {
  border-top: 25px solid #675517;
  border-left: 25px solid  #675517;
}
.con_blog_contents #sub .box_ranking .ranking_list.no1 .box_l .img, .con_blog_contents #sub .box_ranking .ranking_list.no2 .box_l .img, .con_blog_contents #sub .box_ranking .ranking_list.no3 .box_l .img {
  position: relative;
}
.con_blog_contents #sub .box_ranking .ranking_list.no1 .box_l .img:before, .con_blog_contents #sub .box_ranking .ranking_list.no2 .box_l .img:before, .con_blog_contents #sub .box_ranking .ranking_list.no3 .box_l .img:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.con_blog_contents #sub .box_ranking .ranking_list.blue .box_r .cate span {
  background: #3d8894;
}
.con_blog_contents #sub .box_ranking .ranking_list.pink .box_r .cate span {
  background: #e28889;
}
.con_blog_contents #sub .box_ranking .ranking_list.brown .box_r .cate span {
  background: #7d3f1d;
}
.con_blog_contents #sub .box_ranking .ranking_list.orange .box_r .cate span {
  background: #c87f31;
}
.con_blog_contents #sub .box_ranking .ranking_list.green .box_r .cate span {
  background: #2e8968;
}
.con_blog_contents #sub .box_ranking .ranking_list.purple .box_r .cate span {
  background: #921664;
}
.con_blog_contents #sub .box_ranking .ranking_list:hover {
  opacity: .7;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_l {
  width: 43.70861%;
  float: left;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_l .img {
  margin-bottom: 2px;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_l .count {
  background: #3d8894;
  color: #fff;
  position: absolute;
  bottom: 1px;
  right: 2px;
  text-align: center;
  padding: 4px 7px;
  min-width: 110px;
  position: static !important;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_l .count:before {
  content: "★";
  margin-right: 5px;
  font-size: .9em;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_r {
  width: 51.3245%;
  float: right;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_r .cate span {
  display: inline-block;
  min-width: 100px;
  padding: 2px 8px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_r .date {
  font-size: 89%;
  margin-bottom: 5px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #3d8894;
}
.con_blog_contents #sub .box_ranking .ranking_list .box_r .txt {
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  min-height: 55px;
  font-size: 93%;
}
.firefox .con_blog_contents #sub .box_ranking .ranking_list .box_r .txt, .ie .con_blog_contents #sub .box_ranking .ranking_list .box_r .txt {
  max-height: 3em;
}
.con_blog_contents #sub .box_ranking .btn_ranking {
  text-align: center;
}
.con_blog_contents #sub .box_ranking .btn_ranking a {
  min-width: 256px;
  display: inline-block;
  color: #383838;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #d4d4d4;
  background: transparent;
  position: relative;
}
.con_blog_contents #sub .box_ranking .btn_ranking a:hover {
  background: #f1f1f1;
  color: blackColor;
}
.con_blog_contents #sub .box_ranking .btn_ranking a:hover span:after {
  left: 2px;
}
.con_blog_contents #sub .box_ranking .btn_ranking a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.con_blog_contents #sub .box_ranking .btn_ranking a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.con_blog_contents #sub .box_archive {
  padding-bottom: 20px;
  /* 矢印共通設定 */
  /* 最初のdlのみdd開いた状態 */
}
.con_blog_contents #sub .box_archive .st_archive {
  margin-bottom: 10px;
  line-height: 1.3;
  padding-bottom: 6px;
  border-bottom: solid 1px #e2e2e2;
}
.con_blog_contents #sub .box_archive .st_archive span.en {
  font-size: 223%;
  font-family: "Cinzel", serif;
  color: #3d8894;
  margin-right: 20px;
  font-weight: normal;
}
.con_blog_contents #sub .box_archive .st_archive span.jp {
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: 0.05em;
  position: relative;
}
.con_blog_contents #sub .box_archive .st_archive span.jp:before {
  content: '/';
  color: #3d8894;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1em;
}
.con_blog_contents #sub .box_archive .st_archive + dl dd {
  display: block;
}
.con_blog_contents #sub .box_archive > dl {
  padding-bottom: 10px;
  border-bottom: dotted 2px #ccc;
  margin-bottom: 10px;
  /* dt dd aタグ共通設定 */
}
.con_blog_contents #sub .box_archive > dl > dt.active a:before {
  content: "";
}
.con_blog_contents #sub .box_archive > dl > dt a:before {
  content: "";
  color: #222;
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.6em;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.con_blog_contents #sub .box_archive > dl > dd {
  display: none;
}
.con_blog_contents #sub .box_archive > dl > dd > ul > li a:hover:before {
  right: 5px;
}
.con_blog_contents #sub .box_archive > dl > dd > ul > li a:before {
  content: "";
  color: #222;
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.6em;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.con_blog_contents #sub .box_archive > dl > dd > ul > li a:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 2px;
  height: 1px;
  width: 30px;
  background: #b6b6b6;
}
.con_blog_contents #sub .box_archive > dl > dd > ul > li a span {
  padding-left: 40px !important;
}
.con_blog_contents #sub .box_archive > dl > dt a, .con_blog_contents #sub .box_archive > dl > dd > ul > li a {
  text-decoration: none;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: 0.08em;
  position: relative;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  display: block;
  font-size: 112%;
  line-height: 1.5;
  z-index: 2;
}
.con_blog_contents #sub .box_archive > dl > dt a:hover span:before, .con_blog_contents #sub .box_archive > dl > dd > ul > li a:hover span:before {
  width: 100%;
}
.con_blog_contents #sub .box_archive > dl > dt a span, .con_blog_contents #sub .box_archive > dl > dd > ul > li a span {
  display: block;
  position: relative;
  padding: 10px 2px;
}
.con_blog_contents #sub .box_archive > dl > dt a span:before, .con_blog_contents #sub .box_archive > dl > dd > ul > li a span:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(61, 136, 148, 0.05);
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
}

/* -----------------------------------------------------------
	detail
----------------------------------------------------------- */
.detail {
  /* -----------------------------------------------------------
  	box_blog_detail
  ----------------------------------------------------------- */
}
.detail .box_blog_detail.pink .box_sub .cate {
  background: #e28889;
}
.detail .box_blog_detail.orange .box_sub .cate {
  background: #c87f31;
}
.detail .box_blog_detail.blue .box_sub .cate {
  background: #3d8894;
}
.detail .box_blog_detail.green .box_sub .cate {
  background: #2e8968;
}
.detail .box_blog_detail.brown .box_sub .cate {
  background: #7d3f1d;
}
.detail .box_blog_detail.purple .box_sub .cate {
  background: #921664;
}
.detail .box_blog_detail .box_st {
  position: relative;
}
.detail .box_blog_detail .box_st .box_sub > p {
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.detail .box_blog_detail .box_st .box_sub > p.cate {
  padding: 2px 15px;
  min-width: 100px;
  color: #fff;
  font-size: 89%;
  text-align: center;
  margin-right: 15px;
}
.detail .box_blog_detail .box_st .box_sub > p.date {
  font-size: 89%;
  letter-spacing: 0.05em;
}
.detail .box_blog_detail .box_st .st {
  position: relative;
  font-size: 193%;
  font-weight: normal;
  padding-bottom: 1px;
  border-bottom: solid 1px #ccc;
  color: #4a4949;
}
.detail .box_blog_detail .box_st .st:before {
  content: ' ';
  position: absolute;
  width: 45px;
  height: 1px;
  top: 50%;
  left: 0;
  background: #3d8894;
}
.detail .box_blog_detail .box_st .st span {
  padding-left: 50px;
  display: block;
  border-bottom: solid 1px #ccc;
}
.detail .box_blog_detail .box_st .count {
  background: #fff;
  color: #3d8894;
  border: solid 1px #ebebeb;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  padding: 2px 17px;
  min-width: 110px;
  font-size: 97%;
  line-height: 1.5;
}
.detail .box_blog_detail .box_st .count:before {
  content: "★";
  margin-right: 5px;
  font-size: .9em;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.detail .box_blog_detail .box_st .count em {
  font-weight: normal;
  font-family: "Times New Roman", serif;
}
.detail .box_blog_detail .box_st .staff {
  position: absolute;
  font-size: 13.5px;
  bottom: -25px;
  right: 0;
}
.detail .box_blog_detail .box_blog_contents {
  padding: 40px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  /* タイトル */
  /*左右のレイアウト*/
}
.detail .box_blog_detail .box_blog_contents:before {
  content: ' ';
  width: 945px;
  position: absolute;
  bottom: -13px;
  left: 50%;
  height: 13px;
  z-index: 10;
  background: url(../images/common/bg_shadowline_short.png) center 0 no-repeat;
  margin-left: -472.5px;
}
.detail .box_blog_detail .box_blog_contents:before {
  background-size: contain;
}
.detail .box_blog_detail .box_blog_contents .slick_slide {
  margin: 0 auto 65px;
  position: relative;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .img img {
  width: 100%;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .txt_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(48, 48, 48, 0.8);
  color: #fff;
  padding: 5px 10px;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 4px;
  padding: 0;
  cursor: pointer;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots li button {
  border: 0;
  background: #e7e7e7;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  padding: 5px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots li button:hover, .detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots li button:focus {
  outline: none;
}
.detail .box_blog_detail .box_blog_contents .slick_slide .slick-dots li.slick-active button {
  background: #3d8894;
}
.detail .box_blog_detail .box_blog_contents .st_lg {
  margin-top: 65px;
  margin-bottom: 25px;
  font-size: 163%;
  font-weight: normal;
  color: #3d8894;
  line-height: 1.3;
}
.detail .box_blog_detail .box_blog_contents .st_md {
  margin-top: 65px;
  margin-bottom: 25px;
  font-size: 163%;
  font-weight: normal;
  line-height: 1.3;
  position: relative;
  padding-top: 15px;
}
.detail .box_blog_detail .box_blog_contents .st_md:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 1px;
  background: #3d8894;
}
.detail .box_blog_detail .box_blog_contents .st_sm {
  margin-top: 65px;
  margin-bottom: 25px;
  font-size: 104%;
  font-weight: normal;
  line-height: 1.3;
  position: relative;
  padding-left: 35px;
}
.detail .box_blog_detail .box_blog_contents .st_sm:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 1px;
  background: #3d8894;
}
.detail .box_blog_detail .box_blog_contents .box_txt {
  margin-bottom: 40px;
}
.detail .box_blog_detail .box_blog_contents .box_img {
  margin-bottom: 40px;
  text-align: center;
}
.detail .box_blog_detail .box_blog_contents .box_video {
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.detail .box_blog_detail .box_blog_contents .box_video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.detail .box_blog_detail .box_blog_contents .box_layout_01 .img {
  float: left;
}
.detail .box_blog_detail .box_blog_contents .box_layout_01 .txt {
  float: right;
}
.detail .box_blog_detail .box_blog_contents .box_layout_02 .img {
  float: right;
}
.detail .box_blog_detail .box_blog_contents .box_layout_02 .txt {
  float: left;
}
.detail .box_blog_detail .box_blog_contents .box_layout_01, .detail .box_blog_detail .box_blog_contents .box_layout_02 {
  margin-bottom: 40px;
}
.detail .box_blog_detail .box_blog_contents .box_layout_01 .img, .detail .box_blog_detail .box_blog_contents .box_layout_02 .img {
  width: 48.48485%;
}
.detail .box_blog_detail .box_blog_contents .box_layout_01 .txt, .detail .box_blog_detail .box_blog_contents .box_layout_02 .txt {
  width: 45.45455%;
  line-height: 2;
  padding-top: 3%;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 {
  margin-left: -6.66667%;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents {
  width: 43.33333%;
  margin-left: 6.66667%;
  margin-bottom: 40px;
  float: left;
  display: block;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img img {
  width: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img a {
  display: block;
  position: relative;
  overflow: hidden;
  background: #000;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img a:hover:after {
  background: #fff;
  color: #222;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img a:hover img {
  opacity: 0.9;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img a:after {
  content: "\f4a5";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  font-family: "Ionicons";
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 238%;
  z-index: 9;
  line-height: 45px;
  background: #383838;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .box_contents .img a img {
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .img {
  margin-bottom: 20px;
}
.detail .box_blog_detail .box_blog_contents .box_layout_03 .txt {
  line-height: 2;
}
.detail .box_blog_detail .box_blog_contents .box_map .map {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  clear: both;
  margin-bottom: 30px;
}
.detail .box_blog_detail .box_blog_contents .box_map .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.detail .box_blog_detail .box_blog_contents .box_map .map #map_detail, .detail .box_blog_detail .box_blog_contents .box_map .map .map_detail {
  width: 100%;
  height: 500px;
  margin-bottom: 30px;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map {
  text-align: center;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map a {
  min-width: 256px;
  display: inline-block;
  color: #383838;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #d4d4d4;
  background: transparent;
  position: relative;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map a:hover {
  background: #f1f1f1;
  color: blackColor;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_blog_contents .box_map .btn_map a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_blog_contents .tbl_primary th {
  width: 220px;
}
.detail .box_blog_detail .box_blog_contents .btn_detail {
  text-align: center;
}
.detail .box_blog_detail .box_blog_contents .btn_detail a {
  min-width: 331px;
  display: inline-block;
  color: #383838;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #d4d4d4;
  background: transparent;
  position: relative;
}
.detail .box_blog_detail .box_blog_contents .btn_detail a:hover {
  background: #f1f1f1;
  color: blackColor;
}
.detail .box_blog_detail .box_blog_contents .btn_detail a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_blog_contents .btn_detail a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_blog_contents .btn_detail a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf {
  text-align: center;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a {
  min-width: 331px;
  display: inline-block;
  color: #383838;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #d4d4d4;
  background: transparent;
  position: relative;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a:hover {
  background: #f1f1f1;
  color: blackColor;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_blog_contents .btn_pdf a span:after {
  left: -5px;
  color: #3d8894;
}
.detail .box_blog_detail .box_blog_contents .btn_detail, .detail .box_blog_detail .box_blog_contents .btn_pdf {
  margin: 40px 0;
}
.detail .box_blog_detail .box_btn {
  text-align: center;
  margin: 20px 8px 60px;
}
.detail .box_blog_detail .box_btn p {
  display: inline-block;
}
.detail .box_blog_detail .box_btn p.btn_prev a {
  min-width: 131px;
  display: inline-block;
  color: #fff;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #c7dfe3;
  background: #79acb4;
  position: relative;
}
.detail .box_blog_detail .box_btn p.btn_prev a:hover {
  background: #fff;
  color: #79acb4;
}
.detail .box_blog_detail .box_btn p.btn_prev a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_btn p.btn_prev a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_btn p.btn_prev a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_btn p.btn_back a {
  min-width: 231px;
  display: inline-block;
  color: #fff;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #c7dfe3;
  background: #79acb4;
  position: relative;
}
.detail .box_blog_detail .box_btn p.btn_back a:hover {
  background: #fff;
  color: #79acb4;
}
.detail .box_blog_detail .box_btn p.btn_back a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_btn p.btn_back a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_btn p.btn_back a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_btn p.btn_next a {
  min-width: 131px;
  display: inline-block;
  color: #fff;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 104%;
  padding: 5px 25px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  text-align: center;
  border: solid 2px #c7dfe3;
  background: #79acb4;
  position: relative;
}
.detail .box_blog_detail .box_btn p.btn_next a:hover {
  background: #fff;
  color: #79acb4;
}
.detail .box_blog_detail .box_btn p.btn_next a:hover span:after {
  left: 2px;
}
.detail .box_blog_detail .box_btn p.btn_next a span {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.detail .box_blog_detail .box_btn p.btn_next a span:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4em;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  font-size: 89%;
}
.detail .box_blog_detail .box_btn p.btn_next a:hover span:after {
  left: auto;
  right: -2px;
}
.detail .box_blog_detail .box_btn p.btn_next a span {
  padding-left: 0;
  padding-right: 15px;
}
.detail .box_blog_detail .box_btn p.btn_next a span:after {
  left: auto !important;
  right: 0;
}
.detail .box_blog_detail .box_sns_btn {
  text-align: center;
  margin-bottom: 60px;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a {
  background: #4a5ea2;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a span:before {
  content: '\f082';
  color: #fff;
  font-size: 163%;
  font-family: FontAwesome;
  left: 2px;
}
.detail .box_blog_detail .box_sns_btn .btn_line a {
  background: #51af31;
}
.detail .box_blog_detail .box_sns_btn .btn_line a span:before {
  content: ' ';
  width: 27px;
  height: 27px;
  margin-top: -13.5px !important;
  background: url("../images/common/ic_line_white.png") no-repeat;
  left: -2px;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook, .detail .box_blog_detail .box_sns_btn .btn_line {
  display: inline-block;
  margin: 0 5px;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a, .detail .box_blog_detail .box_sns_btn .btn_line a {
  color: #fff;
  display: block;
  padding: 10px 10px;
  text-align: center;
  min-width: 200px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a:hover, .detail .box_blog_detail .box_sns_btn .btn_line a:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a span, .detail .box_blog_detail .box_sns_btn .btn_line a span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.detail .box_blog_detail .box_sns_btn .btn_facebook a span:before, .detail .box_blog_detail .box_sns_btn .btn_line a span:before {
  position: absolute;
  top: 50%;
  margin-top: -0.85em;
}
.detail .box_blog_detail .box_more {
  max-width: 850px;
  margin-bottom: 30px;
}
.detail .box_blog_detail .box_more .st_more {
  margin-bottom: 20px;
  line-height: 1.3;
}
.detail .box_blog_detail .box_more .st_more span.en {
  font-size: 223%;
  font-family: "Cinzel", serif;
  color: #3d8894;
  margin-right: 20px;
  font-weight: normal;
}
.detail .box_blog_detail .box_more .st_more span.jp {
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: 0.05em;
  position: relative;
}
.detail .box_blog_detail .box_more .st_more span.jp:before {
  content: '/';
  color: #3d8894;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -1em;
}
.detail .box_blog_detail .box_more .box_inner {
  margin-left: -3.52941%;
}
.detail .box_blog_detail .box_more .box_inner .box_contents {
  width: 46.47059%;
  margin-left: 3.52941%;
  margin-bottom: 30px;
  float: left;
  display: block;
  padding: 5px;
  box-shadow: 0px 0px 4px 1px #e0e0e0;
  -moz-box-shadow: 0px 0px 4px 1px #e0e0e0;
  -webkit-box-shadow: 0px 0px 4px 1px #e0e0e0;
}
.detail .box_blog_detail .box_more .box_inner .box_contents .img {
  width: 35.94937%;
  float: left;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.blue .box_r .cate span {
  background: #3d8894;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.pink .box_r .cate span {
  background: #e28889;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.brown .box_r .cate span {
  background: #7d3f1d;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.orange .box_r .cate span {
  background: #c87f31;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.green .box_r .cate span {
  background: #2e8968;
}
.detail .box_blog_detail .box_more .box_inner .box_contents.purple .box_r .cate span {
  background: #921664;
}
.detail .box_blog_detail .box_more .box_inner .box_contents .box_r {
  width: 62.02532%;
  float: right;
}
.detail .box_blog_detail .box_more .box_inner .box_contents .box_r .cate span {
  display: inline-block;
  min-width: 100px;
  padding: 2px 8px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-size: 89%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.detail .box_blog_detail .box_more .box_inner .box_contents .box_r .date {
  font-size: 89%;
  margin-bottom: 5px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  color: #3d8894;
}
.detail .box_blog_detail .box_more .box_inner .box_contents .box_r .txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  min-height: 55px;
  font-size: 93%;
}
.firefox .detail .box_blog_detail .box_more .box_inner .box_contents .box_r .txt, .ie .detail .box_blog_detail .box_more .box_inner .box_contents .box_r .txt {
  max-height: 3em;
}

/*----------------------------------------------
*torimochi
----------------------------------------------*/
#torimochi {
  margin: 30px auto !important;
  background-color: #fff;
  padding: 10px 20px;
  max-width: 900px !important;
  float: left !important;
}

.torimochi_header {
  text-align: center;
}

.torimochi_header h2 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 119% !important;
  position: relative;
  color: #383838;
  font-weight: normal !important;
  margin-bottom: 20px;
  display: inline-block;
}

.torimochi_header h2:before {
  content: ' ';
  position: absolute;
  top: 50%;
  background: #888888;
  width: 15px;
  height: 1px;
  left: -18px;
}

.torimochi_header h2:after {
  content: ' ';
  position: absolute;
  top: 50%;
  background: #888888;
  width: 15px;
  height: 1px;
  right: -18px;
}
