/******************************************************************
Theme Name: FromMeToYou
Version: 0.8 for Ibarakiguide
Description: If there's anything that you want, If there's anything I can do, Just call on me and I'll send it along, With love, from me to you.
Author: Look At Inc.
Author URI: https://lookat.co.jp
******************************************************************/

@import url("style-calendar.css");
/* @import url("style-herooooooooooooooooooooooooo.css"); */
@import url("style-item.css");
/* @import url("style-kairakuen.css"); */
@import url("style-modelcourse.css");
@import url("style-nav.css");
@import url("style-option.css");
@import url("style-ranking.css");
@import url("style-search.css");
@import url("style-separate.css");
@import url("style-spot.css");
@import url("style-table.css");
@import url("style-tag.css");
@import url("style-toppage.css");
@import url("style-uloldl.css");
@import url("style-card.css");
@import url("style-legacy.css");
@import url("css/event-calendar.css");


:root {
	--main-color: #4B8698;
	--accent-color: RGBA(18, 78, 156, 0.8);	/* #985C4A; */
	--dark-main-color: RGBA(18, 78, 156, 1.00);	/* #326859; */
	--text-color: RGBA(0, 0, 0, 0.8); /* #333; */
	--white: RGBA(255, 255, 255, 1); /* #ffffff; */
	--light-gray: RGBA(0, 0, 0, 0.1); 
	--dark-gray: RGBA(0, 0, 0, 0.4); /* #999; */
	--light-beige: RGBA(196, 192, 183, 0.1);
	--dark-beige: RGBA(196, 192, 183, 1.00);
	--red: RGBA(175, 37, 40, 1.00); /* #B71C1C */
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 幅制限
section:not(.hero) {max-width: 1500px;
		margin-left: auto;
		margin-right: auto;
}
*/

body {
	color:#333;
	color:var(--text-color);
	font-size: 1rem ; /* 16px */
	line-height: 1.75;
	font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; /* giz */
/*	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; /* lig */
/*	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "San Francisco", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Roboto", Verdana, Arial, Helvetica, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, MS UI Gothic; /* giga */

}

/* smallのみ左右paddingなし */
@media (max-width: 640px) {
	.grid-container.small-full {
		padding-right: 0;
		padding-left: 0;
		max-width: 100%;
		margin: 0 auto;
	}
}


p {
	padding: 0 0.625rem; /* 10px */
	margin-bottom: 1rem; /* 16px */
}


.lead,
.lead p {
font-size: 100%;
line-height: inherit;
font-weight: bold;
}

.bottom-items {
	background:#fff;
	padding-bottom:1px;
}

section.ranking {
	clear:both;
}
section.ranking h2{
	margin-top:0;
}

.title-logo img {
	margin-bottom: 0;
}

a {
    outline: none;
/*    font-weight:bold; */
	color: inherit;
}
a:focus, a:hover {
	text-decoration: underline;
	transition: all 0.3s ease;
}
@media (max-width: 640px) {a:focus, a:hover {text-decoration: none;}}

.card {
	flex-grow: 0 !important;
}
.button {
	margin:0;
	margin-bottom:5px;
	line-height: 1.4;
}

.button.rounded {
	border-radius:50px;
}

.button.hollow {border-color:#111;color:#111;}
.button.hollow:hover {border-color:#1e88e5;color:#1e88e5;}


.radius {
	border-radius:3px;
} 

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	clear:both;
	display: block;
}
h3:before,h3:after,
h4:before,h4:after,
h5:before,h5:after,
h6:before,h6:after
 {
	clear: both;
}

h1 {
	font-size: medium;
	margin:0;
}

h2 {
	font-size: 1.25rem;
	color: RGBA(0, 0, 0, 0.9);  
	text-align: center;
	background: repeating-linear-gradient(-45deg, RGBA(241, 240, 238, 0.6), RGBA(241, 240, 238, 0.6) 8px, #fff 0, #fff 16px);
	padding:30px 10px;
	margin-top: 1rem; /* 16px */ 
	margin-bottom: 1rem; /* 16px */ 
}


@media (min-width: 641px) {
h2 {
	font-size: 1.5rem;
}
}

h3 {
	font-size: 1.125rem; /* 18px */
}


h4 {
	font-size: 1.063rem; /* 17px */
}


h5 {
	font-size: 1rem;
}

h6 {
	font-size: 1rem;
}

/* イベント情報の場合のstyle */
.single-events h3 {color:#01579b;}
.single-events h4 {border-bottom:1px solid #4fc3f7}


/* メインエリア */
.main-area {
	padding-top: 3rem; /* 48px */
	padding-bottom: 3rem; /* 48px */
}



/* 第3階層 */
#content .midashi {
	font-size: 90%;
	line-height: 1.4;
	margin-bottom: 10px;
}

section .photo {
	background-position: center;
	background-size: cover;
	margin-bottom: 0;
	width:100%;
	padding-top:66.67%;
}





/* カードのホバー */ 

figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
 
figcaption.search-result {
    background-color: rgba(0,0,0,0.3);
    color: #FFF;
    opacity: 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    text-align: center;
    -webkit-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 25%;
}
 
a:hover>figure p {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
                transition:all 0.5s ease-in-out;

}
 
a:hover>figure figcaption {
    opacity: 1;
}



/* 観光スポットタブ切り替え(透明→非透明) */
.single-post .tabs-panel {
	display: block !important;
	position: absolute !important;
	opacity: 0;
}
.single .tabs-panel.is-active {
	opacity: 1; 
}
/* 幅・高さ・背景色 */
.single-post #panel1,
.single-post #panel2,
.single-post #panel3,
.single-post #panel4 {
	width: 100%;
	height: 600px;
	background: #F1F0EE;
	overflow: hidden;
}
.single-post .image-area {
	overflow: hidden;
	min-height:200px;
}



/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////////// トップページ sections ////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.hero {
	
}

.navigation-bar {
	padding-bottom: 20px;
}

.top-search-form {
	padding-bottom: 20px;
}

.top-feature,
.feature {
	background-image: url("images/con_bg.jpg");
	padding-bottom: 20px;
}
.ranking {
	padding-bottom: 20px;
}
.event-area {
	padding-bottom: 20px;
	background: RGBA(225, 208, 163, 0.4);
}
.news-area {
	padding-bottom: 20px;
}
.banner-area {
	margin-top:3em;
}

.spot-data .event-area {
	background: transparent;
}








/* 地図 */
#gmap {
    width: 100%;
    height: 600px;
}

#mapp0_layout {
	margin: 0;
	border: none !important;
}



.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
  font-size: 45px;
}




.cell figure {
  box-shadow: 0px 3px 15px rgba(62,58,57,0.4);
  transition: .3s;
}
.cell figure:hover {
}


/*
.cell figure:hover img{
  transform: scale(1.02,1.02);
}
*/	



/* SNSエリア */
.sns-area h3 {
	text-align: center;
}




.page-title {
	text-align: right;
	font-size: medium;
	padding:10px;
}



/* 市町村ページの下の地図 */

.link-area {
	background: RGBA(196, 192, 183, 0.1);	
	background: var(--light-beige);
	padding:1rem 1rem 0;
}

.link-area img {
	height:300px;
	max-height:300px;
	width: auto;
}

/* 市町村ページの下のサブナビ */
.area-subnavi ul {
	display: flex;
	background:linen;
	border-radius: 50px;
	margin:1rem auto 3rem;
	justify-content: center;
}
.area-subnavi ul li a{
	padding:1rem 2rem;
}

/* エリア別ページ */
.city-cards {margin-bottom: 2rem;}

/* 詳細検索 */
#searchdetail label {
	display: inline;
	white-space: nowrap;
}

.search-terms span {
	background: #795548;
	color:#fff;
	font-weight: bold;
    border-radius: 3px;
    padding: 3px 5px;
}
.res-num {
    color: #e64a19;
    font-size: xx-large;
    font-weight: bold;
    margin-right: 5px;
}



/* 旬の特集 */
.feature-list,
.promotion-list,
.page-list {
	padding-top:2rem;
}









/* 印刷 */
@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

@media print {
  *,
  *:before,
  *:after {
    color: inherit !important;
    text-shadow: none !important;
    background: inherit !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}  
  
/* アドミンバー  
  #wpadminbar{
	top:inherit !important;
	bottom:0 !important;
}
*/

  
  
 .second-banner-area {
	padding-top:30px;
	 
 } 
  
.text-menu-area {
	background:RGBA(196, 192, 183, 0.5);
	padding-top:30px;
}  
.text-menu-area li {
	width: 33%;
	font-size: 105%;
	font-weight:bold;
	line-height: 1.5;
}
.text-menu-area li a:hover{
	text-decoration: underline;	
}
@media (max-width: 640px) {
	.text-menu-area li {
	width: 100%;
}
}

@media (min-width: 641px) {
.promotion-list {
	padding:2rem;
}
.promotion-list h4 {
	font-size: 1rem; 
}
}

a .over:hover	{
opacity: 0.8;
}


.link-area .grid-x.grid-margin-x .cell li:last-child {
	display: none;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
	width: 200px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	border-radius: 3px;	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
.wpcf7 input[type="submit"]:hover {
	background: #FFF;
	color: #F90;  
}

/* プレゼントフォーム */
.present-form th{
	width: 20%;
}
.present-form [type=checkbox],
.present-form  [type=file],
.present-form  [type=radio] {
	margin-bottom: 0;
}

/* プレゼント人数 */
.present-numbers {
	font-size: large;
	font-weight: bold;
	color: #D81B60;
}
/* プレゼント賞品 */
.present-item span.wpcf7-list-item {
	display: block;
}



/* 第4階層照会用 */
#spot_detail img {
	display: none;
}
#spot_detail table {
	border: 1px solid #000;
}
#spot_detail table th {
	width: 25%;
	border-right: 1px solid #000;
	background: rgba(0,0,0,0.2);
}
#spot_detail table tbody th,
#spot_detail table tbody td {
	border-color: #000;
	padding:5px 10px 5px 5px;
}
#spot_detail table,
#spot_detail h2,
#spot_detail h3,
#spot_detail h4,
#spot_detail h5,
#spot_detail h6,
#spot_detail p
{
	font-size: x-small;
	margin:0;
	padding:0;
}
#spot_detail .cell {
	display: block;
	width: 100%;
}

/* ==========================================================================
   コンタクトフォームの入力フィールド
   ========================================================================== */

#onedayplan-form .member1,#onedayplan-form .member2,#onedayplan-form .member3,#onedayplan-form .member4,
#onedayplan-form .yoitoko-enq {padding: 1rem; border-radius:15px;}
@media (min-width: 641px) {
	#onedayplan-form .member1,#onedayplan-form .member2,#onedayplan-form .member3,#onedayplan-form .member4,
	#onedayplan-form .yoitoko-enq {margin:1rem 1rem;padding:2rem 3rem 1rem;}
}
#onedayplan-form .member1,.member3 {background:rgba(255, 183, 77, .2);}
#onedayplan-form .member2,.member4 {background:rgba(161, 136, 127, .2);}

.yoitoko-entry h3 { font-size: 1.125rem; }
#onedayplan-form h4 { font-size: 1rem;border-bottom:2px solid #ff8a65;margin-bottom: 1rem; }
#onedayplan-form h5 { font-size: .875rem;margin-left:.25rem;margin-bottom: .25rem; }

#onedayplan-form p { font-size: .875rem;margin-bottom: .25rem;line-height:2; }
#onedayplan-form p.advise { font-size: .8rem;color:#666;font-weight:bold; }
#onedayplan-form [type="text"],
#onedayplan-form [type="email"],
#onedayplan-form [type="tel"],
#onedayplan-form textarea {height:auto;padding:.25rem .5rem;font-size: .875rem;font-weight:bold;}
@media (min-width: 641px) {#onedayplan-form .sonota-form [type="text"] {margin-left: 1rem;width:70% !important;}}

#onedayplan-form input {
	display: inline;
	margin-bottom: .25rem;
	}
#onedayplan-form .form-small {
	width: 4em;
}
#onedayplan-form .form-small2 {
	width: 8em;
}
#onedayplan-form .form-medium {
	width: 65%;
}
#onedayplan-form .form-large {
	width: 80%;
}


#onedayplan-form .form-textarea {
	height: 80px;
}


#onedayplan-form .cfzip1,
#onedayplan-form .cfzip2 {
	width: 5em;
}

#onedayplan-form .cfaddr1,
#onedayplan-form .cfpref {
	width: 10em;
}
#onedayplan-form .form-nengo {
	width: 6em;
}

#onedayplan-form .radio-br span.wpcf7-list-item {
display: block;
}

.contact-form .form-small {
	width: 4em;
}
.contact-form .form-small2 {
	width: 8em;
}
.contact-form .form-medium {
	width: 65%;
}
.contact-form .form-large {
	width: 80%;
}


.contact-form .form-textarea {
	height: 80px;
}
 

.gw-themes span.wpcf7-list-item {
	display: block;
	
}


.img_wrap table tbody td{
border:none!important;
}

.img_wrap img{
margin-bottom:0!important;
}

.orbit-bullets button {
	vertical-align: top;	
}


/* narrow */
@media (max-width: 59.374em) { /* .......〜950px */
	.narrow {padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 59.375em) { /* .......950px */
	.narrow {
	max-width:46.25rem;   /* .........740px */
	margin:0 auto;
	}
}

/* ヘッダーのクイックリンク */
.top-bar-right {display: none;}

/* ゴールデンウイークの注意書き */
.callout.gw {
	border-color:#ef9a9a;
}
.callout.gw h5 {
	color:#d32f2f;
}

/* いばらき推し */
.ibaoshi-title {background:#BACADE;margin-bottom: 1rem;}
.ibaoshi-backnumber img {margin-bottom:1rem;}
.ibaoshi-honbun p {font-weight: bold;}
.shop-info {border-radius:8px;border:none;margin-bottom: 3rem;}


/* メールマガジンフォーム */
.mailmaga input {
	display: inline;
	margin-bottom: 10px;
	}

.mailmaga .form-medium {
	width: 40em;
}

.mailmaga input[type="submit"] {
	width: 100px;
	height: 40px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	border-radius: 3px;	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

.wp-caption {padding:0;}

/* 観光マイスター */
.parent-pageid-104526 .callout img {margin-bottom:1rem;}


/* 2021花火大会と祭り */

.postid-162057 {background:#7986cb;}
.postid-162106 {background:#fbe9e7;}

#hanabi2021 .status span {
	font-weight:bold;
	font-size:80%;
	padding:2px 5px ;
	border-radius:5px;
}
#hanabi2021 .cancel {background:#d00;color:#fff;}
.hold {background:#1565c0;color:#ffeb3b;font-size:85%;}
.undecided {display:none;}


th.north {background:#c8e6c9;text-align:center;}
th.center {background:#ffcdd2;text-align:center;}
th.south {background:#d1c4e9;text-align:center;}
th.west {background:#ffecb3;text-align:center;}
th.east {background:#bbdefb;text-align:center;}

#hanabi2021 .area {width:5%;}
#hanabi2021 .city {width:20%;}
#hanabi2021 .status {width:10%;text-align:right;border-right:none;}
#hanabi2021 .hanabi-name {width:65%;}
#hanabi2021 .matsuri-name {width:62.5%;}
#hanabi2021 .summary {font-size:80%;font-weight:normal;}
#hanabi2021 td > * {line-height: 1.2;}

.postid-162106 #hanabi2021 .status {width:12.5%;}

@media (max-width: 640px) {
	#hanabi2021 .area {width:5%;}
	#hanabi2021 .city {display:none;}
	#hanabi2021 .status {width:20%;}
	#hanabi2021 .hanabi-name {width:75%;}
	.postid-162106 #hanabi2021 .status {width:25%;}
}



.present-items img {margin-top:1rem;margin-bottom:0.25rem;}
.present-items h4 {font-size:small;}

/* 2021summer 緊急事態宣言 */
.ibaraki-emergency {
border:4px solid #d00;padding:1rem 2rem;margin:1rem 1rem 2rem;
text-align:left;font-size:1.5rem;color:#fff;
background:#d00;
}
.jurisdiction {display:none;}
#emergency h4 {color:#ef5350;margin:1rem 0;border-bottom:1px solid #311b92;}
#emergency table {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#emergency thead th {background:#ef9a9a;}
#emergency tbody th {background:#eee;}

/* 工場見学コロナの影響 */
.suspension-info {background:#ef5350;font-size:90%;font-weight:bold;padding:0 10px;}
.suspension-info.online {background:#ffe082;}

/* ゴルフ場 */
.golf-list thead th{ background:#c8e6c9; }
.golf-list tbody th{ background:#eee; }
.golf-list tbody td.holes { text-align:center;font-weight:bold;}



/* 日本遺産モデルコース */
.japan-heritage h3 {position:relative;}
.japan-heritage h3:after {content: url(images/japanheritage.jpg);display: inline-block;text-align:left;
	  vertical-align: middle;margin-left: 1rem;border:1px solid #ccc;padding-top:5px;padding-left:5px;}	
	
/* 道の駅ナビゲーション */
.michinoeki-navi {padding-bottom:3rem;}
	
/* マイスターコンペ */
#meister-competition .medium-6.cell {
	background:linen;
	padding:1rem;
	border:4px solid #fff;
	border-radius:12px;
	margin-bottom: 1.5rem;
}
#meister-competition .entry-id {font-weight:bold;font-size:.75rem;}
#meister-competition p {margin-bottom: .5rem;}
#meister-competition .plan-title {font-weight:bold;}
#meister-competition .summary {font-size: .8125rem;}
#meister-competition .plan-author {font-size: .85rem;font-weight:bold;}


/* ::::::::::::::::::::::::::::::::
 2021.11.4 アンカーリンク上部マージン
 ::::::::::::::::::::::::::::::::: */ 
:target::before {
	content: "";
	display: block;
	height: 60px; /* ずらしたい高さ */
	margin-top: -60px; /* heightに対するネガティブマージン */
	visibility: hidden,
}

/* 第4階層紅葉パネル */
.panel-koyo {display: none;}


/* Night Wave Special */
#hero-nightwave {
	background:#002;
	padding-top: 5rem;
	padding-bottom: 1rem;
}
#hero-nightwave .nw-slider {
	overflow: hidden;
}
#hero-nightwave .event-info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
@media (max-width: 640px) {
#hero-nightwave .grid-container {padding-left:0;padding-right:0;}
#hero-nightwave .event-info {padding:1rem;}
}

/* スライダー h2 */
#font-page .recommend-title h2 {font-family: 'Noto Serif JP', 'Noto Serif Japanese', 'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Times New Roman', serif;background:transparent;font-size:3rem;}




/****** DCロゴダウンロード申請フォーム WP MW Form *******/
.mw_wp_form_input .confirm-text { display: none; }
.mw_wp_form_confirm .input-text {display: none; }
.mw_wp_form .error { background: none; }
.submit-area {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	gap: 2rem;
}
.agree .mwform-checkbox-field-text {
	font-size: large;
}
.mw_wp_form input[type=checkbox] {
  transform: scale(1.4);
  margin: 0 5px 0 0;
}

/* フォームボタン */
.mw_wp_form .submit-button [type=submit] {
  background:#d3705a;
  color:#fff;
  padding:20px;
  border-radius:3px;
  cursor: pointer;
  border:none;
 }
 .mw_wp_form .back-button [type=submit] {
   background: #b3b3b3; 
   color:#fff;
   padding:20px;
   border-radius:3px;
   cursor: pointer;
   border:none;
  }
 .mw_wp_form .back-button [type=submit]:hover,
 .mw_wp_form .submit-button [type=submit]:hover {
 opacity:.8;
  }
 /* STEP */
.logo-form .step{
   list-style-type: none;
   display:table;
   width:100%;
   padding:0;
   margin:0;
   overflow:hidden;
 }
.logo-form .step li{
   display:table-cell;
   position:relative;
   background: #504944;
   padding: 1em 0.5em 1em 2em;
   color: #fff;
 }
.logo-form .step li:last-child{
   padding-right: 1em;
 }
.logo-form .step li:last-child:before,
.logo-form .step li:last-child:after{
   display:none;
 }
.logo-form .step li:before,
.logo-form .step li:after{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   margin: auto;
 }
.logo-form .step li:before{
   top:-15px;
   right:-1em;
   border-style: solid;
   border-color: transparent transparent transparent #fff;
   border-width: 40px 0 40px 1em;
   z-index: 10;
 }
.logo-form .step li:after{
   top:-15px;
   right:-.8em;
   border-style: solid;
   border-color: transparent transparent transparent #504944;
   border-width: 40px 0 40px 1em;
   z-index: 10;
 }
.logo-form .step li.is-current{
   background: #9bbb30;
   font-weight: bold;
 }
.logo-form .step li.is-current:after{
   border-color: transparent transparent transparent #9bbb30;
 }
#dc-logo h3,
#dc-logo-confirm h3,
#dc-logo-download h3 {margin-bottom: 2rem;}
#dc-logo h5,
#dc-logo-confirm h5 {font-size:1rem;margin-top:2rem;}
#dc-logo .hissu {color:#e00;margin-left:.5rem;}
#dc-logo .kiyaku {height:300px;overflow-y: scroll;
				background:#eee;padding:1rem;font-size: 90%;margin:1rem;}
#dc-logo .horizontal-item {float:left;margin-left:1rem;}
#dc-logo .hasDatepicker {width:calc(100% - 1.25rem);margin-left:0.625rem;margin-right:0.625rem;}
#dc-logo .outline,
#dc-logo-confirm .outline,
#dc-logo-download .outline {font-size:.875rem;}
#dc-logo .callout.concept {
	background:#f7f7f7;
	border-radius:15px;
	font-size:.875rem;
	color:#00524c;
}
.dc-logo-top {
	background:linen;
	margin-bottom:2rem;
}
.dc-logo-top img {width:320px;padding:.5rem;}
.mw_wp_form_confirm p {padding:0;}
.mw_wp_form .submit-button,
.mw_wp_form .submit-button [type=submit]{width:100%;}
.mw_wp_form .back-button,
.mw_wp_form .back-button [type=submit] {width:80%;text-align: center;padding:.5rem;}

.download-item .callout {
	border:4px solid #00524c;
	border-radius:15px;
} 
.download-item .callout h4 {
	color:#c93928;
	text-align: center;
	font-size:1rem;
	background:#e9ce8b;
	padding:.5rem;
	border-radius:15px;
}

/* 開花速報 */
.flowering-info {display: flex;gap:1rem;padding:1rem;border-radius:4px;background:#ffebee;border:2px solid #ff5252;}
.flowering-info h5 {background:#fff;border-radius:4px;padding:.5rem;font-weight:normal;font-size:.875rem;line-height:1.5;text-align:center;}
.flowering-info p {font-size:.8125rem;}
.flowering-info h5 span{color:#f50057;font-weight:bold;font-size:1.125rem;}
.flowering-info .text-box {flex:3;}
.flowering-info .image-box {flex:3;text-align: center;}
.flowering-info .link {text-align: right;margin-bottom:0;}
/* #front-page .flowering-info {display: flex;flex-direction: column;} */
body:not(#front-page) .flowering-info .show-for-front-only {display: none;}

@media (max-width: 640px) {	.flowering-info {display: flex;flex-direction: column;}}

.flowering-info#ayame,
#ayamematsuri .flowering-info {
	border-color:#ba68c8;
	background:#fce4ec;
}

/* 安心わり */

#ibatabi-anshinwari h3 {text-align: center;margin-top:4rem;margin-bottom:1rem;}
#ibatabi-anshinwari h3 span {text-align: center;background:#2e7d32;color:#fff;padding:.5rem 2rem;border-radius:8px;}
#ibatabi-anshinwari .callout h3 {margin-top:0;}
#ibatabi-anshinwari .kensa-type .cell {background:#fff;padding:1rem;margin-bottom:1rem;}
#ibatabi-anshinwari h4 span {font-weight: normal;font-size: 1rem;}
#ibatabi-anshinwari h4 {color:#ec407a}

/* 偕楽園180周年 */
#kairakuen180th .narrow th {
	width:15%;
	text-align: center;
	background:#ffcdd2;
}
#kairakuen180th .narrow table {
	margin-bottom:4rem;
}
#kairakuen180th .narrow h4 {
	font-family: 'Noto Serif JP', 'Noto Serif Japanese', 'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Times New Roman', serif;
}

/* 観光スポットエントリーシート */
.mw-form .hissu {color:#e00;margin-left:.5rem;}
.mw-form p {margin-bottom: 5px;}
.mw-form [type=radio] {margin: 0;}
.mw-form .person {background: #fff8e1;border-radius: 10px;border-color: #fff8e1; }
.mw-form .spot {background: #f1f8e9;border-radius: 10px;border-color:#f1f8e9;}


/* トップページ IBARAKI SUMMER 2022 仕様 */

.page-template-page-front .narrow h3 { font-size: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	display:flex;flex-direction: column;align-items: center;gap:.25rem;padding:.5rem;
	border-bottom: 4px solid #c21500;
	  border-image: linear-gradient(to right, #ff5f6d, #ffc371);
	  border-image-slice: 1;
}
.page-template-page-front .narrow h3 span {border:2px solid #fff;padding:.25rem .5rem;font-size:.8125rem;color:#fff;background:#f44336;}

#type2022{background:#03a9f4;}
#type2022 h2 {color:#ff1744;}
#ibaraki-summer2022 {background:#03a9f4;padding-bottom:3rem;}
#ibaraki-summer2022 h3 {color:#ffeb3b;}


#ibaraki-summer2022 p {color:#fff;}
.summer-to-gourmet {
	height:3rem;
	background: linear-gradient(#03a9f4, #b2ebf2)
}
#gourmet-guide {background:#b2ebf2;padding-top:3rem;padding-bottom:3rem;}
#gourmet-guide p {margin-top:1rem;}
.gourmet-to-event {
	height:3rem;
	background: linear-gradient(#b2ebf2,#f0f4c3)
}

/* TOPイベントカレンダーSlickのDot */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.slick-dots li {
  display: inline-block;
  margin-right: .25rem;
  margin-top: .5rem;
}
.slick-dots li.slick-active
  button::before {
  color: red;
}
.slick-dots li:before {
	content:none;
}
.slick-dots li button {
  background: transparent;
  border:0;
  font-size: 0pt;
}
.slick-dots li button::before {
  content: "●";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
}

#model-course {background:#fff9c4;padding-bottom:2rem;}
.course-to-feature {
	height:3rem;
	background: linear-gradient(#fff9c4,#e3f2fd)
}
#other-feature {background:#e3f2fd;padding-bottom:2rem;}

#update-list li{
	display: flex;align-items: center;justify-content: flex-start;gap:.5rem;
	margin-top: 1rem;
	
}
@media (max-width: 640px) {
	#update-list li{
		display: flex;flex-direction: column;align-items: flex-start;gap:.125rem;
		
	}
}

#update-list li .tag-box {width:auto;}

/* 202209 新トップページ */
.home .narrow h3 { font-size: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	display:flex;flex-direction: column;align-items: center;gap:.25rem;padding:.5rem;
	border-bottom: 4px solid #c21500;
	  border-image: linear-gradient(to right, #ff5f6d, #ffc371);
	  border-image-slice: 1;
}
.home .narrow h3 span {border:2px solid #fff;padding:.25rem .5rem;font-size:.8125rem;color:#fff;background:#f44336;}
.illust-hr img {width:200px;padding-top:1rem;}
.okotowari {background: linear-gradient(#fff 50%,#fbe9e7);padding-top:2rem;padding-bottom:2rem;}
#feature {background: linear-gradient(#fbe9e7 80%,#fff8e1);padding-top:2rem;padding-bottom:2rem;}
#feature {background: linear-gradient(#fbe9e7 80%,#fff);padding-top:2rem;padding-bottom:2rem;}
#flowering-info {background: linear-gradient(#fff8e1 80%,#ffebee);padding-top:2rem;padding-bottom:4rem;}
#flowering-info {background: linear-gradient(#fff 80%,#fff8e1);padding-top:2rem;padding-bottom:4rem;}
#event-slick {background: linear-gradient(#fff8e1 80%,#ffebee);padding-top:2rem;padding-bottom:2rem;}
#model-course {background: linear-gradient(#ffebee 80%,#fff);padding-top:2rem;padding-bottom:2rem;}
.news-area {padding-top:2rem;padding-bottom:2rem;}


#pref {background:#666;padding-top:2rem;padding-bottom:2rem;}
#pref h4 {color:#fff;}
#pref .cell img {margin-bottom: 1rem;}

#ibatabi-anshin .entry-content {background:linen;}
#ibatabi-anshin h4 { margin-top:4rem;color:#5d4037;border-bottom:2px solid #bcaaa4;}
#ibatabi-anshin strong {color:#ec407a}
#ibatabi-anshin th {font-weight:normal;}
#ibatabi-anshin td strong{font-size:1.25rem;;}
#ibatabi-anshin .callout {background: #ffecb3;}
#ibatabi-anshin .shien-naiyou {background:rgba(255,255,255,.4);padding:1rem 1rem 3rem;margin-top:2rem; }


.dc-slick .slick-arrow_prev,
.dc-slick .slick-arrow_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 10;
}
.dc-slick .slick-arrow_prev {
  left: 10px;
}
.dc-slick .slick-arrow_next {
  right: 10px;
}
/************************************************************************
** 横長テーブル　スクロール
************************************************************************/
.js-scrollable{
	max-width:100%;/* 最大90%の領域内で要素をおさめる */
	margin:0 auto;
	overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
}
.js-scrollable table{
	border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
}
.js-scrollable table th,
.js-scrollable table td{
	white-space:nowrap;/*文字を折り返さない*/
}
.scroll-hint-text{ margin-top:0; }


/* フワちらつき防止 */
.load-hidden {
	visibility: hidden;
}