@charset "UTF-8";
/* =============================================================*
【龍ヶ崎市：ファンクラブ】　パーツ用スタイル /*670px 以下の指定 印刷時同様
=============================================================== */


/* ------------------------ 共通 ------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

.sp-none {
  display: none !important;
}

/* 1.5倍に拡大表示 */
input[type="radio"],
input[type="chexkbox"] {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
}

.main-inner img {
  max-width: 95%;
  height: auto;
}
img.img-guidance {
  position: absolute;
  top: 0;
  left: 0;
}
ul li a:link,
ul li a:visited,
ul li a:focus,
ul li a:hover,
ul li a:active{
  /*color: #333;
  text-decoration: none;*/
}
ul li a:focus,
ul li a:hover,
ul li a:active{
  /*text-decoration: underline;*/
}

#base{
  /*overflow-y: scroll;*/
  /*background-color: #FCF4E9;*/
  background-color: #FFF;
  font-family: 'Noto Sans JP',"メイリオ", sans-serif;
  font-style: normal;
  font-weight: 400;
}
#basebg {
  background-color: #FCF4E9;
}


/* ------------------  PC/SP切り替え  ------------------ */
.switchBtn {}
.switchBtn button {
  background-color: #333;
  border: 1px solid #333;
}
#swPc.btnAcv,
#swSp.btnAcv {
  background-color: #E8E8E8;
  border: 1px solid #E8E8E8;
}


/* ------------------  ガイダンス系  ------------------ */
/* 隠しジャンプ（jsからcssでの実装へ変更） */
.blockskip {
  padding: 0;
  margin: 0;
}
.skip {
  width: 1px;
  color: #333 !important;
  font-size: 0.1%;
  line-height: 0.1;
  background-color: #FFF !important;
  position: absolute;
  left: -3000px;
  z-index: 9999;
}
a.skip {
  color: #11649F !important;
  background-color: #FFF !important;
  text-align: center;
  padding: 2px 0;
  top: auto;
}
a.skip:active {
  display: block;
  width: 99.99%;
  font-size: 100%;
  line-height: 1.6;
  top: 0;
  left: 0;
}
a.skip:focus {
  display: block;
  width: 99.99%;
  font-size: 100%;
  line-height: 1.6;
  top: 0;
  left: 0;
}


/* ------------------  ページトップへ戻る  ------------------ */
.footer {
  position: relative;
  margin: 80px 0 0 0;
}
.page-top {
  position: fixed;
  right: 10px;
  padding: 0;
  text-decoration: none;
  z-index: 999;
}
.page-top img {
  width: 60px;
  height: 60px;
}




/* =============================================================
  ▽▽▽ヘッダーエリア▽▽▽
=============================================================== */

.sp_head_wp {}
.sp_headin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  background-color: #FFF;
  padding: 6px 10px;
}
.sp_logo {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0 0 0 10px;
  padding: 0;
}
.sp_logo img {
  height: 23px;
  width: auto;
}
.button_container{
    margin: 0;
}


/* ------------------  グローバルナビ(メニュー中身)  ------------------ */
#sp_gnavi_menu {
  position: absolute;
  z-index: 9999;
  background-color: #EC6E75;
  width: 100%;
  padding: 15px 10px 15px;
  box-sizing: border-box;
}
.sp_gnavi_wp {
  background-color: #FFF;
  padding: 10px 20px 20px;
  border-radius: 14px;
}
ul.sp_gnavi {
  text-align: left;
  margin: 0;
  padding: 0;
}
ul.sp_gnavi li {
  border-bottom: 1px solid #CCC;
  padding: 0;
  background: none;
}
ul.sp_gnavi li a {
  color: #333;
  text-decoration: none;
  padding: 11px 20px 11px 4px;
  display: block;
  /*font-size: 110%;*/
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
}
ul.sp_gnavi li a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  display: block;
  content: ' ';
  width: 8px;
  height: 8px;
  border-top: 2px solid #A892C4;
  border-right: 2px solid #A892C4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.sp_navilist {
  margin: 20px 0;
  padding: 0;
}
ul.sp_navilist li:last-child {
  margin: 0 0 0 0;
}
ul.sp_navilist li {
  margin: 0 0 5px 0;
  padding: 0;
  /*font-size: 90%;*/
  font-size: 1rem;
}
ul.sp_navilist li a {
  padding: 9px 10px 10px;
  display: block;
  color: #333;
  background-color: #FBF1E4;
  text-decoration: none;
  border-radius: 8px;
  text-align: center;
}

/* 検索 */
.search-wp {
  width: 100%;
}
.search-wp form.gsc-search-box {
  margin-bottom: 0 !important;
}
.search-wp table {
  margin: 0 !important;
}
.search-wp table.gsc-search-box td, 
.search-wp table.gsc-search-box td.gsc-input {
  padding: 0;
  background-color: transparent;
  border: none;
}
.search-wp .gsc-search-box-tools .gsc-search-box td.gsc-input {
  border-radius: 8px 0 0 8px;
  padding: 0 0 0 10px !important;
  border: 1px solid #FFF;
}
.search-wp .gsc-search-box-tools .gsc-search-box .gsc-input {
  border: none;
  background-color: #F2F2F2 !important;
  padding: 0 !important;
  min-height: 50px;
  width: 100%;
  font-size: 1rem;
}
.search-wp .gsc-input-box {
  padding: 0 !important;
}
.search-wp .gsc-input-box td#gs_tti50 {
  background: #F2F2F2 !important;
}
.search-wp .gsc-search-button {
  margin: 0;
}
.search-wp .gsc-search-button button.gsc-search-button-v2 {
  background-color: #000 !important;
  border-color: #000 !important;
  min-height: 50px;
  width: 70px;
  border-radius: 0 8px 8px 0 !important;
  padding: 0 !important;
}
.search-wp .gsc-search-button-v2 svg {
  width: 32px;
  height: 32px;
  fill: #FFF;
}




/* =============================================================
  ▽▽▽フッターエリア▽▽▽
=============================================================== */

.foot_wp {
  background-color: #FFF;
  border-top: 1px solid #CCC;
}
.foot_wp_inner {}
.footcont_wp {}
.footcont_in {
  display: flex;
  flex-direction: column-reverse;
}
.footcont {
  margin: 40px 0 28px 0;
  padding: 0 20px;
}
.foot_logo {
  margin: 0 0 34px 0;
}
.foot_logo img {
  width: 250px;
  height: auto;
}
.footcont address > p {
  margin: 0;
  padding: 0;
  /*font-size: 94%;*/
  font-size: 1.05rem;
}
.footcont address > p a {
  color: #333;
  text-decoration: none;
}
.footcont address > p span.ad_tell {
  display: block;
}
ul.footlist {
  margin: 0;
  padding: 18px 5px 15px 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #CCC;
}
ul.footlist li::before {
  position: relative;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  content: ' ';
  width: 1px;
  height: calc(100% - 9px);
  background-color: #333;
  display: inline-block;
}
ul.footlist li:first-child::before {
  content: none;
}
ul.footlist li:first-child {
  padding: 0 14px 0 0;
}
ul.footlist li {
  /*font-size: 85%;*/
  font-size: 0.94rem;
  margin: 0 0 5px 0;
  padding: 0 18px;
  line-height: 1;
  background: none;
}
ul.footlist li a:link {
  color: #333;
  text-decoration: none;
}
ul.footlist li a:hover,
ul.footlist li a:focus {
  text-decoration: underline;
}
.footbtn {
  margin: 0;
  padding: 0 20px;
  /*font-size: 94%;*/
  font-size: 1.05rem;
  font-weight: bold;
}
.footbtn a {
  display: block;
  padding: 7px 5px 10px;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 8px;
  width: 100%;
  height: 46px;
}
.footbtn a:link {
  color: #333;
  text-decoration: none;
}
.footbtn a:hover,
.footbtn a:focus {
  text-decoration: underline;
}
.f0copy {
  margin: 15px 0 0 0;
  /*font-size: 75%;*/
  font-size: 0.84rem;
  padding: 0 20px 15px;
}
.footimg_wp {
  display: none;
}




/* =============================================================
  広告
=============================================================== */




/* =============================================================
  次階層以下
=============================================================== */

/* メインエリア
============================== */
/* 大見出し画像 */
.main-inner .h1img img {
  max-width: 100%;
}

/* 基本情報 */
.basic_info_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* インデックスsns */
.basic_info_index_wp .sns_btn_wp {
  width: auto;
  text-align: right;
}
.basic_info_index_wp .sns_btn_in.clearfix {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  vertical-align: initial;
}
.sns_btn_wp {
  margin: 0 10px 0 0;
}

/* ぱんくず */
.pankuzu {
  width: 100%;
  max-width: auto;
  min-width: auto;
  margin: 0 auto;
  font-size: 88%;
}
.pankuzu ul li {}
.pankuzu li::before {
  border-color: #AAA;
  height: 9px;
  right: 2px;
  top: 0.6em;
  width: 9px;
}

/* 見出し */
.h1bg div {
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-image: none;
}
h1 {
  padding: 15px 50px 15px 10px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.h1bg {
  /*margin: 0 5px 20px 5px;*/ /*本庁*/
  margin: 0 10px 20px 10px;
  background-image: url(/images/fa_c_h1_img.png);
  background-repeat: no-repeat;
  background-position: bottom 0 right 5px;
  background-size: 50px 50px;
  background-color: #FFF;
  padding: 0;
  border-radius: 14px;
}
.h2bg {
  margin: .8em 10px; /*本庁*/
  background-image: none;
  background-color: #8CCFC4;
  border-radius: 8px;
}
.h2bg h2 {
  color: #333;
}
.h3bg {
  margin: 1em 10px .8em 10px; /*本庁*/
  background-image: url(/images/fa_c_h3_icon.png);
  background-size: 25px 25px;
  background-position: 0 0.4em;
}
.h3bg div {
  background-image: url(/images/fa_c_h3_line.png);
  background-size: 7px 3px;
}
.h4bg {
  margin: 1em 10px .8em 10px; /*本庁*/
  /*margin: 0 10px .8em 10px;*/
  background-image: url(/images/fa_c_h4_line.png);
  background-size: 7px 3px;
}
.h4bg h4 {
  border-color: #F4A8AC;
}
h5 {
  /*margin: 0.7em 10px 0.56em 38px;*/
  font-weight: bold;
  color: #4D4D4D;
}

/* 見出し文字色設定 */
.h2bg .text-color-red, 
.h2bg .text-color-yellow, 
.h2bg .text-color-green, 
.h2bg .text-color-blue, 
.h2bg .text-color-aqua {
  color: #333;
}
.h2bg a:link, 
.h2bg a:visited, 
.h2bg a:focus, 
.h2bg a:hover,
.h2bg a:active {
  color: #333;
}

.t-box2, .t-box {
  /*margin: 0.56em 10px 1.56em 10px;*/
  margin: 0.56em 0 1.56em 0;
}
.tothispage2 {
  margin: 0.56em 10px 0.56em 10px;
}
.newinfo-box .h2bg{
  margin: 0 10px;
}

/* floatの解除 */
p.imglink-side2 {
  float: none;
  width: 100%;
}
p.imglink-txt-left {
  clear: both;
  float: none;
  width: 100%;
  text-align: center;
}
.img-area-r p.imglink-txt-right {
  clear: both;
  float: none;
  width: 100%;
  text-align: center;
}
.img-area p.imglink-side3,
.img-area p.imglink-side4 {
  clear: both;
  float: none;
  width: 100%;
}
p.img-right {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
}
p.img-center {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
}
p.img-left {
  clear: both;
  float: none;
  width: 100%;
}

.img-area {
  text-align: left;
  margin: 0 10px 0.56em 10px;
}

.menulist2 {
  display: block;
}
.m-box2 {
  width: 100%;
  margin: 0 0 0.85em 0;
}
.menulist {
  display: block;
}
.m-box3 {
  width: 100%;
  margin: 0 0 0.85em 0;
}

ul.menu_list.info-list li {
  border-bottom: 1px dashed #AAA;
}
.allNewsList-wp .info-list li {
  border-bottom: 1px dashed #AAA;
}
ul.info-list li{  
  padding: 15px 10px 15px 10px;
}
.info-list .date {
  float: none;
}
.info-list .link {
  width: 100%;
  margin: 0;
}
.site-li {
  margin: 0;
}
ul.site-li li {
  position: relative;
  display: block;
  padding: 0;
  border-bottom: 1px solid #ccc;
  background-image: none;
}
.m-title {
  margin: 0 10px 1px 10px;
}
ul.site-li li:before {
  right: 10px;
  left: auto;
  top: 50%;
}
ul.site-li li a {
  display: block;
  padding: 10px 25px 10px 15px;
}
ul.norcor li {
  display: block;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #CCC;
  background-image: none;
}
ul.norcor {
  padding: 0;
}
ul.norcor li a {
  display: block;
  padding: 10px 25px 10px 15px;
}
ul.norcor li:first-of-type {
  border-top: 1px solid #CCC;
}

/* 地図エリア、画像リンク（文章回りこみ）用再調整 */
.map-area .h3bg,
.img-area-l .h3bg {
  margin-left: 10px;
}
.map-area .h4bg,
.img-area-l .h4bg {
  margin-left: 10px;
}
.map-area p,
.img-area-l p {
  margin-left: 10px;
}
.map-area ul,
.img-area-l ul {
  margin: 0.3em 5px 0.3em 10px;
  padding: 0;
}
.map-area ol,
.img-area-l ol {
  margin: 0.7em 5px 0.7em 10px;
  padding: 0;
}
.img-area-r ol {
  margin: 0.7em 5px 0.7em 10px;
  padding: 0;
}
.map-area ol li,
.img-area-l ol li,
.img-area-r ol li {
  margin: 0 0 0 2em;
}
.img-area-r ul {
  padding: 10px;
}

/* pdfバナー */
p.dladobereader {
  margin-right: 10px;
  margin-left: 10px;
}


/* インデックスメニュー
============================== */
ul.site-li li::before {
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #029BA1;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  width: 8px;
  right: 10px;
  left: auto;
  top: 50%;
}
ul.norcor li::before {
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #029BA1;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  width: 8px;
  right: 10px;
  left: auto;
  top: 50%;
}

.bgnewinfo-box {
  display: block;
}
.osusume-box {
  width: auto;
  margin: 0 10px 0.85em 10px;
}
.bgnewinfo-box .newinfo-box {
  width: auto;
  margin: 0 10px 0.85em 10px;
}
.oshirase-box {
  margin: 0 10px 0.85em 10px;
}
.newinfo-box {
  margin: 0 10px 0.85em 10px;
}
.m-title a::before {
  top: 1.2em;
}
.m-title {
  background-image: none;
  background-color: #8CCFC4;
  border-radius: 8px;
}
.m-title a:link, 
.m-title a:visited, 
.m-title a:focus, 
.m-title a:hover, 
.m-title a:active {
  color: #333;
}
.CNavi2rd-left-img {
  text-align: center;
}
.CNavi3rd-left-img {
  text-align: center;
}


/* 地図パーツ
============================== */
.map-area .mapimg > iframe {
  /*width: 100% !important;*/
  max-height: 300px;
  margin: 0 auto;
}
.map-area {
  width: 100% !important;
  max-height: 300px;
  margin: 10px 10px;
}
.map-area .mapimg {
  width: auto;
}
.map-area .mapimg div {
  width: 100%;
  height: auto;
}


/* 重要お知らせ
============================== */
.important_item {
  background-color: #FFEBEC;
  display: block;
}
.important_item .title {
  background-color: #C7241F;
  color: #FFF;
  text-align: center;
  padding: 20px 10px;
  font-size: 120%;
  font-weight: normal;
  margin: 0;
  width: 100%;
  max-width: none;
  min-width: auto;
}
.importants {
  width: 100%;
}




/* =============================================================
  次階層パーツ(ファンクラブ用)
=============================================================== */

/* ------------------　インデックス　------------------ */
.bgnewinfo-box {}
.bgnewinfo-box .newinfo-box,
.bgnewinfo-box .osusume-box {}
.osusume-box {
  background-color: #F9E7D1;
  border-radius: 8px;
}
.newinfo-box {
  background-color: #F9E7D1;
  border-radius: 8px;
}
.oshirase-box {
  background-color: #F4F3A8;
  border-radius: 8px;
}

ul.norcor {
  padding: 0 10px;
}
ul.norcor li a {
  padding: 10px 25px 10px 10px;
}
.site-li {
  padding: 0 10px;
}
ul.site-li li a {
  display: block;
  padding: 10px 25px 10px  10px;
}


/* ------------------　コンテンツ　------------------ */
p.dladobereader {
  padding: 8px 10px 10px;
  border: 1px solid #CCC;
  border-radius: 8px;
}
p.dladobereader img {
  margin: 5px 10px 0 0;
}
.h2bg.feedback_h2 {
  background-image: none;
  background-color: #D9C4DF;
}
.h2bg.feedback_h2 div {
  color: #333;
}
.submitbox input {
  width: 200px;
  padding: 9px 12px 10px 12px;
  border: 1px solid #0E3668;
  background-color: #0E3668;
  border-radius: 8px;
}

/* tableconverter　パーツ共通 */
table th {
  padding: 5px 10px;
  background-color: #F9E7D1;
}
table td {
  padding: 5px 10px;
}

table iframe,
.wysiwyg_wp iframe {
  width: 100%;
}