@charset "UTF-8";
/* =============================================================*
【龍ヶ崎市：ファンクラブ】　トップページスタイル
=============================================================== */

#basebg {
  background-color: #FFF;
}
#main {
  float: none;
  width: 100%;
}
.img-guidance {
  margin: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  position: absolute;
  overflow: hidden;
}


/* ------------------  header  ------------------ */
.pchead_wp_in {
  width: 1100px;
  padding: 30px 0 30px;
}
.navilist_wp {
  justify-content: flex-end;
  width: 100%;
  margin: 0 10px 0 0;
}


/* ------------------  footer  ------------------ */
.footer {
  border-top: 1px solid #CCC;
  margin: 0;
}
.foot_wp_inner {
  width: 1100px;
  padding: 45px 0 35px;
}
.footcont_in {
  margin: 48px 0 0 0;
}
.footcont {
  margin: 0 0 106px 0;
}
.footbtn {
  top: 175px;
}
.footimg img {
  height: 300px;
}


/* ------------------  共通  ------------------ */
h2.fa_ti {
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.7;
  letter-spacing: 0.3rem;
  color: #0E3668;
  margin: 0 0 45px 0;
}
h2.fa_ti > span {
  display: block;
  /*font-size: 110%;*/
  font-size: 1.25rem;
  letter-spacing: 0.2rem;
  color: #474341;
  margin: -8px 0 0 0;
}

.container01_wp {
  background-color: #FFF;
  background-image: url(/images/fa_t_bg01.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  padding: 0 0 70px;
}
.container01 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
.container02_wp {
  background-color: #FBF1E4;
  background-image: url(/images/fa_t_bg02.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  padding: 95px 0 180px;
}
.container02 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
.container03_wp {
  background-color: #F9E7D1;
  background-image: url(/images/fa_t_bg03.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  padding: 125px 0 135px;
}
.container03 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

.container02::before {
  content: " ";
  display: block;
  position: absolute;
  width: 70px;
  height: 75px;
  background-image: url(/images/fa_t_bg_im01.png);
  background-size: 70px auto;
  top: 90px;
  left: 57px;
  z-index: 100;
}
.container02::after {
  content: " ";
  display: block;
  position: absolute;
  width: 152px;
  height: 270px;
  background-image: url(/images/fa_t_bg_im02.png);
  background-size: 152px auto;
  top: -70px;
  right: -30px;
  z-index: 100;
}
.kanrenlist_wp::before {
  content: " ";
  display: block;
  position: absolute;
  width: 260px;
  height: 210px;
  background-image: url(/images/fa_t_bg_im03.png);
  background-size: 260px auto;
  top: -30px;
  left: -30px;
  z-index: 100;
}
.kanrenlist_wp::after {
  content: " ";
  display: block;
  position: absolute;
  width: 176px;
  height: 158px;
  background-image: url(/images/fa_t_bg_im04.png);
  background-size: 176px auto;
  top: 60px;
  right: 10px;
  z-index: 100;
}
.container03::before {
  content: " ";
  display: block;
  position: absolute;
  width: 62px;
  height: 90px;
  background-image: url(/images/fa_t_bg_im05.png);
  background-size: 62px auto;
  top: -245px;
  left: -50px;
  z-index: 100;
}
.container03::after {
  content: " ";
  display: block;
  position: absolute;
  width: 382px;
  height: 160px;
  background-image: url(/images/fa_t_bg_im06.png);
  background-size: 382px auto;
  top: -230px;
  right: -20px;
  z-index: 100;
}


/* ------------------  ブランディングエリア  ------------------ */
.fa_h1 {
  background-color: #FFF;
  width: 350px;
  height: 180px;
  border-radius: 0 0 14px 0;
  position: absolute;
  top: -55px;
  left: 0;
  z-index: 100;
}
.fa_h1 > h1 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
}

.top_slider_wp {
  position: relative;
}
ul.t_slider {
  padding: 0;
  margin: 0 !important;
}
ul.t_slider li {
  padding: 0;
  margin: 0;
  position: static;
}
ul.t_slider li img {
  width: 1100px;
  height: 560px;
  border-radius: 14px;
}

/* control */
.top_slider_wp .slick-control-wp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0 15px;
  margin: 25px 0 0 0;
}
.top_slider_wp .slick-dots-wp {
}
.top_slider_wp .slick-dots-wp ul.slick-dots {
  width: auto;
  position: static;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li {
  margin: 0 12px 0 0;
  background: none;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
  justify-content: center;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button::before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  content: '';
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #BFBFBF;
  border: 1px solid #BFBFBF;
  opacity: 1;
  border-radius: 50%;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button {
  width: 40px;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button::before {
  width: 40px;
  opacity: 1;
  background-color: #EC6E75;
  border: 1px solid #EC6E75;
  border-radius: 7px;
}

/* control横 stop startボタン */
.top_slider_wp .reproducing-button-wrap {
  display: flex;
  justify-content: flex-end;
  width: 24px;
  flex-shrink: 0;
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn {
  display: flex;
  align-items: center;
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn img {
  width: 14px;
  height: 16px;
}


/* ------------------  グローバルナビエリア  ------------------ */
.head_gnavi_wp {
  width: 1100px;
  margin: 25px auto 0;
}


/* ------------------  新着情報エリア  ------------------ */
.newsContent_wp {
  width: 100%;
}
.newsContent {
  background-color: #FFF;
  margin: 0;
  padding: 50px 0 60px;
  border-radius: 14px;
}
ul.info-list {
  width: 900px;
  margin: 0 auto;
  padding: 0;
}
ul.info-list li {
  padding: 18px 0 18px 30px;
  line-height: 1.7;
  clear: both;
  margin: 0;
  width: 100%;
  background-color: transparent;
  background-image: none;
  border-bottom: 1px dashed #AAA;
  display: flex;
  align-items: center;
  /*font-size: 90%;*/
  font-size: 1rem;
}
ul.info-list .date {
  display: block;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  width: 200px;
  color: #474341;
  font-size: 1rem;
  letter-spacing: 0.1rem;
}
ul.info-list .link {
  display: block;
  font-size: 1rem;
}
ul.info-list .link img {
  margin: 0 0 0 10px;
}

.ichiran-all {
  position: static;
  width: 900px;
  margin: 25px auto 0;
}
.ichiran-all .ichiran-link {}
.ichiran-all .ichiran-link a {
  display: block;
  width: 100%;
  border: 1px solid #EC6E75;
  border-radius: 14px;
  margin: 0;
  padding: 12px 10px 13px;
  /*font-size: 110%;*/
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.ichiran-all .ichiran-link a:link {
  color: #333;
  text-decoration: none;
}
.ichiran-all .ichiran-link a:hover,
.ichiran-all .ichiran-link a:focus {
  text-decoration: underline;
}


/* ------------------  関連リンクエリア  ------------------ */
.kanrenlist_wp {
  padding: 125px 0 0;
  position: relative;
}
ul.kanrenlist {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
ul.kanrenlist li:nth-of-type(3n) {
  margin: 0 0 40px 0;
}
ul.kanrenlist li {
  margin: 0 40px 40px 0;
  padding: 0;
  background: none;
  width: calc((100% - 80px)/3);
}
/**::-ms-backdrop, ul.kanrenlist li {
  width: 340px;
}*/
ul.kanrenlist li > div .ka_im {}
ul.kanrenlist li > div .ka_im.innerLink a,
ul.kanrenlist li > div .ka_im.externalLink a {
  background: none;
  padding: 0;
}
ul.kanrenlist li > div .ka_im img {
  width: 340px;
  height: auto;
  border-radius: 14px;
  border: 1px solid #CCC;
}
ul.kanrenlist li > div p.ka_tx {
  margin: 0;
  padding: 10px 0 0 0;
  /*font-size: 110%;*/
  font-size: 1.25rem;
}
ul.kanrenlist li > div p.ka_tx a:link {
  color: #333;
}
ul.kanrenlist li > div p.ka_tx.innerLink a {
  background: none;
  padding: 0;
}
ul.kanrenlist li > div p.ka_tx.externalLink a {
  padding: 0 22px 0 0;
  background-image: url(/images/fa_t_c_icon_outlink.png);
  background-repeat: no-repeat;
  background-position: right bottom 3px;
  background-size: 13px 12px;
  display: inline;
}

.t_morebtn_wp {
  padding: 0;
  width: 100%;
  margin: 5px auto 0;
}
.t_morebtn {
  margin: 0;
  padding: 0;
  /*font-size: 90%;*/
  font-size: 1rem;
  font-weight: bold;
}
.t_morebtn a {
  display: block;
  padding: 16px 0 16px;
  background-color: #0E3668;
  border: 1px solid #0E3668;
  color: #FFF;
  text-decoration: none;
  border-radius: 14px;
  text-align: center;
}
.t_morebtn a span {
  padding: 12px 0 10px 40px;
  position: relative;
}
.t_morebtn a span::before {
  position: absolute;
  top: 40%;
  left: 0;
  display: block;
  content: ' ';
  width: 9px;
  height: 9px;
  border-style: solid;
  border-width: 2px;
  border-color: #FFF #FFF transparent transparent;
  transform: rotate(135deg);
}
.t_morebtn a.close span::before {
  top: 50%;
  border-color: transparent transparent #FFF #FFF;
}


/* ------------------  キーワードエリア  ------------------ */
.keywordlist_wp {}
ul.keywordlist {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
ul.keywordlist li {
  margin: 0 16px 16px 0;
  background: none;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 28px;
  padding: 10px 30px 13px;
  /*font-size: 90%;*/
  font-size: 1rem;
}
ul.keywordlist li .key_ic {
  color: #EC6E75;
}
ul.keywordlist li.innerLink a,
ul.keywordlist li.externalLink a {
  background: none;
  padding: 0;
}
ul.keywordlist li a:link {
  color: #333;
  text-decoration: none;
}
ul.keywordlist li a:hover,
ul.keywordlist li a:focus {
  text-decoration: underline;
}

/*Follow Us*/
.fa_sns {
  text-align: center;
  margin: 0;
  padding: 35px 0 48px;
}





@media screen and (max-width: 768px) {
/* ==============================================================
  768px 以下の指定 印刷除く
================================================================ */

#basebg {}
#main {}
.img-guidance {}


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


/* ------------------  footer  ------------------ */
.footer {}
.foot_wp_inner {
  width: 100%;
  padding: 0;
}
.footcont_in {
  margin: 0;
}
.footcont {
  margin: 40px 0 28px 0;
}


/* ------------------  共通  ------------------ */
h2.fa_ti {
  font-size: 2.5rem;
  margin: 0 0 35px 0;
}
h2.fa_ti > span {
  font-size: 1rem;
  margin: -12px 0 0 0;
}

.container01_wp {
  padding: 0 0 30px;
}
.container01 {
  width: 100%;
  margin: 0;
}
.container02_wp {
  padding: 20px 0 100px;
}
.container02 {
  width: 100%;
  margin: 0;
}
.container03_wp {
  padding: 30px 0 100px;
}
.container03 {
  width: 100%;
  margin: 0;
}

.container02::before {
  width: 34px;
  height: 36px;
  background-size: auto 36px;
  top: 90px;
  left: 35px;
}
.container02::after {
  width: 68px;
  height: 120px;
  background-size: auto 120px;
  top: 20px;
  right: 10px;
}
.kanrenlist_wp::before {
  width: 124px;
  height: 100px;
  background-size: auto 100px;
  top: -20px;
  left: 5px;
}
.kanrenlist_wp::after {
  width: 90px;
  height: 80px;
  background-size: auto 80px;
  top: 30px;
  right: 7px;
}
.container03::before {
  width: 31px;
  height: 45px;
  background-size: auto 45px;
  top: -100px;
  left: 35px;
}
.container03::after {
  width: 191px;
  height: 80px;
  background-size: auto 80px;
  top: -90px;
  right: 15px;
}


/* ------------------  ブランディングエリア  ------------------ */
.fa_h1 {
  width: auto;
  height: auto;
  border-radius: 0;
  position: static;
  text-align: center;
  padding: 20px 0 20px;
}
.fa_h1 > h1 {}
.fa_h1 > h1 img {
  height: 80px;
  width: auto;
}

.top_slider_wp {
  margin: 0 15px;
}
ul.t_slider {}
ul.t_slider li {}
ul.t_slider li img {
  width: 100%;
  height: auto;
}

/* control */
.top_slider_wp .slick-control-wp {
  margin: 0;
}
.top_slider_wp .slick-dots-wp {
  width: 100%;
}
.top_slider_wp .slick-dots-wp ul.slick-dots {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button::before {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button::before {
}

/* control横 stop startボタン */
.top_slider_wp .reproducing-button-wrap {
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn {
  margin: 0 8px 0 0;
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn img {
}


/* ------------------  グローバルナビエリア  ------------------ */


/* ------------------  新着情報エリア  ------------------ */
.newsContent_wp {}
.newsContent {
  margin: 0 15px;
  padding: 20px 20px 30px;
}
ul.info-list {
  width: 100%;
  margin: 0;
}
ul.info-list li {
  padding: 12px 0 12px 10px;
  flex-direction: column;
  align-items: flex-start;
}
ul.info-list .date {
  width: 100%;
}
ul.info-list .link {
  margin: 2px 0 0 0;
}
ul.info-list .link img {}

.ichiran-all {
  width: 100%;
  margin: 15px auto 0;
}
.ichiran-all .ichiran-link {}
.ichiran-all .ichiran-link a {
  padding: 11px 5px 12px;
  font-size: 1rem;
}
.ichiran-all .ichiran-link a:link {}
.ichiran-all .ichiran-link a:hover,
.ichiran-all .ichiran-link a:focus {}


/* ------------------  関連リンクエリア  ------------------ */
.kanrenlist_wp {
  padding: 50px 0 0;
  margin: 0 15px;
}
ul.kanrenlist {}
ul.kanrenlist li:nth-of-type(3n) {
  margin: 0 10px 35px 0;
}
ul.kanrenlist li:nth-of-type(2n) {
  margin: 0 0 35px 0;
}
ul.kanrenlist li {
  margin: 0 10px 35px 0;
  padding: 0;
  width: calc((100% - 10px)/2);
}
ul.kanrenlist li > div .ka_im {}
ul.kanrenlist li > div .ka_im.innerLink a,
ul.kanrenlist li > div .ka_im.externalLink a {}
ul.kanrenlist li > div .ka_im img {
  width: 100%;
  height: auto;
}
ul.kanrenlist li > div p.ka_tx {
  padding: 10px 0 0 0;
  font-size: 1rem;
}
ul.kanrenlist li > div p.ka_tx a:link {}
ul.kanrenlist li > div p.ka_tx.innerLink a {}
ul.kanrenlist li > div p.ka_tx.externalLink a {}

.t_morebtn_wp {
  margin: -15px auto 0;
}
.t_morebtn {}
.t_morebtn a {
  padding: 11px 0 12px;
}
.t_morebtn a span {}
.t_morebtn a span::before {}
.t_morebtn a.close span::before {}


/* ------------------  キーワードエリア  ------------------ */
.keywordlist_wp {}
ul.keywordlist {
  margin: 0 5px 0 15px;
  justify-content: flex-start;
}
ul.keywordlist li {
  margin: 0 10px 10px 0;
  padding: 11px 24px 13px;
  letter-spacing: -0.01rem;
}
ul.keywordlist li .key_ic {
}
ul.keywordlist li.innerLink a,
ul.keywordlist li.externalLink a {}
ul.keywordlist li a:link {}
ul.keywordlist li a:hover,
ul.keywordlist li a:focus {}

/*Follow Us*/
.fa_sns {
  text-align: center;
  margin: 0;
  padding: 20px 0 48px;
}
.fa_sns img {
  width: 310px;
  height: auto;
}


}/* end_max-width: 768px */





@media screen and (max-width: 374px) {
/* ==============================================================
  374px 以下の指定 印刷除く
================================================================ */

}/* end_max-width: 374px */





@media print {
/* =============================================================
  プリントスタイル
=============================================================== */

.page-top {
  display: none;
}
body {
  zoom: 95%;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* IE11 */
*::-ms-backdrop, .pchead_wp_in,
*::-ms-backdrop, .foot_wp_inner,
*::-ms-backdrop, .container01,
*::-ms-backdrop, .container02,
*::-ms-backdrop, .container03,
*::-ms-backdrop, ul.t_slider li img,
*::-ms-backdrop, .head_gnavi_wp,
*::-ms-backdrop, ul.kanrenlist {
  width: 1040px;
}
*::-ms-backdrop, body {
  zoom: normal;
}
*::-ms-backdrop, .fa_h1 {
  width: 330px;
  height: 170px;
}


}/* media print */
/* =====================
2023年リニューアルに伴い追加
===================== */
/* 新着情報パーツ */
.ichiran-all {
  background-color: transparent;
  border-radius: 0;
}

.ichiran-all a {
  color: #333;
  background-image: none;
}