@charset "UTF-8";
/* CSS Document */


/* ==================== base =====================*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 62.5%;
}

body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1.8;
	color: #754c24;
	width:100%;
	font-size: 1.6em;
}

.montserrat{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .15em;
}

a {
	transition: .3s;
}

a:link {
	color:#754c24;
	text-decoration: none;
}
a:visited {
	color:#754c24;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #32624c;
	text-decoration: none;
	}
a:active {
	color:#32624c;
}


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.alpha_a a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.alpha_a a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*写真拡大*/
.moimg1 {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.top_newslist .moimg1{
	border-radius: 30px 30px 0 0;
}
.intro_list_img{
	border-radius: 30px;
}
.moimg1 img {
    width: 100%;
	transition: 0.3s;
	height: auto;
}
.moimg1 img:hover {
	transform: scale(1.1, 1.1);
}


/*PCでは非表示*/
.pc_displaynone {
    display: none;
}


/*スマホ（サイズ）のみ電話リンクイキ*/
@media (min-width: 600px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/*ページトップへ（矢印）*/

#ptop {
    position: fixed;
    bottom: 25px;
    right: 25px;
	z-index: 1;
}
#ptop a {
    text-align: center;
    display: block;
    border-radius: 5px;
}


/*==================== header ====================*/

header {
	width: 100%;
	
}
.h_wrap {
	display: flex;
	background-color: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
.h_left {
	width: 90%;
	margin: 0 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 95px;
	margin-right: 200px;
}

.logo{
	margin-right: 30px;
}

.h_top_con {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/*右上の店舗・施設案内*/
.h_top_r {
	position: relative;
	right: 0px;
	text-align: center;
}
.h_guide{
	background-color: #32624c;
	width: 200px;
	height: 140px;
	padding: 30px;
	position: fixed;
	top: 0;
	right: 0;
	transition: .3s;
}
.h_guide p{
	/* margin: 15px; */
	font-size: 1.4rem;
	color: #fff;
	transition: 0.3s;
	background-image: url(../images/icon_guide.png);
	background-size: 47px 46px;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 55px;
}
.h_guide:hover.h_guide p{
	transform: scale(1.1, 1.1);
}








/*プルダウン既存のデザイン解除*/
select {
	appearance: none; /* デフォルトのデザインを解除 */
	-webkit-appearance: none;
	-moz-appearance: none;
	
	border: none; /* 枠線を消す */
	background-color: transparent; /* 背景を透明に（オプション） */
	padding: 10px;
	font-size: 16px;
	outline: none; /* 選択時の青い枠も消す */

	/*装飾等*/
	background-image: url(../images02/arrow_gl.png);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
}
/**/

/*==================== メニュー ====================*/
/* .base-container {
	width: 100%;
} */

/* --------------------------- */
/* メニュー（親）のスタイル */
/* --------------------------- */
.menu {
	display: flex;
	/* align-items: center;
	justify-content: center; */
	position: relative;
	background-color: #fff;
}

.menu-parent_a {
	display: block;
	padding: 34px 25px;
	max-height: 95px;
	text-align: center;
	color: #754c24;
	font-size: 95%;
	cursor: pointer;
}


/* --------------------------- */
/* メニュー（親）の直接動作に関係する箇所 */
/* --------------------------- */
/* 親をhover時 */
@media (hover: hover) {
	.menu-parent:hover .menu-parent_a{
		background-color: #f6f0dc;
		transition: all .3s;
		color: #754c24;
	}
}
/* --------------------------- */
/* メガメニュー(子)のスタイル */
/* --------------------------- */
.menu-child {
	display: none;
	position: fixed;
	/* top: 100%; */
	left: 50%;
	transform: translateX(-50%);
	/* translate: -50% 0; */
	/* width: 200%; */
    width: 90vw;
	max-width: 900px;
	min-width: 800px;
	margin: 0 auto;
	padding: 45px 70px 45px 70px;
	background-color: #f6f0dc;
	border: solid 1px #754c24;
	z-index: 100;
	border-radius: 0 0 30px 30px;
}
.g_navi{
	display: none;
	opacity: 0;
}
/*メガメニュー内部デザイン*/

.menu_child_con {
	width: 100%;
}

.menu-child_title {
	color: #754c24;
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 20px;
}

.menu-child_ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

.menu-child_li {
	/* width: calc((100% - 60px) / 4); */
	width: 30%;
}

.menu-child_li a {
	display: block;
	width: 100%;
	color: #1a1a1a;
}

.menu-child_li_img {
	border-radius: 10px 10px 0 0;
}

.menu-child_li_img img {
	width: 100%;
	height: auto;
}

.menu-child_li_p {
	font-size: 85%;
	background-color: #fff;
	padding: 12px 15px;
	line-height: 1.5;
	border-radius: 0 0 10px 10px;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 30px 11px;
	padding-right: 40px;
	color: #754c24;
}

/*メインビジュアル*/


.mainvisual{
	margin: 0 auto;
	margin-top: 95px;
	width: 90%;
	/* max-width: 1230px; */
	position: relative;
}
.mainv_img img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.mainv_text p{
	background-color: #32624c;
	padding: 0.1vw 1.2vw;
	color: #fff;
	font-weight: bold;
	font-size: 2.2vw;
	border-radius: 15px;
	letter-spacing:0;
}
.mainv_text01{
	top: 5vw;
	left: 5vw;
	position: absolute;
}
.mainv_text02{
	top: 10vw;
	left: 7vw;
	position: absolute;
}



/*下層ページのメインビジュアル*/

/* .mainv_sub{
	margin: 0 auto;
	margin-top: 95px;
	width: 90%;
	position: relative;
}

.mainv_sub_img img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}


.mainv_sub h2{
	top: 50%;
	left: 50%;
	position: absolute;
	font-weight: bold;
	font-size: 3.3rem;
	color: #fff;
	transform: translate(-50%, -50%);
} */



.mainv_sub{
	margin: 0 auto;
	width: 90%;
	position: relative;
	height: 220px;
	margin-top: 95px;
}

.submain_text{
	background-image: url(../images/submain.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 100%;
	border-radius: 30px;
}

.mainv_sub h2{
	top: 50%;
	left: 50%;
	position: absolute;
	font-weight: bold;
	font-size: 3.3rem;
	color: #fff;
	transform: translate(-50%, -50%);
}



/*==================== ハンバーガメニュー（1210px以下から） ====================*/
@media screen and (max-width: 1230px) {
	header {
	width: 100%;
}

.h_left{
	width: 100%;
	height: 70px;
}
/*プルダウン既存のデザイン解除*/
.g_navi{
	display: block;
	opacity: 1;
}
select {
	appearance: none; /* デフォルトのデザインを解除 */
	-webkit-appearance: none;
	-moz-appearance: none;
	
	border: none; /* 枠線を消す */
	background-color: transparent; /* 背景を透明に（オプション） */
	padding: 10px;
	font-size: 16px;
	outline: none; /* 選択時の青い枠も消す */

	/*装飾等*/
	background-image: url(../images02/arrow_gl.png);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	font-size: 1.2rem;
	font-weight: bold;
	cursor: pointer;
}
/**/

	.h_top_r{
		display: block;
	}
	.base-container{
    display: none;
    opacity: 0;
	}

	.g_navi_wrap{
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.g_navi_menu_list_t{
		display: flex;
		justify-content: center;
		height: auto;
	}
	.g_navi_text{
		width: 90%;
	}
	.g_navi_text:nth-child(n+4) {
		border-top: solid 1px #fff;
	}
	.g_navi_drop_item a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #32624c;
		border-right: solid 2px #32624c;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 22px;
	}
	.g_navi_drop_item a,.g_navi_text a{
	display: block;
	height: 100%;
		width: 100%;
		color: #32624c;
		text-decoration: none;
		padding: 15px 15px 15px 25px;
		position: relative;
		background-color: #fff;
		border-bottom: solid 1px #32624c;
	}

	#g_navi_input{
		display: none;
	}

	.menu_btn{
		position: fixed;
		top: 30px;
		right: 25px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #32624c;
		cursor: pointer;
		border-radius: 15px;
	}
	.menu_btn span,
	.menu_btn span:before,
	.menu_btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 20px;
		background-color: #ffffff;
		position: absolute;
		transition: .3s;
		border-radius: 3px;
	}
	.menu_btn span:before {
		bottom: 8px;
	}
	.menu_btn span:after {
		top: 8px;
	}
	#g_navi_input:checked ~ .menu_btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#g_navi_input:checked ~ .menu_btn span::before {
		bottom: 0;
		transform: rotate(45deg);
		transition: .3s;
	}
	#g_navi_input:checked ~ .menu_btn span::after {
		top: 0;
		transform: rotate(-45deg);
		transition: .3s;
	}
	#g_navi_input {
		display: none;
	}
	.g_navi_menu_list_t {
		display: block;
		padding: 70px 20px 0;
		line-height: normal;
	}

	.g_navi_menu_list_t label {
		border-bottom: solid 1px #fff;
	}

	.g_navi_menu_text {
		border-bottom: solid 1px #fff;
	}

	.g_navi_menu_text a {
		display: block;
		width: 100%;
		color:#ffffff;
		padding: 15px;
		position: relative;
	}
	.g_navi_menu_text a::before {
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 22px;
	}
	.g-navi_menu_con {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 80;
		background-color: #32624c;
		transition: all 0.5s;/*アニメーション設定*/
		overflow-y: auto; /* 縦スクロールを有効にする */
	}
	#g_navi_input:checked ~ .g-navi_menu_con {
		height: 100%;
		left: 0;/*メニューを画面内へ*/
	}
	.g_navi_accordion_con label  {
		display: block;
		text-decoration: none;
		position: relative;
		display: block;
		width: 100%;
		padding: 15px;
	}
	.g_navi_accordion_con label::before{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background-color: #fff;
		transform-origin: 50% 50%;
		transition: all 0.3s ease-out;
		transform: rotate(-90deg);
		opacity: 1;
		z-index: 2;
		transition: .5s;
	}
	.g_navi_accordion_con label::after{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background-color: #fff;
		transform-origin: 50% 50%;
		transition: all 0.3s ease-out;
	}

	.g_navi_accordion_con label {
		display: inline-block;
		color :#fff;
		cursor :pointer;
	}
	.g_navi_accordion_con ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.g_navi_accordion_con li {
		height: 0;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	/*links01*/
	#g_navi_drop_menu01:checked + #accordion_title01::before{
		transform: rotate(0deg);
		transition: .5s;
	}
	#g_navi_drop_menu01 {
		display: none;
	}
	#g_navi_drop_menu01:checked ~ #links01 li {
		height: 52px;
		opacity: 1;
	}

	/*meiji*/
	#g_navi_drop_menu01:checked ~ #links01 li:nth-of-type(7) {
		height: 73px;
		opacity: 1;
	}

	/*links02*/
	#g_navi_drop_menu02:checked + #accordion_title02::before{
		transform: rotate(0deg);
		transition: .5s;
	}
	#g_navi_drop_menu02 {
		display: none;
	}
	#g_navi_drop_menu02:checked ~ #links02 li {
		height: 52px;
		opacity: 1;
	}

	.logo img{
		height: 70px;
	}

	.h_top_r{
		display: none;
	}
	.mainv_sub{
		margin-top: 70px;
	}

	.mainvisual {
		margin-top: 70px;
	}

	.mainv_text p{
    	padding: 0.1vw 1.2vw;
    	font-size: 2.6vw;
    	border-radius: 10px;
	}
	.mainv_text02{
	    top: 10.5vw;
	}
	.top_newslist_box01{
		width: 25% !important;
	}
	.top_newslist_box02 {
		width: 68% !important;
	}
}




/*==================== main ====================*/
/*ボタン共通装飾*/


.basic_btn a{
	background-color: #fff;
	text-align: center;
	border-radius: 40px;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: right 35px center;
	background-size: 30px 11px;
	padding: 20px 130px;
	color: #754c24;
	width: 100%;
	transition: ease .3s;
}
.basic_btn a:hover{
	background-color: #32624c;
	color: #fff;
	background-image: url(../images/icon_arrow_w.png);
	transition: ease .3s;
}

.btn_google a:hover{
	transition: ease .3s;
	background-color: #f4d04c;
	background-image: url(../images/icon_arrow.png);
	color: #754c24;
}

.basic_btn a:hover{
	background-position: center right 25px;
	transition: ease .3s;
}
.btn_yellow a{
	background-color: #f4d04c;
	white-space: nowrap;
}
.btn_yellow a:hover{
	background-color: #32624c;
	color: #fff;
	background-image: url(../images/icon_arrow_w.png);
	transition: ease .3s;
}

/*セクションタイトル*/
.sec_title h2{
	font-size: 3rem;
	font-weight: bold;
	color: #754c24;
	text-align: center;
}
.sec_title p{
	font-size: 1.2rem;
	color: #32624c;
	text-align: center;
}

.sec_title_flex{
	display: flex;
	align-items: center;
	column-gap: 20px;
}
/* イラストの装飾 */
.deco_illust{
	width: 90%;
	margin: 0 auto;
	margin-top: -140px;
	margin-bottom: 40px;
	text-align: right;
}
@media screen and (max-width: 1330px) {
	.deco_illust{
		margin-top: -90px;
	}
}



/* 紹介一覧のところ共通 */
.intro_list_wrap{
	margin: 0 auto;
	max-width: 1228px;
	width: 90%;
	margin-top: 40px;
	margin-bottom: 90px;
}
.intro_list_wrap ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 3.5%;
	row-gap: 40px;
	justify-content: space-between;
}
.intro_list_wrap ul li{
	width: 31%;
}
.intro_list_img img{
	width: 100%;
	height: 260px;
	border-radius: 30px;
	object-fit: cover;
}
.intro_list_wrap ul li p{
	color: #754c24;
}
.intro_list_name{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin: 18px 0 10px 0;
}
.intro_list_name span{
	font-size: 1.3rem;
	background-color: #f6f0dc;
	border-radius: 50px;
	padding: 5px 15px;
	vertical-align:middle;
	margin-left: 15px;
}
.intro_list_name br{
	display: none;
}
@media screen and (max-width: 1025px) {
	.intro_list_name br{
		display: block;
		margin-top: 50px;
	}
	.intro_list_name span{
	margin-left: 0px;
	}
}
.intro_list_t{
	background-image: url(../images/border_g.png);
	background-size: 385px 3px;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
}


/* =============トップページの装飾=============== */

/* ニュース部分の装飾 */
.top_newslist{
	background-color: #f6f0dc;
	padding-top: 180px;
	margin-top: -100px;
}
.top_newslist_wrap{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.top_newslist_con{
	display: flex;
	justify-content: space-between;
	column-gap: 3.4%;
}
.top_newslist_box01{
	margin-top: 70px;
	max-width: 240px;
	width: 20%;
}
.btn_topnews{
	margin-top: 25px;
}
.btn_topnews a{
	width: 240px;
	padding: 20px 80px 20px 40px;
	margin-top: 25px;
	white-space: nowrap;
}
.btn_topnews_sp{
	display: none;
}
.top_newslist_box02{
	width: 76.6%;
}
.top_newslist_box02 ul{
	display: flex;
	column-gap: 2.75%;
}
.top_newslist_box02 ul li{
	width: 31.5%;
}
.top_newslist_img {
    width: 100%;
    height: 220px;
    text-align: center;
    border-radius: 30px 30px 0 0;
    background-color: #e4dac1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_newslist_img img{
    width: auto;
    height: 100%;
}
.top_newslist_date{
    font-size: 1.3rem;
    color: #754c24;
    margin-bottom: 5px;
}
.top_newslist_title{
    font-weight: bold;
    color: #754c24;
    line-height: 1.6;
}
.top_newslist_text{
    background-color: #fff;
    padding: 15px 20px 20px;
    border-radius: 0 0 30px 30px;
}

.top_newlist_bottombtn{
	max-width: 825px;
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	column-gap: 2%;
	text-align: center;
}
.top_newlist_bottombtn a{
	width: 49%;
	height: 65px;
	border: solid 1px #754c24;
	border-radius: 40px;
	position: relative;
}
.top_newlist_bottombtn a .bottombtn_icon{
	padding: 10px 20px;
	position: absolute;
}
.bottombtn_arrow{
	position: absolute;
	/* background-image: url(../images/icon_arrow.png);
	background-size: 30px 11px;
	background-repeat: no-repeat; */
	margin-right: 20px;
	width: 30px;
	height: 11px;
	right: 0;
	top: 25px;
	transition: ease .3s;
}

.top_newlist_bottombtn a p{
	line-height: 65px;
	text-align: center;
}

.top_newlist_bottombtn a:hover {
	background-color: #f4d04c;
	color: #754c24;
}
.top_newlist_bottombtn a:hover .bottombtn_arrow{
	margin-right: 12px;
	transition: ease .3s;
}

/* トップページ花の駅の装飾 */

.top_flower_wrap{
	display: flex;
	column-gap: 50px;
	width: 90%;
	max-width: 1000px;
	margin: 90px auto 50px;
}
.top_flower_box01{
	width: 480px;
}
.top_flower_box01 h2{
	color: #754c24;
	font-size: 3.3rem;
	font-weight: bold;
}
.top_flower_box01 p{
	margin-top: 30px;
	margin-bottom: 50px;
	color: #754c24;
}

.top_flower_box02{
	width: 480px;
}
.top_flower_box02 img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.sub_table_flower th,
.sub_table_flower td{
	border-top: 1px solid #754c24 !important;
}
.sub_table_flower th{
	border-radius: 30px 0 0 30px !important;
}
.sub_table_flower td{
	border-radius: 0 30px 30px 0 !important;
}


/* トップページ特産物の装飾 */

.top_market_wrap{
	background-color: #f6f0dc;
	padding-top: 90px;
	padding-bottom: 50px;
}
.top_market_con{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	column-gap: 50px;
}
.top_market_box01{
	width: 480px;
}
.top_market_box01 img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.top_market_box02{
	width: 480px;
}
.top_market_box02 h2{
	color: #754c24;
	font-size: 3.3rem;
	font-weight: bold;
}
.top_market_box02 p{
	color: #754c24;
	margin-top: 30px;
	margin-bottom: 50px;
}

/* =============下層ページの装飾=============== */
/* 共通下層ページの装飾 */
.sub_yerea{
	background-color: #f6f0dc;
	margin-top: -120px;
	padding: 200px 0 70px;
}
.sub_yerea_box{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.sub_slide_a{
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	max-width: 1000px;
}
.sub_slide_a_img{
	border-radius: 30px;
	overflow: hidden;
}
.slick-dots li.slick-active button:before{
	color: #754c24 !important;
}
.slick-dots li button:before{
	color: #754c24 !important;
}
/*矢印*/
.slide_arrow_l {
    width: 24px !important;
    height: 40px !important;
    position: absolute;
    top: 45%;
    left: 20px;
    z-index: 1 !important;
    cursor: pointer;
}
.slide_arrow_r {
    width: 24px !important;
    height: 40px !important;
    position: absolute;
    top: 45%;
    right: 20px;
    z-index: 1 !important;
    cursor: pointer;
}
.slick-dots{
	bottom: -45px!important;
}
.sub_yerea_box .sub_t{
	margin-top: 80px;
	margin-bottom: 60px;
}
/* 共有パーツ_詳細のテーブル装飾*/
.sub_con .sub_table{
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	border-collapse: separate;
	border-radius: 30px;
}

.sub_con .sub_table .table_b{
	width: 17%;
	padding: 20px 40px;
	white-space: nowrap;
	/* text-align: center; */
	background-color: #f4d04c;
	margin: 0 ;
	font-weight: bold;
}
.sub_con .sub_table .table_t{
	width: 83%;
	padding: 20px;
	background-color: #fff;
	margin: 0;
}
.sub_con .sub_table .table_b{
	border: 1px solid #754c24;
	border-right: none;
	border-top: none;
}
.sub_con .sub_table .table_t{
	border: 1px solid #754c24;
	border-left: none;
	border-top: none;
}
.sub_con .sub_table .table_b_first{
	border-radius: 30px 0 0 0;
	border: 1px solid #754c24;
	border-right: none;
}
.sub_con .sub_table .table_t_first{
	border-radius: 0 30px 0 0;
	border: 1px solid #754c24;
	border-left: none;
}
.sub_con .sub_table .table_b_last{
	border-radius: 0 0 0 30px;
	border: 1px solid #754c24;
	border-right: none;
	border-top: none;
}
.sub_con .sub_table .table_t_last{
	border-radius: 0 0 30px 0;
	border: 1px solid #754c24;
	border-left: none;
	border-top: none;
}
.sub_werea{
	margin-top: 30px;
}
.sub_werea .intro_list_wrap{
	margin-bottom: 140px;
}


/* =============下層ページ周辺情報ページの装飾=============== */
.spot .sub_yerea{
	margin-bottom: -200px;
	padding-bottom: 270px;
}
.sub_yerea_box_spot{
	max-width: 1150px;
	width: 90%;
	margin: 0 auto;
}
.spot_map{
	max-width: 1000px;
	margin: 0 auto;
}
.spot_map_img{
	margin-top: 40px;
}
.spot_map_img img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.spot_map_number .spot_map_numberlist{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	column-gap: 5%;
	row-gap: 15px;
	flex-wrap: wrap;
}
.spot_map_number .spot_map_numberlist li{
	width: 30%;
	
}
.spot_map_number .spot_map_numberlist li a{
	display: flex;
	align-items: center;
	font-weight: bold;
}
.spot_map_number .spot_map_numberlist li p{
	margin-left: 10px;
}

.spot_list{
	background-color: #fff;
	border-radius: 30px;
	margin: 80px 0 85px;
}
.spot_list .spot_list_con{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 75px;
}
.spot_list_box{
	display: flex;
	justify-content: space-between;
	column-gap: 4%;
	margin-bottom: 85px;
}

.spot_list_box:last-child{
	margin-bottom: 0;
}
.spot_list_box01{
	width: 43%;
}
.spot_list_box01_park{
	color: #754c24;
	background-color: #f6f0dc;
	border-radius: 15px;
	font-size: 1.3rem;
	font-weight: bold;
	width: 175px;
	text-align: center;
	margin-bottom: 7px;
}
.spot_list_box01 .spot_list_title{
	display: flex;
	align-items: center;
}
.spot_list_box01 .spot_list_title h3{
	font-size: 2.6rem;
	font-weight: bold;
	margin-left: 13px;
	line-height: 1.5;
}
.spot_list_box01 .spot_list_box01_p{
	margin: 20px 0;
	background-image: url(../images/border_b.png);
	background-size: 430px 4px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.spot_list_box01 .spot_list_bordernone{
	background-image: none;
	margin-bottom: 0;
	padding: 0;
}
.spot_list_box01 table{
	width: 100%;
}
.spot_list_box01 table tbody{
	width: 100%;
}
.spot_list_box01 table tr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	/* column-gap: 4%; */
}
.spot_list_box01 table th{
	width: 50px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #32624c;
	white-space: nowrap;
	margin-right: 15px;
}
.spot_list_box01 table td{
	width: 83%;
	font-size: 1.3rem;
}

.spot_list_box02{
	width: 53%;
}
.spot_list_box02 img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}

.spot_list_link div{
	max-width: 430px;
	background-color: #32624c;
	display: flex;
	align-items: center;
	padding: 5px;
	justify-content: center;
	column-gap: 15px;
	border-radius: 5px;
	margin-top: 30px;
	transition: ease .3s;
}
.spot_list_link div p{
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
}
/* .spot_list_link:visited{
	color: #fff;
} */
.spot_list_link:hover div{
	background-color: #f4d04c;
	transition: ease .3s;
}


/*==================== 下層ページアクセスページの装飾 ====================*/
.access_googlemap{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
}
.access_googlemap iframe{
	width: 100%;
	height: 400px;
	border-radius: 30px;
}
.access_googlemap p{
	text-align: center;
	margin-top: 25px;
}
.access_googlemap p span{
	font-weight: bold;
}
.access_googlemap .btn_google{
	margin-top: 30px;
	text-align: center;
}
.access_con{
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.access_title{
	text-align: center;
	margin-top: 70px;
	margin-bottom: 15px;
}
.access_title h3{
	font-weight: bold;
	font-size: 2.5rem;
}
.access_car_flex,.access_airport .access_airport_con{
	border: solid 2px #32624c;
	border-radius: 30px;
}
.access_shinkansen .access_time,.access_train .access_time{
	border: solid 2px #32624c;
	border-radius: 40px;
	padding: 10px 0;
}
.access_time{
	display: flex;
	justify-content: center;
	column-gap: 10px;
	align-items: center;
	padding: 5px 0;
}
.access_t_b{
	color: #754c24;
	font-size: 1.5rem;
	font-weight: bold;
}
.access_t_g{
	color: #32624c;
	font-size: 1.5rem;
	font-weight: bold;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
}
.access_t_g span{
	font-size: 2.7rem;
	margin: 0 5px;
}

.access_car_flex
{
	display: flex;
	justify-content: space-between;
}
.access_car_box{
	margin: 0 auto;
	margin-top: 30px;
}
.access_car_box p{
	font-weight: bold;
	text-align: center;
	font-size: 1.5rem;
}
.access_car_box .access_t_b{
	margin-top: 10px;
}
.access_car_box p .access_t_normal{
	font-weight: normal;
	font-size: 1.4rem;
}
.access_car_box .access_car_b{
	background-color: #f4d04c;
	color: #754c24;
	padding: 5px 20px;
	border-radius: 20px;
	font-weight: bold;
	font-size: 1.6rem;
}
.access_car_box_border{
	margin: 15px 0;
}
.access_airport_box{
	width: 90%;
	max-width: 750%;
	margin: 30px auto;
	display: flex;
	column-gap: 40px;
}
/* .access_airport_content{
	margin-top: 30px;
} */
.access_airport_box:first-child{
	background-image: url(../images/border_g.png);
	background-size: 385px 3px;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
}
.access_airport_b{
	background-color: #f4d04c;
	color: #754c24;
	padding: 5px 20px;
	border-radius: 20px;
	font-weight: bold;
	font-size: 1.6rem;
	width: 25%;
	height: 40px;
	text-align: center;
}
.access_airport_box .access_time{
	justify-content: flex-start;
	
}
.access_airport_box .access_time  .access_border{
	border: solid 1px #32624c;
	height: 60px;
	width: 1px;
	margin: 3px 0;
	margin: 0 .5em;
}




/*==================== 下層ページお知らせ・ブログ一覧ページの装飾 ====================*/

.infolist{
	background-color: #f6f0dc;
	max-width: 1000px;
	margin: 0 auto;
}

.infolist ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 2.75%;
	row-gap: 35px;
	margin-bottom: 70px;
	/* justify-content: space-between; */
}
.infolist ul li{
	width: 31.5%;
}
.infolist_img{
	width: 100%;
	height: 220px;
	text-align: center;
	border-radius: 30px 30px 0 0;
	background-color: #e4dac1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.infolist_img img{
	width: auto;
	height: 100%;
}
.infolist_date{
	font-size: 1.3rem;
	color: #754c24;
	margin-bottom: 5px;
}
.infolist_title{
	font-weight: bold;
	color: #754c24;
	line-height: 1.6;
}
.infolist_text{
	background-color: #fff;
	padding: 15px 20px 20px;
	border-radius: 0 0 30px 30px;
}
/*==================== 下層ページお知らせ・ブログ詳細ページの装飾 ====================*/
.infosingle{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.infosingle .infosingle_date span{
	background-color: #32624c;
	border-radius: 50px;
	padding: 5px 15px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}
.infosingle h2{
	margin-top: 10px;
	font-size: 3.0rem;
	font-weight: bold;
	background-image: url(../images/border_g.png);
	background-repeat: repeat-x;
	background-size: 390px 3px;
	background-position: left bottom;
	margin-bottom: 18px;
	padding-bottom: 15px;
	line-height: 1.5;
}

.infosingle .basic_btn{
	text-align: center;
	margin-top: 70px;
}
.blog_pastbtn{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 80px;
}

/*入力内容の装飾*/
.info_wpcontent p {
	margin-bottom: 30px;
}


/*==================== 下層ページイベントカレンダーページの装飾 ====================*/
.infosingle .calendar p{
	text-align: center;
}
.infosingle .calendar .calendar_img{
	margin: 0 auto;
	margin-top: 40px;
}
.infosingle .calendar .calendar_img img{
	text-align: center;
	width: 100%;
	height: auto;
}










/*========================== shimokawaここから ==========================*/


/* お弁当　追加 */
.sec_bentocopy{
	margin: 0 auto;
	max-width: 1000px;
	margin-top: 40px;
	text-align: center;
}

.sec_bentocopy .bentocopy_a{
	margin-bottom: 15px;
}

.sec_bentocopy .bento_btn {
	margin: 0 auto;
	font-weight: bold;
	background-color: #f4d04c;
	text-align: center;
	border-radius: 40px;
	padding: 15px;
	color: #754c24;
	width: 380px;
	transition: ease .3s;
}

.sec_bentocopy .bentocopy_b {
	font-size: 90%;
	margin-top: 5px;
}



/* もち工房　追加     20251111修正 */

.mochi_chumon_con {
	background-color: #FFF;
	margin-top: 45px;
}
.mochicon_tuika {
	max-width: 900px;
	width: 90%;
	margin-bottom: 75px;
}

.mochi_chumon_con .deco_wave {
	margin-bottom: -25px;
}

.chumon_con {
	margin: 0 auto;
	width: 100%;
	max-width: 730px;
}
.chumon_con {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 20px;
	column-gap: 25px;
	margin-bottom: 40px;
	margin-top: 30px;
}

.chumon_con_a {
	width: 48%;
}

.chumon_con_a img {
	width: 100%;
	height: auto;
}


/* 店舗・施設一覧　追加     20251111修正 */

.sisetsumap_copy {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	max-width: 1100px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.sisetsumap_con {
	width: 90%;
	margin: 0 auto;
	max-width: 1100px;
	padding-bottom: 90px;
}
.sisetsumap_con .sisetsumap_con_img img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.kannai_p {
	margin-bottom: 80px;
}
.kannai_p img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.sec_title_a {
	margin-bottom: 35px;
}

.sub_table .table_t .tablecopy_a {
	font-size: 85%;
}

.sub_table .table_t .tablecopy_a a {
	text-decoration: underline;
}

.deco_illust_a{
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: -70px;
	text-align: right;
	z-index: 30;
	position: relative;
}

.intro_list_wrap_a {
	margin-top: 40px;
	margin-bottom: 90px;
}
.intro_list_wrap_a ul{
	width: 90%;
	max-width: 1000px;
    margin: 0 auto;   
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.intro_list_wrap_a ul li{
	width: 48%;
	margin-bottom: 55px;
}
.intro_list_wrap_a ul li img {
	width: 100%;
	height: 315px;
	border-radius: 30px;
	object-fit: cover;
}
.intro_list_name_a {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
	margin-top: 15px;
}
.intro_list_name_a .sisetsu_ti_sub {
	font-size: 1.3rem;
	font-weight: bold;
	border: solid 1px #754c24;
	padding: 5px 15px;
	vertical-align: middle;
	border-radius: 15px;
}


.intro_list_name_a a:visited {
	color:#754c24;
	text-decoration: none;
}
.intro_list_name_a a:hover,
.intro_list_name_a a:focus {
	color: #32624c;
	text-decoration: none;
	}
.intro_list_name_a a:active {
	color:#32624c;
}


.intro_list_wrap_a dl {
	display: flex;
    flex-wrap: wrap;
	font-size: 85%;
	margin-bottom: 10px;
}
.intro_list_wrap_a dl {
	display: flex;
    flex-wrap: wrap;
}

.intro_list_wrap_a dl .color_a {
	width: 17%;
	color: #FFF;
	font-weight: bold;
	line-height: 1.9;
	text-align: center;
	border-radius: 5px;
	background-color: #32624c;
	margin-bottom: 5px;
}
.intro_list_wrap_a dl .color_b {
	width: 17%;
	font-weight: bold;
	line-height: 1.9;
	text-align: center;
	border-radius: 5px;
	background-color: #f4d04c;
	margin-bottom: 5px;
}
.intro_list_wrap_a dl dd {
	width: 75%;
	padding-left: 10px;
}
.intro_list_wrap_a dl .color_c {
	width: 35%;
	color: #FFF;
	font-weight: bold;
	line-height: 1.9;
	text-align: center;
	border-radius: 5px;
	background-color: #754c24;
	margin-bottom: 5px;
}
.intro_list_wrap_a dl .color_c_s {
	width: 60%;
	padding-left: 10px;
}

.intro_list_wrap_a .intro_list_t_a {
	background-image: url(../images/border_b.png);
	background-size: 430px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	padding-top: 12px;
}


/* 花の駅　追加     20251111修正 */

.hana_maincopy {
	background-image: url(../images/border_.png);
	background-size: 1000px 6px;
    background-repeat: repeat-x;
    background-position: left top;
	padding-top: 20px;
	margin-top:  10px;
	margin-bottom:  25px;
	width: 100%;
}

.sub_slide_no .sub_slide_no_img img {
	width: 100%;
	height: auto;
	border-radius: 30px;
	margin-bottom: 50px;
}

.nanacontent {
	display: flex;
	column-gap: 50px;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto; 
	margin-bottom: 65px;
	margin-top: 60px;
	
}
.nanacontent .nanacontent_left {
	width: 480px
}
.nanacontent .nanacontent_right {
	width: 480px;
}
.nanacontent .nanacontent_right img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.nanacontent .nanacontent_left h3 {
	font-size: 180%;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 12px;
}
.nanacontent .nanacontent_left p {
	line-height: 1.9;
}




/* サイトポリシー　追加 */

.spot_list_a {
	background-color: #fff;
	border-radius: 30px;
	margin-bottom: 85px;
}
.spot_list_a .spot_list_con{
	width: 90%;
	max-width: 1050px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 30px;
}
.spot_list_a .spot_list_con .sitepolicy_con {
	margin-bottom: 65px;
}
.spot_list_a .spot_list_con .sitepolicy_con h3 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}






.page404{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}

















/*==================== footer ====================*/

/*f_info*/

.deco_wave{
	width: 100%;
}

.deco_wave img{
	width: 100%;
    height: auto;
    display: block;
}

/*f_info*/
.f_info {
	background-color: #32624c;
}


.f_box{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.f_info h3 {
	font-weight: bold;
	color: #fff;
	font-size: 135%;
}

/*施設・設備*/
.f_ttl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 25px;
	margin-bottom: 15px;
	margin-right: 85px;
}
.f_ttl p{
	color: #fff;
	font-size: 1rem;
}

.equipment_list ul{
	max-width: 780px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
	column-gap: 5%;
}
.equipment_listitem{
	width: 30%;
	display: flex;
}
.equipment_list_l{
	margin-right: 20px;
}
.equipment_list_r{
	width: 100%;
}
.equipment_listitem p{
	color: #fff;
}
.equipment_list_title{
	max-width:156px;
	font-size: 1.5rem;
	font-weight: bold;
	background-image: url(../images/border_w.png);
    background-size: 157px 3px;
    background-repeat: no-repeat;
    background-position: left bottom, left center;
    padding-bottom: 7px;
    margin-bottom: 5px;
}
.equipment_list_text{
	font-size: 1.3rem;
}

/*SNSアイコン */
.icon_group{
	border-radius: 38px;
	margin: 40px auto 60px auto;
	background-color: #fff;
	width: 90%;
	max-width: 1100px;
}

.icon_group_con {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	text-align: center;
	margin: 0 auto;
	column-gap: 25px;
}

/*インフォメーション*/
.f_bottom{
	background-image: url(../images/f_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 100%;
}

.sitepolicy{
	text-align: center;
	padding-top: 30px;
	margin-bottom: 45px;
}
.sitepolicy a{
	color: #fff;
}
.sitepolicy a:hover{
	color: #f4d04c;
}

.f_bottom_con{
	display: flex;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 90px;
}

.f_bottom_ttl{
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
}
.f_bottom_text{
	font-size: 1.4rem;
	color: #fff;
}


.f_info_name,
.f_info_add {
	color: #fff;
	font-size: 75%;
}

.f_info_add a {
	color: #fff;
}

/*f_copy*/

.f_copy {
	width: 100%;
	padding: 15px 0;
	font-size: 75%;
	text-align: center;
	color: #754c24;
}

/*道の駅様更新箇所の画像CSS*/

.intro_list_img_bg {
    width: 100%;
    height: 260px;
    text-align: center;
    border-radius: 30px;
    background-color: #e4dac1;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	
}
.intro_list_img_bg img{
    width: auto;
    height: 100%;
	border-radius: 0;
	object-fit: cover;
}


.sub_t_tablenone {
	margin-bottom: 0 !important;
}