@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"),local(Yu Gothic);
  font-weight: 500;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold"),local(Yu Gothic);
  font-weight: bold;
}
body,.btn,
.ff_got {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
h1, h2, h3, h4, h5, h6, figure, .parent-container, /*.saying, */.keyword_txt h1,.keyword_txt h3,
.ff_min {
	font-weight: normal;
	font-family: "Ryumin ExtraBold KL", 游明朝, YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:hover, a:active { opacity: .7; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #008bbe !important;
    border-color: #008bbe !important;
}
#fh5co-footer a{ color: #fff; }
#fh5co-footer a:hover, #fh5co-footer a:active { opacity: 1;}

.mod-iconlist__item .icon{font-size: 10px; font-size: 1rem;}
.mod-iconlist__item a{text-decoration: none;}
@media screen and (min-width: 1024px) {
	.mod-iconlist__item .icon{ float: none;}
}


/* ============================================== Utility */
.dsp_n{display: none!important;}
.dsp_b{display: block!important;}
.dsp_ib{display: inline-block!important;}

.type-0{margin-bottom: 0!important;}
.type-t10{margin-top: 10px!important;}

.color_w{color: #fff!important;}

.align_l{text-align: left!important;}
.align_r{text-align: right!important;}
.align_c{text-align: center!important;}

.mar_t60{ margin-top: 60px!important}
.mar_b0{ margin-bottom: 0!important}
.pad_rl5{padding:0 5px!important;}

p.read{line-height: 2.125!important;}

.fw_n{font-weight: normal!important;}
.fz_16{font-size: 16px!important; font-size: 1.6rem!important;}
.fz_15{font-size: 15px!important; font-size: 1.5rem!important;}

.lh_2{line-height: 2.125;}

i.ti-link, i.ti-angle-right{margin-right: 0.5em;}
i.ti-angle-right{font-size: 0.75em;}
i.ti-angle-down { font-size: 0.7em; margin-right: 0.8em; }

@media screen and (min-width: 769px) {
	.fz26_pc{font-size: 26px!important; font-size: 2.6rem!important;}
	.fz27_pc{font-size: 27px!important; font-size: 2.7rem!important;}
	.fz30_pc{font-size: 30px!important; font-size: 3rem!important;}
}

/* ============================================== pc/spフッター表示＆pcアンカーリンク コントロール */
.mod-pagetopB{display: none;}

@media screen and (min-width: 769px) {
	/*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	.dsp_sp{display: none!important;}
	/* アンカーリンク コントロール */
	section, #fh5co-links, #fh5co-movie1, #fh5co-browsing {
	margin-top : -80px!important;
	padding-top : 80px!important;
	}
}
@media screen and (max-width: 768px) {
		/*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	.dsp_pc{display: none!important;}
}

/* フッター表示 */
@media screen and (min-width: 1025px) {
	.sp_footer{ display: none;}
	.base-footer{background-color: #262626;color: #aaa;}
	.mod-footerInfo{}
	.mod-footerInfo__inner,
	.mod-sitemap,
	.mod-footer__inner{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
	.mod-footerInfo__title,
	.mod-footerInfo__listItem,
	.mod-sitemap__listItem{font-size: 16px; font-size: 1.6rem;}
	.mod-sitemap__list2Item{font-size: 14px; font-size: 1.4rem;border-top: 1px solid #000;}
	.mod-footer__naviItem{ font-size: 10px;font-size: 1rem;}
	.mod-footer__copyright{ font-size: 10px;font-size: 1rem;}
}
@media screen and (max-width: 1024px) {
	.pc_footer{ display: none;}
	.pc_footer{ display: none;}
	.sp_footer hr {display: none;}
	.base-footer a:hover,.base-footer a:focus{text-decoration: none;}
	.mod-buttonE, .mod-buttonGroupB__heading {font-size: 14px;font-size: 1.4rem;}
}

/* ============================================== fh5co-header */
#fh5co-header{background: none;}
#fh5co-header .header-inner{padding-left: 0; padding-right: 0;}
#fh5co-header .header-inner h1{overflow: hidden; font-size: 1em; line-height: 1;}
#fh5co-header .header-inner h1 a{ display: block; float: left; margin-left: 16px; color: #996633; }
#fh5co-header .header-inner h1 a.fbtn_box1_shc{margin-right: 30px; margin-top: 6spx;}
#fh5co-header h1 a:after{content: none; color: #996633;}

#fh5co-header nav ul{ line-height: 2.5;}
#fh5co-header nav ul li a{font-size: 13px;}
#fh5co-header nav{ margin-top: 10px;}

@media screen and (max-width: 1195px) {
	#fh5co-header nav{width: 590px; margin-top: 12px;}
	#fh5co-header nav ul li.apart{ margin-right: 0;}
}
@media screen and (max-width: 992px) {
	#fh5co-header nav{width: 470px; margin-top: 12px;}
}

@media screen and (max-width: 768px){
	#fh5co-header {
    position: absolute;
    top: 0 !important;
    z-index: 3;
	}
	#fh5co-header .header-inner h1 a{color: #a26f1b;}
}

#fh5co-header nav ul li.apart{ margin-right: 30px;}
#fh5co-offcanvas ul li.apart{ margin-bottom: 30px;}

.logo_b{display: none;}

/* ============================================== slides */
#fh5co-hero .flexslider .slides .hvi_splash img {height: 45vh; width: auto; margin: auto;/*margin-top: -40px;*/}
#fh5co-hero .flexslider .slides .hvi_bungo img {height: 39vh; width: auto; margin: auto;/*margin-top: -40px;*/}

#fh5co-hero .flexslider .slides li.hvi_bungo { 
	background-image: url(../images/bnr_bungo_hvi.jpg); 
	background-repeat: no-repeat;
}
#fh5co-hero .flexslider .slides li.hvi_splash{

}

#fh5co-hero .flexslider .hvi_splash .slider-text > .slider-text-inner h2{color: #000; font-size: 50px; font-size: 5rem; margin-top: 15px; /*margin-bottom: 60px;*/ line-height: 1.3;}


/* min-width 表示領域が○○以上 */
@media screen and (min-width: 801px) {
	#fh5co-hero .flexslider .slides li.hvi_bungo { background-size: 100% cover;}
}
@media screen and (min-width: 1024px) {
	#fh5co-hero .flexslider .slides .hvi_bungo img {height: 50vh;  margin-top: 100px;}
}
@media screen and (min-width: 1056px) {
	#fh5co-hero .flexslider .slides li.hvi_bungo { background-size: cover;}
	#fh5co-hero .flexslider .slides .hvi_bungo img {height: 60vh; width: auto; margin: auto; margin-top: 0;}
}

/* max-width 表示領域が○○以下 */
@media screen and (max-width: 1024px) {
	#fh5co-hero .flexslider .slides .hvi_splash img{height: 25vh;}
}
@media screen and (max-width: 991px) {
	#fh5co-hero .flexslider .slides .hvi_splash img{width: 95%; height: auto;}
	
	#fh5co-hero .flexslider .hvi_splash .slider-text,
	#fh5co-hero .flexslider .hvi_bungo .slider-text{ margin: auto;}
}
@media screen and (max-width: 768px) {
	#fh5co-hero .flexslider .slides .hvi_splash img{margin-top: 150px;}
	#fh5co-hero .flexslider .hvi_splash .slider-text > .slider-text-inner h2{}
	
	#fh5co-hero .flexslider .slides .hvi_bungo img{height: 60vh; margin-top: 0px;/*margin-bottom: 200px;*/}
}
@media screen and (max-width: 767px) {
	#fh5co-hero .flexslider .slides .hvi_splash img{/*height: 40vh;*/margin-top: 0; width: 100%;}
	#fh5co-hero .flexslider .hvi_splash .slider-text > .slider-text-inner h2{font-size: 32px; font-size: 3.2rem;margin-bottom:100px;}
	
	#fh5co-hero .flexslider .slides li.hvi_bungo { }
	#fh5co-hero .flexslider .slides .hvi_bungo img{/*margin-top: 0;margin-bottom: 115px;*/}
	
	#fh5co-hero .flexslider .hvi_bungo .slider-text{margin: auto;}
}
@media screen and (max-width: 414px) {
	#fh5co-hero .flexslider .slides .hvi_splash img{margin-bottom: 100px;}
}
@media screen and (max-width: 320px) {
	#fh5co-hero .flexslider .hvi_splash .slider-text > .slider-text-inner h2{margin-bottom: 100px;}
	#fh5co-hero .flexslider .slides .hvi_bungo img{ /*margin-top: 20px;*/height: 50vh;}
}

#fh5co-hero .flexslider .flex-control-nav{display: none!important;}

.hvi_bungo p{}
.hvi_bungo p a{ text-decoration: none;}
@media screen and (min-width: 769px) {
	/*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	.hvi_bungo p{ font-size: 30px; margin-bottom: 30px;}
	/*#fh5co-hero .flexslider .slider-text{min-height: 700px;}*/
}
@media screen and (min-width: 768px) {
	/*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	/*#fh5co-hero .flexslider .slider-text{min-height: 815px;}*/
	.hvi_bungo p{ font-size: 22px;}
	.hvi_bungo p .txtem{ letter-spacing: 2px; font-size: 1.2em;}
}
@media screen and (max-width: 767px) {
	/*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	.hvi_bungo p{ font-size: 19px;margin-bottom: 0;}
	/*.hvi_bungo p .txtem{font-size: 1em;}*/
}
@media screen and (max-width: 320px) {
	/*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	.hvi_bungo p{ margin-bottom: 120px;}
}

.btn_box1{background: rgba(255,255,255,.8);color: #9f8369; padding: 0 1em; margin-bottom: 5px;}
.btn_box1:hover{opacity: 0.8; cursor: pointer;}


/* ============================================== fh5co-services-section */
#fh5co-services-section h2{ line-height: 1.3;}

@media screen and (min-width: 769px) {
    /*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	#fh5co-services-section{padding-bottom: 100px;}
	#fh5co-services-section h2 {font-size: 32px;}
	#fh5co-services-section h2 .fz_s{font-size: 28px;}
}
@media screen and (max-width: 768px) {
    /*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	#fh5co-services-section h2{font-size: 27.2px;}
	#fh5co-services-section h2 .fz_s{font-size:25.7px;}
}

/* ============================================== fh5co-event-section */
#fh5co-event-section h2{ line-height: 1.3;}

#fh5co-event-section .services {
  position: relative;
}
#fh5co-event-section .services i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
  color: #008bbe;
}

#fh5co-event-section .services .desc {
  padding-left: 0px;
}

#fh5co-event-section .services .desc h3 {
  font-weight: 700;
}
#fh5co-event-section .services .desc p {
  padding-left: 30px;
}

@media screen and (min-width: 769px) {
    /*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	#fh5co-event-section{padding-bottom: 100px;}
	#fh5co-event-section h2 {font-size: 32px;}
	#fh5co-event-section h2 .fz_s{font-size: 28px;}
}
@media screen and (max-width: 768px) {
    /*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	#fh5co-event-section h2{font-size: 27.2px;}
	#fh5co-event-section h2 .fz_s{font-size:25.7px;}
}

/* ============================================== fh5co-goods-section */

#fh5co-goods-section .item-grid {
  padding-top: 20px;
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
}
#fh5co-goods-section .item-grid .image {
  height: 280px;
  overflow: hidden;
  background-size: 95%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
	padding: 10px;
}
#fh5co-goods-section .item-grid .v-align {
  padding: 20px;
  height: 160px;
}
#fh5co-goods-section .item-grid .v-align h3 {
  font-weight: 700;
  font-size: 16px;
}
#fh5co-goods-section .item-grid .v-align .ts {
  font-weight: 700;
  font-size: 12px;
}
#fh5co-goods-section .item-grid .v-align h5 {
  color: rgba(0, 0, 0, 0.3);
}
#fh5co-goods-section .item-grid:hover, #fh5co-goods-section .item-grid:focus {
  text-decoration: none;
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  top: -2px;
}

@media screen and (min-width: 768px) {
	#fh5co-goods-section .item-grid .v-align-middle {height: 80px;}
}
@media screen and (max-width: 767px) {
	#fh5co-goods-section .item-grid .image{height: 330px;}
	#fh5co-goods-section .item-grid .v-align-middle p:last-child{margin-bottom: 5px;}
}


/* ============================================== tmb_book */
.tmb_book img,
.tmb_book_bungo img{max-width: 100%; margin: 30px 0;}
/*.tmb_book img { width: 540px; max-width: 90%;}
.tmb_book {margin-bottom: 20px;
  position: relative;
  display: inline-block;
}*/
/*.tmb_book:after {
  position: absolute;
  left: 2%;
  bottom: -5px;
  display: block;
  content: '';
  width: 96%;
  height: 3px;
  border-radius: 100%;
  background: rgba(0, 0, 0, .16);
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .23);
          box-shadow: 0 0 8px 2px rgba(0, 0, 0, .23);
  opacity: .6;
  z-index: 2;
}
.tmb_book:before {
  position: absolute;
  left: 0;
  bottom: -6px;
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  border-radius: 100%;
  background: rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 0 30px 14px rgba(0, 0, 0, .13);
          box-shadow: 0 0 30px 14px rgba(0, 0, 0, .13);
  opacity: .9;
  z-index: 1;
}
*/

/* ==============================================  movie  */


@media screen and (min-width: 769px) {
  /*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	#fh5co-movie1{ /*padding-top: 110px!important;*/}
}
@media screen and (max-width: 768px) {
  /*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	#fh5co-movie1{margin-top: 30px;}
	.fa-movie {
	position: relative;
/*	width: 100%;*/
	margin: 0 20px 40px;
	padding: 56.25% 0 0 0;
	background: #000;
	}
	.fa-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	.fa-movie.type-4-3 {
	padding: 75% 0 0 0;
	}
	.fa-movie.type-16-9 {
  padding: 56.25% 0 0 0;
	}
}


/* ============================================== fh5co-cta */
.fh5co-cta.bk_w{background: #fff;}
.fh5co-cta.bk_w p{color: #000;}


.mod-iconlist__item{font-size: 13px; font-size: 1.3rem; padding-left: 20px; padding-right: 20px;}

/* ============================================== fh5co-cta catch */
@media screen and (min-width: 769px) {
	.fh5co-cta.catch.first{padding: 10em 0 0;}
	.fh5co-cta.catch.second{padding: 10em 0;}
	.fh5co-cta.catch .parent-container{font-size:30px; }
}
@media screen and (max-width: 767px) {
	.fh5co-cta.catch.first{padding: 5em 0 0;}
	.fh5co-cta.catch.second{padding:5em 0;}
	.fh5co-cta.catch .parent-container{font-size:20.8px; }
}



/* ============================================== fh5co-keyword-section */
#fh5co-keyword-section .row.list_word{ text-align: center;}

#fh5co-keyword-section .animate-box a{text-decoration: none; color: #000; display: block;}
#fh5co-keyword-section .animate-box a:link,#fh5co-keyword-section .animate-box a:visited{opacity: 0.8;}
#fh5co-keyword-section .animate-box a:hover,#fh5co-keyword-section .animate-box a:active{opacity: 1;}
#fh5co-keyword-section .animate-box p{font-size: 1.5em; margin-bottom: 0; line-height: 1.3;}

@media screen and (min-width: 769px) {
  /*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	#fh5co-keyword-section h1{margin-top: 1em; margin-bottom: 0.5em;}
	
	#fh5co-keyword-section .keyword.pc_column1{width: 50%; margin-left: auto; margin-right: auto;}
	
	#fh5co-keyword-section .item_word{padding-left: 5px; padding-right: 5px; display: inline-block;}
}
@media screen and (max-width: 768px) {
  /*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	#fh5co-keyword-section .item_word{padding-left: 15px; padding-right: 15px;}
}


/* ----------- bk_bnr_bungo ----------- */
.bk_bnr_bungo{background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;position: relative;}
.bk_bnr_bungo .overlay {
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
.bk_bnr_bungo .container {
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
	.bk_bnr_bungo{background-image: url(../images/bk_bnr_bungo.jpg);/*padding: 17em 0;*/}
}
@media screen and (max-width: 767px) {
	.bk_bnr_bungo{background-image: url(../images/bk_bnr_bungo__sp.jpg);/*padding: 10em 0;*/}
}
/* ----------- bk_bnr_bungo ----------- */
.bk_bnr_genko{background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;position: relative;}
.bk_bnr_genko .overlay {
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
.bk_bnr_genko .container {
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
	.bk_bnr_genko{background-image: url(../images/bk_bnr_genko.jpg);/*padding: 17em 0;*/}
}
@media screen and (max-width: 767px) {
	.bk_bnr_genko{background-image: url(../images/bk_bnr_genko_sp.jpg);/*padding: 10em 0;*/}
}


/* ============================================== fh5co-soukanzu-section */
#fh5co-soukanzu-section{}
#fh5co-soukanzu-section .soukanzu img{width: 700px;max-width: 100%;}

#fh5co-soukanzu-section .row{margin-bottom: 20px;}
#fh5co-soukanzu-section .character{text-align: center;}
#fh5co-soukanzu-section .character img{/*margin-left: auto; margin-right: auto;*/}
#fh5co-soukanzu-section .character h2{margin-bottom: 10px; }

@media screen and (min-width: 769px) {
/*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	#fh5co-soukanzu-section{margin-top: 0!important;padding-top: 100px!important; padding-bottom: 90px;}
	#fh5co-soukanzu-section .row.pc_column2{width: 50%; margin-left: auto; margin-right: auto;}
	#fh5co-soukanzu-section .row.pc_column3{width: 75%; margin-left: auto; margin-right: auto;}
	
	#fh5co-soukanzu-section .soukanzu{ }
	#fh5co-soukanzu-section .character img{max-width: 60%;}
}
@media screen and (max-width: 768px) {
/*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	#fh5co-soukanzu-section{padding-top: 80px; padding-bottom: 30px;}
	
	#fh5co-soukanzu-section .soukanzu img{ }
	#fh5co-soukanzu-section .character img{max-width: 40%;}
}


/* ----------- ajax-wrap ----------- */
.mfp-content{}
#ajax-wrap {
position: relative;
margin:10px auto;
max-width: 730px;
background: #fff;
padding: 40px 25px;
border-radius: 3px;
}
button.mfp-close{top: 5px;right: 5px;}


.saying h1{text-align: center;}
.saying h1 img{ max-width: 100%; display: inline-block; margin-top: 15px;}
.saying p{line-height: 2;}
.saying p:last-child{margin-bottom: 0;}

.keyword_txt h1 ,h4 {text-align: center; color: #9d0b1d;}
.keyword_txt p{line-height: 2;}
.keyword_txt p:last-child{margin-bottom: 0;}
.keyword_txt li {margin: 0 0 20px 0;}

@media screen and (min-width: 769px) {
  /*--- 表示領域が○○以上の場合に適用するスタイル ---*/
	.saying { font-weight: bold!important;
	font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", Meiryo, serif!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	.saying p{text-align: center;font-size: 1.15em;}
	.keyword_txt{padding: 0 2em;}
}
@media screen and (max-width: 768px) {
  /*--- 表示領域が○○以下の場合に適用するスタイル ---*/
	.saying p{font-size: 1.1em;}
	.saying h1 img{ max-width: 90%;}
	.keyword_txt h1{ font-size: 2.2em;}
	.keyword_txt h4{ font-size: 1.6em;}
}


/* ============================================== bk_bnr_bunko */
.fh5co-cta.bk_bnr_bunko a{ color: #fff;}

@media screen and (min-width: 768px) {
	.fh5co-cta.bk_bnr_bunko{background-image: url(../images/bk_bnr_bunko.jpg);padding: 5em 0;}
	.fh5co-cta.bk_bnr_bunko.type-B{padding: 6em 0;}
}
@media screen and (max-width: 767px) {
	.fh5co-cta.bk_bnr_bunko{background-image: url(../images/bk_bnr_bunko_sp.jpg);padding: 3em 0;}
	.fh5co-cta.bk_bnr_bunko.type-B{padding: 4em 0;}
}

/* ============================================== bk_bnr_genko */
.fh5co-cta.bk_bnr_genko a{ color: #fff;}

@media screen and (min-width: 768px) {
	.fh5co-cta.bk_bnr_genko{background-image: url(../images/bk_bnr_genko.jpg);padding: 5em 0; background-repeat: repeat;}
	.fh5co-cta.bk_bnr_genko.type-B{padding: 6em 0;}
}
@media screen and (max-width: 767px) {
	.fh5co-cta.bk_bnr_genko{background-image: url(../images/bg_news.jpg);padding: 3em 0; background-repeat: repeat;}
	.fh5co-cta.bk_bnr_genko.type-B{padding: 4em 0;}
}


/* ============================================== item-grid */
#fh5co-blog-section .item-grid{ padding-top: 30px;}
#fh5co-blog-section .item-grid .image{background-size: contain;background-repeat: no-repeat;margin-bottom: 0;}
#fh5co-blog-section .item-grid .v-align-middle h3,
#fh5co-blog-section .item-grid .v-align-middle p{ margin-bottom: 20px;}
#fh5co-blog-section .item-grid .v-align-middle p:last-child{margin-bottom: 0;}

@media screen and (min-width: 768px) {
	#fh5co-blog-section .item-grid .v-align-middle {height: 80px;}
}
@media screen and (max-width: 767px) {
	#fh5co-blog-section .item-grid .image{height: 330px;}
	#fh5co-blog-section .item-grid .v-align-middle p:last-child{margin-bottom: 5px;}
}

#fh5co-blog-section div.item-grid,#fh5co-blog-section div.item-grid:hover, #fh5co-blog-section div.item-grid:focus{
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition:none;
    top: 2px;
}

#fh5co-blog-section figure {
  margin-bottom: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-blog-section figure img {
  width: 260px;
  height: 260px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#fh5co-blog-section figcaption{
	font-size:0.8em;
	margin: 20px ;
	line-height: 1.6;
	word-break:normal;
}


/* ============================================== item-grid */
#fh5co-event-section .item-grid{ padding-top: 30px;}
#fh5co-event-section .item-grid .image{background-size: contain;background-repeat: no-repeat;margin-bottom: 0;}
#fh5co-event-section .item-grid .v-align-middle h3,
#fh5co-event-section .item-grid .v-align-middle p{ margin-bottom: 20px;}
#fh5co-event-section .item-grid .v-align-middle p:last-child{margin-bottom: 0;}

@media screen and (min-width: 768px) {
	#fh5co-event-section .item-grid .v-align-middle {height: 80px;}
}
@media screen and (max-width: 767px) {
	#fh5co-event-section .item-grid .image{height: 330px;}
	#fh5co-event-section .item-grid .v-align-middle p:last-child{margin-bottom: 5px;}
}

#fh5co-event-section div.item-grid,#fh5co-blog-section div.item-grid:hover, #fh5co-blog-section div.item-grid:focus{
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition:none;
    top: 2px;
}



/* ============================================== date */
.date { font-size: 14px;font-size: 1.4rem;line-height: 1.5;white-space: nowrap; display: table; width: 100%;}
.date .price,
.date .day{display: table-cell; vertical-align: middle;}
.date .price{text-align: left;}
.date .day{text-align: right;color: #9b9b9b;}


/* ============================================== gotop */
#gotop {
position: fixed;

color: #000;
background-color: rgba(255,255,255,.7);
z-index: 5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: inherit;
  background-color: #fff;
  opacity: .9;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	#gotop {
		width: 80px;
		height: 80px;
		bottom: 50px;
		right: 50px;
		    font-size: 50px;
	}
}
@media screen and (max-width: 767px) {
	#gotop {
		width: 50px;
		height: 50px;
		bottom: 20px;
		right: 30px;
		font-size: 30px;
	}
}


/* ============================================== sns button */
#sns { position: relative; z-index:2 ; margin : auto; clear: both ;}
#sns ul{ text-align: center ; padding-left: 0; margin-bottom: 0;}
#sns li{
/*float:left;*/ display: inline-block;
list-style: none; margin-bottom: 0;
}
#sns li img{
margin:0 10px;
width: 40px;
}
#sns ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #sns ul { display:inline-block; }
*:first-child+html #sns ul { display:inline-block; }



/* ========================================= fadeInUp カスタム */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/* ========================================= ドロップダウンメニュー */

.scrollable-menu {
                height: auto;
                max-height: 300px;
                overflow-x: hidden;
}
.scrollable-menu .ticket {
				left: 35px;
}

.dropdown-menu {min-width: 280px; margin: auto;