@charset "UTF-8";

/*
/* Common to all pages Style
/* common.css
*/


/*---------------------------------------------------------
   Element setting
---------------------------------------------------------*/

body {
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Osaka;*/
  font-family: -apple-system, "BlinkMacSystemFont", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #3D3938;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a {
  outline: none;
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:hover img {
  opacity: 0.7;
}

html[data-page="top"] a:hover img,
html[data-page="latest"] a:hover img {
  opacity: 1;
}

.l-header__logo img,
.l-header.clone-header .l-header__logo img,
.l-footer-main__logo img,
.l-footer-author__logo img {
  width: 100%;
  height: auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.text_shadow a {
  -webkit-transition: text-shadow 0.3s;
  transition: text-shadow 0.3s;
}

.text_shadow a:hover {
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}

.text_decoration a {
  text-decoration: none;
}

.text_decoration a:hover {
  text-decoration: underline;
}

.boxSizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #FEFEB5;
}

.width100 img,
.width100 {
  width: 100%;
  height: auto;
  max-width: none;
}

.gsc-result .gs-title {
  height: auto !important;
}


/*---------------------------------------------------------
   header
---------------------------------------------------------*/

.g_search_btn1 {
  display: block;
  position: absolute;
  right: -58px;
  top: 0;
  padding: 42px 20px;
  bottom: 0;
  cursor: pointer;
}

.g_search_btn2 {
  display: block;
  position: absolute;
  right: -56px;
  top: 0;
  padding: 25px 20px;
  bottom: 0;
  cursor: pointer;
}

.g_search_top {
  position: absolute;
  z-index: 1;
  top: 27px;
  right: 33px;
}

.g_search form {
  display: block;
}

.g_search {
  position: relative;
  z-index: 1;
  display: block;
}

.g_search_input {
  border: 1px solid #EEE;
  position: relative;
  z-index: 1;
  width: 183px;
  padding: 10px 35px 10px 10px;
  font-size: 16px;
}

.g_search_btn {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 8px;
  bottom: 0;
  border: none;
  background: none;
  display: block;
  cursor: pointer;
  padding: 0;
}

.g_search_btn2 .g_search_btn_img1,
.g_search_btn1 .g_search_btn_img1 {}

.g_search_btn2 .g_search_btn_img2,
.g_search_btn1 .g_search_btn_img2 {
  display: none;
}

.g_search_btn2.g_search_btn2_on .g_search_btn_img1,
.g_search_btn1.g_search_btn1_on .g_search_btn_img1 {
  display: none;
}

.g_search_btn2.g_search_btn2_on .g_search_btn_img2,
.g_search_btn1.g_search_btn1_on .g_search_btn_img2 {
  display: block;
}

.g_search_top .g_search_btn {
  background: url(../img/submit_pc1.png) 50% 50% no-repeat;
  width: 27px;
}

.g_search_hover {
  margin: 0 0 9px;
}

.g_search_hover .g_search_btn {
  background: url(../img/submit_sp.png) 50% 50% no-repeat;
  width: 29px;
  background-size: auto 21px;
}

.g_search_hover .g_search_input {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid #E8C10B 3px;
  padding: 14px 10px;
}

.g_search_arrow {
  position: absolute;
  z-index: 1;
}

.g_search_nav1 {
  position: absolute;
  z-index: 1;
  bottom: -52px;
  right: -59px;
}

.g_search_nav1 .g_search_input {
  border: #F7D94F solid 5px;
  border-top: none;
  padding: 10px 54px 10px 10px;
  width: 189px;
}

.g_search_nav1 .g_search_btn {
  background: url(../img/submit_pc3.png) 50% 40% no-repeat;
  width: 27px;
  right: 13px;
}

.g_search_nav1 .g_search_arrow {
  top: -14px;
  right: 21px;
  line-height: 14px;
}

.g_search_nav1 .g_search {
  display: none;
}

.g_search_nav2 .g_search {
  display: none;
}

.g_search_nav2 {
  position: absolute;
  z-index: 1;
  bottom: -37px;
  right: -59px;
}

.g_search_nav2 .g_search_input {
  border: #F7D94F solid 5px;
  border-top: none;
  padding: 10px 54px 10px 10px;
  width: 189px;
}

.g_search_nav2 .g_search_btn {
  background: url(../img/submit_pc3.png) 50% 40% no-repeat;
  width: 27px;
  right: 13px;
}

.g_search_nav2 .g_search_arrow {
  top: -14px;
  right: 21px;
  line-height: 14px;
}


/*---------------------------------------------------------
   globalNav
---------------------------------------------------------*/

.gnav {
  padding: 20px 0;
}

.gnav_bg {
  background: #F7D94F;
  padding: 12px 0 0;
}

.gnav_list {
  width: 1100px;
  margin: 0 auto;
  border-left: 1px solid #fff;
}

.gnav_list li {
  float: left;
  width: 14.26%;
  position: relative;
  z-index: 1;
}

.gnav_list a {
  display: block;
  text-align: center;
  border-right: 1px solid #fff;
  padding: 8px 0;
}

.gnav_list_new {
  position: absolute;
  z-index: 1;
  top: -49px;
  left: 114px;
}

/*
.gnav_fixed {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
}*/

.gnav_scroll {
  position: fixed;
  z-index: 100;
  top: -80px;
  left: 0;
  right: 0;
  background: #F7D94F;
  /*  display: none;*/
  /* padding: 39px 0 0; */
}

.gnav_scroll_logo {
  float: left;
  width: 10.6%;
}

.gnav_scroll_list {
  float: right;
  border-left: 1px solid #fff;
  width: 83.4%;
}

.gnav_scroll_list li {
  float: left;
  width: 14.26%;
}

.gnav_scroll_list a {
  display: block;
  border-right: 1px solid #fff;
  padding: 0px 0;
}

.gnav_scroll_inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 13px 0;
  position: relative;
}

.gnav_sub_bg {
  padding: 28px 0;
  /* overflow: hidden; */
}

.gnav_sub_bg img {
  max-width: 100%;
  height: auto;
}

.gnav_sub_inner {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.gnav_sub_logo {
  float: left;
  width: 12.73%;
  padding: 26px 0 0;
}

.gnav_sub {
  width: 84%;
  float: right;
  padding: 0;
}

.gnav_sub_list {
  width: auto;
}

.gnav_hover {
  background: url(../img/sp/bg.png) 0 0 repeat;
  overflow: auto;
  position: fixed;
  z-index: 149;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.gnav_hover img {
  max-width: 100%;
  height: auto;
}

.gnav_hover_inner {
  position: relative;
  margin: 0 auto;
  z-index: 1;
  padding: 42px 0;
  max-width: 430px;
}

.gnav_hover_title {
  width: 26%;
  margin: 0 auto 15px;
}

.gnav_hover_list {}

.gnav_hover_list li {
  float: left;
  width: 48%;
  margin: 0 0 7px;
}

.gnav_hover_list li:nth-child(even) {
  margin-left: 4%;
}

.gnav_hover_list a {
  display: block;
  border: solid #E8C10B 3px;
}

.gnav_hover_link {
  margin: 0 0 13px;
}

.gnav_hover_link li {
  float: left;
  font-size: 12px;
  background: url(../img/sp/icon_ya.png) 0 50% no-repeat;
  background-size: 15px auto;
  padding: 5px 0px 5px 21px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* width: 50%; */
  width: 48%;
}

.gnav_hover_link li:nth-child(even) {
  margin-left: 4%;
}

.gnav_hover_link a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0px;
}

.gnav_hover_btn1 {
  display: block;
  margin: 0 auto;
  width: 28%;
}

.gnav_hover_btn2 {
  display: block;
  position: absolute;
  z-index: 1;
  top: 32px;
  width: 8%;
  right: 0;
}

.gnav_sp_btn {
  display: none;
}


/*---------------------------------------------------------
   footer
---------------------------------------------------------*/

.pageFooter {
  background: #EBEDEC;
}

.pageFooter_inner {
  width: 1100px;
  margin: 0 auto;
  padding: 39px 0 24px;
}

.pageFooter_box {
  width: 720px;
  /*  margin: 0 0 0 14px;*/
  float: left;
}

.pageFooter_list {
  display: flex;
  flex-flow: wrap;
  width: 100%;
}

.pageFooter_list a {
  color: #666;
  font-size: 14px;
}

.pageFooter_list li {
  margin-bottom: 8px;
  width: 25%;
}

.pageFooter_item_01 {
  order: 1;
}

.pageFooter_item_02 {
  order: 2;
}

.pageFooter_item_03 {
  order: 3;
}

.pageFooter_item_04 {
  order: 5;
}

.pageFooter_item_05 {
  order: 6;
}

.pageFooter_item_06 {
  order: 7;
}

.pageFooter_item_07 {
  order: 9;
}

.pageFooter_item_08 {
  order: 10;
}

.pageFooter_item_09 {
  order: 11;
}

.pageFooter_item_10 {
  order: 12;
}

.pageFooter_item_11 {
  order: 13;
}

.pageFooter_item_12 {
  order: 14;
}

.pageFooter_item_13 {
  order: 15;
}

.pageFooter_item_14 {
  order: 4;
}

.pageFooter_item_15 {
  order: 8;
}


.pageFooter_icon1 {
  background: url(../../common/img/icon_f1.png) 0 50% no-repeat;
}

.pageFooter_icon2 {
  background: url(../../common/img/icon_f2.png) 0 50% no-repeat;
}

.pageFooter_icon3 {
  background: url(../../common/img/icon_f3.png) 0 50% no-repeat;
}

.pageFooter_icon4 {
  background: url(../../common/img/icon_f4.png) 0 50% no-repeat;
}

.pageFooter_icon5 {
  background: url(../../common/img/icon_f5.png) 0 50% no-repeat;
}

.pageFooter_icon6 {
  background: url(../../common/img/icon_f6.png) 0 50% no-repeat;
}

.pageFooter_icon7 {
  background: url(../../common/img/icon_f7.png) 0 50% no-repeat;
}

.pageFooter_icon8 {
  background: url(../../common/img/icon_f8.png) 0 50% no-repeat;
}

.pageFooter_icon9 {
  background: url(../../common/img/icon_f9.png) 0 50% no-repeat;
}

.pageFooter_icon1,
.pageFooter_icon2,
.pageFooter_icon3,
.pageFooter_icon4,
.pageFooter_icon5,
.pageFooter_icon6,
.pageFooter_icon7,
.pageFooter_icon8,
.pageFooter_icon9 {
  padding: 4px 0 4px 20px;
  background-size: 15px auto;
}

.pageFooter_address {
  float: right;
  padding: 70px 0 0;
}

.pageFooter_logo {
  text-align: right;
}


/*---------------------------------------------------------
   contents
---------------------------------------------------------*/

.bnr {
  border-top: solid #ccc 3px;
  background-color: #fff;
  padding: 0 0 28px;
}

.bnr_inner {
  width: 1100px;
  margin: 0 auto;
  padding: 32px 0 0;
}

.bnr_sns {
  float: left;
  margin: 0 83px 0 52px;
  padding: 28px 0 0;
}

.bnr_sns_title {
  margin: 0 0 20px;
}

.bnr_sns_list {
  display: flex;
  justify-content: center;
  width: 100%;
}

.bnr_sns_list li {
  width: 18.57%;
}

.bnr_sns_list li + li {
  margin-left: 20px;
}

.bnr_sns_list a {}

.bnr_present {
  float: left;
  margin: 0 90px 0 0;
}

.bnr_guide {
  float: left;
  padding: 9px 0 0;
}

.bnr_guide a {
  font-size: 16px;
  /* padding: 0 0 3px 28px; */
  /* border-bottom: 2px solid #000; */
  /* background: url(../../common/img/icon2.png) 0 50% no-repeat; */
  display: block;
}

.pageList {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.pageList_inner {
  display: flex;
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
}

.pageList_inner li {
  padding: 10px 0 8px;
}

.pageList_inner .pageList_home {
  margin: -3px 10px 0 0;
  width: 60px;
}

.pageList_inner .pageList_home img {
  width: 100%;
  height: auto;
}

.pageList_inner a,
.pageList_inner span {
  display: inline-block;
  font-size: 13px;
  line-height: 1.0;
}

.pageList_inner span {
  padding: 6px 0 0;
}


.pageList_one span:first-letter {
  padding-right: 0.5em;
  /* special の common には不要 */
}

.pageTitle {
  text-align: center;
  margin: 0 0 20px;
  font-size: 30px;
  background: #F6F6F6;
  padding: 50px 0;
}

.pageTop {
  position: fixed;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  display: none;
}

body.menu-open {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.view_link {
  width: 344px;
  margin: 0 auto;
  display: block;
  text-decoration: none !important;
}

.view_link span {
  display: block;
  background: #69B675;
  color: #fff;
  font-size: 19px;
  border-bottom: #499855 solid 3px;
  font-weight: bolder;
  text-align: center;
  padding: 11px 0;
}

.view_link:hover {
  padding: 3px 0 0;
}

.view_link:hover span {
  border-bottom: #499855 solid 0px;
}

.pageNav {
  text-align: center;
}

.pageNav a {
  background: #F1C40F;
  color: #fff;
  text-align: center;
  padding: 0 6px;
}

.pageNav_view {
  padding: 0px 0 50px;
}

.pageNav_view_line {
  border-top: dotted 1px #3D3938;
  padding: 20px 0 50px;
}

.pageNav_view_inner {
  width: 1100px;
  margin: 0 auto;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.pageNav_viewL {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0 0 0 36px;
}

.pageNav_viewL:before {
  content: "";
  background: url(../img/blog_icon03_2.png) 0 0 no-repeat;
  width: 31px;
  height: 32px;
  position: absolute;
  color: #fff;
  left: 0px;
  top: -8px;
  z-index: 1;
}

.pageNav_viewC {
  text-align: center;
  display: block;
}

.pageNav_view_event {
  text-align: center;
}

.pageNav_view_event .pageNav_viewC {
  position: relative;
  z-index: 1;
  display: inline;
  padding: 0 0 0 16px;
}

.pageNav_view_event .pageNav_viewC:before {
  content: "";
  background: url(../img/blog_icon03_2.png) 0 0 no-repeat;
  width: 31px;
  height: 32px;
  top: -8px;
  left: -24px;
  z-index: 1;
  position: absolute;
}

.pageNav_viewR {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0 36px 0 0;
}

.pageNav_viewR:before {
  content: "";
  background: url(../img/blog_icon03_1.png) 0 0 no-repeat;
  width: 30px;
  height: 32px;
  position: absolute;
  color: #fff;
  right: 0;
  top: -8px;
  z-index: 1;
}


/* news --------------------------- */

.news {
  background: #F0A551;
}

.news_inner {
  width: 1100px;
  margin: 0 auto;
  padding: 44px 0 120px;
}

.news_title {
  text-align: center;
  margin: 0 0 60px;
}

.news_list {
  margin: 0 0 49px;
}

.news_list a {
  display: block;
  padding: 10px 19px 12px;
  border-bottom: 1px solid #fff;
  color: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.news_new {
  margin: 0 10px 0 0;
}

.news_list a:hover {
  opacity: 0.7;
}

.news_list .news_pickup a {
  border: 5px solid #F7D94F;
  background: url(../img/bg1.png) 0 0 repeat;
  padding: 10px 14px 12px;
}

.news_list li {}

.news_pickup {
  position: relative;
  z-index: 1;
}

.event_view_date,
.news_date {
  float: left;
  font-weight: bolder;
  font-size: 16px;
  width: 128px;
  padding: 8px 0 0;
  margin: 0 0 0 0;
}

.event_view_cat,
.news_cat {
  float: left;
  border: 2px solid #000;
  border-radius: 6px;
  margin: 4px 32px 0 0px;
  color: #000;
  text-align: center;
  width: 103px;
  background: #fff;
  padding: 2px 0;
  font-size: 16px;
}

.event_view_cat {
  border: 2px solid #ED8258;
  color: #ED8258;
}

/*#D36782 osirase*/
.news_cat1 .news_cat {
  border: 2px solid #D36782;
  color: #D36782;
}

/*#499855 sinnki*/
.news_cat2 .news_cat {
  border: 2px solid #499855;
  color: #499855;
}

/*#EB7041 kokuti*/
.news_cat3 .news_cat {
  border: 2px solid #EB7041;
  color: #EB7041;
}

/*#D7B61A kousin*/
.news_cat4 .news_cat {
  border: 2px solid #D7B61A;
  color: #D7B61A;
}

/*#94A932 syuzai*/
.news_cat5 .news_cat {
  border: 2px solid #94A932;
  color: #94A932;
}

/*#57A9EB bosyuu*/
.news_cat6 .news_cat {
  border: 2px solid #57A9EB;
  color: #57A9EB;
}

/*#A37E2C sonota*/
.news_cat7 .news_cat {
  border: 2px solid #A37E2C;
  color: #A37E2C;
}

.news_cat8 .news_cat {
  border: 2px solid #7B4697;
  color: #7B4697;
}

.news_cat9 .news_cat {
  border: 2px solid #325799;
  color: #325799;
}

.news_cat10 .news_cat {
  border: 2px solid #00A5AD;
  color: #00A5AD;
}

.news_cat11 .news_cat {
  border: 2px solid #C71818;
  color: #C71818;
}

/*#999999 sonota*/

.news_cat12 .news_cat {
  border: 2px solid #999999;
  color: #999999;
}

.news_mes {
  padding: 10px 0 0;
  float: left;
  width: 72%;
}

.news_pickup {
  margin: 0 0 56px;
}

.news_pickup_l {
  float: left;
  /*width: 47%;*/
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: #F27844 solid 6px;
  padding: 0 32px 26px;
}

.news_pickup_r {
  float: right;
  width: 47%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: #69B675 solid 6px;
  padding: 0 32px 26px;
}

.news_pickup_title {
  text-align: center;
  margin: -20px 0 14px 0;
}

.news_pickup a:hover img {
  opacity: 1;
}

.news_pickup_new {
  float: left;
  margin: 4px 0 0;
}

.news_pickup .news_cat {
  margin: 2px 11px 0 0;
}

.news_pickup .news_mes {
  width: 100%;
  float: left;
  padding: 5px 0 0;
}

.news_title2 {
  /* background: url(../img/bg3.png) 0 0 repeat; */
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border: 3px solid #fff;
  margin: 0 0 9px;
  display: block;
}


/* pickup --------------------------- */

.pickup {
  position: relative;
  z-index: 1;
}

.pickup_inner {
  width: 1130px;
  margin: 0 auto 56px;
  padding: 44px 0 0;
}

.pickup_bnr2 .bx-wrapper .bx-viewport,
.pickup_bnr .bx-wrapper .bx-viewport {
  border: none;
  left: 0;
}

.pickup_text,
.pickup_text + p {
  font-size: 16px;
}


/*
//  1140px and below ///////////////////////////////////
*/

@media screen and (max-width: 1140px) {

  .pickup_bnr2 .bx-wrapper .bx-next,
  .pickup_bnr .bx-wrapper .bx-next {
    right: 0;
  }

  .pickup_bnr2 .bx-wrapper .bx-prev,
  .pickup_bnr .bx-wrapper .bx-prev {
    left: 0;
  }

}

.pickup_title {
  text-align: center;
  margin: 0 0 51px;
}

.pickup_list {
  margin: 0 0 7px;
}

/*
.pickup_list li {
  margin: 0 1.24% 37px;
  width: 22.5%;
  float: left;
}
*/

.pickup_list li {
  margin: 0 1.24% 37px;
  width: 22.5%;
  display: inline-block;
  vertical-align: top;
}

.pickup_img {
  position: relative;
  z-index: 1;
  margin: 0 0 20px;
  border: 3px solid #3D3938;
}

.pickup_img_name {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../img/bg2.png) 0 0 repeat;
  font-size: 19px;
  font-weight: bolder;
  padding: 3px 5px;
  line-height: 1.3;
}

.pickup_img_new {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.pickup_img_pr {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 3px;
}

.pickup_text {
  letter-spacing: 0.1rem;
}

.pickup_bnr {
  border-top: solid 3px #ccc;
  /* border-bottom: solid 3px #ccc; */

  padding: 44px 0;
}

.pickup_bnr_list {
  margin: 0 auto;
}

.pickup_bnr_list li {
  float: left;
  /* text-align: center; */
  /* width: 25%; */
}

.pickup_bnr_list a {
  display: block;
  width: 92.7%;
  margin: 0 auto;
}

.pickup_bnr2 {
  border-top: solid 3px #ccc;
  border-bottom: solid 3px #ccc;
  padding: 44px 0;
}

.pickup_bnr2_list {
  margin: 0 auto;
}

.pickup_bnr2_list li {
  float: left;
}

.pickup_bnr2_list a {
  display: block;
  width: 92.7%;
  margin: 0 auto;
}


/* --------------------------------------------------------------------------
   recommend
-------------------------------------------------------------------------- */

#kccsrecommend {
  padding: 0 0 100px;
}

#kccsrecommend .pickup_inner {
  margin: 0 auto;
}

#kccsrecommend .pickup_title {
  margin: 0 auto 50px;
  width: 34.54%;
}

#kccsrecommend .pickup_title img {
  width: 100% !important;
  height: auto !important;
}

#kccsrecommend .pickup_list {
  margin: 0;
}

/*#kccsrecommend .pickup_list li {
  margin-bottom: 0;
}*/

#kccsrecommend .pickup_list li:nth-last-of-type(1) {
  display: none;
}

#kccsrecommend .pickup_img {
  margin: 0;
}


/* event --------------------------- */

.event_list {
  border-top: 1px solid #ccc;
  margin: 0 0 60px;
}

.event_list li {
  border-bottom: 1px solid #ccc;
}

.event_list a {
  display: block;
  padding: 9px 22px 9px 31px;
}

.event_list a:hover .event_contents {
  opacity: 0.7;
}

.event_img {
  float: left;
  margin: 0 55px 0 0;
  position: relative;
  z-index: 1;
}

.event_ticket {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.event_pr {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.event_contents {
  float: left;
  width: 727px;
  padding: 8px 0 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.event_name {
  font-size: 18px;
  font-weight: bolder;
}

.event_date {
  color: #68B674;
  font-weight: bolder;
}

.event_text {
  background: url(../img/icon1.png) 4px 2px no-repeat;
  padding: 0 0 0 21px;
}

.event_text span {
  color: #f00;
  font-weight: bold;
}

.event_cat {
  float: right;
  padding: 14px 0 0;
}

.event_icon {
  float: right;
  margin: 0 0 0 10px;
}


/*---------------------------------------------------------
   Responsive Setting
----------------------------------------------------------*/

#screen-check {
  color: #000000;
  display: none;
}

.all-device-block,
.sp-block,
.portrait-block {
  display: none;
}

.all-device-inline,
.sp-inline,
.portrait-inline {
  display: none;
}


/*
//  All SP & Tablet ///////////////////////////////////
*/

@media screen and (max-width: 1200px) {

  img {
    max-width: 100%;
    height: auto;
  }

  .pageList_inner {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }

  .all-device-none {
    display: none;
  }

  .all-device-block {
    display: block;
  }

  .all-device-inline {
    display: inline;
  }

  #screen-check {
    color: #ff0000;
  }


  /*---------------------------------------------------------
      header
   ---------------------------------------------------------*/

  .g_search_top {
    display: none;
  }

  .g_search_btn1 {
    display: none;
  }

  .g_search_btn2 {
    display: none;
  }


  /*---------------------------------------------------------
      globalNav
  ---------------------------------------------------------*/

  .gnav {}

  .gnav_bg {}

  .gnav_list {
    width: auto;
  }

  .gnav_list li {}

  .gnav_list a {}

  .gnav_sp_btn {
    width: 33.5px;
    float: right;
    display: block;
  }

  .gnav_sp_btn a {
    display: block;
  }

  .gnav_sp_btn img {
    max-width: 100%;
    height: ;
  }

  .gnav_scroll {}

  .gnav_scroll_logo {
    width: 92.5px;
  }

  .gnav_scroll_line {}

  .gnav_scroll_list {
    display: none;
  }

  .gnav_scroll_inner {
    padding: 5px 1%;
    max-width: none;
  }

  .gnav_sub_bg {
    padding: 7px 0;
  }

  .gnav_sub_bg img {}

  .gnav_sub_inner {
    width: auto;
    margin: 0 1%;
  }

  .gnav_sub_logo {
    padding: 0;
    width: 92.5px;
  }

  .gnav_sub {
    display: none;
  }

  .gnav_sub_list {}


  /*---------------------------------------------------------
      footer
   ---------------------------------------------------------*/

  .pageFooter {}

  .pageFooter_inner {
    width: auto;
    margin: 0 3%;
  }

  .pageFooter_box {
    width: auto;
    margin: 0;
    float: none;
  }

  .pageFooter_list {}

  .pageFooter_list a {}

  .pageFooter_list li {}

  .pageFooter_icon1 {
    background: url(../../common/img/sp/icon_f1.png) 0 50% no-repeat;
  }

  .pageFooter_icon2 {
    background: url(../../common/img/sp/icon_f2.png) 0 50% no-repeat;
  }

  .pageFooter_icon3 {
    background: url(../../common/img/sp/icon_f3.png) 0 50% no-repeat;
  }

  .pageFooter_icon4 {
    background: url(../../common/img/sp/icon_f4.png) 0 50% no-repeat;
  }

  .pageFooter_icon5 {
    background: url(../../common/img/sp/icon_f5.png) 0 50% no-repeat;
  }

  .pageFooter_icon6 {
    background: url(../../common/img/sp/icon_f6.png) 0 50% no-repeat;
  }

  .pageFooter_icon7 {
    background: url(../../common/img/sp/icon_f7.png) 0 50% no-repeat;
  }

  .pageFooter_icon8 {
    background: url(../../common/img/sp/icon_f8.png) 0 50% no-repeat;
  }

  .pageFooter_icon9 {
    background: url(../../common/img/sp/icon_f9.png) 0 50% no-repeat;
  }

  .pageFooter_icon1,
  .pageFooter_icon2,
  .pageFooter_icon3,
  .pageFooter_icon4,
  .pageFooter_icon5,
  .pageFooter_icon6,
  .pageFooter_icon7,
  .pageFooter_icon8,
  .pageFooter_icon9 {
    background-size: 16px auto;
  }

  .pageFooter_list a.home {}

  .pageFooter_list a.special {}

  .pageFooter_address {
    padding: 15px 0 0;
  }

  .pageFooter_logo {}

  .pageFooter_list2 {}

  .pageFooter_list2 li {}


  /*---------------------------------------------------------
      contents
   ---------------------------------------------------------*/

  .bnr {}

  .bnr_inner {
    width: auto;
    margin: 0 3%;
    position: relative;
    z-index: 1;
  }

  .bnr_sns {
    margin: 0 5% 0 2%;
    width: 26.5%;
    padding: 20px 0 0;
  }

  .gnav_hover .bnr_sns {
    float: none;
    width: auto;
    margin: 0 auto 23px;
    max-width: 215px;
    padding: 0;
  }

  .bnr_sns_title {
    margin: 0 0 14px;
  }

  .bnr_sns_list {}

  .bnr_sns_list li {
    width: 20%;
  }

  .bnr_sns_list li + li {
    margin-left: 16px;
  }

  .bnr_sns_list a {}

  .bnr_present {
    width: 26%;
    margin: 0 6% 0 0;
  }

  .bnr_guide {
    width: 32%;
  }

  .bnr_guide a {}

    {
    padding: 2px 0;
  }

  .pageList {
    padding: 2px 0;
  }

  .pageList_home {}

  .pageList_inner {
    width: auto;
    margin: 0 1%;
  }

  li.pageList_home {
    width: 58.5px;
  }

  /* news --------------------------- */

  .news {}

  .news_inner {
    width: auto;
    padding: 44px 3% 60px;
  }

  .news_title {
    width: 178px;
    margin: 0 auto 50px;
  }

  .news_list {
    margin: 0 0 19px;
  }

  .news_list a {}

  .news_new {}

  .news_list .news_pickup a {}

  .news_list li {}

  .news_pickup {}

  .news_date {}

  .event_view_cat,
  .news_cat {}

  /*#D36782 osirase*/
  .news_cat1 {}

  /*#499855 sinnki*/

  .news_cat2 {}

  /*#EB7041 kokuti*/

  .news_cat3 {}

  /*#D7B61A kousin*/

  .news_cat4 {}

  /*#94A932 syuzai*/

  .news_cat5 {}

  /*#57A9EB bosyuu*/

  .news_cat6 {}

  /*#A37E2C sonota*/

  .news_cat7 {}

  .news_mes {
    width: auto;
    float: none;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
  }

  .news_pickup {}

  .news_pickup_l {}

  .news_pickup_r {}

  .news_pickup_title {}

  .news_pickup_new {}

  .news_pickup .news_cat {}

  .news_pickup .news_mes {}

  .news_title2 {}


  /* pickup --------------------------- */

  .pickup {}

  .pickup_inner {
    width: auto;
    margin: 0 auto 56px;
  }

  .pickup_title {
    width: 212px;
    margin: 0 auto 47px;
  }

  .pickup_list {}

  .pickup_list li {
    margin: 0 1.24% 25px;
  }

  .pickup_img_name {
    font-size: 14px;
  }

  .pickup_img_new {
    width: 80px;
  }

  .pickup_text,
  .pickup_text + p {
    font-size: 14px;
  }

  .pickup_bnr {}

  .pickup_bnr_list {}

  .pickup_bnr_list li {
    /* width: 22%; */
  }

  .pickup_bnr_list a {}


  /* --------------------------------------------------------------------------
  recommend
  -------------------------------------------------------------------------- */

  #kccsrecommend {
    padding: 0 0 80px;
  }

  #kccsrecommend .pickup_inner {
    margin: 0 3%;
    padding-top: 30px;
  }


  /* event --------------------------- */

  .event_list {}

  .event_list li {}

  .event_list a {}

  .event_img {
    width: 9%;
    margin: 0 5% 0 0;
  }

  .event_contents {
    width: 70%;
  }

  .event_name {
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .event_date {
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .event_text {
    /*  text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
  }

  .event_cat {
    width: 14.5%;
  }

  .event_icon {
    margin: 0 0 0 6%;
    width: 44%;
  }

}


/*
//  1100px and below ///////////////////////////////////
*/

@media screen and (max-width: 1100px) {

  .pageNav_view_inner {
    width: 100%;
  }

}


/*
//  800px and below ///////////////////////////////////
*/

@media screen and (max-width: 800px) {

  .pageFooter_list li {
    width: 33.33%;
  }

  .pageFooter_item_01 {
    order: 1;
  }

  .pageFooter_item_02 {
    order: 2;
  }

  .pageFooter_item_03 {
    order: 3;
  }

  .pageFooter_item_04 {
    order: 4;
  }

  .pageFooter_item_05 {
    order: 5;
  }

  .pageFooter_item_06 {
    order: 6;
  }

  .pageFooter_item_07 {
    order: 7;
  }

  .pageFooter_item_08 {
    order: 8;
  }

  .pageFooter_item_09 {
    order: 9;
  }

  .pageFooter_item_10 {
    display: none;
  }

  .pageFooter_item_11 {
    order: 10;
  }

  .pageFooter_item_12 {
    order: 11;
  }

  .pageFooter_item_13 {
    order: 12;
  }

  .pageFooter_item_14 {
    order: 13;
  }

  .pageFooter_item_15 {
    order: 14;
  }

  /* --------------------------------------------------------------------------
    recommend
  ------------------------------------------------------------------------- */

  #kccsrecommend {
    padding: 0 0 60px;
  }

}


/*
//  All SP  ///////////////////////////////////
*/

@media screen and (max-width: 639px) {

  .sp-none {
    display: none;
  }

  .sp-block {
    display: block;
  }

  .sp-inline {
    display: inline;
  }

  #screen-check {
    color: #00ff00;
  }

  body {
    font-size: 14px;
  }


  /*---------------------------------------------------------
      globalNav
   ---------------------------------------------------------*/

  .gnav {}

  .gnav_bg {}

  .gnav_list {}

  .gnav_list li {}

  .gnav_list a {}

  .gnav_scroll {}

  .gnav_scroll_line {}


  /*---------------------------------------------------------
      footer
   ---------------------------------------------------------*/

  .pageFooter {
    background: #fff;
  }

  .pageFooter_inner {
    margin: 0;
    padding: 0 0 0;
  }

  .pageFooter_box {
    background: #EBEDEC;
    border-top: solid 2px #CCC;
    border-bottom: solid 2px #CCC;
  }

  .pageFooter_list {}

  .pageFooter_list a {
    display: block;
    /* text-align: center; */
    /* background: none; */

    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    font-size: 11px;
    padding: 11px 8px;
    background-position: 7px 50%;
  }

  .pageFooter_icon1,
  .pageFooter_icon2,
  .pageFooter_icon3,
  .pageFooter_icon4,
  .pageFooter_icon5,
  .pageFooter_icon6,
  .pageFooter_icon7,
  .pageFooter_icon8,
  .pageFooter_icon9 {
    padding: 11px 0 11px 30px !important;
  }

  .pageFooter_list li {
    width: 50%;
    margin: 0;
  }

  .pageFooter_list a.home {
    background-position: 28% 50%;
  }

  .pageFooter_list a.special {
    background-position: 28% 50%;
  }

  .pageFooter_address {
    float: none;
    padding: 13px 0 20px;
  }

  .pageFooter_logo {
    width: 64px;
    margin: 0 auto;
  }

  .pageFooter_list2 {
    margin: 0 auto 8px;
    width: auto;
    text-align: center;
  }

  .pageFooter_list2 li {
    display: inline-block;
    float: none;
  }


  /*---------------------------------------------------------
      contents
   ---------------------------------------------------------*/

  .bnr {}

  .bnr_inner {
    margin: 0;
    padding: 25px 0 0;
  }

  .bnr_sns {
    float: none;
    width: auto;
    margin: 0 auto 23px;
    max-width: 215px;
    padding: 0;
  }

  .bnr_sns_title {}

  .bnr_sns_list {}

  .bnr_sns_list li {}

  .bnr_sns_list a {}

  .bnr_present {
    float: none;
    width: auto;
    max-width: 190px;
    margin: 0 auto 24px;
  }

  .bnr_guide {
    padding: 0;
    float: none;
    width: 190px;
    margin: 0 auto;
  }

  .bnr_guide a {
    /* font-size: 13px; */
    /* background-size: 10px auto; */
    /* padding: 0 0 0 15px; */
  }

  .pageList {}

  .pageList_home {
    margin: 0 6px 0 0;
  }

  .pageList_inner li {
    padding: 7px 0 5px;
  }

  .pageList_home {
    margin: -1px 0.5em 0 0;
  }

  .pageList_inner a,
  .pageList_inner span {
    font-size: 12px;
  }

  .pageTitle {
    font-size: 18px;
    padding: 20px 5px;
    margin: 0;
  }

  .pageTop {
    bottom: 12px;
    right: 12px;
  }

  .view_link {
    width: 281px;
  }

  .view_link span {
    font-size: 16px;
    padding: 7px 0;
    border-width: 2px;
  }

  .view_link:hover {
    padding: 2px 0 0;
  }

  .view_link:hover span {}

  .pageNav {}

  .pageNav a {}

  .pageNav_view {
    margin: 0 2%;
  }

  .pageNav_view_inner {
    font-size: 12px;
    width: 100%;
  }

  .pageNav_viewL {
    padding: 0 0 0 22px;
  }

  .pageNav_viewL:before {
    background-image: url(../img/icon3_l.png);
    background-size: 15px;
    width: 15px;
    height: 15px;
    left: 0px;
    top: 3px;
  }

  .pageNav_viewC {}

  .pageNav_viewR {
    padding: 0 23px 0 0;
  }

  .pageNav_viewR:before {
    background-image: url(../img/icon3_r.png);
    background-size: 15px;
    width: 15px;
    height: 15px;
    right: 9;
    top: 3px;
  }

  .pageNav_view_event .pageNav_viewC:before {
    background-size: 25px auto;
    top: -4px;
    left: -19px;
  }


  /* --------------------------------------------------------------------------
      recommend
   -------------------------------------------------------------------------- */

  .pageNav_view_line {
    padding: 20px 0 30px;
  }


  /* news //////////////////////////////*/

  .news {}

  .news_inner {
    padding: 20px 4% 40px;
  }

  .news_title {
    width: 120px;
    margin: 0 auto 35px;
  }

  .news_list {}

  .news_list a {
    border: 1px solid #fff;
    border-top: none;
    padding: 8px 9px;
  }

  .news_new {
    width: 35px;
  }

  .news_list .news_pickup a {
    border-width: 3px;
    background-size: 28px;
    padding: 8px 7px;
  }

  .news_list li {}

  .news_icon {
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 183px;
    width: 37px;
  }

  .news_pickup {}

  .event_view_date,
  .news_date {
    font-size: 12px;
    margin: 0 9px 0 0;
    width: 102px;
    line-height: 11px;
  }

  .event_view_cat,
  .news_cat {
    font-size: 11px;
    width: 52px;
    border-width: 1px !important;
    border-radius: 3px;
    line-height: 1.2;
    margin: 6px 0 0;
  }

  /*#D36782 osirase*/

  .news_cat1 {}

  /*#499855 sinnki*/

  .news_cat2 {
    /* font-size: 11px; */
    /* width: 50px; */
    /* border-width: 1px; */
    /* border-radius: 3px; */
  }

  /*#EB7041 kokuti*/

  .news_cat3 {}

  /*#D7B61A kousin*/

  .news_cat4 {}

  /*#94A932 syuzai*/

  .news_cat5 {}

  /*#57A9EB bosyuu*/

  .news_cat6 {}

  /*#A37E2C sonota*/

  .news_cat7 {}

  .news_mes {
    white-space: normal;
    float: left;
    font-size: 13px;
    padding: 5px 0 0 !important;
    width: 100% !important;
  }

  .news_pickup {
    margin: 0 0 30px;
  }

  .news_pickup_l {
    padding: 6px 10px 13px;
    float: none;
    width: auto;
    /*margin: 0 0 34px;*/
    border-width: 4px;
  }

  .news_pickup_r {
    padding: 6px 10px;
    float: none;
    width: auto;
    border-width: 4px;
  }

  .news_pickup_title {
    width: 200px;
    margin: -21px auto 0;
  }

  .news_pickup_new {
    width: 34px;
    line-height: 1;
  }

  .news_pickup .news_cat {}

  .news_pickup .news_mes {}

  .news_title2 {
    font-size: 13px;
    margin: 0;
  }


  /* pickup --------------------------- */

  .pickup {
    padding: 0 0 18px;
  }

  .pickup_inner {
    padding: 26px 0 23px;
    margin: 0 auto 22px;
    border-bottom: solid 1px #ccc;
  }

  .pickup_title {
    width: 142px;
    margin: 0 auto 24px;
  }

  .pickup_list {
    /* padding: 0 1.56% 0; */
  }

  .pickup_list li {
    width: 46.77%;
    margin: 0 1.61% 19px;
  }

  .pickup_img {
    margin: 0 0 8px;
  }

  .pickup_img_name {
    font-size: 13px;
  }

  .pickup_img_new {
    width: 63px;
  }

  .pickup_img_pr {
    width: 32px;
  }

  .pickup_text,
  .pickup_text + p {
    font-size: 12px;
    padding: 0 2px;
  }

  .pickup_bnr {
    border-top: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
  }

  .pickup_bnr_list {}

  .pickup_bnr_list li {}

  .pickup_bnr_list a {
    width: auto;
  }

  .pickup_bnr_sp {
    margin: 0 auto;
    max-width: 290px;
    padding: 15px 0;
  }

  .pickup_bnr2_list {}

  .pickup_bnr2_list li {}

  .pickup_bnr2_list a {
    width: auto;
  }

  .pickup_bnr2_sp {
    margin: 0 auto;
    max-width: 290px;
    padding: 15px 0;
  }


  /* --------------------------------------------------------------------------
      recommend
   ------------------------------------------------------------------------- */

  #kccsrecommend {
    padding: 0 0 40px;
  }

  #kccsrecommend .pickup_inner {
    border: none;
    margin: 0 3%;
    padding: 30px 0 0;
  }

  #kccsrecommend .pickup_title {
    margin: 0 auto 30px;
    width: 56%;
  }

  #kccsrecommend .pickup_list li:nth-of-type(1),
  #kccsrecommend .pickup_list li:nth-of-type(2) {
    margin-bottom: 3%;
  }


  /* event --------------------------- */

  .event_list {
    margin: 0 4% 17px;
  }

  .event_list li {}

  .event_list a {
    padding: 10px 0;
  }

  .event_img {
    width: 26%;
    margin: 0 2.5% 0 0;
  }

  .event_pr {
    width: 32px;
  }

  .event_contents {
    width: 56%;
    padding: 0;
  }

  .event_name {
    font-size: 13px;
    white-space: normal;
  }

  .event_date {
    font-size: 13px;
    white-space: normal;
  }

  .event_text {
    font-size: 13px;
    background-size: 10px auto;
    background-position: 3px 0;
    white-space: normal;
  }

  .event_cat {
    width: 14%;
    padding: 0;
  }

  .event_icon {
    margin: 0 0 5px;
    width: 100%;
  }

}


/*---------------------------------------------------------
   Portrait
---------------------------------------------------------*/

@media screen and (max-width: 479px) {

  .portrait-none {
    display: none;
  }

  .portrait-block {
    display: block;
  }

  .portrait-inline {
    display: inline;
  }

  #screen-check {
    color: #0000ff;
  }

}

@media screen and (max-width: 430px) {

  .gnav_hover_inner {
    margin: 0 7%;
    max-width: 430px;
  }

}


/*---------------------------------------------------------
   lazy img
---------------------------------------------------------*/
.lazy-bg,
.lazy {
  opacity: 0;
  -moz-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}


/* --------------------------------------------------------
  page_hdg ［addition 2018/11/25］
-------------------------------------------------------- */

.page_hdg {
  margin-bottom: 40px;
}

.page_hdg img {
  display: block;
  margin: 0 auto;
  width: 350px;
}

@media screen and (max-width: 639px) {
  .page_hdg img {
    width: 250px;
  }
}