/* ========== タグの初期設定 ========== */
BODY,
HTML{
  min-width:1200px;
}
BODY {
  background: url(../images/bg_body.gif) center top repeat;
  color: #000;
  line-height:1.5;
  font-size:16px;
  counter-reset: ranking;
  -webkit-text-size-adjust: 100%;
}
/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */
.mceContentBody {
  background-image: none;
  border: none;
  margin: 5px;
  background: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom:10px;
  font-size: medium;
}
p,
td,
th,
li,
div,
blockquote{
  font-weight: 500;
  font-size: medium;
}
a:focus,
*:focus {
  outline:none;
}
a,
a:visited {
  color: #000;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
  color: #333;
}
#footerColmun .fa {
  font-size: x-large;
  color: #000;
}
.caution {
  color: #F00;
}
.pc_hidden{
  display: none;
}
.sp_hidden{
  display: block;
}
.tx_line span{
  display: inline;
  background: #ffe400;
  font-weight: bold;
  font-size: large;
  padding: 0 5px;
}
.tx_line{
  margin-bottom: 30px;
}

/* clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
br.clear,
div.clear {
  clear: both;
}

/* ========== 共通レイアウト ========== */
#container{
  overflow: hidden;
}
.detailTitleImage,
.detailImageWithTxtTop,
.detailImageWithTxtBottom,
#photosPageMainImg img,
.mainTitleImage p img{
  display: block;
  margin: 0 auto 10px;
  max-width: 640px;
  width: 100%;
  height: auto;
}
.detailTextWithImg{
  margin-bottom: 10px;
}
#colmunContainer{
  display: table;
  width: 100%;
  max-width:1240px;
  margin:0 auto;
}
.topPage #colmunContainer{
  max-width: 100%;
}
#headerColmun,
#mainColmun,
#footerColmun{
  display: table-cell;
  vertical-align: top;
}
#headerColmun{
/* { visble colmun */
  width: 200px;
  background-color: #eee;
  padding: 10px;
/* visble colmun } */
/* { invisble colmun
  width: 0;
  padding: 0;
invisble colmun } */
}
#mainColmun{
  padding: 0 30px 0 20px;
}
.topPage #mainColmun{
  padding: 0 0 70px;
}
#footerColmun{
  display: none;
  min-width: 300px;
  width: 300px;
  padding: 45px 20px 0 0;
}
.topPage #footerColmun{
  display: none;
}
#footerColmun img{
  width: 100%;
  height: auto;
}
.hide{
  display:none;
}
.detailImgAndText:after {
  content: "";
  display: block;
  clear: both;
}
.detailImageWithTxtLeft,
.mceContentBody .mt-image-left,
.mt-image-left,
.detailImageWithTxtRight,
.mceContentBody .mt-image-right,
.mt-image-right{
  width: 30% !important;
  height: auto !important;
}
.detailImageWithTxtLeft,
.mceContentBody .mt-image-left,
.mt-image-left{
  float: left !important;
  margin: 0 30px 30px 0 !important;
}
.detailImageWithTxtRight,
.mceContentBody .mt-image-right,
.mt-image-right{
  float: right !important;
  margin: 0 0 30px 30px !important;

}
.detailTextWithImgRight,
.detailTextWithImgLeft{
  overflow: hidden;
}
.pankuzu{
  margin: 10px 0;
}
.pankuzu li{
  display: inline-block;
  font-size: small;
  vertical-align: baseline;
  color: #7D7359;
}
.pankuzu li a,
.pankuzu li a:visited{
  font-size: small;
  vertical-align: baseline;
  text-decoration: none;
  color: #333;
}
.pankuzu li a:hover{
  text-decoration: underline;
}
.pankuzu li:after{
  content: ">";
  padding: 10px;
}
.pankuzu li:last-child:after{
  content: "";
  padding: 0 ;
}
.pankuzu .fa{
  font-size: large;
  vertical-align: top;
}
.anchortop{
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 101;
}
.anchortop a{
  display: inline-block;
  line-height: 100%;
  padding: 0px;
  background: #10304f;
  width: 50px;
  height: 50px;
  color: #fff;
  font-family: FontAwesome;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
}
.anchortop .fa{
  padding-top: 15px;
}
.anchortop a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/* 画像ホバーエフェクト */
a .list_img img:hover,
#footerColmun a img:hover,
#mainColmun .cat_writer_list a img:hover,
#mainColmun .ads_area_main_bottom img:hover,
a .fa:hover,
a:hover .btnEffect{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
a .list_img img:hover,
#footerColmun a:hover .side_latest_img img,
#catch_area LI.slick-slide a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
#catch_area LI.slick-slide img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#catch_area LI.slick-slide a:hover img {
  opacity: 1;
  filter: alpha(opacity=100) !important;
  -ms-filter: "alpha( opacity=100 )" !important;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

/* ヘッダー */
header{
  width: 100%;
  margin: 0 auto;
  background: url(../images/bg_subheader.png) center top repeat-x;
  background-size: 1000px;
}
.topPage header{
  display: none;
}
header #header_detail_bottom{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  overflow: hidden;
  position: relative;
}
#header_detail_bottom #header_search{
  width: 230px;
  float: left;
  margin: 70px 0 0;
}
#header_detail_bottom #header_search #searchForm input[type="text"]{
  height: 30px;
  width: 70%;
}
#header_detail_bottom #header_search #searchForm button{
  height: 30px;
  width: 26%;
}
#header_detail_bottom #header_search #searchForm button .fa{
  font-size: medium;
}
header #logo{
  width: 300px;
  margin: auto;
  text-align: center;
}
header #logo img{
  width: 100%;
}
header #logo .logo_subttl{
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: medium;
  line-height: 160%;
  text-align: center;
}
header ul.sns_arae{
  width: 120px;
  float: right;
  padding: 70px 0 0 0;
  margin-right: 0px;
}
ul.sns_arae li{
  float:right;
  margin-left:5px;
}
ul.sns_arae .fa{
  font-size:2.2em;
  color: #000;
}

/* フッター */
#footer_sp{
  display: none;
}
footer{

}
footer #footer_bnrarea{
  width: 1200px;
  margin: 0 auto 30px;
  display: table;
}
footer #footer_bnrarea a{
  display: table-cell;
  text-align: center;
}
footer #footer_bnrarea img{
  width: 90%;
}
footer #info_area{
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 50px 0;
  position: relative;
}
footer #info_area p{
  font-weight: bold;
}
footer #info_area .tx_line{
  margin-bottom: 0;
}
footer #info_area h2{
  font-size: xx-large;
  text-shadow: 0.5px 1px 0 #000;
}
footer #info_area img{
  position: absolute;
  right: -200px;
  bottom: -40px;
}
footer #info_area .phone{
  font-size: 3.5em;
  text-shadow: 0.5px 1px 0 #000;
  text-decoration: none;
  font-weight: bold;
}
footer #fotter_inner{
  width: 100%;
  background: url(../images/bg_footer.png) center bottom no-repeat;
  background-size: cover;
  margin-top: 60px;
  padding: 250px 0 35px 0;
  color: #fff;
}
footer ul.sns_arae .fa{
  color: #fff;
}
footer #footer_pc{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
footer #footer_menu{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
footer #footer_menu ul{
  float: left;
  margin: 0 50px 0 0;
}
footer #footer_menu ul li a,
footer #footer_menu ul li a:visited{
  font-weight: bold;
}
footer #footer_menu ul li a:hover{
  text-decoration: underline;
}
footer #footer_menu a{
  text-decoration: none;
  color: #fff;
}
footer #footer_menu ul li.toplevel:before{
    content: '\f0da';
    margin-right: 10px;
    font-family: FontAwesome;
}
footer #footer_menu ul li.secondlevel:before{
    content: '-';
    margin:0 10px 0;
    font-family: FontAwesome;
}
footer #copylight{
  font-size: small;
  padding: 30px 0 0 0;
  clear: both;
  text-align: center;
}
footer ul.sns_arae{
  padding: 0 20px 0 0;
  margin: 0 0 30px;
  width: 220px;
  float: right;
}

/* メインメニュー */
nav#nav_smart,
.search_box{
  display:none;
}
nav#header_nav,
nav#top_header_nav{
  width: 100%;
}
nav#header_nav,
nav#top_header_nav{

}
.topPage nav#header_nav,
.topPage nav#top_header_nav{
  display: none;
}
nav#header_nav ul#mainmenu,
nav#top_header_nav ul#mainmenu{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 3;
}
nav#header_nav ul#mainmenu li,
nav#top_header_nav ul#mainmenu li{
  list-style: none;
  text-align: center;
  float: left;
  box-sizing: border-box;
}
nav#header_nav ul#mainmenu li a,
nav#top_header_nav  ul#mainmenu li a{
  display: block;
  color: #111;
  background: #fff;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}
.topPage nav#header_nav{
  display: none;
}
/* メインメニューアコーディオン */
.menu {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 20px;
    z-index: 10;
}

.menu > li {
    float: left;
    height: 100px;
    line-height: 50px;
}

.menu > li a {
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: x-large;
    line-height: 200%;
}

.menu > li a:hover {
    color: #237da7 !important;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 3px dashed #000;
    width: 100%;
    text-align: left !important;
    padding: 0px;
    font-size: small;
    font-weight: bold;
}

.menu__third-level li {
    border-top: 1px dashed #333;
}

.menu__second-level li a:hover {
    color: #4D7A75;
}

.menu__third-level li a:hover {
    background: #fff;
}

.menu__fourth-level li a:hover {
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    background: rgba(255,255,255,0.95);
    width: 29%;
    margin: 0 2%;
    border-radius: 20px;
    position: relative;
    text-align: center;
}
.menu > li.menu__single img{
  display: block;
  margin: 15px auto 0;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 85px;
    width: 100%;
    background: rgba(255,255,255,0.95);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding-top: 15px;
    border-radius: 0 0 20px 20px;
}

li.menu__single:hover ul.menu__second-level {
    top: 83px;
    visibility: visible;
    opacity: 1;
}
li.menu__single:hover ul.menu__second-level li a{
  font-size: small;
  padding: 10px 0 10px 50px;
}
li.menu__single:hover ul.menu__second-level li a:before{
    content: '\f105';
    display: inline-block;
    font-family: FontAwesome;
    color: #000;
    font-size: large;
    padding: 0 10px 0 0;
}
/* 下矢印 */
.init-bottom:after {
    content: '\f13a';
    display: inline-block;
    font-family: FontAwesome;
    color: #000;
}

/* ========== メインコンテンツ ========== */
/* 見出し */
.typeInquiry #page_entry_detail h2,
.pageDuplicate #page_entry_detail h2,
#page_entry_detail h1{
  margin-bottom: 20px;
  font-size: x-large;
  background: none;
  border: none;
  padding: 0;
  font-family: Mplus 1p, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.typeInquiry #page_entry_detail h2:before,
.pageDuplicate #page_entry_detail h2:before,
#page_entry_detail h1:before{
  content: "";
  background: #333;
  padding: 0;
  width: auto;
  height: auto;
}
.typeInquiry #page_entry_detail h2,
.pageDuplicate #page_entry_detail h2,
#walk_area h2,
#mainColmun h2,
.mceContentBody h2{
  margin-bottom: 20px;
  font-size: 3.8em;
  background: none;
  border: none;
  text-shadow: 0.5px 1px 0 #000;
}
.typeInquiry #page_entry_detail h1,
.pageDuplicate #page_entry_detail h1,
#page_entry_detail h2,
#mainColmun h1,
.mceContentBody h1{
  padding: 15px;
  margin-bottom: 20px;
  color: #000;
  font-size: 3.8em;
  text-shadow: 0.5px 1px 0 #000;
  text-align: center;
  
}
.typeDetail #mainColmun h3,
.mceContentBody h3,
#page_entry_list .latestblog_list h3,
#page_entry_list .entry_txt_list h3,
#page_entry_list .message_area h3,
#page_entry_list #furusatotaxlist_area h3,
#page_entry_detail h3{
  margin-bottom: 20px;
  padding: 15px 10px;
  background: url(../images/bg_sub.gif) left top repeat;
  color: #fff;
  font-size: x-large;
}
.typeInquiry #page_entry_detail h3,
.pageDuplicate #page_entry_detail h3,
#page_entry_detail h3{

}
#mainColmun h4,
.mceContentBody h4{
  font-size: medium;
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #CCC5B0;
}
#mainColmun h5,
.mceContentBody h5{
  background:url(../images/img_character.png) 5px center no-repeat;
  background-size: 77px 30px;
  padding: 10px 10px 10px 87px;
  background-color: #eae1c6;
  font-size: small;
}
#mainColmun .message_detail h5,
.mceContentBody .message_detail h5{
  background: none;
  padding: 0;
  font-size: medium;
}
#mainColmun h1 a,
.mceContentBody h1 a,
#mainColmun h2 a,
.mceContentBody h2 a,
#mainColmun h3 a,
.mceContentBody h3 a,
#mainColmun h4 a,
.mceContentBody H4 a{
  text-decoration: none;
}
#walk_area .inner,
#about_area .inner,
#fanmeeting_area .inner{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

/* エントリー用 */
#mainColmun #page_entry_detail .detailImgAndText,
#mainColmun #page_entry_detail .detailTextWithImg,
#mainColmun #page_entry_detail p,
.mceContentBody p,
#mainColmun #page_entry_detail ul,
.mceContentBody ul,
#mainColmun #page_entry_detail ol,
.mceContentBody ol,
#mainColmun blockquote,
.mceContentBody blockquote,
#photosPageMainImg p,
.pageTanbo p,
.pageTanbo table,
.pageOtarigurashi p,
#mainColmun .entry_txt_box p{
  margin-bottom: 30px;
}
#mainColmun #page_entry_detail .detailTextWithImg img,
.mceContentBody img,
#mainColmun .mainTitleImage img{
  max-width: 640px;
  width: 100%;
  height: auto;
  text-align: center;
}
#mainColmun #page_entry_detail .detailTextWithImg h3,
.mceContentBody h3{
  margin-right: 10px;
}
#mainColmun #page_entry_detail a,
.mceContentBody a{
  color: #333;
  vertical-align: baseline;
}
#mainColmun #page_entry_detail ul,
.mceContentBody ul,
.pageFurusatotax #page_entry_list ul,
.pageFurusatotax #page_entry_list ol,
#mainColmun #page_entry_detail ol,
.mceContentBody ol{
  padding-left: 1.5em;
}
#mainColmun #page_entry_detail ul li,
.pageFurusatotax #page_entry_list ul li,
.mceContentBody ul li{
  list-style: disc;
  margin-bottom: 5px;
}
#mainColmun #page_entry_detail ol li,
.pageFurusatotax #page_entry_list ol li,
.mceContentBody ol li{
  list-style: decimal;
  margin-bottom: 5px;
}
#mainColmun blockquote,
.mceContentBody blockquote{
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 30px 60px;
  margin-top: 30px;
  position: relative;
  clear: both;
}
#mainColmun blockquote:before,
.mceContentBody blockquote:before{
  content: "\f10d";
  font-family: FontAwesome;
  color: #ddd;
  font-size:xx-large;
  position: absolute;
  top: 10px;
  left: 20px;
}
#mainColmun blockquote:after,
.mceContentBody blockquote:after{
  content: "\f10e";
  font-family: FontAwesome;
  color: #ddd;
  font-size:xx-large;
  position: absolute;
  bottom: 10px;
  right: 20px;
}
#mainColmun strong,
.mceContentBody strong{
  font-weight: bold;
}
#mainColmun table,
.mceContentBody table{
  border-collapse: collapse;
  margin-bottom: 30px;
}
.mceContentBody TH,
.mceContentBody TD,
#mainColmun TH,
#mainColmun TD{
  border:1px solid #D8D5C8;
  padding: 10px;
  text-align: left;
  font-size: medium;
  background: #fff;
  font-weight: bold;
}
 #mainColmun TH,
.mceContentBody TH{
  background: #00a2c0;
  padding: 15px 10px;
  font-weight: bold;
}
#mainColmun table{
  width: 100%;
}
#mainColmun table th{
  width: 30%;
}
#mainColmun #page_entry_detail .map_area{
  margin-bottom: 30px;
}
.pre_data th,
.pre_data td{
  padding: 5px 10px!important;
}

/* マップレスポンシブ */
#mainColmun .ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#mainColmun .ggmap iframe,
#mainColmun .ggmap object,
#mainColmun .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Youtubeレスポンシブ */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ========== サイドカラム ========== */
#footerColmun .side_list,
#footerColmun .entryList{
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  counter-reset: ranking;
}
#footerColmun .entryList .title,
#footerColmun .side_list .title,
#footerColmun .side_subcat_list li,
#footerColmun .side_cat_list .title{
  text-align: center;
  border-top: 5px solid #4d7a75;
  border-bottom: 1px solid #4d7a75;
  padding: 20px 0 15px;
  font-weight: bold;
}
#footerColmun .side_fanmeeting .side_ttl{
  text-align: center !important;
  border-top: 5px solid #4d7a75 !important;
  border-bottom: 1px solid #4d7a75 !important;
  padding: 20px 0 15px !important;
  font-weight: bold !important;
}
#footerColmun .side_subcat_list li ul.txt_list li,
#footerColmun .side_subcat_list li ul.txt_list li a,
#footerColmun .side_fanmeeting li{
  text-align: left;
  border: none;
  padding: 10px;

}
#footerColmun .side_subcat_list ul.txt_list li a:first-child{
  border-bottom: 1px solid #4d7a75;
}
#footerColmun .side_fanmeeting a:first-child{
  border-bottom: none !important;
}
#footerColmun .side_subcat_list li ul.txt_list li a{
  border-bottom: 1px solid #eee !important;
}
#footerColmun .side_subcat_list ul.txt_list ul.txt_list{
  margin-bottom: 20px;
}
#footerColmun .entryList .title span,
#footerColmun .side_list .title span{
  display: block;
}
#footerColmun .title .fa{
  margin-right: 10px;
  font-size: 1.2em;
}
#footerColmun .entryList ul.img_list{
  width: 100%;
}
#footerColmun .side_subcat_list li ul.txt_list li{
  border-bottom:none;
  clear: both;
  padding: 0;
  overflow: hidden;
}
#footerColmun .side_subcat_list li ul.txt_list li a:after,
#footerColmun .side_cat_list ul.txt_list li a:after,
#footerColmun .side_fanmeeting li a:after{
  content: "\f054";
  font-family: FontAwesome;
  float: right;
  font-weight: normal;
  font-size: small;
  line-height: 200%;
  margin-right: 5px;
}
#footerColmun .entryList ul.img_list li,
#footerColmun .entryList ul.txt_list li,
#footerColmun .side_list ul.txt_list li,
#footerColmun .side_subcat_list li ul.txt_list li li,
#footerColmun .side_cat_list ul.txt_list li{
  border-bottom: 1px solid #eee;
  clear: both;
  padding: 0;
  overflow: hidden;
}
#footerColmun .side_fanmeeting li{
  border-bottom: 1px solid #eee !important;
  clear: both !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#footerColmun .side_fanmeeting li{
  border-top: none;
}
#footerColmun .side_subcat_list ul.txt_list li{
  border-bottom: none;
}
#footerColmun .entryList ul.img_list li a,
#footerColmun .entryList ul.txt_list li a,
#footerColmun .side_list ul.txt_list li a,
#footerColmun .side_subcat_list li ul.txt_list li a{
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  width: 96%;
  height: auto;
  font-weight: bold;
  backface-visibility: hidden;
}
#footerColmun .side_ttl{
  display: inline-block !important;
  padding: 10px !important;
  text-decoration: none !important;
  width: 96% !important;
  height: auto !important;
  font-weight: bold !important;
  backface-visibility: hidden !important;
}
#footerColmun .entryList .side_latest_img{
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: relative;
  float: left;
}
#footerColmun .side_latest_img img{
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  width: 100px;
}
#footerColmun .entryList ul.img_list h3{
  font-size:small;
  border:none;
  float: right;
  width: 70%;
  margin: 0;
  padding: 0;
}
#footerColmun .sideHtml{
  margin-bottom: 20px;
}
#footerColmun .sideHtmlInner{
  margin-bottom: 10px;
  padding: 0;
}
#footerColmun .sideHtmlInner p{
  padding: 10px;
  background: #fff;
}
#footerColmun .side_list li{
  font-weight: bold;
  position: relative;
}
#footerColmun .side_list li .fa{
  font-size: 0.8em;
  position: absolute;
  top: 40%;
  right: 3%;
  color: #482f1c;
}
#footerColmun .side_list span.tag a{
  border-radius: 6px;
  border: 1px solid #333;
  padding: 2px 6px;
  display: inline-block;
  margin: 0 0 5px 3px;
  color: #000;
  text-decoration: none;
  font-size: small;
}
#footerColmun .side_list span.tag a:hover{
  background: #333;
  color: #fff;
}
#footerColmun .side_tag_box{
  padding: 5px 5px 0;
}

/* ========== トップページ ========== */
/* キャッチ画像 パターン1
#catch_area{
  max-width: 1200px;
  margin:0 auto;
}
#catch_area LI.slick-slide{
  margin: 0 5px;
  position: relative;
  overflow: hidden;
  height: 500px;
}
#catch_area LI.slick-slide img {
  width: auto;
  height: 100%;
  max-height: 100%;
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
}*/
/* キャッチ画像 パターン2 */
#catch_area{
  width: 100%;
  margin:0 auto;
  background:url(../images/img_catch.png) center top no-repeat;
  height: 900px;
  background-size: cover;
  overflow: hidden;
}
#catch_area LI.slick-slide{
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}
#catch_area LI.slick-slide img {
  width: 100%;
}
.catch_btnarea
#catch_area P{
  text-align: center;
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
  -webkit-text-shadow: 0 0 5px rgba(0,0,0,0.4);
  -moz-text-shadow: 0 0 5px rgba(0,0,0,0.4);
  -o-text-shadow: 0 0 5px rgba(0,0,0,0.4);
  -ms-text-shadow: 0 0 5px rgba(0,0,0,0.4);
  text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#catch_area .slick-slide A{
  text-decoration: none;
}
#catch_area .slick-dotted.slick-slider{
  margin-bottom: 4em;
  padding-bottom: 1em;
}
.slick-dots li button::before{
  color: #333 !important;
}
.slick-prev,
.slick-next{
  width: 45px !important;
  height: 45px !important;
}
.slick-prev::before,
.slick-next::before{
  font-size: 45px !important;
  color: #fff !important;
}
.topPage #mainColmun h2{
  margin-bottom: 0;
}
#catch_area .catch_btnarea{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 0;
  text-align: center;
}
#catch_area .catch_btnarea p{
  font-weight: bold;
  font-size: x-large;
  color: #fff;
}
#catch_area #logo_area{
  margin-bottom: -50px;
}
#catch_area p{
  margin-bottom: 30px;
}

/* コンテンツ */
#top_1colmun_area{
  width: 100%;
  margin: 0 auto;
}
#top_1colmun_area .entry_list{
  background: #fff;
  padding: 55px 0 30px;
  margin: 0 20px;
  overflow: hidden;
}


.top_free_area{
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  padding: 60px 50px;
  margin: 90px auto 60px;
  overflow: hidden;
  display: block;
  max-width: 1200px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}
.top_free_area h2,
.top_free_area h3{
  font-size: 1.3em;
  margin: 0 0 15px;
  padding: 0;
}


#top_1colmun_area .entry_list h3{
  font-size: medium;
  border: none;
}
.bnr_box{
  max-width: 640px;
  margin: 0 auto 20px;
}
.bnr_box img{
  width: 100%;
}
/* 歩こうたづMAP */
#walk_area{
  text-align: center;
  margin-bottom: 100px;
}
#walk_area #walk_detail{
  background: url(../images/img_walkmap.png) center top no-repeat;
  position: relative;
  height: 350px;
  box-sizing: border-box;
  padding: 100px 0 0;
}
#walk_area #walk_beginner{
  width: 50%;
  float: left;
}
#walk_area #walk_fan{
  width: 50%;
  float: right;
}
#walk_area .img_beginner{
  position: absolute;
  top: -31px;
  left: -30px;
}
#walk_area .img_fan{
  position: absolute;
  top: -31px;
  right: -30px;
}
#walk_area h2{
  margin-bottom: 0;
}
#walk_area h3{
  font-size: 2.4em;
  text-shadow: 0.5px 1px 0 #000;
  margin: 0;
}
#walk_area p{
  font-weight: bold;
  font-size: large;
  margin-bottom: 20px;
}
#walk_area .btn a:hover,
#walk_area .btn_w a:hover{
  background: #edd400;
}
#walk_area .btn a,
#walk_area .btn a:visited,
#walk_area .btn_w a,
#walk_area .btn_w a:visited{
  background: #ffe400;
  color: #000 !important;
}
.btn_w{
  display: inline-block;
}
.btn_w a {
  display: inline-block;
  padding: 20px 60px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 50px;
}
.btn_w a:after{
  content: "\f054";
  font-family: FontAwesome;
  padding-left: 10px;
  font-weight: normal;
}

/* 宇多津町ってどんな町？ */
#about_area{
  background: url(../images/bg_about_top.png) center 70px no-repeat, url(../images/bg_about_bottom.png) center bottom 70px no-repeat;
  text-align: center;
  padding: 100px 0;
}
#mainColmun #about_area h2{
  margin-bottom: 20px;
}
#about_area img{
  margin-bottom: 30px;
}
/* 宇多津ふるさとファンミーティング */
#fanmeeting_area{
  background: url(../images/bg_sub.gif) left top repeat;
  text-align: center;
  overflow: hidden;
  padding: 90px 0 100px;
}
#fanmeeting_area .box{
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 20px 0;
  min-height: 360px;
  position: relative;
}
#fanmeeting_area .box img{
  width: 75%;
  margin-bottom: 5px;
}
#fanmeeting_area .box h3{
  font-size: large;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: 0.1px 0.2px 0 #000
}
#fanmeeting_area .box .btn{
  margin: 0;
  position: absolute;
  bottom: 20px;
  width: 85%;
  left: 8%;
}
#mainColmun .img_table{
  width: 100%;
}
#mainColmun .img_table th{
  width: 70%;
  line-height: 2;
  padding: 0 !important;
}
#mainColmun .img_table th,
#mainColmun .img_table td{
  background: none;
  border: none;
}
#mainColmun .img_table td img{
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
#mainColmun .col-lg-6,
#mainColmun .col-lg-9,
#mainColmun .col-lg-3{
    width: 100%;
  }
#mainColmun .img_table th,
#mainColmun .img_table td{
    text-align: center;
    display: block;
    width: 100%;
}
}
/* まちづくりNEWS */
#mainColmun section.pickup_area {
  width: 100%;
  background:url(../images/bg_sub.gif) center top repeat;
}
#mainColmun section.pickup_area .pickup_wrap{
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  padding: 100px 0 80px;
}
#mainColmun .pickup_area h2,
#mainColmun .spot_area h2,
#mainColmun .tour_area h2{
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
#mainColmun .pickup_area h2 p,
#mainColmun .spot_area h2 p,
#mainColmun .tour_area h2 p {
  position: absolute;
  font-weight: bold;
  top: 180px;
  left: -100%;
  right: -100%;
  margin: auto;
  font-size: medium;
}
#mainColmun .pickup_area h2 span,
#mainColmun .spot_area h2 span,
#mainColmun .tour_area h2 p span{
  background: linear-gradient(transparent 60%, #ebdca9 60%);
}
#mainColmun .pickup_area h2 img,
#mainColmun .spot_area h2 img,
#mainColmun .tour_area h2 img{
  display: block;
  margin:0 auto;
}
#mainColmun .pickup_area a h3{
  font-size: 1.375em;
  margin: 10px 0 0;
  text-align: center;
}
#mainColmun .pickup_area a{
  text-decoration: none;
}
#mainColmun .pickup_img img{
  width: 100%;
  border-radius: 20px;
}
#mainColmun .pickup_area .content {
  margin:auto;
  padding:0px;
  width: 100%;
  margin-bottom: 30px;
}
#mainColmun .pickup_area .slick-slide{

}
#mainColmun .pickup_area .slick-current{
  position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

#mainColmun .pickup_area .slick-slide:not(.slick-center) {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}
#mainColmun .pickup_area .slick-prev::before,
#mainColmun .pickup_area .slick-next::before{
  color:#ffe400 !important;
}
#mainColmun .pickup_area .slick-prev{
  left:21%;
}
#mainColmun .pickup_area .slick-next{
  right: 21%;
}
#mainColmun .pickup_area .btn a,
#mainColmun .pickup_area .btn a:visited{
  background: #ffe400;
  color: #000 !important;
}
#mainColmun .pickup_area .btn a:hover{
  background: #edd400;
}

/* おでかけスポット */
#mainColmun .spot_area{
  width: 100%;
  background: url(../images/bg_spot.gif) left top repeat;
  padding-bottom: 80px;
  margin-bottom: 0;
}
#mainColmun .spot_area .entry_img_list{
  width: 1200px;
  margin: 0 auto;
}
#mainColmun .spot_area h2{
  padding: 0;
  margin-bottom: 40px;
}
#mainColmun .spot_area h2 span{
  top: 180px;
  left: 42%;
}
.pageSpot .entry_img_list .exp_list{
  width: 71%;
  float: left;
  margin-left: 4%;
}
.pageSpot .entry_img_list .list_img{
  width: 25%;
  height: 90px;
  border-radius: 50%;
}
.pageSpot .entry_img_list article img{
  width: 180%;
}
.pageSpot .entry_img_list article{
  width: 30%;
  margin: 0 5% 2% 0;
}
.pageSpot .new{
  display: none;
}
.pageSpot .exp_list .txt_read{
  display: none;
}

/* 体験ツアー */
#mainColmun .tour_area{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 60px;
}
#mainColmun .tour_area h2{
  padding: 0;
  margin: 0;
}
#mainColmun .tour_area h3{
  font-size: xx-large;
  text-align: center;
  color: #786E66;
  margin-bottom: 30px;
}

/* 宇多津町のふるさと納税 */
#mainColmun .latestblog_list{
  overflow: hidden;
  margin-bottom: 60px;
}
#mainColmun .page_entry_list .latestblog_list:last-child{
  margin-bottom: 0px;
}
#mainColmun .message_box{
  border-bottom:2px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.pageFurusatotax #mainColmun .message_detail h4,
#mainColmun .message_box h4{
  margin: 0;
  font-size: large;
  background: url(../images/icon_massage.png) left center no-repeat;
  background-size: 40px;
  padding-left: 40px
}
.pageFurusatotax .btn{
  width: 80%;
}
#furusatotaxlist_area {
  text-align: center;
  margin-bottom: 20px;
}
#furusatotaxlist_area .btn{
  display: inline;
  margin: 0 10px;
}
.text_box{
  width: 100%;
  margin: 0 auto 30px;
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  text-align: center;
  color: #000;
  font-weight: bold;
  box-sizing: border-box;
}

/* タブ切り替え */
.tab-content{
  margin: -10px 0 40px 0;
}
.tab-content input[type="radio"] {
  display: none;
}
.tab-content label {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  cursor: pointer;
  text-align:center;
  margin: 1%;
  border-radius:6px;
  overflow:hidden;
  padding: 2% 1%;
  width:46%;
}
.tab-content label i{
  font-size: medium;
  padding-left: 10px;
}
.tab-content input[type="radio"]:checked + label {
  color: #e73600;
  background-color: #fff;
  margin: 0 0 -2%;
  padding: 3% 0;
  border-radius: 6px 6px 0 0;
  width: 50%;
}
.tab-content input[type="radio"]:checked + label span{
  border-bottom: 5px solid;
  padding-bottom: 5px;
}
.tab-content .tab-box {
  background:#fff;
}
.tab-content > .tab-box > div {
  display: none;
}
#tab1:checked ~ .tab-box > #tabView1 {
  display: block;
}
#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

/* ========== 現地ツアー ========== */
#mainColmun .tour_inqfm{
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  box-sizing: border-box;
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  border-radius: 10px;
}
#mainColmun .tour_inqfm h4{
  font-size: x-large;
  background: none;
  padding: 0;
}
#mainColmun .tour_inqfm .tel{
  margin-bottom: 20px !important;
}
#mainColmun .tour_inqfm .tel a{
  font-size: xx-large;
  font-weight: bold;
  text-decoration: none;
}
#mainColmun #page_entry_detail .tour_inqfm .btn{
  margin-bottom: 10px;
}
.pageFan #mainColmun .btn{
  margin-bottom: 0;
}
#mainColmun .tour_inqfm .btn a,
.pageTanbo #mainColmun .message_page .btn a,
.pageFan #mainColmun .btn a{
  background: #4D7A75;
  color: #fff !important;
}
#mainColmun .tour_inqfm .btn a:hover,
.pageTanbo #mainColmun .message_page .btn a:hover,
.pageFan #mainColmun .btn a:hover{
  background: #3F635F;
}
#mainColmun .cat_area,
#mainColmun #main_tag_area{
  box-sizing: border-box;
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  padding: 20px;
  font-size: small;
  margin-bottom: 30px;
  border-radius: 10px;
}

#mainColmun .cat_area span{
  margin: 3px 5px 3px 0;
}
#mainColmun .cat_area span a,
#mainColmun .cat_area span a:visited{
  font-size: x-small;
  display: inline-block;
  padding: 1% 2%;
  margin-bottom: 3px;
  line-height: 1.3;
  background: #fff;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
#mainColmun .cat_area span a:hover{
  background: #f6edae;
}
#mainColmun .tour_tag_area{
  
}

/* ========== ふるさと納税返礼品 ========== */
#mainColmun .outofstock_img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.6);
  z-index: 10;
}
#mainColmun .outofstock_img:before{
  content:"現在品切れ中";
  font-size: 3em;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  top: 45%;
  left: 35%;
  font-weight: bold;
}
.typeList #mainColmun .outofstock_img:before,
#mainColmun .top_latestblog .outofstock_img:before{
  font-size: 2em;
  color: #fff;
  top: 38%;
  left: 17%;
}
.pageHenreihinn .mainTitleImage{
  position: relative;
}
#mainColmun .btn_outofstock span{
  background: #ffb6ab !important;
  border:1px solid #f8a4a4 !important;
}
#mainColmun .btn_apply a{
  background: #e74747 !important;
  color: #fff !important;
}
#mainColmun .btn_apply a:hover{
  background: #f97b7b !important;
}
#mainColmun #page_entry_detail .address_list .price{
  line-height: 100%;
  font-size: large;
  color: #d80000;
  vertical-align: bottom;
}
#mainColmun #page_entry_detail .address_list .price strong{
  font-size: xx-large;
  vertical-align: bottom;
}
#mainColmun #page_entry_detail .check_area{
  margin-bottom: 20px;
}
#mainColmun #page_entry_list .check_area,
#mainColmun .entry_img_list .check_area{
  margin-bottom: 5px;
}
#mainColmun #page_entry_detail .check_area span,
#mainColmun #page_entry_list .check_area span,
#mainColmun .entry_img_list .check_area span{
  border:2px solid #ccc;
  font-size: medium;
  font-weight: bold;
  padding:2px 5px;
  margin-right: 2px;
  border-radius: 2px;
  color: #ccc;
}
#mainColmun #page_entry_list .check_area span,
#mainColmun .entry_img_list .check_area span{
  font-size: x-small;
}
#mainColmun #page_entry_detail .check_area span.on,
#mainColmun #page_entry_list .check_area span.on,
#mainColmun .entry_img_list .check_area span.on{
  border: 2px solid #e74747;
  color: #e74747;
}

/* ========== ドクター検索 ========== */
#mainColmun #customPartsCategory .cat_list{
  margin-bottom: 50px;
}

/* ========== 広告管理 ========== */
header .header_ads_area{
  overflow:hidden;
  background: #FFF9;
  padding:20px 0;
  text-align:center;
}
footer .footer_ads_area {
  background: rgba(255,255,255,0.7);
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 20px 0;
  z-index: 100;
}
header .header_ads_area #header_bnr,
footer .footer_ads_area #footer_bnr{
  max-width: 728px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

header .header_ads_area #header_bnr span,
footer .footer_ads_area #footer_bnr span{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #482f1c;
  color: #fff;
  cursor: pointer;
  display: block;
  position: absolute;
  top: -10px;
  right: 0px;
  text-align: center;
  font-size: small;
  z-index: 10;
}
header .header_ads_area #header_bnr span .fa,
footer .footer_ads_area #footer_bnr span .fa{
  padding-top: 5px;
}
header .header_ads_area #header_bnr a,
footer .footer_ads_area #footer_bnr a{
  display: block;
  padding: 0 10px;
}
header .header_ads_area #header_bnr img,
footer .footer_ads_area #footer_bnr img{
  width: 100%;
}
header .header_ads_area #header_bnr img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
header .ads_area{
  display: none;
}
.topPage #top_ads_area .ads_area{
  display: none;
}
#mainColmun .ads_area_middle{
  display: none;
}
#mainColmun .ads_area_main_bottom{
  display: table;
  margin: 0 auto 30px;
  text-align: left;
}
#mainColmun .ads_area_main_bottom a{
  display: table-cell;
  text-align: center;
}
#mainColmun .ads_area_main_bottom img{
  width: 95%;
}
#mainColmun .ads_area_main_bottom .articles_box{
  width: 100%;
  box-sizing: border-box;
  margin: 20px auto;
  overflow: hidden;
}
#mainColmun .ads_area_main_bottom .articles_box img{
  float: left;
  width: 30%;
  margin-right: 30px;
  margin-bottom: 30px;
}
#mainColmun .ads_area_main_bottom .articles_box img:hover{
  opacity:1;
}
#footerColmun .ads_area,
#footerColmun .ads_area_middle,
#footerColmun .ads_area_bottom{
  display: block;
  margin-bottom: 10px;
}
#footerColmun .ads_area img,
#footerColmun .ads_area_middle img,
#footerColmun .ads_area_bottom img{
  margin-bottom: 10px;
}

/* ========== ブログ ========== */
#mainColmun #page_entry_list,
#mainColmun #page_entry_detail,
#mainColmun .blog_wrap,
#mainColmun .cat_writer_list{
  padding: 0;
  margin: 0 auto 30px;
  max-width: 1200px;
  overflow: hidden;
}
#mainColmun .blog_wrap{
  margin: 0 auto;
}
#mainColmun #page_entry_detail .anchorList{
  background: #eee;
  padding: 30px 40px;
  margin: 30px auto;
}
#mainColmun #page_entry_detail .anchorList h4{
  padding: 0;
  margin: 0 0 10px;
  background: none;
}
#mainColmun #page_entry_detail .anchorList ul{
  padding-left: 1em;
  margin-bottom: 0;
}
#mainColmun #page_entry_detail .anchorList li{
  list-style: disc;
  font-weight: bold;
  margin-bottom: 0;
}
#mainColmun #page_entry_detail .anchorList li a,
#mainColmun #page_entry_detail .anchorList li a:visited{
  text-decoration:none;
}
#mainColmun #page_entry_detail .anchorList li a:hover{
  text-decoration:underline;
}
#mainColmun #page_entry_detail .anchorList h4:before,
#mainColmun .cat_writer_list h4:before{
  content: "\f03a";
  font-family: FontAwesome;
  font-weight: normal;
  padding-right: 5px;
}
#mainColmun .cat_writer_list h4:before{
  content: "\f044";
}
#mainColmun #page_entry_detail .detailImgAndText{
  margin: 0 0 40px;
  line-height: 2;
}
#mainColmun #main_tag_area span.tag a{
  border-radius: 4px;
  background: #fff;
  padding: 1% 3%;
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: small;
  font-weight: bold;
  line-height: 1.3;
  margin: 3px 5px 3px 0;
}
#mainColmun #main_tag_area span.tag a .fa{
  color: #333;
  padding-right: 5px;
}
#mainColmun #main_tag_area span.tag a:hover .fa{
  color: #fff;
}
#mainColmun #main_tag_area span.tag a:hover{
  background: #f6edae;
}
#mainColmun .cat_writer_list img{
  border-radius: 50%;
}

/* ブログ一覧、吐出し */
.entry_list h2{
  font-size: 1.875em;
  text-align: center;
}
.entry_list h2 .fa{
  padding-right: 10px;
}
.entry_list h2 span{
  background: linear-gradient(transparent 60%, #fff159 0%);
}
.entry_list h3{
  margin-bottom: 5px;
  padding: 0;
}
.entry_list article{
  width: 29.3333%;
  padding: 1%;
  margin: 2%;
  float: left;
  box-sizing: border-box;
  background: #f8f8f8;
  min-height: 450px;
}
.entry_list article p{
  color: #000;
}
.entry_img_list{
  padding: 0 0 20px;
  overflow: hidden;
}
.latestblog_list .entry_img_list,
.latestblog_list .entry_img_list article{
  padding: 0;
}
.entry_list ul li:nth-child(3n+1){
  clear: both;
}
.entry_list a,
.entry_img_list a{
  text-decoration: none;
  backface-visibility: hidden;
}
.entry_list .category,
.entry_img_list .category,
.entry_list .tag,
.entry_img_list .tag{
  margin: 3px 3px 3px 0;
}
.entry_list .category A,
.entry_list .category A:visited,
.entry_img_list .category A,
.entry_img_list .category A:visited,
.entry_list .tag A,
.entry_list .tag A:visited,
.entry_img_list .tag A,
.entry_img_list .tag A:visited{
  font-size: x-small;
  display: inline-block;
  padding: 2%;
  line-height: 1.3;
  background: #008a9f;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 3px;
  font-weight: bold;
}
.entry_list .tag A,
.entry_list .tag A:visited,
.entry_img_list .tag A,
.entry_img_list .tag A:visited{
  background: #e7b300;
}
.entry_list .category A:hover,
.entry_img_list .category A:hover,
.entry_list .tag A:hover,
.entry_img_list .tag A:hover{
  background: #1b9aae;
}
.entry_list .tag A:hover,
.entry_img_list .tag A:hover{
  background: #d1a200;
}
.entry_img_list article{
  width: 31%;
  margin: 0;
  padding: 0 0 20px;
  margin: 0 3% 2% 0;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  float: left;
}
.entry_img_list article:nth-child(3n){
  margin-right: 0;
}
.typeDetail .blog_wrap .entry_img_list article:nth-child(3n+1),
.typeList .entry_img_list article:nth-child(3n+1){
  clear: both;
}
.entry_img_list article time{
  color: #000;
  font-size: x-small;
  vertical-align: baceline;
}
.entry_img_list article time .fa{
  color: #bbb;
  padding-right: 5px;
  font-weight: normal;
}
.entry_img_list article img{
  width: 130%;
  height: auto;
  position: absolute;
}
.entry_img_list h2{
  font-size: 1.25em;
  margin: 2% 0;
}
.entry_img_list .exp_list{
  width: 100%;
  float: left;
  margin-left: 0;
}
.entry_img_list .exp_list .txt_read{
  font-size: small;
  margin-bottom: 10px;
}
.typeList .cat_box,
.typeDetail .cat_box,
.pageHenreihinn .time_area{
  display: none;
}
.entry_img_list .exp_list .time_area{
  text-align: right;
}
.pageSpot .entry_img_list .exp_list .time_area,
.pageTour .entry_img_list .exp_list .time_area,
.pagePlay .entry_img_list .exp_list .time_area,
.spot_area .entry_img_list .exp_list .time_area,
.tour_area .entry_img_list .exp_list .time_area,
.pageFurusatotax .entry_img_list .exp_list .time_area{
  display: none;
}
.entry_img_list .exp_list span.wraiter_txt{
  font-size: x-small;
}
.entry_img_list .exp_list span.wraiter_txt:after{
  content:" | ";
}
.entry_img_list .exp_list a h3{
  border: none !important;
  padding: 0 !important;
  margin-bottom: 5px !important;
  font-size: medium !important;
  background: none !important;
  text-align: left !important;
  color: #000 !important;
}
.entry_img_list .exp_list h3:before{
  content: "";
  padding: 0 !important;
  border: none !important;
}
#top_1colmun_area .list_img{
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5%;
}
.entry_img_list .list_img{
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-bottom: 5px;
  border-radius: 20px;
}
.list_img img{
  position:absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin:auto;
  width: 100%;
}

/* アコーディオンナビゲーション */
.typeList #mainColmun .main_catdetail,
.typeDetail #mainColmun .main_catdetail{
  overflow: hidden;
  margin-bottom: 20px;
  width: 90%;
  margin: 0 auto 30px;
}
.typeList #mainColmun .main_catdetail .main_catarea,
.typeDetail #mainColmun .main_catdetail .main_catarea {
  width: 47.0%;
  background: #ffe400;
  float: left;
  margin: 0 2%;
  box-sizing: border-box;
  border-radius: 20px;
}
.typeList #mainColmun .main_catdetail .main_catarea h3,
.typeDetail #mainColmun .main_catdetail .main_catarea h3{
  text-align: center;
  padding: 15px 0;
  display:block;
  cursor:pointer;
  position: relative;
  margin-bottom: 0;
  background: #ffe400;
  color: #000;
  border-radius: 20px;
}
.typeList #mainColmun .main_catdetail .main_catarea h3:after,
.typeDetail #mainColmun .main_catdetail .main_catarea h3:after{
  content:"\f13a";
  font-family: fontawesome;
  color: #000;
  position: absolute;
  right: 20px;
  font-size: large;
}
.typeList #mainColmun .main_catdetail .main_catarea h3.active:after,
.typeDetail #mainColmun .main_catdetail .main_catarea h3.active:after{
  content:"\f139" !important;
  font-family: fontawesome;
  color: #000;
}
.typeList #mainColmun .main_catdetail .main_catarea:last-child,
.typeDetail #mainColmun .main_catdetail .main_catarea:last-child {
  margin-right: 0;
}
.typeList #mainColmun .main_catdetail .main_catarea ul li,
.typeDetail #mainColmun .main_catdetail .main_catarea ul li {
  border-top: 2px dashed #000;
  padding: 10px;
  font-size: small;
  font-weight: bold;
}
.typeList #mainColmun .main_catdetail .main_catarea ul li::before,
.typeDetail #mainColmun .main_catdetail .main_catarea ul li::before{
  content: "\f0a9";
  font-family: FontAwesome;
  font-weight: normal;
  padding-right: 10px;
  color: #000;
}
.typeList #mainColmun .main_catdetail .main_catarea .main_cat_list,
.typeDetail #mainColmun .main_catdetail .main_catarea .main_cat_list{
  height:auto;
  display:none;
}
.typeList #mainColmun .main_catdetail .main_catarea a,
.typeDetail #mainColmun .main_catdetail .main_catarea a{
  text-decoration: none;
}
.typeList #mainColmun .main_catdetail .side_subcat_list,
.typeDetail #mainColmun .main_catdetail .side_subcat_list{
  display: none;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li{
  padding: 0;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li li,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li li{
  padding: 10px 0;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li::before,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li::before{
  content: "";
  padding-right: 0;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list li li::before,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list li li::before{
  content: "\f0a9";
  font-family: FontAwesome;
  font-weight: normal;
  padding-left: 20px;
  color: #4d7a75;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li a,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li a{
  padding: 10px;
  display: inline-block;
}
.typeList #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li li a,
.typeDetail #mainColmun .main_catdetail .main_catarea .side_subcat_list ul li li a{
  padding: 0 10px;
}

/* ギャラリー詳細 */
.typeDetail .slick-dots {
  display: none !important;
}
.typeDetail .slider-for .slick-slide{
  height: 700px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background: #eee;
}
.typeDetail .slider-nav .slick-slide{
  height: 150px;
  position: relative;
  overflow: hidden;
}
.typeDetail .slider-for img{
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.typeDetail .slider-nav img{
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  width: 98% !important;
  height: auto !important;
}
.typeDetail .entry_txt_box,
.pageOtarigurashi .entry_txt_box{
  margin-bottom: 30px;
  overflow: hidden;
}
.typeDetail .entry_txt_box img{
  max-width: 870px;
  height: auto;
  width: auto;
}
.typeDetail .entry_txt_box blockquote img{
  max-width: 870px;
  height: auto;
  width: 100%;
  margin-bottom:10px;
}

/* new,number */
#mainColmun span.new p,
#footerColmun span.new p{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #E9001A transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#mainColmun span.new p.pr span{
  left: 8px;
  bottom: 23px;
}
#mainColmun span.new p span,
#footerColmun span.new p span{
  position: absolute;
  bottom: 21px;
  left: 4px;
  font-weight: bold;
  font-size: small;
  color: #fff;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.pageHenreihinn #mainColmun .list_img span.new{
  display: none;
}
#mainColmun .rank,
#footerColmun .rank{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #00e7a8;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}
#footerColmun .number{
  counter-increment: ranking;
  position:absolute;
  bottom:0px;
  left:6px;
  font-weight:bold;
  color:#fff;
  font-size: small;
}
#footerColmun .number:before{
  content: counter(ranking);
}
#footerColmun .img_list li:nth-child(1) .rank{
  border-color: #ff4747;
}
#footerColmun .img_list li:nth-child(2) .rank{
  border-color: #ff9415;
}
#footerColmun .img_list li:nth-child(3) .rank{
  border-color: #ffd615;
}
#footerColmun .img_list li:nth-child(4) .rank{
  border-color: #a0e50d;
}

/* トップページブログ一覧、吐出し */
.topPage .entry_img_list{
  padding: 0 20px 20px;
  overflow: hidden;
}
.topPage .entry_img_list article{
  width: 23%;
  margin: 0 2% 2% 0;
}
.topPage .entry_img_list article:nth-child(4n){
  margin-right: 0;
}
.topPage .entry_img_list article:nth-child(4n+1){
  clear: left;
}

/* ブログ詳細ページ */
#mainColmun #wraiter_box{
  background: #f5f5f5;
  padding: 7px 10px 6px;
  margin: 10px 0;
  text-align: right;
  font-size: small;
}
.pageSpot #mainColmun #wraiter_box{
  display: none;
}
#mainColmun #wraiter_box .ttl_wraiter{
  background: #069FB6;
  padding: 3px 20px;
  font-size: small;
  color: #fff;
  text-align: center;
  margin: 0 40% 10px;
  display: block;
}
#mainColmun #wraiter_box a,
#mainColmun #wraiter_box a:visited{
  text-decoration: none;
}
#mainColmun #wraiter_box a:hover{
  text-decoration: underline;
}
#mainColmun .mainTitleImage{
  margin: 0 0 40px;
}
#mainColmun .member_area{
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 30px;
  text-align: center;
}
#mainColmun .member_area input[type="password"]{
  padding: 7px;
  margin:0 5px 0 10px;
  border-radius: 4px;
  border: 1px solid #bbb;
  width: 40%;
  font-size: large;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#mainColmun .member_area button{
  width: 20%;
  padding: 7px;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: large;
  font-weight: bold;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background: rgb(228,29,0); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(228,29,0,1) 0%, rgba(232,87,25,1) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(228,29,0,1) 0%,rgba(232,87,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(228,29,0,1) 0%,rgba(232,87,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#mainColmun .member_area button:hover{
  background: rgb(228,29,0); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(228,29,0,1) 0%, rgba(232,87,25,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(228,29,0,1) 0%,rgba(232,87,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(228,29,0,1) 0%,rgba(232,87,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  cursor: pointer;
}
#mainColmun .member_area h3{
  margin-bottom: 30px;
}
#mainColmun .member_area p{
  margin: 30px 0;
}
#mainColmun .member_area img{
  width: 50%;
  height: auto;
}
#mainColmun .member_area .fa{
  color: #DD743B;
  font-size: xx-large;
}
#mainColmun .member_detail{
  display: none;
}
#mainColmun .source_area{
  overflow: hidden;
  background: #fff;
  border: 2px solid #eee;
  padding: 20px;
  margin-bottom: 30px;
}
#page_entry_detail .info_detail{
  text-align: right;
}
.pageNews #page_entry_detail .info_detail,
.pageSpot #page_entry_detail .info_detail{
  display: none;
}
#page_entry_detail .info_detail .pr_flag{
  color: #fff;
  background: #333;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: x-small;
}
#page_entry_detail time{
  text-align: right;
  font-size: small;
  color: #777;
  margin-left:10px;
}
#page_entry_detail time .fa{
  color: #777;
  padding-right: 5px;
  margin-bottom: 3px;

}
/* SNS */
#social_area{
  text-align: center;
}
.socialBtns{
  margin-bottom: 20px;
  text-align: left;
}
.socialBtns iframe{
  margin: 0 !important;
}
.socialBtns .socialBtn{
  display: inline-block;
  margin: 3px;
  vertical-align: bottom !important;
  line-height: 1;
}
.socialBtns .btnEntryFacebookShareSocialBtns{
  background:#3B579D;
  border-radius: 4px;
  text-align: center;
}
.socialBtns .btnEntryFacebookShareSocialBtns a{
  font-size: x-small !important;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
  line-height: 100%;
  padding: 4px 10px;
  display: inline-block;
}
.socialBtns .btnEntryFacebookShareSocialBtns a:before{
  content:"\f09a";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 5px;
}
.socialBtns .btnEntryGooglePlus{
  width: 60px;
}
.socialBtns .btnEntryLine{
  width: 86px;
  height: auto;
  overflow: hidden;
}
.socialBtns img{
  margin: 0 !important;
}
.btnEntryFacebookShareOrg,
.btnEntryTwitterOrg{
  display: inline-block;
  width: 370px;
  margin: 0 20px 20px;
}
.btnEntryFacebookShareOrg a,
.btnEntryTwitterOrg a{
  position: relative;
  background-color: #4267b2;
  border-radius: 4px;
  color: #fff !important;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #062869;
  width: 100%;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.btnEntryFacebookShareOrg a:hover{
  background-color: #365899;
  box-shadow: 0 3px 0 #062869;
}
.btnEntryTwitterOrg a{
  background-color: #5EA9DD;
  box-shadow: 0 3px 0 #3A7AA6;
}
.btnEntryTwitterOrg a:hover{
  background-color: #3E96D4;
  box-shadow: 0 3px 0 #3A7AA6;
}
.btnEntryFacebookShareOrg a:active,
.btnEntryTwitterOrg a:active {
  top: 3px;
  box-shadow: none;
}
.btnEntryTwitterOrg a:before{
  content: "\f099";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 10px;
}
.btnEntryFacebookShareOrg a:before{
  content: "\f09a";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 10px;
}
#facebook_area{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0;
  position: relative;
  margin: 30px 0;
}
#facebook_area:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
#facebook_area #inner{
  text-align: center;
  padding: 100px 0;
  background: rgba(0,0,0,0.7);
  position: relative;
  z-index: 1;
  width: 40%;
}
#facebook_area #inner p{
  margin-bottom: 10px;
  color: #fff;
}

/* ページング */
#mainColmun .listPagePager{
  text-align: center;
  margin: 10px 0 30px;
}
#mainColmun .listPagePager a{
  text-decoration: none;
}
#mainColmun .listPagePager .page_number{
  display: inline-block;
}
#mainColmun .listPagePager .page_number a{
  display: inline-block;
  padding: 10px 13px;
  line-height: 100%;
  background: #008a9f;
  color: #fff;
  border-radius: 6px;
}
#mainColmun .listPagePager .page_number a:hover{
  background: #0ca2b9;
}
#mainColmun .listPagePager .current{
  display: inline-block;
  padding: 10px 13px;
  line-height: 100%;
  background: #fff;
  border-radius: 6px;
}

/* ========== フォト ========== */
#photo_area{
  margin: 0 0 40px;
}
#photo_area .photosPageList,
.pagePhoto .photosPageList{
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
#photo_area .photosPageList li,
.pagePhoto .photosPageList li{
  display: inline-block;
  width: 157px;
  margin: 0 2px 8px 2px;
}
#photo_area .photosPageList li img,
.pagePhoto .photosPageList li img{
  width: 100%;
}
.pagePhoto .listPagePager a,
.pagePhoto .listPagePager a:visited{
  font-size: large;
  color: #333;
  vertical-align: baseline;
  padding: 0 10px;
  text-decoraiton: none;
}
.pagePhoto .listPagePager a:hover{
  text-decoration: underline !important;
}

/* ========== 問い合わせフォーム ========== */
.typeInquiry #tel_area{
  margin: 0 0 30px;
}
.typeInquiry .formInputTag p{
  margin-bottom: 10px !important;
  overflow: hidden;
}
.typeInquiry .formElement{
  margin-bottom: 30px;
  display: block;
}
.typeInquiry input,
.typeInquiry select{
  font-size: large;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.typeInquiry .ui-grid-a,
.typeInquiry .ui-grid-b,
.typeInquiry .formInputTag{
  overflow: hidden;
}
.typeInquiry input[type="text"],
.typeInquiry input[type="email"],
.typeInquiry input[type="url"],
.typeInquiry input[type="date"],
.typeInquiry input[type="time"],
.typeInquiry textarea{
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  padding: 1% 2%;
  width: 70%;
}
.typeInquiry input[type=radio],
.typeInquiry input[type="checkbox"]{
  display: inline-block;
  margin-right: 6px;
}
.typeInquiry input[type=radio] + label,
.typeInquiry input[type="checkbox"] + label{
  position: relative;
  display: inline-block;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer;
}
  @media (min-width: 1px) {
  .typeInquiry input[type=radio],
  .typeInquiry input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .typeInquiry input[type=radio] + label,
  .typeInquiry input[type=checkbox] + label {
    padding: 0 0 0 24px;
  }
  .typeInquiry input[type=radio] + label::before,
  .typeInquiry input[type=checkbox] + label::before {
     content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
  }
  .typeInquiry input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;
  }
  .typeInquiry input[type=checkbox] + label::before {
    border: 2px solid #ccc;
  }
  .typeInquiry input[type=radio]:checked + label::after,
  .typeInquiry input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .typeInquiry input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #333;
    border-radius: 8px;
  }
  .typeInquiry input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #333;
    border-bottom: 3px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.typeInquiry select{
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  padding: 1% 2%;
}
.typeInquiry input.number,
.typeInquiry input.ymdhm,
.typeInquiry input.price{
  width: 25%;
  margin: 0 5px;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  padding: 1% 2%;
}
.typeInquiry input.number{
  float: left;
}
.typeInquiry input.ymdhm,
.typeInquiry input.price{
  margin-bottom: 5px;
}
.typeInquiry input[type="file"]{
  cursor: pointer;
}
.typeInquiry #confirmBtn{
  text-align:center;
}
.typeInquiry input[type="button"]{
  border: none;
  padding: 2% 15%;
  cursor: pointer;
  position: relative;
  background-color: #333;
  border-radius: 4px;
  color: #fff !important;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #FE3500;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin: 20px auto;
}
.typeInquiry input[type="button"]:active{
  background-color: #FB6810;
  box-shadow: 0 3px 0 #FE3500;
  top: 3px;
  box-shadow: none;
}
#submitBtn,
#cancelBtn{
  text-align: center;
}
.typeInquiry #cancelBtn  input[type="button"]{
  padding: 1% 10% !important;
  background: #9e9e9e !important;
  box-shadow: 0 3px 0 #5e5e5e !important;
}
.typeInquiry #cancelBtn input[type="button"]:active{
  background-color: #9e9e9e !important;
  box-shadow: 0 3px 0 #5e5e5e !important;
  top: 3px;
}

/* ========== サイト内検索 ========== */
.pageSearch .gsc-input-box{
  height: auto !important;
  padding: 5px 0 !important;
  border-radius: 4px !important;
}
.pageSearch input.gsc-search-button{
  background: #FE3500 !important;
  border-radius: 4px!important;
  margin: 0!important;
  padding: 13px 30px!important;
  border: 1px solid #eee!important;
}
.pageSearch .gsst_a{
  padding: 0 4px !important;
}
.pageSearch table.gsc-search-box td{
  vertical-align: top !important;
}
.pageSearch .gsc-control-cse .gs-result .gs-title{
  height: auto!important;
  text-decoration: none!important;
}
.pageSearch .gsc-control-cse .gs-result .gs-title a{
  text-decoration: none!important;
}

/* 検索フォーム */
#searchForm{
  clear: both;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
}
#searchForm input[type="text"]{
  width: 76%;
  height: 40px;
  font-size: small;
  padding: 0 2%;
  float: left;
  border: none;
  overflow: hidden;
  color: #482f1c;
}
#searchForm button{
  height: 40px;
  width: 20%;
  float: right;
  border: none;
  padding: 0;
  margin: 0;
  background: #333;
  cursor: pointer;
}
#searchForm button:hover{
  background: #777;
}
#searchForm button .fa{
  color: #fff !important;
  font-weight: normal;
  font-size: x-large;
}
/* パーツ */
#footerColmun .btn,
.btn,
.btn02,
.btn_white,
.btn_outofstock,
.btn_apply,
#bottom_1colmun_area .btn {
  width: 60%;
  text-align: center;
  margin: 5px auto 20px;
}
.btn,
.btn02,
.btn_outofstock,
.btn_apply{
  width: 100%;
  max-width: 1200px;
}
#footerColmun .btn a,
.btn a,
.btn02 a,
.btn_white a,
.btn_outofstock span,
.btn_apply a,
#bottom_1colmun_area .btn a{
  display: inline-block;
  padding: 20px 60px;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  font-size: small;
  border-radius: 50px;
  background: #008a9f;
}
.btn a,
.btn02 a,
.btn_white a,
.btn_outofstock span,
.btn_apply a,
#bottom_1colmun_area .btn a{
  font-size: medium;
}
.btn02 a,
.btn02 a:visited{
  background: #4D7A75;
  color: #fff !important;
}
.btn02 a:hover{
  background: #3F635F;
}
.btn_white a{
  border-radius: 0;
  border: 2px solid #e9e9dd;
  background: #fff;
  padding: 15px 5px;
}
.btn a:after,
.btn02 a:after,
.btn_apply a:after,
#bottom_1colmun_area .btn a:after{
  content:"\f054";
  font-family: FontAwesome;
  padding-left: 10px;
  font-weight: normal;
}
.btn_white a:after{
  content: "\f138";
  font-family: FontAwesome;
  padding-left: 10px;
  font-weight: normal;
  color: #4d7a75;
  font-size: large;
}
#footerColmun .btn a:hover,
#footerColmun .btn02 a:hover,
.btn a:hover,
.btn_apply a:hover,
#bottom_1colmun_area .btn a:hover{
  background: #1b9aae;
}
#mainColmun .spot_area .btn a{
  background: #008a9f;
  border: none;
  color: #fff;
}
#mainColmun .spot_area .btn a:hover{
  background: #887e75;
}
.btn03{
  width: 47%;
  text-align: center;
  margin: 5px auto 5px !important;
}
.btn03 a,
.btn03 a:visited{
  display: block;
  padding: 20px 5px;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  font-size: small;
  border-radius: 4px;
  background: #b10202;
  margin: 0 1%;
}
.btn03 a:hover{
  background: #da0000;
}
.btn03 a:after{
  content:"\f054";
  font-family: FontAwesome;
  padding-left: 10px;
  font-weight: normal;
}
.btn_txt{
  display: table;
  width: 100%;
}
.btn_txt li{
  display: table-cell;
  padding-right: 10px;
}
.btn_txt li:last-child{
  padding:right: 0;
}
.arrow_bottom{
  width: 0;
  height: 0;
  border-top: 30px solid #f00;
  border-right: 80px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 80px solid transparent;
}

#mainColmun .free_box{
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  padding: 30px 50px;
  margin: 0px auto 20px;
  overflow: hidden;
  display: block;
  max-width: 1200px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}
#mainColmun .free_box h3 {
  background: none;
  color: #000;
  font-size: large;
  margin: 0 0 10px;
  font-family: "Rounded Mplus 1c";
  padding: 0;
}
#mainColmun .free_box ul{
  margin-left: 1em;
}
#mainColmun .free_box ul li{
  list-style-type: disc;
  margin-bottom: 15px;
}
.btn_area ul{
  width: 100%;
  display: table;
}
.btn_area ul li{
  display: table-cell;
  text-align: center;
}
.btn_area ul li a,
.btn_area ul li a:visited{
  padding: 15px 5px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  font-size: small;
  border-radius: 4px;
  background: #f3f3e6;
  border: 1px solid #e4e4d0;
  display: block;
  margin: 20px 5px;
}
.btn_area ul li a:hover {
  background: #cfcfc3;
}
.btn_area ul li a:after {
  content: "\f078";
  font-family: FontAwesome;
  font-weight: normal;
  line-height: 100%;
  display: block;
}
/* ========== 応援メッセージ ========== */
.pageMessage .entry_txt_list{
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.typeList .message_detail{
  margin-bottom: 30px;
  overflow: hidden;
  border-bottom: 2px dotted #ccc;
}
,
.typeDetail .message_detail{
  margin-bottom: 30px;
  overflow: hidden;
}
.typeList .message_detail h2,
.typeDetail .message_detail h2{
  font-size: large !important;
  margin-bottom: 10px !important;
}
.typeList .message_detail .txt_refund,
.typeDetail .message_detail .txt_refund{
  font-size: medium;
  font-weight: bold;
  color: #4d7a75;
}
.typeList .message_detail .refund_info,
.typeDetail .message_detail .refund_info{
  text-align: right;
  font-size: small;
  margin-bottom: 20px;
  color: #000;
}
#mainColmun .refund_box{
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
  border-radius: 20px;
}

.typeList #mainColmun .message_detail h2,
.typeDetail #mainColmun .message_detail h1{
  background: url(../images/icon_massage.png) left center no-repeat;
  background-size: 40px;
  padding-left: 40px;
  font-size: large;
  margin-bottom: 0;
  text-shadow: none;
}
.typeList #mainColmun .message_detail h2 a,
.typeList #mainColmun .message_detail h2 a:visited,
.typeDetail #mainColmun .message_detail h1 a,
.typeDetail #mainColmun .message_detail h1 a:visited,
.pageFurusatotax #mainColmun .message_detail h4 a,
.pageFurusatotax #mainColmun .message_detail h4 a:visited,
#mainColmun .message_box h4 a,
#mainColmun .message_box h4 a:visited{
  text-decoration: underline;
}
.typeList #mainColmun .message_detail h2 a:hover,
.typeDetail #mainColmun .message_detail h1 a:hover,
.pageFurusatotax #mainColmun .message_detail h4 a:hover,
#mainColmun .message_box h4 a:hover{
  text-decoration: none;
}

/* ========== 宇多津町ってどんな町？ ========== */
#page_entry_detail .message_area {
    width: 100%;
    background: #fff005;
    box-sizing: border-box;
    padding: 10px 30px;
    max-width: 960px;
    margin: 60px auto 30px;
    color: #000;
    border-radius: 60px;
}
#page_entry_detail .message_area h3{
    text-align: center;
    padding: 15px 0;
    display:block;
    cursor:pointer;
    position: relative;
    margin-bottom: 0;
    color: #000 !important;
    font-size: x-large;
    background: none;
}
#page_entry_detail .message_area h4{
  background: none;
  text-align: center;
  font-size: xx-large;
}
#page_entry_detail .message_area h3:after{
    content: "\f13a";
    font-family: fontawesome;
    color: #000;
    display: block;
    font-size: x-large;
    margin-top: 10px;
}
#page_entry_detail .message_area h3.active:after{
    content:"\f139" !important;
    font-family: fontawesome;
    color: #000;
}
#page_entry_detail .message_area h4{
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}
#page_entry_detail .message_area h4 a{
    color: #000;
}
#page_entry_detail .message_area .message_detail{
    height:auto;
    display:none;
    text-align: center;
    
}
#page_entry_detail .message_area .message_box{
    margin-top: 30px;
    padding-bottom: 30px;
}
#page_entry_detail .message_area img{
    margin-bottom: 30px;
}
#page_entry_detail .message_area th{
    width: auto;
}
#page_entry_detail .message_area p{
    text-align: left;
    font-weight: bold;
    line-height: 170%;
    color: #000;
}
.movie_area h3{
  background: none !important;
  text-align: center !important;
  color: #000 !important;
}
/* ========== ふるさと納税 ========== */
.typeList .message_page{
  overflow: hidden;
  margin-bottom: 60px;
}
.pageFurusatotax .message_detail{
  margin-bottom: 60px;
  border: none;
}

/* ========== 田んぼオーナー制度 ========== */
.pageTanbo .message_page{
  overflow: hidden;
  margin-bottom: 0px;
}

/* ========== 移住ナビ ========== */
#mainColmun .accordion_box{
  margin-bottom: 20px;
  background:#f6f6f6;
  padding: 0 40px 0;
  box-sizing: border-box;
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  border-radius: 10px;
}
#mainColmun .accordion_box h6{
  padding: 20px 0;
  display:block;
  cursor:pointer;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  
}
#mainColmun .accordion_box h6:after{
  content: "\f078";
  font-family: fontawesome;
  float: right;
  font-size: large;
}
#mainColmun .accordion_box h6.active:after{
  content:"\f077" !important;
  font-family: fontawesome;

}
#mainColmun .accordion_box .accordion_txt{
  height:auto;
  display:none;
  padding-bottom: 30px;
}
#mainColmun .img_yoko{
  display: table;
}
#mainColmun .img_yoko li{
  display: table-cell;
}
#mainColmun .img_yoko li img{
  width: 100%;
  max-width: 640px;
}
#mainColmun .otarigurashi_about{
  text-align: center;
  margin-top: 0 !important;
  display: inline-block;
  margin-bottom: 10px;
}
#mainColmun .otarigurashi_about h3{
  background: none;
  color: #000;
  font-size: x-large;
  margin: 0;
}
.pageOtarigurashi #top_1colmun_area{
  margin-bottom: 30px;
  border-radius: 10px;
}
.pageOtarigurashi #top_1colmun_area #where_area h2.sp_hidden{
  margin: 0 0 30px 405px;
}
.pageOtarigurashi #top_1colmun_area #where_area h2.sp_hidden img{
  width: 90%;
}
.pageOtarigurashi #top_1colmun_area #where_area .txt_area{
  margin: 0px 30px 0 405px;
}
.pageOtarigurashi #top_1colmun_area #where_area #inner{
  min-height: 540px;
}
h6 .fa{
  margin-right: 10px;
  vertical-align: baseline;
}
.pageOtarigurashi .entry_img_list article{
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ========== ファンミーティング ========== */
.accordion_box .qa_area h6{
  background: url(../images/q_bg.png) 0px center / 30px 30px no-repeat !important;
  background-color: transparent !important;
  padding-left: 35px !important;
}
.pageFan .accordion_box .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #fff;
}
.pageFan .accordion_box .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel::after {
  border-right-color: #FFF;
}
@media screen and (max-width: 750px){
  .pageFan .message_page{
    margin-bottom: 20px;
  }
  #mainColmun .free_box{
    padding:20px;
  }
}
.bnr_btn .col-lg-6{
  text-align: center;
  margin-bottom: 20px;
}
.bnr_btn .col-lg-6 a{
  padding: 30px 20px;
  border-radius: 6px;
  background:#FEEA73;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.bnr_btn .col-lg-6 a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: small;
  line-height: 200%;
  position: absolute;
  right: 10px;
  top: 40%;
}
.bnr_btn .col-lg-6 a .txt_day{
  display: block;
  font-size: small;
}
.detail_wrap{
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 100px;
}
.detail_wrap p{
    text-align: left;
    font-size: medium;
}
.detail_wrap .left_detail{
    max-width: 580px;
    width: 100%;
    float: left;
}
.detail_wrap .right_detail{
    max-width: 580px;
    width: 100%;
    float: right;
}
.detail_wrap .left_detail img,
.detail_wrap .right_detail img{
    width: 100%;
    margin-bottom: 20px;
}
.voice_area{
}

@media screen and (max-width: 750px){
  .bnr_btn .col-lg-6 a{
    padding:10px;
    font-size: x-small;
  }
}
/* ========== 独自追加 ========== */
.w100 img{
  width: 100% !important;
}
.img_center{
  display: block;
  margin: 0 auto 0;
  text-align: center;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.mt5{
  margin-top:5px!important;
}
.mt10{
  margin-top:10px!important;
}
.mt15{
  margin-top:15px!important;
}
.mt20{
  margin-top:20px!important;
}
.mt25{
  margin-top:25px!important;
}
.mt30{
  margin-top:30px!important;
}
.mt35{
  margin-top:35px!important;
}
.mt40{
  margin-top:40px!important;
}

.ml5{
  margin-left:5px!important;
}
.ml10{
  margin-left:10px!important;
}
.ml15{
  margin-left:15px!important;
}
.ml20{
  margin-left:20px!important;
}
.ml25{
  margin-left:25px!important;
}
.ml30{
  margin-left:30px!important;
}
.ml35{
  margin-left:35px!important;
}
.ml40{
  margin-left:40px!important;
}

.mb5{
  margin-bottom:5px!important;
}
.mb10{
  margin-bottom:10px!important;
}
.mb15{
  margin-bottom:15px!important;
}
.mb20{
  margin-bottom:20px!important;
}
.mb25{
  margin-bottom:25px!important;
}
.mb30{
  margin-bottom:30px!important;
}
.mb35{
  margin-bottom:35px!important;
}
.mb40{
  margin-bottom:40px!important;
}
.mb80{
  margin-bottom:80px!important;
}

.mr5{
  margin-right:5px!important;
}
.mr10{
  margin-right:10px!important;
}
.mr15{
  margin-right:15px!important;
}
.mr20{
  margin-right:20px!important;
}
.mr25{
  margin-right:25px!important;
}
.mr30{
  margin-right:30px!important;
}
.mr35{
  margin-right:35px!important;
}
.mr40{
  margin-right:40px!important;
}
.fL{
  float:left!important;
}
.fR{
  float:right!important;
}
/* ==================== grid ==================== */
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2-4,
.col-lg-1-5 {
  float: left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-11 {
  width: 91.66666667%;
}
.col-lg-10 {
  width: 83.33333333%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-8 {
  width: 66.66666667%;
}
.col-lg-7 {
  width: 58.33333333%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-5 {
  width: 41.66666667%;
}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.66666667%;
}
.col-lg-1 {
  width: 8.33333333%;
}
/*5カラム*/
.col-lg-2-4 {
  width: 20%;
}
/*8カラム*/
.col-lg-1-5 {
  width: 12.5%;
}
.col-lg-pull-11 {
  right: 91.66666667%;
}
.col-lg-pull-10 {
  right: 83.33333333%;
}
.col-lg-pull-9 {
  right: 75%;
}
.col-lg-pull-8 {
  right: 66.66666667%;
}
.col-lg-pull-7 {
  right: 58.33333333%;
}
.col-lg-pull-6 {
  right: 50%;
}
.col-lg-pull-5 {
  right: 41.66666667%;
}
.col-lg-pull-4 {
  right: 33.33333333%;
}
.col-lg-pull-3 {
  right: 25%;
}
.col-lg-pull-2 {
  right: 16.66666667%;
}
.col-lg-pull-1 {
  right: 8.33333333%;
}
.col-lg-pull-0 {
  right: auto;
}
/*5カラム*/
.col-lg-pull-2-4 {
  right: 20%;
}
/*8カラム*/
.col-lg-pull-1-5 {
  right: 12.5%;
}
.col-lg-push-12 {
  left: 100%;
}
.col-lg-push-11 {
  left: 91.66666667%;
}
.col-lg-push-10 {
  left: 83.33333333%;
}
.col-lg-push-9 {
  left: 75%;
}
.col-lg-push-8 {
  left: 66.66666667%;
}
.col-lg-push-7 {
  left: 58.33333333%;
}
.col-lg-push-6 {
  left: 50%;
}
.col-lg-push-5 {
  left: 41.66666667%;
}
.col-lg-push-4 {
  left: 33.33333333%;
}
.col-lg-push-3 {
  left: 25%;
}
.col-lg-push-2 {
  left: 16.66666667%;
}
.col-lg-push-1 {
  left: 8.33333333%;
}
.col-lg-push-0 {
  left: auto;
}
/*5カラム*/
.col-lg-push-2-4 {
  left: 20%;
}
/*8カラム*/
.col-lg-push-1-5 {
  left: 12.5%;
}
.col-lg-offset-12 {
  margin-left: 100%;
}
.col-lg-offset-11 {
  margin-left: 91.66666667%;
}
.col-lg-offset-10 {
  margin-left: 83.33333333%;
}
.col-lg-offset-9 {
  margin-left: 75%;
}
.col-lg-offset-8 {
  margin-left: 66.66666667%;
}
.col-lg-offset-7 {
  margin-left: 58.33333333%;
}
.col-lg-offset-6 {
  margin-left: 50%;
}
.col-lg-offset-5 {
  margin-left: 41.66666667%;
}
.col-lg-offset-4 {
  margin-left: 33.33333333%;
}
.col-lg-offset-3 {
  margin-left: 25%;
}
.col-lg-offset-2 {
  margin-left: 16.66666667%;
}
.col-lg-offset-1 {
  margin-left: 8.33333333%;
}
.col-lg-offset-0 {
  margin-left: 0;
}
/*5カラム*/
.col-lg-offset-2-4 {
  margin-left: 20%;
}
/*8カラム*/
.col-lg-offset-1-5 {
  margin-left: 12.5%;
}

/* ==================== 余白 ==================== */
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}

/* ========== 下層キャッチ ========== */
#sub_catch_detail{
  min-width: 1010px;
  text-align: center;
}
#sub_catch_area{
  width: 100%;
  height: 550px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#sub_catch_area img{
  width: 100%;
  height: auto;
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
}
#sub_catch_area #txt_area{
  background-color: rgba(0,0,0,0.6);
  text-align:center;
  position: absolute;
  top:-100%;
  bottom:-100%;
  left:-100%;
  right:-100%;
  width: 90%;
  height:70%;
  z-index: 2;
  margin: auto;
}
#sub_catch_area #txt_area #inner{
  color:#fff;
  display: table;
  height: 85%;
  width: 94%;
  padding: 3%;
}
#sub_catch_area #txt_area #inner #box{
  display: table-cell;
  vertical-align: middle;
  -webkit-text-shadow: 0 0 20px rgba(0,0,0,0.5);
  -moz-text-shadow: 0 0 20px rgba(0,0,0,0.5);
  -o-text-shadow: 0 0 20px rgba(0,0,0,0.5);
  -ms-text-shadow: 0 0 20px rgba(0,0,0,0.5);
  text-shadow: 0 0 20px rgba(0,0,0,0.5);
  line-height: 2.0;
  font-size: 2em;
  font-weight: bold;
}
#sub_catch_detail #copy_pc{
  line-height: 1.6;
}
#sub_catch_detail #copy_sp{
  display: none;
}
#sub_catch_area strong{
  font-weight: bold !important;
}
#sub_catch_area .catch_btn_area{
  width: 100%;
  display: table;
  margin: 10px auto 0;
}
#sub_catch_area .catch_btn_area li{
  padding: 5px;
  display: table-cell;
}
#sub_catch_area .catch_btn_area li a{
  width: 100%;
}
#sub_catch_area .catch_btn_area li a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/* ========== スマートフォン ========== */
@media screen and (max-width: 750px){
  body,html{
    border: none;
    min-width: 320px;
  }
  #sb-site{
    background: url(../images/bg_body.gif) center top repeat;
  }
  #colmunContainer,
  #top_1colmun_area,
  #top_ads_area,
  #mainColmun{
    width: 96%;
    margin: 0 auto;
    padding: 0;
  }
  .topPage #colmunContainer{
    width: 100%;
  }
  #mainColmun #page_entry_list,
  #mainColmun #page_entry_detail,
  #mainColmun .cat_writer_list{
    margin: 0 auto 10px;
    padding: 20px 0px;
  }
  #mainColmun #page_entry_list{
    padding: 10px 0px;
  }
  #mainColmun .blog_wrap{
    padding: 20px 5px;
  }
  #mainColmun{
    width: 100%;
  }
  #colmunContainer{
    display: block;
  }
  #headerColmun,
  #mainColmun,
  #footerColmun{
    display: block;
  }
  .topPage #mainColmun{
    padding: 0;
  }
  #footerColmun{
    width: 100%;
    padding: 0;
  }
  .detailImageWithTxtLeft,
  .detailImageWithTxtRight{
    display: block;
    margin: 0 auto 10px;
    max-width: 640px;
    width: 100%;
  }
  #colmunContainer img{
    display: block;
    margin: 0 auto 10px;
    max-width: 640px;
    width: 100%;
    height: auto;
  }
  #footerColmun .side_list,
  #footerColmun .entryList,
  #footerColmun .sideHtml{
    margin: 0 auto 10px;
  }
  #mainColmun .pankuzu,
  #mainColmun .pankuzu li,
  #mainColmun .pankuzu li a{
    font-size: x-small;
  }
  #mainColmun .pankuzu .fa{
    font-size: medium;
    vertical-align: baseline;
  }
  #mainColmun #page_entry_detail ul,
  #mainColmun #page_entry_detail ol{
    padding-left: 1.5em;
  }
  .pc_hidden{
    display: block;
  }
  .sp_hidden{
    display: none;
  }
  #footerColmun .btn a, .btn a, .btn02 a, .btn_white a, .btn_outofstock span, .btn_apply a, #bottom_1colmun_area .btn a,#footerColmun .btn a, #mainColmun .btn a{
    display: block;
    margin: 0 10px;
  }
  .btn_w,#footerColmun .btn, .btn, .btn02, .btn_white, .btn_outofstock, .btn_apply, #bottom_1colmun_area .btn{
    width: 100%;
  }
  .btn_w a{
    margin: 0 10px 10px;
    display: block;
  }
  .text_box{
    text-align: left;
    font-size: small;
  }
  /* ヘッダー */
  header{
    padding-top: 50px;
  }
  header #header_detail_bottom{
    display: none;
  }

  /* フッター */
  footer{
    margin: 30px 0 0 0;
    text-align: center;
    padding: 0 0 10px;
  }
  footer #footer_pc{
    display: none;
  }
  footer #footer_sp{
    display: block;
  }
  footer #footer_bnrarea {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  footer #footer_bnrarea a{
    display: block;
    width: 50%;
    float: left;
  }
  footer #footer_bnrarea a img{
    width: 96%;
    margin-bottom:5px;
  }
  footer #info_area{
    width: 95%;
    box-sizing: border-box;
    paddig: 30px 10px; 50px;
    margin-bottom: 20px;
  }
  footer #info_area h2{
    font-size: 1.4em;
    text-shadow: none;
  }
  footer #info_area a{
    background: #008a9f;
    font-size: large;
    font-weight: bold;
    border-radius: 50px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    margin: 10px auto 10px;
    text-shadow: none;
    width: 95%;
  }
  footer #info_area img{
    width: 40%;
    right: 0;
    bottom: -20px;
  }
  footer #footer_sp ul.sns_arae {
    float: none;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
  }
  footer #footer_sp ul.sns_arae li{
    float: none;
    margin: 5px;
    display: inline-block;
    text-align: center;
  }
  footer #footer_sp #footer_menu{
    float: none;
    font-size: small;
    padding: 20px 0 0;
  }
  footer #footer_sp #footer_menu a{
    text-decoration: none;
    font-size: x-small;
  }

  footer #footer_sp #copylight{
    font-size: x-small;
    border: none;
    padding: 10px 0 0;
  }
  footer #footer_sp .anchortop{
    position: static;
    width: 100%;
    background: #10304f;
    padding: 0;
  }
  footer #footer_sp .anchortop a{
    background: none;
    width: auto;
    height: auto;
    display: block;
    color: #fff;
    padding: 5px 0 10px;
    font-size: small;
  }
  footer #footer_sp .anchortop .fa{
    display: block;
    padding: 0;
    color: #fff;
  }

  /* メインメニュー */
  .topPage nav#header_nav,
  .topPage nav#top_header_nav{
    display: none;
  }
  nav#header_nav{
    display: none;
  }
  nav#nav_smart{
    display: inline;
  }
  nav#nav_smart .sb-slidebar {
    background: #008a9f;
  }
  nav#nav_smart .main_content {
    padding-top: 50px;
  }
  nav#nav_smart #header {
    position: fixed;
    /* position: relative; */
    top: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 100;
    border-bottom: 1px solid #ccc;
    padding: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: block;
    box-sizing: border-box;
  }
  nav#nav_smart div#header div{
    display: inline-block;
    padding: 10px 0 0;
    box-sizing: border-box;
    overflow: hidden;
    height: 50px;
    float: left;
  }
  nav#nav_smart div#header .sb-toggle-left {
    width: 20%;
    line-height: 0.5;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
  }
  nav#nav_smart div#header .logo_smart {
    width: 60%;
    border-right: 1px solid #ccc;
    padding-top: 5px;
  }
  nav#nav_smart div#header .logo_smart img{
    width: auto;
    height: 40px;
  }
  nav#nav_smart div#header .search {
    width: 20%;
    line-height: 0.8;
  }
  nav#nav_smart #header div i{
    display: block;
  }
  nav#nav_smart #header div span{
    font-size: x-small;
  }
  nav#nav_smart .sb-slidebar ul{
    margin-top: 50px;
  }
  nav#nav_smart .sb-slidebar ul li.nav_hide:after{
    content:"\f13a";
    font-family: fontawesome;
    color: #333;
    position: absolute;
    right: 20px;
    top: 30%;
    font-size: large;
  }
  nav#nav_smart .sb-slidebar ul li.nav_hide.active:after{
    content:"\f139" !important;
    font-family: fontawesome;
    color: #333;
  }
  nav#nav_smart .sb-slidebar ul ul.sub_menu{
    margin-top: 0px;
    height:auto;
    display:none;
  }
  nav#nav_smart .sb-slidebar ul ul.sub_menu li{
    padding-left: 10px;
    border-bottom: 1px dashed #333;
  }
  nav#nav_smart .sb-slidebar ul ul.sub_menu a{
    color: #4d7a75 !important;
  }
  nav#nav_smart .sb-slidebar ul ul.sub_menu a:before{
    content:"\f005";
    font-family: FontAwesome;
    padding-right:5px;
  }
  nav#nav_smart .sb-slidebar ul li{
    border-bottom: 1px solid #49a7b1;
    position: relative;
    font-size: medium;
    color: #fff;
    padding: 10px;
    font-weight: bold;
  }
  nav#nav_smart .sb-slidebar ul li.secondlevel{
    padding: 0 0 0 30px;
  }
  nav#nav_smart .sb-slidebar ul li img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  nav#nav_smart .sb-slidebar ul li a{
    text-decoration: none;
    padding: 1em;
    display: block;
    overflow: hidden;
    font-weight: bold;
    font-size: small;
    color: #fff;
  }
  nav#nav_smart .sb-slidebar ul li a span{
    display: block;
    font-weight: bold;
  }
  nav#nav_smart .fa{
    color: #000;
  }
  nav#nav_smart #nav_sns_area{
    text-align: center;
    margin: 20px auto;
  }
  nav#nav_smart #nav_sns_area a{
    display: inline-block;
    margin:0 5px;
  }
  nav#nav_smart #nav_sns_area .fa{
    font-size: xx-large;
  }

  /* 見出し */
  .typeInquiry #page_entry_detail h2, .pageDuplicate #page_entry_detail h2, #walk_area h2, #mainColmun h2, .mceContentBody h2{
    font-size: xx-large;
  }
  .typeInquiry #page_entry_detail h2,
  .pageDuplicate #page_entry_detail h2,
  #page_entry_detail h1{
    margin-bottom: 10px;
    font-size: 1.25em;
    background: none;
    border: none;
    padding: 0;
  }
  .typeInquiry #page_entry_detail h2,
  .pageDuplicate #page_entry_detail h2,
  #mainColmun h2,
  .mceContentBody h2{
    margin-bottom: 20px;
    font-size: xx-large;
    background: none;
    border: none;
  }
  .typeInquiry #page_entry_detail h1,
  .pageDuplicate #page_entry_detail h1,
  #page_entry_detail h2,
  #mainColmun h1,
  .mceContentBody h1{
    font-size: x-large;
    background: none;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    text-shadow: none;
  }
  #mainColmun h3,
  #mainColmun h4{
    font-size: large !important;
    margin: 0 0 10px;
  }
  .typeInquiry #page_entry_detail h3,
  .pageDuplicate #page_entry_detail h3,
  #page_entry_detail h3{
    font-size: 1.25em;
  }
  /* トップページ */
  #top_1colmun_area{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
  #top_1colmun_area .entry_list h2{
    font-size: 1.25em;
    margin: 0;
  }
  .top_free_area{
    margin: 0 auto 10px;
    padding: 10px;
    display: none;
  }
  .tab-content{
    margin: 0 auto 10px;
  }
  .tab-content span.category{
    display: none;
  }
  #top_1colmun_area #where_area{
    padding: 0 10px;
    background-size: 900px;
    background-position: right top,left bottom;
  }
  #top_1colmun_area #where_area #inner{
    max-width: 100%;
    width: 100%;
    padding: 30px 0;
  }
  #top_1colmun_area #where_area .txt_area{
    margin: 0;
  }
  #top_1colmun_area #where_area #detail p{
    text-align: center;
  }
  #top_1colmun_area #where_area h2{
    text-align: center;
    margin: 0;
  }
  #top_1colmun_area #where_area h2:after{
    content: "\f078";
    font-family:fontawesome;
    display: block;
    font-size: large;
    color: #796f66 ;
  }
  #top_1colmun_area #where_area h2.active:after{
    content:"\f077" !important;
    font-family: fontawesome;
  }
  #top_1colmun_area #where_area h2 img{
    width: 100%;
  }
  #top_1colmun_area #where_area .image_map{
    position: static;
    width: 80%;
    display: block;
    margin: 20px auto 10px;
  }
  #top_1colmun_area #where_area .check_list{
    border: 2px solid #e9e9dd;
    background: #fff;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  #top_1colmun_area #where_area .check_list li{
    border-bottom: 2px dotted #e9e9dd;
    position: relative;
    padding: 5px 0 5px 30px;
    line-height: 150%;
  }
  #top_1colmun_area #where_area .check_list li:before{
    position: absolute;
    top: 30%;
    left: 0;
  }
  #top_1colmun_area #where_area .check_list li:last-child{
    border: none;
  }
  #top_1colmun_area #where_area .bnr_area{
    margin: 0 0 60px;
    position: relative;
    overflow: visible;
  }
  #top_1colmun_area #where_area .bnr_area li{
    margin: 0 0 60px;
    text-align: left;
    width: 100%;
  }
  #top_1colmun_area #where_area .bnr_area li a{
    display: block;
    width: 50%;
  }
  #top_1colmun_area #where_area .bnr_area li:nth-child(2){
    text-align: right;
    position: absolute;
    right: 0;
    top: 25%;
  }
  #top_1colmun_area #where_area .bnr_area li:nth-child(2) a{
    float: right;
  }
  #top_1colmun_area #where_area .bnr_area li:nth-child(4){
    text-align: right;
    position: absolute;
    right: 0;
    top: 75%;
  }
  #top_1colmun_area #where_area .bnr_area li:nth-child(4) a{
    float: right;
  }
  #top_1colmun_area #where_area .bnr_area li img{
    width: 100%;
  }
  #top_1colmun_area #where_area .hiddenArea{
    height: auto;
    display: none;
  }

  #mainColmun .tour_area{
    margin-bottom: 0;
  }
  #mainColmun section.pickup_area{
    background: none;
    margin-bottom: 25px;
    background: url(../images/bg_sub.gif) left top repeat;
  }
  #mainColmun section.pickup_area .pickup_wrap{
    max-width: 100%;
    margin-bottom: 0;
    padding: 30px 0;
  }
  #mainColmun .pickup_area h2,
  #mainColmun .spot_area h2{
    padding: 0;
    margin-bottom: 15px;
  }
  #mainColmun .pickup_area h2 p,
  #mainColmun .spot_area h2 p,
  #mainColmun .tour_area h2 p{
    position: static;
    vertical-align: top;
    font-size: small;
  }
  #mainColmun .tour_area h2 p{
    padding: 0 20px;
    margin: -25px 0 0;
  }
  #mainColmun .pickup_area a h3{
    font-size: small;
  }
  #mainColmun .pickup_area .content{
    margin-bottom: 0px;
  }
  #mainColmun .pickup_area .content .txt_read{
    font-size: x-small;
  }
  #mainColmun .spot_area{
    padding-bottom: 5px;
  }
  #mainColmun .spot_area .entry_img_list{
    width: 96%;
    padding: 0 2%;
    margin-bottom: 20px;
  }
  #mainColmun .tour_area h3{
    font-size: large;
    margin-bottom: 15px;

  }
  #walk_area{
    margin-bottom: 0;
  }
  #walk_area #walk_beginner{
    width: 100%;
    float: none;
    position: relative;
    margin-bottom: 50px;
    background:url(../images/img_walkmap_all.jpg) center center no-repeat;
    padding:10px 0 30px;
  }
  #walk_area #walk_fan{
    width: 100%;
    float: none;
    position: relative;
    margin-bottom: 30px;
    background:url(../images/img_walkmap_old.jpg) center center no-repeat;
    padding: 0 0 30px;
  }
  #walk_area .img_beginner{
    left: 40%;
    width: 60px;
  }
  #walk_area .img_fan{
    right: 40%;
    width: 60px;
  }
  #walk_area #walk_detail{
    position: static;
    height: auto;
    background: none;
    padding: 20px 0 0;
  }
  #walk_area h3{
    padding: 40px 0 0 0;
    font-size: xx-large;
  }
  #about_area{
    margin-bottom: 0;
    padding:30px 0;
    background-size: 400px;
    background-position: center top, center bottom;
  }
  #fanmeeting_area{
    padding: 20px 0;
  }
  #fanmeeting_area .col-lg-3{
    width: 100%;
    margin: 0 auto 10px;
  }
  #fanmeeting_area .box{
    position: static;
    min-height: auto;
  }
  #fanmeeting_area .row-40{
    margin: 0 auto 0;
  }
  #fanmeeting_area .box .btn{
    position: static;
    width: 100%;
  }
  .tx_line span{
    font-size: medium;
  }
  /* 宇多津町のふるさと納税 */
  #mainColmun .latestblog_list{
    margin-bottom: 20px;
  }
  #mainColmun .latestblog_list .entry_img_list{
    margin-bottom: 20px;
  }
  /* 宇多津町ってどんな町？ */
  #mainColmun .latestblog_list{
    margin-bottom: 20px;
  }
  .movie_area{
    width: 100%;
    margin: 0;
  }
  .movie_area .col-lg-4{
    width: 100%;
  }
  .movie_area .typeDetail #mainColmun h3{
    padding: 0;
  }
  /* 応援メッセージ */
  #bottom_1colmun_area{
    padding: 20px 0;
    background-size: 800px;
    margin: 0 auto 20px;
  }
  #bottom_1colmun_area img{
    width: 100%;
  }
  #bottom_1colmun_area #vertical_area{
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    float: none;
    margin: 0;
    line-height: 170%;
    padding: 10px;
  }
  #bottom_1colmun_area #furusato_area h2{
    width: auto;
    float: none;
    margin: 0 0 20px;
  }
  #bottom_1colmun_area #furusato_area h2 img{
    width: 100%;
  }
  #bottom_1colmun_area #vertical_area .large{
    font-size: 1.6em;
    margin: 20px 0;
  }
  #bottom_1colmun_area #vertical_area p{
    margin: 0 0 10px;
    text-align: center;
    font-size: small;
  }
  #bottom_1colmun_area #vertical_area p br{
    display: none;
  }
  #bottom_1colmun_area #vertical_area a{
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: small;
    border-radius: 4px;
    text-shadow: 0 0 8px rgba(0,0,0,0.8),0 0 1em rgba(0,0,0,0.9);
  }
  #bottom_1colmun_area #vertical_area a:after{
    padding-left: 10px;
  }
  #page_entry_detail .message_area{
    margin: 0 auto 10px;
    width: 100%;
    padding: 10px;
  }
  .message_area h3{
    padding: 0;
    font-size: medium;
  }
  .message_area h3:after{
    font-size: medium;
    line-height: 100%;
  }
  .message_area h4{
    font-size: medium;
  }
  .message_area .txt_refund{
    font-size: small;
    margin-bottom: 10px;
  }
  .message_area .btn{
    width: 100%;
  }

  /* ヘッダー検索フォーム */
  label {
    display: block;
    margin: 0;
  }
  input[type="checkbox"].on-off{
    display: none;
  }
  .search_box {
    /* position: fixed;
    top: 50px; */
    position: relative;
    top: 0;
    z-index: 10;
    width: 100%;
    display: block;
  }
  .search_box .inner {
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(17,17,17,0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }
  input[type="checkbox"].on-off + div.inner{
    height: 0;
    overflow: hidden;
  }
  input[type="checkbox"].on-off:checked + div.inner{
    height: 40px;
    padding: 2%;
    text-align:center;
    margin-top: 50px;
    position: fixed;
  }

  /* キャッチ画像 */
  #catch_area{
    height: auto;
  }
  #catch_area LI.slick-slide{
    padding: 0;
    margin: 0;
  }
  #catch_area .slick-dotted.slick-slider{
    padding-bottom: 0;
    margin-bottom: 2em;
  }
  #catch_area .catch_btnarea p{
    font-size: 1.0em;
    height: auto;
    width: 100%;
    padding: 0;
    font-size: large;
    margin-bottom: 80px;
  }
  .slick-prev,
  .slick-next{
    width: 30px !important;
    height: 30px !important;
  }
  .slick-prev::before,
  .slick-next::before{
    font-size: 30px !important;
  }
  .menu{
    display: none;
  }
  #catch_area #logo_area{
    margin:60px 0 0px;
  }
  #logo_area img{
    width: 60%;
  }
  /* maincolmunブログ吐出し */
  #top_1colmun_area .entry_list{
    padding: 30px 20px;
    margin: 0;
  }
  #top_1colmun_area .list_img{
    height: 180px;
  }
  .entry_list .date{
    padding: 10px;
  }
  .topPage .entry_img_list,
  .entry_img_list{
    padding: 0 0 10px;
  }
  .entry_list article{
    border: none;
    background:#fff;
    min-height: 50px;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
  }
  .entry_list article:last-child{
    border: none;
  }
  .entry_list article,
  .entry_img_list article{
    display: block;
    margin: 10px auto;
    width: 100%;
  }
  #mainColmun .entry_img_list article{
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed #333;
  }
  #mainColmun .entry_img_list article:first-child{
    border-top: 1px dashed #333;
  }
  #mainColmun .entry_img_list article .inner{
    overflow: hidden;
    display: inline-block;
    width: 95%;
    height: auto;
    padding: 10px;
  }
  #mainColmun .entry_img_list .exp_list,
  #footerColmun .img_list .exp_list{
    width: 70%;
    margin: 0 0 0 3%;
    float: left;
  }
  #mainColmun .entry_img_list .exp_list h3,
  #footerColmun .img_list .exp_list h3{
    font-size: 0.92em;
    margin-bottom: 0 !important;
    line-height: 1.3;
  }
  #mainColmun .entry_img_list .exp_list .txt_read,
  #footerColmun .img_list .exp_list .txt_read{
    display: none;
  }
  #mainColmun .entry_img_list article time{
    font-size: x-small;
    margin: 0;
  }
  #mainColmun .entry_img_list .list_img{
    width: 27%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 10px;
  }
  #mainColmun .entry_img_list .list_img img{
    width: 100%;
    position: static;
    margin-bottom: 0;
  }
  /* アコーディオンナビゲーション */
  .typeList #mainColmun .main_catdetail{
    margin-bottom: 0;
    width: 100%;
  }
  .typeList #mainColmun .main_catdetail .main_catarea,
  .typeDetail #mainColmun .main_catdetail .main_catarea{
    width: 100%;
    margin: 0 0 10px;

  }
  .typeList #mainColmun .main_catdetail .main_catarea h3,
  .typeDetail #mainColmun .main_catdetail .main_catarea h3{
    margin:0;
    padding: 10px 0;
    font-size: medium;
  }
  #mainColmun .btn_white{
    width: 100%;
  }
  #mainColmun .btn_white a{
    background: #e9e9dd;
    padding: 10px 5px;
  }

  /* new,number */
  #mainColmun span.new p,
  #footerColmun span.new p{
    border-width: 33px 33px 0 0;
  }
  #mainColmun span.new p span,
  #footerColmun span.new p span{
    bottom: 13px;
    left: 0;
    font-size: x-small;
  }

  /* footerColumnブログ吐出し */
  #footerColmun .entryList .side_latest_img{
    width: 27%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: left;
  }
  #footerColmun .entryList ul.img_list li{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  #mainColmun .entry_img_list article a,
  #footerColmun .entryList ul.img_list li a{
    text-decoration: none;
    overflow:hidden;
  }
  #footerColmun .entryList ul.img_list li a{
    width: 95%;
  }
  #mainColmun .entry_img_list h2,
  #footerColmun .entryList ul.img_list h3{
    width: 100%;
    font-size: medium;
    margin: 0;
  }
  #mainColmun .entry_list .category A,
  #mainColmun .entry_img_list .category A,
  #mainColmun .entry_list .tag A,
  #mainColmun .entry_img_list .tag A{
    font-size: x-small;
    line-height: 1.7;
    padding: 0 3px;
  }
  #footerColmun .side_latest_img img{
    width: 100%;
    position: static;
    margin-bottom: 0;
  }

  /* ブログ詳細 */
  #mainColmun #page_entry_detail .detailImgAndText,
  #mainColmun #page_entry_detail .detailTextWithImg,
  #mainColmun #page_entry_detail p,
  #mainColmun #page_entry_detail ul,
  #mainColmun #page_entry_detail ol,
  #mainColmun blockquote{
    margin-bottom: 30px;
    line-height: 1.5;
  }
  #mainColmun #page_entry_detail ul li,
  #mainColmun #page_entry_detail ol li,
  #mainColmun #page_entry_detail ul li a,
  #mainColmun #page_entry_detail ol li a{
    font-size: small;
  }
  #mainColmun .detailTextWithImg,
  #mainColmun .mainTitleImage p{
    margin: 0 -10px 0 0;
  }
  #mainColmun blockquote{
    padding: 30px 10px;
  }
  #mainColmun blockquote:before {
    font-size: medium;
    left: 10px;
  }
  #mainColmun blockquote:after {
    font-size: medium;
    right: 10px;
  }
  #mainColmun .cat_writer_list img{
    width: 70%;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    float: none !important;
  }
  #mainColmun .member_area{
    padding: 10px;
  }
  #mainColmun .member_area #memberForm{
    width:100%;
  }
  #mainColmun .member_area input[type="password"]{
    padding: 7px 3px;
    margin:0 0 0 10px;
    width: 50%;
    font-size: small;
  }
  #mainColmun .member_area button{
    width: 25%;
    padding: 7px 0;
    font-size: small;
  }
  #mainColmun .member_area img{
    width: 95%;
    max-width: 640px;
  }
  #mainColmun .member_area h3{
    margin-bottom: 10px;
  }
  #mainColmun .member_area p{
    margin: 10px 0 !important;
  }
  #mainColmun .member_area .fa{
    font-size: large;
  }
  #mainColmun #page_entry_detail .entry_box h3{
  }
  .detailImageWithTxtLeft,
  .mceContentBody .mt-image-left,
  .mt-image-left,
  .detailImageWithTxtRight,
  .mceContentBody .mt-image-right,
  .mt-image-right{
    width: 100% !important;
    margin: 0 auto 10px !important;
  }

  /* ファンミーティング */
  .detail_wrap{
      margin: 0 auto 30px;
  }
  .detail_wrap .left_detail img,
  .detail_wrap .right_detail img{
      margin-bottom: 10px;
  }
  /* お問い合わせはこちら */
  #mainColmun .tour_inqfm{
    background-position: right top, center bottom;
    background-size: 800px;
    margin-bottom: 20px;
  }
  #mainColmun .tour_inqfm .tel a{
    font-size: x-large;
  }

  /* テーブル調整 */
  #mainColmun #page_entry_detail .address_list{
    width: 100%;
  }
  #mainColmun #page_entry_detail .address_list TH{
    padding: 10px;
    font-weight: bold;
  }
  #mainColmun #page_entry_detail .address_list TH,
  #mainColmun #page_entry_detail .address_list TD{
    border: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  #mainColmun #page_entry_detail .address_list TD{
    margin-bottom: 15px;
  }
  #mainColmun #page_entry_detail .address_list .price strong{
    font-size: large;
  }

  /* ギャラリー詳細 */
  .typeDetail .slider-for .slick-slide{
    height: 210px; 
  }
  .typeDetail .slider-for img{
    margin: auto !important;
  }
  .typeDetail .slider-nav .slick-slide{
    height: 40px;
  }
  .typeDetail .slider-nav img{
    margin: auto !important;
  }

  /* ========== 応援メッセージ ========== */
  #mainColmun .message_box{
    margin-bottom: 10px;
  }
  .pageFurusatotax #mainColmun .message_detail h4,
  #mainColmun .message_box h4{
    font-size: medium;
    padding: 0 0 0 45px;
    margin: 0 0 10px;
    border: none;
  }
  .typeList .message_detail .txt_refund,
  .typeDetail .message_detail .txt_refund{
    font-size: small;
  }
  #mainColmun .refund_box{
    background-position: right top, center bottom;
    background-size: 800px;
    margin-bottom: 20px;
  }
  .typeList .message_detail .refund_info,
  .typeDetail .message_detail .refund_info{
    margin-bottom: 10px;
  }

  /* フォト */
  #photo_area{
    margin: 0 0 30px;
  }
  #photo_area .photosPageList,
  .pagePhoto .photosPageList{
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }
  #photo_area .photosPageList li,
  .pagePhoto .photosPageList li{
    display: inline-block;
    width: 100px;
    margin: 0 2px 0px 2px !important;
  }
  #photo_area .photosPageList li img,
  .pagePhoto .photosPageList li img{
    width: 100%;
  }
  .pagePhoto .listPagePager{
    margin: 0 0 20px !important;
  }

  /* 検索フォーム */
  #footerColmun #searchForm{
    display: none;
  }

  /* 広告管理 */
  body.topPage header .ads_area{
    display: none;
  }
  header .ads_area{
    display: block;
  }
  body.topPage #footerColmun .ads_area{
    display: none;
  }
  body.typeDetail #footerColmun .ads_area_middle{
    display: none;
  }
  .ads_area,
  .topPage #top_ads_area .ads_area,
  #mainColmun .ads_area_middle,
  #mainColmun .ads_area_main_bottom,
  #footerColmun .ads_area,
  #footerColmun .ads_area_middle,
  #footerColmun .ads_area_bottom{
    display: table;
    width: 100%;
    margin-bottom: 10px;
  }
  .ads_area a,
  #mainColmun .ads_area_middle a,
  #mainColmun .ads_area_main_bottom a,
  #footerColmun .ads_area_middle a,
  #footerColmun .ads_area_bottom a{
    display: table-cell;
    text-align: center;
  }
  .ads_area a img,
  #mainColmun .ads_area_middle img,
  #mainColmun .ads_area_main_bottom img,
  #footerColmun .ads_area img,
  #footerColmun .ads_area_middle img,
  #footerColmun .ads_area_bottom img{
    width: 95%;
    max-width: 640px;
  }
  header .header_ads_area,
  footer .footer_ads_area{
    padding: 15px 0;
  }
  header .header_ads_area #header_bnr,
  footer .footer_ads_area #footer_bnr{
    width: 100%;
    text-align: center;
  }
  header #header_bnr span,
  footer .footer_ads_area span{
    width: 25px;
    height: 25px;
    right: 15px;
  }
  header #header_bnr img,
  footer .footer_ads_area img{
    width: 90%;
  }
  header #header_bnr span .fa,
  footer .footer_ads_area span .fa{
    vertical-align: baseline;
  }
  #mainColmun .ads_area_main_bottom{
    border: none;
    background: none;
    padding: 0;
  }

  /* パーツ */
  .btnEntryFacebookShareOrg,
  .btnEntryTwitterOrg{
    display: inline-block;
    width: 100%;
    margin: 0 auto 10px;
  }
  #facebook_area{
    padding: 0;
    margin: 0 auto;
  }
  .bnr_box{
    padding:0;
    margin:0 auto !important;
  }
  #facebook_area #inner{
    padding: 30px 10px;
    box-sizing: border-box;
  }
  #facebook_area #inner p{
    font-size: x-small;
  }
  #mainColmun #page_entry_detail .anchorList{
    margin: 10px 0 20px;
    padding: 20px;
  }
  #footerColmun .btn a, #mainColmun .btn a{
    padding: 20px 0px;
    width: 90%;
    display: block;
    margin: 0 auto;
    font-size: large;
  }
  #mainColmun .accordion_box{
    padding: 0 20px 0;
  }
  .btn_area ul li{
    display: inline-block;
    width: 50%;
  }
  .btn_area ul li a,
  .btn_area ul li a:visited{
    margin: 3px;
    padding: 10px 5px;
  }

  /* ========== 問い合わせフォーム ========== */
  .typeInquiry input[type="text"],
  .typeInquiry input[type="email"],
  .typeInquiry input[type="url"],
  .typeInquiry input[type="date"],
  .typeInquiry textarea{
    width: 95%;
  }
  .typeInquiry input.number,
  .typeInquiry input.ymdhm,
  .typeInquiry input.price{
    float: none;
    width: 80%;
    margin: 0 0 5px;
  }
  /* ========== 下層キャッチ ========== */
  #sub_catch_area #txt_area #inner{
    height: 100%;
  }
  #sub_catch_area #txt_area #inner #box{
    font-size: large !important;
  }
  #sub_catch_detail{
    min-width: 0px !important;
    width: 100%;
  }
  #sub_catch_detail #copy_sp{
    display: block;
    padding: 4%;
    font-size: 0.75em;
    background: #fff;
    line-height: 170%;
    text-align: left;
  }
  #sub_catch_detail #copy_pc{
    display: none !important;
  }
  #sub_catch_area img,
  #sub_catch_area{
    min-width: 0px !important;
    height: auto;
    position: static;
  }
  #sub_catch_area{
    position: relative;
  }
  #sub_catch_detail .catch_btn_area{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
  }
  #sub_catch_detail .catch_btn_area li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 0;
  }
  #sub_catch_detail .catch_btn_area li a img{
    width: 100%;
  }
  .pageTanbo #sub_catch_detail .catch_btn_area li{
    width: 33%;
  }
.mb40{
  margin-bottom:80px!important;
}
}

/* スマホ横向き - ブラウザ幅が最大750pxで高さよりも大きい場合 */
@media (max-width: 750px) and (orientation: landscape) {
  #top_1colmun_area .list_img{
    height: 400px;
  }
  #bottom_1colmun_area #vertical_area,
  #bottom_1colmun_area #furusato_area h2,
  #bottom_1colmun_area #vertical_area p{
    margin: 0 !important;
  }
}

/* ========== タブレット ========== */
/* タブレット縦向き */
@media screen and (min-width:768px) and ( max-width:1024px) {
  #top_1colmun_area .list_img{
    height: 400px;
  }
  #mainColmun .entry_img_list .exp_list,
  #footerColmun .img_list .exp_list{
    width: 67%;
    margin: 0 0 0 3%;
    float: left;
  }

}
/* タブレット横向き - ブラウザ幅が1024pxで高さよりも大きい場合 */
@media (max-width: 1024px) and (orientation: landscape) {
  #catch_area p{
  }
  #top_1colmun_area .list_img{
    height: 170px;
  }
  #footerColmun .entryList ul.img_list h3{
    width: auto;
    float: none;
  }
  #bottom_1colmun_area #vertical_area{
    margin-left: 150px;
  }
  #bottom_1colmun_area #vertical_area p{
    margin-left: 150px;
  }
  #bottom_1colmun_area #furusato_area h2{
    margin-right: 130px;
  }

}

/* ========== コーディング ========== */
/* メルマガページ */
.pageDuplicate #mailmagazine{
  width: 100%;
}
.pageDuplicate #mailmagazine input[type="text"]{
  width: 65%;
  height: auto;
  padding: 5px 1% ;
  border: #D9D9D9 1px solid ;
  border-radius: 4px;
}
.pageDuplicate #mailmagazine input[type="submit"]{
  padding: 5px 1%;
  width: 8%;
  height: auto;
  border: none;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  background: #ff6815; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff6815 0%, #ff3c00 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff6815 0%,#ff3c00 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff6815 0%,#ff3c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  cursor: pointer;
}
.pageDuplicate #mailmagazine input[type="submit"]:hover{
  background: #ff3c00; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff3c00 0%, #ff6815 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff3c00 0%,#ff6815 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff3c00 0%,#ff6815 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pageDuplicate #mailmagazine TH{
  font-size: large;
  font-weight: bold;
}
.pageDuplicate #mailmagazine p{
  margin-bottom: 10px !important;
}

  @media screen and (max-width: 768px){
    .pageDuplicate #mailmagazine input[type="text"]{
      width: 98%;
      margin-bottom: 10px;
    }
    .pageDuplicate #mailmagazine input[type="submit"]{
      width: 31.333%
    }
  }
#mainColmun .qa_area h4,
.accordion_box .qa_area h6{
  background: url(../images/q_bg.png) 20px center / 30px 30px no-repeat #f0f0f0;
  padding-left: 55px;
}
#mainColmun .qa_area p{
  box-sizing: border-box;
  background-image: url(../images/bg_where_top.jpg),url(../images/bg_where_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  background-color: #f3f3e6;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
}
#mainColmun .qa_area p:before,
#mainColmun .qa_area .accordion_txt:before{
  content:" ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/a_bg.png) left center / 30px 30px no-repeat;
  vertical-align: bottom;
}

nav.cb-nav {
  background-color:  rgba(254,234,115,0.9);
  line-height: 56px;
  text-align: center;
  width: 100%;
  color: #fff;
  position: fixed;
  top: -56px;
  left: 0;
  z-index: 1000;
}
/* サブメニューアコーディオン */
.second_menu {
    position: relative;
    width: 100%;
    height: 56px;
    max-width: 1000px;
    margin: 0 auto;
    display: table;
}

.second_menu > li {
    height: 56px;
    line-height: 56px;
    display: table-cell;
    font-weight: bold;
    color: #000;
}

.second_menu > li a {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.second_menu > li a:hover {
    color: #4D7A75 !important;
}

ul.second_menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.second_menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.second_menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.second_menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.second_menu__second-level li {
    border-top: 1px dashed #333;
    width: 100%;
    text-align: left !important;
    padding: 0px;
    font-size: small;
    font-weight: bold;
}

.second_menu__third-level li {
    border-top: 1px dashed #333;
}

.second_menu__second-level li a:hover {
    color: #4D7A75;
}

.second_menu__third-level li a:hover {
    background: #fff;
}

.second_menu__fourth-level li a:hover {
}
/* floatクリア */
.second_menu:before,
.second_menu:after {
    content: " ";
    display: table;
}

.second_menu:after {
    clear: both;
}

.second_menu {
    *zoom: 1;
}

.second_menu > li.second_menu__single {
    position: relative;
}

li.second_menu__single ul.second_menu__second-level {
    position: absolute;
    top: 56px;
    width: 100%;
    background: rgba(254,234,115,0.9);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.second_menu__single:hover ul.second_menu__second-level {
    top: 56px;
    visibility: visible;
    opacity: 1;
}
/* 下矢印 */
.init-bottom:after {
    content: '\f13a';
    display: inline-block;
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 20px;
    top: 33%;
    font-size: x-large;
}

  ul.second_menu_sp{
    display: table;
    width: 100%;
  }
  ul.second_menu_sp li.active{
    display: block;
    width: 100%;
  }
  ul.second_menu_sp li.nav_hide:after{
    content:"\f13a";
    font-family: fontawesome;
    color: #333;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: x-small;
  }
  ul.second_menu_sp li.nav_hide.active:after{
    content:"\f139" !important;
    font-family: fontawesome;
    color: #333;
  }
  ul.second_menu_sp ul.sub_menu{
    margin-top: 0px;
    height:auto;
    display:none;
  }
  ul.second_menu_sp ul.sub_menu li{
    padding-left: 10px;
    border-bottom: 1px dashed #333;
    display: block;
    width: 100%;
  }
  ul.second_menu_sp ul.sub_menu a{
    color: #4d7a75 !important;
    padding: 0;
  }
  ul.second_menu_sp ul.sub_menu a:before{
    content:"\f005";
    font-family: FontAwesome;
    padding-right:5px;
  }
  ul.second_menu_sp li img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  ul.second_menu_sp li a,
  ul.second_menu_sp li{
    text-decoration: none;
    padding: 10px;
    display: block;
    overflow: hidden;
    font-weight: bold;
    font-size: x-small;
    vertical-align: top;
  }
  ul.second_menu_sp li{
    border-bottom: 1px solid #333;
    position: relative;
    display: table-cell;
    width: 20%;
  }
  ul.second_menu_sp li a{
    padding: 0;
  }
  ul.second_menu_sp li a span{
    display: block;
    font-weight: bold;
  }
  ul.second_menu_sp .fa{
    color: #333;
  }

@media screen and (max-width: 750px){
.cb-nav{
  display: none;
}
}

/* タイムライン */
@font-face {
  font-family: 'ecoico';
  src:url('../fonts/timelineicons/ecoico.eot');
  src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
    url('../fonts/timelineicons/ecoico.woff') format('woff'),
    url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
    url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
  font-weight: normal;
  font-style: normal;
} /* Made with http://icomoon.io/ */

.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #FFF5B7;
  left: 20%;
  margin-left: -10px;
}

.cbp_tmtimeline > li {
  position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 16%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: left;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #000;
}

/* Right content */
#mainColmun .cbp_tmlabel h2{
  color: #000;
  margin: 0 0 10px;
  padding: 0;
  font-size: large;
}
.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background: #DEE0CF;
  color: #000;
  padding: 2em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #F3F4E6;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #DEE0CF;
  border-width: 10px;
  top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #F3F4E6;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #FEEA73;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #FFF5B7;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 0 0 0 -25px;
}

.cbp_tmicon-icon:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #000;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }

  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }

  .cbp_tmtimeline > li .cbp_tmlabel p{
    margin-bottom: 0 !important;
  }
  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #DEE0CF;
    top: -20px;
  }

  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #F3F4E6 !important;
    border-bottom-color: #fff;
  }

  .cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  } 
}

/* フロー */
.flow_area {
  margin: 0 auto 50px;
}
.flow_area .flow_box {
  margin: 0 auto 33px;
  padding: 10px;
  background: #F3F4E6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  font-weight: bold; /* テキストの指定 */
}
.flow_area .flow_box:after {
  border-top: 25px solid #F3F4E6;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  content: "";
  position: absolute;
  bottom: -25px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
  left: 50%;/* 中央寄せに使用 */
  margin-left: -70px; /* 中央寄せに使用 */
}
.flow_area .flow_box:last-child:after {
  border: none; /* 最後のボックスだけ三角形を表示しない */
}

/* ギャラリー */
.gallery_area {
  width: 100%;
}
.gallery_area img{
  width: 24.5% !important;
  margin-bottom: 5px !important;
  border-radius: 10px !important;
}
@media screen and (max-width: 750px){
.gallery_area img{
  width: 46% !important;
  float: left;
  padding: 0 5px;
}
}

/* teamOtari */
.pageteamotari #searchForm,
.pageteamotari #siteHeader,
.pageteamotari #header_nav,
.pageteamotari #footer_pc{
  display: none;
}
.pageteamotari {
  background: none;
  border: none;
}
.pageteamotari #mainColmun h1{
  background: #eee;
  color: #000;
}
.pageteamotari .pankuzu li{
  color: #000;
}
.pageteamotari a,
.pageteamotari a:visited{
  color: #000;
}
.pageteamotari a:hover{
  color: #8c8c8c;
}
.pageteamotari #footerColmun .side_list .title,
.pageteamotari #footerColmun .side_cat_list .title{
  border-top: 5px solid #000;
  border-bottom: 1px solid #000;
}
.pageteamotari .entry_img_list article{
  width: 100%;
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #eee;
}
.pageteamotari .entry_img_list article:last-child{
  border-bottom: 1px solid #eee;
}
.pageteamotari .entry_img_list article .inner{
  width: 100%;
  overflow: hidden;
}
.pageteamotari .entry_img_list .list_img{
  width: 30%;
}
.pageteamotari .entry_img_list .exp_list{
  width: 67%;
  float: right;
}
.pageteamotari #mainColmun .cat_area, #mainColmun #main_tag_area{
  background: #333;
  border-radius: 0;
  padding: 10px 20px;
}
.pageteamotari #mainColmun .listPagePager .current{
  background: #eee;
}
.pageteamotari .socialBtns{
  display: none;
}

@media screen and (max-width: 750px){
.pageteamotari #nav_smart{
  display: none;
}
.pageteamotari .exp_list .entry_txt_box,
.pageteamotari #footer_menu,
.pageteamotari #copylight{
  display: none;
}
.pageteamotari .anchortop{
  display: inline-block !important;
}
.pageteamotari #mainColmun .listPagePager .current{
  background: #eee;
}
}

/* 記事用スタイル */
.writer_detail_left,
.writer_detail_right{
padding: 30px;
margin-bottom: 20px;
border: 5px solid #eee;
overflow: hidden;
}
.writer_detail_left img{
display: block !important;
float: left !important;
margin: 0 20px 20px 0 !important;
width: 30% !important;
}
.writer_detail_right img{
display: block !important;
float: right !important;
margin: 0 0 20px 20px !important;
width: 30% !important;
}
@media screen and (max-width: 767px) {
.writer_detail_left img,.writer_detail_right img {width: 60% !important; float: none !important; margin: 0 auto 10px !important;}
.writer_detail_left,.writer_detail_right{ padding: 10px;}
}

.img_detail_left,
.img_detail_right{
margin-bottom: 20px;
overflow: hidden;
}
.img_detail_left img{
display: block !important;
float: left !important;
margin: 0 20px 20px 0 !important;
width: 50% !important;
}
.img_detail_right img{
display: block !important;
float: right !important;
margin: 0 0 20px 20px !important;
width: 50% !important;
}
@media screen and (max-width: 767px) {
.img_detail_left img,.img_detail_right img {width: 100% !important; float: none !important; margin: 0 auto 10px !important;}
.img_detail_left,.img_detail_right{ padding: 10px;}
#mainColmun .btn03{
width: 100%;
}
}

/* LINE公式アカウント登録 プレゼントキャンペーン */
.mb_m {
    margin-bottom: 5rem;
}
@media only screen and (max-width: 519px) {
    .mb_m {
        margin-bottom: 3rem;
    }
}
.mb_s {
    margin-bottom: 2rem;
}
@media only screen and (max-width: 519px) {
    .mb_s {
        margin-bottom: 1rem;
    }
}
.mb_ss {
    margin-bottom: 1rem;
}
@media only screen and (max-width: 519px) {
    .mb_ss {
        margin-bottom: 1rem;
    }
}
#mainColmun #page_entry_detail .type_line_gallery {
    padding: 0;
}

.typeDetail .entry_txt_box .campaign_line img {
    height: auto;
    max-width: 100%;
}

.campaign_line .ta_c {
    text-align: center;
}
@media only screen and (max-width: 519px) {
.campaign_line .ta_c {
    text-align: left;
}
}

.acd-check {
    display: none;
}

.acd-label {
    background: #1b9aae;
    color: #fff;
    display: block;
    margin-bottom: 0;
    padding: 10px 25px;
    position: relative;
    font-size: 18px;
}
@media only screen and (max-width: 519px) {
    .acd-label {
      padding: 15px 25px 15px 15px;
      font-size: 16px;
    }
}

.acd-label:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    content: '\f107';
    display: block;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    padding: 15px 15px 0;
    position: absolute;
    right: 0;
    top: 0px;
}
@media only screen and (max-width: 519px) {
    .acd-label:after {
      font-size: 18px;
    }
}

.acd-content {
    background: #1b9aae;
    color: #fff;
    height: 0;
    opacity: 0;
    padding: 20px;
    margin: 0 0 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    visibility: hidden;
}
@media only screen and (max-width: 519px) {
    .acd-content {
      padding: 1rem 3rem;
    }
}

.acd-content h5 {
    color: #000;
}

.acd-check:checked + .acd-label:after {
    content: '\f106';
}

.acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    padding: 20px;
    visibility: visible;
}

@media only screen and (max-width: 519px) {
    .acd-check:checked + .acd-label + .acd-content {
      padding: 1rem 3rem 3rem;
    }
}

.box_step {
    margin-bottom: 4rem;
}
@media only screen and (max-width: 519px) {
    .box_step {
        margin-bottom: 3rem;
    }
}

.box_step h4 span {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 0 0.5em;
    margin-right: .5em;
}