/* CSS Document */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');
@media all{

/* ■■■ 標準設定 ■■■■■■■■■■■■■■■■■■■■■■■■■ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,section {
  padding: 0px;
  margin: 0px;
}

body{
height: 100%;
/* pcss normal_text */

font-size: 1em;
color: #333333;
font-weight: normal;
line-height: 160%;
text-decoration:none;

}
header,main,footer,nav,section,article,aside {
display: block;
}
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1em;}
h5{font-size:1em;}
h6{font-size:1em;}

table{
width:100%;
table-layout:fixed;
border-collapse:collapse;
empty-cells:show;
caption-side:top;
}
th,td{
border:_1px solid #cccccc /* pcss border0 */ ;
}

ul{
list-style-type:none;
list-style-position:outside;
}
ol{
/* pcss reset */

padding: 0px;
margin: 0px;
height: auto;
width: auto;
background: none;
font-size: 1em;
color:#333333;
border:0px none;
list-style:none;

list-style-type:decimal;
list-style-position:inside;
}
a:hover img.imgHover{
/*		filter:alpha(opacity=70);*/
opacity:0.7;
}
img{
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
blockquote {
margin: 15px /* pcss inside_space */ ;
padding: 15px /* pcss inside_space */ ;
border: 1px solid #cccccc /* pcss border0 */ ;
background-color: #fffaee;
}	
hr{
border: 0px none;
border-top: 1px solid #cccccc /* pcss border0 */ ;
}
.clear{
clear: both;
}
.clearfix {width:100%;}
.clearfix:after{
/* pcss clearfix */

clear: both;
display: block;
content: "";

}
/* *********用途別***************************************** */

.hide{display:none;}

.date{					/* 日時など */
}
.num{					/* 数値・金額など */
text-align:right;
}
.min_text{				/* 短いテキスト項目 */
text-align:center;
}


.attention{				/* 注意 */
color:#cc0000 /* pcss err_color */ ;
font-size:90%;
}
.caution{				/* 警告 */
color:#cc0000 /* pcss err_color */ ;
}
.error{					/* エラー */
padding:15px;
background-color:#fff1e8 /* pcss err_bg_color */ ;
color:#cc0000 /* pcss err_color */ ;
}

.fixMsg{				/* 完了メッセージ */
padding:50px;
text-align:center;
}
.msg{				/* その他メッセージ */
padding:50px;
text-align:center;
}	

.pageLink{				/* 下部リンク */
margin:10px auto;
text-align:center;
}
.editLink{				/* 編集リンク */
text-align:right;
}
.btnBox{				/* ボタン */
clear: both;
margin:30px auto;
text-align:center;
}
.btnBox input{
padding-left:5px;
padding-right:5px;
margin-left:3px;
margin-right:3px;
}

.more{					/*もっと見る*/
margin-top: 10px;
text-align:right;
}

.btn-close { /* 閉じるボタン */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: currentColor;
  border-radius: .1em;
  line-height: 1;
  width: 1.5em;
  height: .2em;
  transform: rotate(45deg);
  cursor: pointer;
}

.btn-close::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
}

/* *********入力フォーム***************************************** */
.textSS{
width:50px;
}
.textS{
width:100px;
}
.textM{
width:200px;
}
.textL{
width:400px;
}


}

/* ■■■ スクリーンのみ ■■■■■■■■■■■■■■■■■■■■■■■■■ */

@media screen{
.printOnly{				/* 印刷時のみ表示 */
display:none;
}
.dispOnly{				/* スクリーンのみ表示 */
display:auto;
}
}


/* ■■■ 印刷時のみ ■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media print{
.printOnly{				/* 印刷時のみ表示 */
display:auto;
}
.dispOnly{				/* スクリーンのみ表示 */
display:none;
}
}
a:link   { color: #286C09;}
a:visited{ color: #72c1a8;}
a:hover  { color: #00df99;}
a:active { color: #c54420;}

#wrap{
width:960px /* pcss wrap_w */ ;
margin:auto;
}
.clearfix:after,
#wrap:after,
#wrap > header:after,
.snsBox:after,
#headFuncBar:after,
#spotSearch:after,
#sideMenu ul:after,
dl.parallel:after,
ul.parallel:after,
.content:after,
#footInner:after,
ul.post-list li:after{
/* pcss clearfix */

clear: both;
display: block;
content: "";

}
table{
margin-bottom: 15px /* pcss inside_space */ ;
}

caption{
/* pcss title3 */

clear:both;
color :#c54420;
text-align:left;
font-weight:normal;
font-size:1.2em;
border-bottom :3px solid #ea8569;
padding-bottom: 3px;
margin-bottom:15px;
margin-top:15px;

}
th{
font-weight: normal;
background-color: #FCE8DC /* pcss bgcolor1 */ ;
border: 1px solid #cccccc /* pcss border0 */ ;
padding: 5px;
}
td{
border: 1px solid #cccccc /* pcss border0 */ ;
padding: 5px;
}
.label{
display: inline-block;
line-height: 100%;
padding: 3px 8px;
margin-right: 8px;
background-color: #FCE8DC /* pcss bgcolor1 */ ;
}

/* === SNSボタン ==================================== */
#twitter-share-button,
.fb-like{
float:left;
}

.twitter-share-button{
width:100px !important;
}

.fb-like{
margin-right:0;
}
.fb-like span{
vertical-align: baseline !important;
}

/* === スポット検索 ==================================== */
#spotSearch{

}

.main .content#spotSearch > header > h1{
padding: 0px;
margin-bottom: 30px /* pcss space_h */ ;
background:url(../img/bg3.gif) #e5e0d6 no-repeat;
box-shadow: 0px 0px 5px 5px rgba(150,150,150,0.1) inset;
}
#spotSearch > header > h1 img{
display: inline;
margin: -13px 0px -15px 0px;
}
#spotSearch_area{
border:3px solid #eeeeee;
border-radius: 5px;
padding: 15px;
position:relative;
float: left;
width: 325px;
height: 345px;
background: url(../img/search_map.gif) no-repeat 0px 25px;
}
#spotSearch_area li{
position:absolute;
}
#rinkai_area {top:  30px;left:  30px;}
#nagaura_area{top:  80px;left: 110px;}
#shouwa_area {top: 110px;left:  10px;}
#negata_area {top: 140px;left:  90px;}
#hiraoka_area{top: 170px;left: 200px;}
#tomioka_area{top: 230px;left:  70px;}

#spotSearch_category{
float: right;
width: 240px;
}
#spotSearch_category ul{
padding: 10px /* pcss inside_space2 */  15px /* pcss inside_space */ ;
border-left:5px solid #f3c3b5;
margin-top: 15px /* pcss inside_space */ ;
}
#spotSearch_category li{
display: inline-block;
width: 130px;
}
#spotSearch .btnBox{
clear: both;
padding-top: 15px /* pcss inside_space */ ;
}
#spotSearch .btnBox input[type="image"]{
padding: 8px 40px;
}

/* === サイド ==================================== */

#side{
float: right;
width: 300px /* pcss side_w */ ;
line-height: 140%;
}

#sideMenu ul{
margin-right: -8px;
}
#sideMenu li{
float: left;
margin-right : 4px;
margin-bottom: 4px;
}
#sideMenu a,
#sideMenu img{
display: block;
}

#update h1,
#sideEventList h1{
/* pcss title3 */

clear:both;
color :#c54420;
text-align:left;
font-weight:normal;
font-size:1.2em;
border-bottom :3px solid #ea8569;
padding-bottom: 3px;
margin-bottom:15px;
margin-top:15px;

}
#update h2{
/* pcss normal_text */

font-size: 1em;
color: #333333;
font-weight: normal;
line-height: 160%;
text-decoration:none;

font-weight: bold;
}

#update li{
margin-bottom : 10px /* pcss inside_space2 */ ;
padding-bottom: 10px /* pcss inside_space2 */ ;
border-bottom : 1px solid #cccccc /* pcss border0 */ ;
}
#update .date{
color:#999999 /* pcss color3 */ ;
}

#sideEventList li{
margin-bottom: 5px;
}
#sideEventList li a{
display: block;
padding: 5px;
background:url(../img/btn_bg_wide.gif) no-repeat right;
text-decoration: none;
}
#sideEventList li a:hover{
opacity:0.7;
}
#sideEventList h2{
font-size: 1em;
text-decoration: underline;
}
#sideEventList a p{
/* pcss normal_text */

font-size: 1em;
color: #333333;
font-weight: normal;
line-height: 160%;
text-decoration:none;

}

#sideBanner li{
margin-bottom: 10px /* pcss inside_space2 */ ;
}
#sideBanner a:hover img{
opacity: 0.7;
}


/* === メイン ==================================== */
main#contents {
  padding: 120px 0 0;
}

#crumbs{
margin-bottom: 15px /* pcss inside_space */ ;
}

}
.contentsArea > .content:first-child{
margin-top: 0px;
}
.main .content > h1,
.main .content > header h1{
/* pcss title1 */

clear:both;
color :#49360c;
font-size:1.8em;
padding: 50px 30px;
background: url(../img/bg4.gif) repeat;
margin-bottom:30px;
box-shadow: 0px 0px 8px 8px rgba(200,160,40,0.1) inset;

}
.main .content header h1 span{
font-size:0.6em;
font-weight: normal;
display: block;
margin-bottom: 5px;
}
.main .content > h2,
.main .content > section > h2{
/* pcss title2 */

clear:both;
color :#49360c;
font-size:1.4em;
padding: 8px 12px;
background: url(../img/bg4.gif) repeat;
margin-bottom:15px;
margin-top:30px;
box-shadow: 0px 0px 4px 4px rgba(200,160,40,0.1) inset;

}
.main .content > h2 a,
.main .content > section > h2 a{
color:#49360c /* pcss color4 */ ;
}



.main .content p,
.main .content ul{
margin-bottom: 15px /* pcss inside_space */ ;
}
.main .content table ul{
margin-bottom: 0px;
padding-bottom: 0px;
}
.btnBox input[type="image"]{
/* pcss btn */

display: inline-block;
padding: 3px;
text-align: center;
background:url(../img/btn_bg.gif) no-repeat ;
background-position: right ;

padding:3px 20px;
}
.btnBox input[type="image"]:hover{
/* pcss btn_hover */

background-image:url(../img/btn_bg_on.gif) ;

}
.btnBox a{
/* pcss btn */

display: inline-block;
padding: 3px;
text-align: center;
background:url(../img/btn_bg.gif) no-repeat ;
background-position: right ;

/* pcss btn_arrow */

padding-right: 18px;
background-image:url(../img/btn_bg_arrow.gif) ;

}
.btnBox a:hover{
/* pcss btn_arrow_hover */

background-image:url(../img/btn_bg_arrow_on.gif) ;

}

.content p:last-child{
margin-bottom: 0px;
}
ul.normalList,
#spotEssay ul,
#spotInfo ul{
margin-left: 15px /* pcss inside_space */ ;
}
ul.normalList li,
#spotEssay ul li,
#spotInfo ul li{
margin: 5px auto;
background:url(../img/icon_list.png) no-repeat 0px 5px;
padding-left:18px;
}
ol.normalList,
#spotEssay ol,
#spotInfo ol{
margin-left: 15px /* pcss inside_space */ ;
}
ol.normalList li,
#spotEssay ol li,
#spotInfo ol li{
margin: 5px auto;
list-style: decimal;
}
ul.linkList{
}
ul.linkList li{
margin: 8px auto;
background:url(../img/icon_list_link.png) no-repeat 0px 3px;
padding-left:25px;
}
.goAllList{
position: absolute;
right:0px;
top:0px;
font-size: 14px;
padding-right:25px;
background:url(../img/icon_list_link.png) no-repeat right;
}
.listImgBox{
position: relative;
}
.listImgBox img{
/* pcss center_img */

position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

}
.content p.searchNum:last-child{
margin-bottom: 30px /* pcss space_h */ ;
}
.point{
background:url(../img/lightbulb.png) no-repeat 0px 5px;
padding: 5px 0px 5px 20px;
}
dl{
margin-bottom: 10px /* pcss inside_space2 */ ;
}
dt{
font-weight: bold;
}
dd{
border-bottom: 1px solid #cccccc /* pcss border0 */ ;
padding-bottom: 10px /* pcss inside_space2 */ ;
margin-bottom: 10px /* pcss inside_space2 */ ;
}

dl.parallel{
padding-bottom: 10px /* pcss inside_space2 */ ;
}
dl.parallel dt{
clear: both;
float:left;
width:180px;
margin-top: 10px /* pcss inside_space2 */ ;
padding-top: 10px /* pcss inside_space2 */ ;
border-top:1px solid #cccccc /* pcss border0 */ ;
}

dl.parallel dd{
float:left;
width:450px;
/* pcss space_reset */

padding: 0px;
margin: 0px;

border-bottom: 0px none;
margin-top: 10px /* pcss inside_space2 */ ;
padding-top: 10px /* pcss inside_space2 */ ;
border-top:1px solid #cccccc /* pcss border0 */ ;
}
dl.parallel dt p{
/* pcss normal_text */

font-size: 1em;
color: #333333;
font-weight: normal;
line-height: 160%;
text-decoration:none;

margin: 10px /* pcss inside_space2 */  10px /* pcss inside_space2 */  0px 0px;
}

ul.parallel li{
width:118px;
float:left;
}
dl.parallel dt.first,
dl.parallel dd.first{
border:0px none;
padding-top: 0px;
}
.notes{
font-size: 10px;
line-height: 140%;
}

ul.post-list li .date{
float:left;
width:120px;
margin-top: 10px /* pcss inside_space2 */ ;
color:#999999 /* pcss color3 */ ;
}
ul.post-list li .title{
float:left;
width:470px;
/* pcss space_reset */

padding: 0px;
margin: 0px;

border-bottom: 0px none;
margin-top: 10px /* pcss inside_space2 */ ;
}
.scrollMenu {
margin-right: -15px;
}
.scrollMenu li{
display:inline-block;
text-align:center;
font-size:1.2em;
margin-right: 5px;
margin-bottom: 5px;

}
.scrollMenu li a{
display:inline-block;
color:#ffffff;
text-decoration:none;
padding:8px 0px;
width:150px;
background: url(../img/btn_bg.gif) repeat;
}
.scrollMenu li a:hover{
background: url(../img/btn_bg_on.gif) repeat;
}
/* === ミニアンケート ==================================== */
.main .content.miniAnq h1,
#side .content.miniAnq h1{
/* pcss normal_text */

font-size: 1em;
color: #333333;
font-weight: normal;
line-height: 160%;
text-decoration:none;

background:url(../img/bg3.gif) #e5e0d6 no-repeat;
font-weight: bold;
padding: 8px 0px 0px 8px ;
height: 27px;
margin-bottom: 15px /* pcss inside_space */ ;
box-shadow: 0px 0px 5px 5px rgba(150,150,150,0.1) inset;
}
/* === コンテンツレイアウト ==================================== */

.leftside{
float:left;
margin-right: 30px /* pcss space_w */ ;
margin-bottom: 30px /* pcss space_w */ ;
}
.rightside{
float:right;
margin-left: 30px /* pcss space_w */ ;
margin-bottom: 30px /* pcss space_w */ ;
}

/* 半分幅コンテンツ */
.halfContentsBlock{
margin-right: -30px /* pcss space_w */ ;
}
.halfContentsBlock .content,
.halfBlock{
/* pcss half_content */

float:left;
width:300px;
margin: 0px 30px 30px 0px;

}
.halfBlock.normalList{
width:250px;
}

.halfContentsBlock:after{
/* pcss clearfix */

clear: both;
display: block;
content: "";

}

.halfContentsBlock .parallel dt{
    width:80px;
}
.halfContentsBlock .parallel dd{
    width:220px;
}

/* 1/3幅コンテンツ */
.onethirdContentBlock{
margin-right: -25px;
}
.onethirdContentBlock .content,
.onethirdBlock{
/* pcss onethird_content */

float:left;
width:200px;
margin: 0px 15px 20px 0px;

}
.onethirdContentBlock:after{
/* pcss clearfix */

clear: both;
display: block;
content: "";

}

.tmpLeftImg:after,
.tmpRightImg:after,
.tmpLeftImg2:after,
.tmpRightImg2:after,
dl.parallel:after{
/* pcss clearfix */

clear: both;
display: block;
content: "";

}

.tmpLeftImg .imgBlock,
.tmpLeftImg2 .imgBlock{
float:left;
padding:0;
margin:0px 30px /* pcss space_w */  30px /* pcss space_h */  0px;
}
.tmpRightImg .imgBlock,
.tmpRightImg2 .imgBlock {
float:right;
padding:0;
margin:0px 0px 30px /* pcss space_h */  30px /* pcss space_w */ ;
}

.tmpLeftImg2 img{
width:300px /* pcss side_w */ ;
}
.tmpRightImg2 img{
width:300px /* pcss side_w */ ;
}

.tmpLeftImg .textBlock{
}
.tmpLeftImg2 .textBlock{
width:calc(100% - 330px);
float:right;
}
.tmpRightImg .textBlock{
}
.tmpRightImg2 .textBlock{
width:300px;
float:left;
}
.tmpLeftImg .textBlock>h1:first-child,
.tmpLeftImg .textBlock>h2:first-child,
.tmpLeftImg .textBlock>h3:first-child,
.tmpLeftImg .textBlock>h4:first-child,
.tmpLeftImg .textBlock>h5:first-child,
.tmpLeftImg .textBlock>h6:first-child,
.tmpLeftImg2 .textBlock>h1:first-child,
.tmpLeftImg2 .textBlock>h2:first-child,
.tmpLeftImg2 .textBlock>h3:first-child,
.tmpLeftImg2 .textBlock>h4:first-child,
.tmpLeftImg2 .textBlock>h5:first-child,
.tmpLeftImg2 .textBlock>h6:first-child,
.tmpRightImg .textBlock>h1:first-child,
.tmpRightImg .textBlock>h2:first-child,
.tmpRightImg .textBlock>h3:first-child,
.tmpRightImg .textBlock>h4:first-child,
.tmpRightImg .textBlock>h5:first-child,
.tmpRightImg .textBlock>h6:first-child,
.tmpRightImg2 .textBlock>h1:first-child,
.tmpRightImg2 .textBlock>h2:first-child,
.tmpRightImg2 .textBlock>h3:first-child,
.tmpRightImg2 .textBlock>h4:first-child,
.tmpRightImg2 .textBlock>h5:first-child,
.tmpRightImg2 .textBlock>h6:first-child
{
margin-top: 0px;
}

/* =======エディターテンプレートと共通================================================ */
.tmpLeftImg:after,
.tmpRightImg:after{
clear: both;
display: block;
content: "";
}

.tmpLeftImg .imgBlock {
float:left;
padding:0;
margin:0px 30px 30px 0px;
}
.tmpRightImg .imgBlock {
float:right;
padding:0;
margin:0px 0px 30px 30px;
}

table.tmpLeftImg2,
table.tmpRightImg2{
table-layout:auto;
border: 0px none;
}
table.tmpLeftImg2 td,
table.tmpRightImg2 td{
border: 0px none;
}
table.tmpLeftImg2 img{
padding-right: 30px;
}
table.tmpRightImg2 img{
padding-left: 30px;
}

/* === 記事一覧 ==================================== */
.articleList-body {
  position: relative;
  background: #fff;
  text-align: left;
  height: 360px;
  padding-bottom: 60px;
  padding: 10px;
  margin: 0 8px;
}

.articleList-body figure {
  position: relative;
  margin: 0;
}

.articleList-body h3 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  font-size: 1.1rem;
  font-weight: 300;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: calc(1.2em * 6);
  margin: 10px .4em;
}

.articleList-body .list-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #ebebeb;
  font-size: .9em;
  padding: 10px 10px 5px;
}

.articleList-body .list-meta .date {
  display: flex;
}

.articleList-body .list-meta .tag {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -3px;
}

.articleList-body .list-meta .date::before,
.articleList-body .list-meta .tag::before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
}

.articleList-body .list-meta .date::before {
  background-image: url(../img/icon/date.svg);
  margin-right: 5px;
}

.articleList-body .list-meta .tag::before {
  background-image: url(../img/icon/tag.svg);
  margin-bottom: 2px;
}

.articleList-body .list-meta .tag span {
  margin-left: 5px;
}

/* =======================================
    Slick カスタムパーツ
   ======================================= */
.slick-arrow,
.slick-dots button {
  display: block;
  border: 0;
  line-height: 0;
  padding: 0;
  margin: auto;
  cursor: pointer;
}

.slick-arrow {
  position: absolute;
  display: block;
  font-size: 0;
  z-index: 10;
}

.slick-dots {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  cursor: pointer;
}

.slick-dots li button {
  background: #d5ddae;
  border-radius: 100%;
  font-size: 0;
  width: 10px;
  height: 10px;
}

.slick-dots li.slick-active button {
  background: #286c09;
}

/* slide List */
.slick-slideList {
  padding: 0 60px;
}

.slick-slideList .slick-slide img {
  max-width: 100%;
  margin: auto;
}

.slick-slideList .slick-arrow {
  top: calc(50% - 25px);
  background: #fff;
  width: 40px;
  height: 50px;
}

.slick-slideList .slick-arrow::before {
  content: '';
  position: absolute;
  top: 14px;
  display: block;
  border: solid #286c09;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}

.slick-slideList .slick-prev {
  left: 0;
}

.slick-slideList .slick-prev::before {
  left: 15px;
  border-width: 0 0 3px 3px;
}

.slick-slideList .slick-next {
  right: 0;
}

.slick-slideList .slick-next::before {
  right: 15px;
  border-width: 3px 3px 0 0;
}

@media(max-width: 1024px){
  .slick-slideList {
    padding: 0 50px;
  }
}

@media(max-width: 768px){
  .slick-slideList {
    padding: 0 50px;
  }

  .slick-slideList .slick-arrow {
    width: 30px;
  }

  .slick-slideList .slick-arrow::before {
    top: 16px;
    width: 15px;
    height: 15px;
  }

  .slick-slideList .slick-prev::before {
    left: 11px;
  }

  .slick-slideList .slick-next::before {
    right: 11px;
  }
}#header {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 4px solid #5EAE19;
  width: 100%;
  height: 120px;
  z-index: 1000;
}

#header a {
  display: inline-block;
  text-decoration: none;
}

#header .h-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1260px;
  height: 100%;
  padding: 0 10px;
  margin: 0 auto;
}

#header h1.logo {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  z-index: 1010;
}

#header h1.logo > a {
  position: relative;
}

#header h1.logo .logo-sub {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  display: inline-block;
  color: #2e0000;
  font-size: 1rem;
  font-weight: 300;
  width: 450px;
  padding: 0 2px;
  margin: auto;
}

#header h1.logo img.sp {
  display: none;
}

#header .h-gNav-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 12px;
}

#header .h-link {
  display: flex;
  justify-content: flex-end;
  font-size: .9rem;
}

#header .h-link li {
  padding: 0 10px;
}

#header .h-link li:not(:last-child),
#header .h-gNav .gNav-main-btn {
  border-right: 1px solid #dadf61;
}

#header .h-link a,
#header .search-btn {
  display: block;
  color: #3b4043;
  padding: 2px 10px;
}

#header .h-search .search-btn {
  position: relative;
  padding-right: 32px;
  cursor: pointer;
}

#header .h-search .search-btn::before,
#header .h-search .search-btn::after {
  content: '';
  position: absolute;
  display: block;
}

#header .h-search .search-btn::before {
  top: -3px;
  right: 0;
  width: 30px;
  height: 30px;
}

#header .h-search .search-btn::after {
  top: 2px;
  right: 8px;
  background: url(../img/icon/search.svg) no-repeat;
  width: 16px;
  height: 16px;
}

#header #searchBox {
  position: absolute;
  right: 20px;
  display: none;
  background: #d5ddae;
  padding: 15px 10px 15px 15px;
  z-index: 100;
}

#header #searchBox input {
  display: block;
  border: none;
  outline: none;
  height: 36px;
}

#header #searchBox input[type=text] {
  width: 350px;
  padding: 0 10px;
}

#header #searchBox input[type=submit] {
  background: #286c09;
  color: #fff;
  padding: 0 18px;
}

#header #searchBox .btn-close {
  color: #49360c;
  margin: 16px 0 0 .6em;
}

#header .h-search #search-tgl:checked ~ .search-btn::before {
  background-color: #d5ddae;
}

#header .h-search #search-tgl:checked ~ #searchBox {
  display: flex;
}

#header .h-gNav {
  display: flex;
}

#header .h-gNav .gNav-main-btn {
  position: relative;
  display: inline-block;
  color: currentColor;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: center;
  min-width: 174px;
  padding: 2px 20px;
  cursor: pointer;
}

#header .h-gNav .gNav-sub-tgl {
  display: none;
}

#header .h-gNav .gNav-sub {
  padding: 0 0 12px;
}

#header .gNav-sub-inner {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  background: #5EAE19;
  background-image: url(../img/header/bg-gNav-sub.svg);
  background-repeat: no-repeat;
  background-position: right 30px bottom -20px;
  background-size: 380px;
  min-height: 420px;
  padding: 70px calc(50vw - 50% + 30px) 30px;
  margin: 0 calc(50% - 50vw);
}

#header .h-gNav .gNav-sub.on .gNav-sub-inner {
  display: block;
}

#header .h-gNav .gNav-sub.on > .gNav-main-btn::before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: calc(50% - 16px);
  border: 16px solid transparent;
  border-bottom-color: #5EAE19;
}

#header .gNav-sub-inner li {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 20px);
  margin: 20px 10px 0 0;
}

#header .gNav-sub-inner.col3 li {
  width: calc(33% - 20px);
}

#header .gNav-sub-inner li > a {
  display: flex;
}

#header .gNav-sub .gNav-sub-img {
  display: inline-block;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 114px;
  height: 76px;
}

#header .gNav-sub .gNav-sub-title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  text-align: left;
  vertical-align: top;
  padding: 5px 0 0 25px;
  margin-left: 10px;
}

#header .gNav-sub .gNav-sub-title::before,
#header .gNav-sub .gNav-sub-title::after {
  content: '';
  position: absolute;
}

#header .gNav-sub .gNav-sub-title::before {
  top: .5em;
  left: 0;
  background: #ffe100;
  width: 16px;
  height: 16px;
}

#header .gNav-sub .gNav-sub-title::after {
  top: calc(.5em + 4px);
  left: 2px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

#header .gNav-sub .gNav-close {
  position: absolute;
  top: 30px;
  right: 25px;
  display: block;
  color: #fff;
  text-align: center;
  width: 50px;
}

#header .gNav-sub .gNav-close .btn-close {
  display: block;
  border-radius: 1em;
  width: 3em;
  height: .25em;
  margin: 10px auto 20px;
}

/* スマホ用 */
.nav-tgl-btn {
  position: fixed;
  top: 12px;
  right: 100px;
  display: none;
  background: #5eae19;
  border-radius: 3px;
  width: 50px;
  height: 40px;
  z-index: 1011;
  cursor: pointer;
}

.nav-tgl-btn span,
.nav-tgl-btn::before,
.nav-tgl-btn::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: 10px;
  display: block;
  background: #fff;
  width: 30px;
  height: 2px;
  transition: .5s;
}

.nav-tgl-btn::before {
  transform: translateY(-8px);
}

.nav-tgl-btn::after {
  transform: translateY(8px);
}

.nav-tgl-bg {
  position: fixed;
  top: 70px;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  cursor: pointer;
  transition: .3s;
}

#nav-tgl:checked + .nav-tgl-btn span {
  transform: scaleX(0);
}

#nav-tgl:checked + .nav-tgl-btn::before {
  transform: rotate(45deg);
}

#nav-tgl:checked + .nav-tgl-btn::after {
  transform: rotate(-45deg);
}

#nav-tgl:checked ~ .nav-tgl-bg {
  background: rgba(0, 0, 0, .3);
  pointer-events: auto;
}

@media(max-width: 1200px){
	#header .h-gNav .gNav-main-btn {
		min-width: inherit;
	}
}

@media(max-width: 1024px){
  	#header {
		height: 70px;
	}

	#header .h-wrap {
		padding: 0;
	}

	#header h1.logo {
		background: #fff;
		width: 100%;
		padding: 0 20px 10px;
	}

	#header h1.logo .logo-sub {
			top: 0;
			font-size: .6rem;
			text-align: left;
      width: 300px;
			padding-left: 10px;
	}

	#header h1.logo img.pc {
		display: none;
	}

	#header h1.logo img.sp {
		display: block;
		height: 60px;
	}

	/* navi */
	#header .nav-tgl-btn,
	#header .nav-tgl-bg {
		display: block;
	}

	#header .h-gNav-wrap {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		background: #5eae19;
		color: #fff;
		padding-top: 0;
		transform: translateY(calc(-100% - 70px));
		transition: .3s;
		z-index: 2;
	}

	#nav-tgl:checked ~ .h-gNav-wrap {
		transform: translateY(0);
	}

	#header .h-link {
		display: block;
		order: 1;
	}

	#header .h-link li,
	#header .h-gNav .gNav-main-btn {
		border-right: none;
	}

	#header .h-link li:not(:last-child),
	#header .h-gNav > li {
    border-right: none;
		border-bottom: 1px solid #dadf61;
		padding: 0;
	}

	#header .h-link a,
	#header .h-gNav .gNav-main-btn {
		color: currentColor;
		font-weight: 300;
		padding: 12px 10px 10px;
	}

	#header .h-link li.h-serch {
		text-align: center;
		padding: 20px 10px;
	}

	#header .h-serch .serch-btn,
	#header #serchBox .btn-close,
	#header .gNav-sub .gNav-close,
	#header .h-gNav .gNav-sub > a::before,
	#header .gNav-sub .gNav-sub-img {
		display: none;
	}

	#header #serchBox {
		position: relative;
		display: inline-block;
		padding: 10px;
	}

	#header #serchBox input {
		display: inline-block;
	}

	#header #serchBox input[type=text] {
		width: auto;
	}

	#header .h-gNav {
		display: block;
	}

	#header .h-gNav .gNav-sub {
		position: relative;
		padding: 0;
	}

	#header .h-gNav .gNav-sub-tgl {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		display: block;
		padding: 15px 10px 10px;
		margin: auto;
		cursor: pointer;
	}	

	#header .h-gNav .gNav-sub-tgl::before {
		content: '';
		display: block;
		border: solid #fff;
		border-width: 0 0 2px 2px;
		width: 10px;
		height: 10px;
		transform: rotate(-45deg);
		transition: .3s;
	}	

	#header .gNav-sub-tgl.down::before {
		transform: rotate(135deg);
	}

	#header .h-gNav .gNav-main-btn {
		display: block;
		text-align: left;
		padding-right: 60px;
	}

	#header .gNav-sub-inner {
		position: relative;
		background-color: #589e1b;
		background-image: none;
		width: 100%;
		min-height: initial;
		padding: 0;
		margin: 0;
	}

	#header .gNav-sub-inner li,
  #header .gNav-sub-inner.col3 li {
		display: block;
		width: 100%;
		padding: 2px;
		margin: 0;
	}

	#header .gNav-sub-inner li > a {
		padding: 6px 0 8px;
	}

	#header .gNav-sub-inner li:not(:last-child) {
		border-bottom: 1px solid #4f8c19;
	}

	#header .gNav-sub .gNav-sub-title {
		font-size: 1rem;
	}

  #header .h-search .search-btn,
  #header .h-search .btn-close {
    display: none;
  }

  #header #searchBox {
    position: static;
    display: flex;
    background: none;
    padding: 20px 0;
  }

  main#contents {
		padding-top: 70px;
	}
}#footer a {
  color: currentColor;
  text-decoration: none;
  transition: .3s;
}

#footer a:not(.what):hover {
  opacity: .6;
}

#f-banner {
  background: #f8f9cc;
  text-align: center;
  padding: 45px 10px;
}

#f-banner .f-bn-slick {
  max-width: 1200px;
  margin: auto;
}

#f-banner .f-bn-slick-item {
  margin: 0 10px;
}

#f-banner .f-bn-slick-item a > img {
  display: inline-block;
  /* object-fit: cover; */
  font-family: 'object-fit: cover;';
  width: 250px;
  height: 75px;
}

#f-sitemap {
  background: #dadf61;
  padding: 20px 10px 10px;
}

#f-sitemap .f-sitemap-wrap {
  display: flex;
  justify-content: space-around;
  background-image: url(../img/footer/bg-sitemap.svg);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 1400px;
  min-height: 250px;
  padding: 10px 100px;
  margin: auto;
}

#f-sitemap dl {
  width: 30%;
  margin: 0;
}

#f-sitemap .f-sitemap-wrap::after {
  content: '';
  display: block;
  width: 30%;
  height: 0;
}

#f-sitemap .f-sitemap-head {
  position: relative;
  font-weight: 300;
  padding-left: 15px;
}

#f-sitemap .f-sitemap-head > a::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  border: 7px solid transparent;
  border-left: 10px solid #286c09;
}

#f-sitemap dd {
  border: none;
  padding: 0;
  margin: 0;
}

#f-sitemap .f-sitemap-link li {
  position: relative;
  padding-left: 18px;
  margin: 10px 10px 10px 1em;
}

#f-sitemap .f-sitemap-link li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  background: #5eae19;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

#f-adds {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding: 15px 50px 20px;
  margin: auto;
}

#f-adds .f-adds-img {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
}

#f-adds .logo {
  margin-right: 28px;
}

#f-adds address {
  color: #4a350d;
  font-style: normal;
  margin-right: 20px;
}

#f-adds .sns {
  display: flex;
}

#f-adds .sns li {
  margin: 0 5px;
}

#f-link,
#f-copy {
  color: #fff;
  text-align: center;
  padding: 10px;
}

#f-link {
  display: flex;
  justify-content: center;
  background: #5eae19;
}

#f-link li {
  border-right: 1px solid currentColor;
  padding: 0 10px;
}

#f-link li:last-child {
  border-right: 0;
}

#f-copy {
  background: #286C09;
}

/* TOPへ戻る */
#footer .float {
  position: fixed;
  right: 1.5vw;
  top: calc(95vh - 130px);
  z-index: 12;
}

#footer .float .whatWrap,
#footer .float .pageTop {
  display: inline-block;
}/* CSS Document */
@charset "utf-8";
@media all{


	#top360:after,
	#topMenu:after,
	#spotImages:after,
	.memPageList a:after,
	.photoPrize#prize4 ul:after,
	#recipeList:after,
	.specialList li:after{
		/* pcss clearfix */

clear: both;
display: block;
content: "";

	}

	/* === サイトマップ ====================== */
		#sitemap ul{
			margin-left:50px;
			background:url(../img/sitemapborder.gif) #ffffff repeat-y 0px;
		}
		#sitemap>ul{
			margin-left:0px;
			background-image:none;
		}
		#sitemap>ul>li{
			font-size:1.2em;
			line-height:200%;
		}
		#sitemap li>h2{
			font-weight:normal;
			font-size:1em;
			margin: 5px 0;
		}
		#sitemap li{
			/* pcss listlink */

		list-style:none;
		background: url(../img/icon_list_link.png) no-repeat 0px 0.7em;
		padding: 5px 0px 5px 20px;
	
			line-height:180%;
			background-position: 0px 0.9em;
		}
		#sitemap li li{
			font-size:0.9em;
			list-style:none;
			background: url(../img/icon_lower_dir.png) no-repeat 0px 0.8em;
			padding: 2px 0px 2px 20px;
		}
		#sitemap li li:last-child{
			background: url(../img/icon_list_lower_dir_end.png) no-repeat 0px 0.8em;
			padding: 2px 0px 2px 22px;
		}

		#sitemap ul ul ul{
			margin-left:-22px;
			padding-left:48px;
			background:url(../img/sitemapborder.gif) #ffffff repeat-y 48px 0px;
			margin-bottom: 0px;
		}

	/* === 今月の360 ====================== */
		#top360{
			line-height: 160%;
			padding:5px 0px 10px 0px;
		}
		#top360 h1{
			margin-top: -5px;
			margin-right: 15px;
			float: left;
		}

		#top360 h2{
			margin-bottom: 8px;
		}
		#top360main{
			width: 480px;
			float: left;
			margin-right: 15px;
		}

		#top360right{
			width:305px;
			float: right;
		}
		#top360link{
			margin: 5px -10px 0px 0px;
		}
		#top360link a{
			/* pcss btn */

display: inline-block;
padding: 3px;
text-align: center;
background:url(../img/btn_bg.gif) no-repeat ;
background-position: right ;

			/* pcss btn_arrow */

padding-right: 18px;
background-image:url(../img/btn_bg_arrow.gif) ;

			width: 127px;
			margin-right: 4px;
		}
		#top360link a:hover{
			/* pcss btn_arrow_hover */

background-image:url(../img/btn_bg_arrow_on.gif) ;

		}
		#top360link img{
			margin: auto;
		}

		#top360 dl.parallel,
		#top360 dl.parallel dt,
		#top360 dl.parallel dd{
			border:0px none;
			padding: 0px;
			margin: 0px;
		}

		#top360 dl.parallel dt{
			width:20%;
		}
		#top360 dl.parallel dd{
			width:80%;
		}
		#top360 th{
			background-color: transparent;
		}

	/* === 特産推奨品 ====================== */
		.specialList{
		}
		.main .content .specialList h3{
			margin: 0px 0px 8px 0px;
		}
		.specialList li{
			clear:both;
		}
		.specialList .listImgBox,
		.specialList .imgBlock {
			width:200px;
			height:130px;
			float:left;
		}
		.SpecialDetail{
			width:calc(100% - 220px);
			float:right;
		}

		.specialList dt,
		.specialList dd{
			/* pcss reset */

padding: 0px;
margin: 0px;
height: auto;
width: auto;
background: none;
font-size: 1em;
color:#333333;
border:0px none;
list-style:none;

		}
		.specialList dt{
			clear: both;
			width:100px;
			float: left;
		}

	/* === 会員ページ一覧(スポット検索結果) ====================== */
		.memPageList a{
			display: block;
			text-decoration: none;
			transition: .3s;
		}
		.memPageList a .outline{
			color:#333333 /* pcss color0 */ ;
			min-height: 6em;
		}
		.memPageList a:hover{
			opacity: .7;
		}
		.memPageList p.listImgBox{
			border:1px solid #cccccc /* pcss border0 */ ;
			position: relative;
			width: 188px;
			height: 188px;
			padding:5px;
			float:left;
			margin-bottom: 5px;
		}
		.memPageList .listImgBox img{
			max-width: 188px;
			max-height: 188px;
			/* pcss center_img */

position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

		}
		.memPageList .outline,
		.main .content .memPageList h3{
			clear: none;
			border: 0px none;
			padding: 0px;
			margin: 0px;
		}
		#FrontDPagesSpotsSearch .content header label{
			width:80px;
		} */



	/* === 会員ページ一覧(業種別会員一覧) ====================== */
		.memPageList2 li{
			margin-top: 10px /* pcss inside_space2 */ ;
			padding-bottom:  2px;
			border-bottom: 1px solid #cccccc /* pcss border0 */ ;
		}
		.main .content .memPageList2 h3{
			border-bottom:0px none;
			margin-bottom: 5px;
		}
		.main .content .memPageList2 p{
			margin-bottom: 8px;
		}
		.memTel{
			display: inline-block;
			width:220px;
		}

	/* === 体験農園 ====================== */

		#farmList{
			width:660px;
		}
		#farmList li{
			width:300px;
			height:11em;
			float:left;
			margin-right:30px /* pcss space_w */ ;
		}
		#farmList .label{
			width:60px;
		}

		#farmList a{
			display:block;
			margin-top:5px;
		}

	/* === 協会会員ページ ====================== */
		#FrontDPagesSpotDetail .main .content > header h1{
			margin-bottom: 12px;
		}
		#spotImages p{
			position: relative;
			width:450px;
			height:450px;
			padding: 9px;
			border:1px solid #cccccc /* pcss border0 */ ;
			float: left;
		}
		#spotImages ul{
			float: right;
		}
		#spotImages li{
			position: relative;
			width:140px;
			height:140px;
			padding: 4px;
			margin-bottom: 10px;
			border:1px solid #cccccc /* pcss border0 */ ;
			cursor: pointer;
		}
		#spotImages li:hover{
			opacity: 0.7;
		}
		#spotImages img{
			/* pcss center_img */

position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

		}
		#spotImages p img{
			max-width: 450px;
			max-height: 450px;
		}
		#spotImages li img{
			max-width: 140px;
			max-height: 140px;
		}
		#spotAccess #map{
			margin-top: 30px /* pcss space_h */ ;
		}



	/* === 観光コース ====================== */
		#course_list01 li{
			margin-bottom: 15px /* pcss inside_space */ ;
		}
		#course_list01 a:hover img{
			opacity: 0.7;
		}

		ol#courseDetail li{
			position:relative;
			border:1px solid #cccccc /* pcss border0 */ ;
			border-radius:10px;
			padding:15px /* pcss inside_space */ ;
			margin:15px /* pcss inside_space */  0px 70px 0px;
			list-style-type: none;
		}

		#courseDetail h3 {
			margin:0px 0px 8px 0px;
			padding:0px;
			border:0px none;
		}

		.main .content p.spotComment {
			margin:0px;
		}

		.traffic{
			position:absolute;
			bottom:-85px;
			padding:20px 0px 20px 70px;
			background:url(../img/course_arrow.png) no-repeat left bottom;
		}

		#courseDetail .tmpRightImg2 img{
			width:250px;
		}

		#courseDetail .tmpRightImg2 .imgBlock{
			margin-bottom:0px;
		}

		#courseDetail .tmpRightImg2 .textBlock {
			width:315px;
		}
}@media(min-width:800px){
	.pcOnly{display: block !important;}
	.spOnly{display: none !important;}
}

@media(max-width: 1200px){
	/* Footer */
	#f-sitemap .f-sitemap-wrap {
		padding: 10px;
	}
}

@media(max-width:799px){
	.pcOnly{display: none !important;}
	.spOnly{display: block !important;}

	#spHeadMenu ul:after,
	#topContent ul:after,
	.memPageList li:after{
		/* pcss clearfix */

		clear: both;
		display: block;
		content: "";
	
	}

	#wrap,
	#columnBody,
	#main,
	#columnBody>.main,
	#side,
	#map
	{
		width:100% !important;
		float:none;
	}
	iframe{
		max-width: 100% !important;
	}

	table{
		max-width:100%;
	}
	col{
		width:auto;
	}
	.btnBox img,
	.btnBox input,
	#top360link img{
		transform:scale(1.3);
	}

	.snsBox,
	.fontsizeBox,
	#searchBox{
		float: none;
	}

	.main .content > h1,
	.main .content > header h1{
		font-size:1.4em;
		padding:5% 20px;
		line-height: 140%;
	}
	.main .content header h1 span {
		line-height: 140%;
	}
	.main .content.miniAnq h1,
	#side .content.miniAnq h1{
		height:auto !important;
		padding : 8px;
	}
	#update header h1 {
    padding: 0px;
    margin: 0px;
    height: auto;
    width: auto;
    background: none;
    font-size: 1em;
    color: #333333;
    border: 0px none;
    list-style: none;
    box-shadow: none;
    clear: both;
    color: #c54420;
    text-align: left;
    font-weight: normal;
    font-size: 1.2em;
    border-bottom: 3px solid #ea8569;
    padding-bottom: 3px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
	#spotImages p{
		height:auto;
	}
	#spotImages li{
	    width:auto;
	    height: auto;
	    max-width:25%;
	    margin:5px 1% 0px 0px !important;
	}
	#spotImages li img{
		position: relative;
		max-width:95%;
		max-height:95%;
	}
	#spHeadMenu li{
		width:25%;
		float:left;
	}
	#spHeadMenu li.home{
		width:100%;
	}
	#spHeadMenu img{
		width:100%;
	}
	#spHeadFuncBar{
		text-align: center;
		margin-bottom: 15px /* pcss sp_margin1 */ ;
	}
	#crumbs{
		margin: 0px 15px;
	}
	.content{
		margin: 0px;
	}
	#comment{
		max-width: 100%;
	}

	dl.parallel dt, dl.parallel dt.first{

	}

	.tmpLeftImg .imgBlock,
	.tmpRightImg .imgBlock,
	.tmpLeftImg2 .imgBlock,
	.tmpRightImg2 .imgBlock{
		width: 100%;
		margin: 0px auto 15px /* pcss sp_margin1 */  auto;
		float: none;
	}
	.tmpLeftImg .imgBlock img,
	.tmpRightImg .imgBlock img,
	.tmpLeftImg2 .imgBlock img,
	.tmpRightImg2 .imgBlock img{
		max-width: 100%;
	}
	.tmpLeftImg .textBlock,
	.tmpRightImg .textBlock,
	.tmpLeftImg2 .textBlock,
	.tmpRightImg2 .textBlock{
		width: 100%;
	}
	.halfContentsBlock .content, .halfBlock{
		width: 100%;
		float: none;
		margin: 0px auto 15px /* pcss sp_margin1 */  auto;
	}
	.halfContentsBlock{
		margin: auto;
	}
	.halfContentsBlock .parallel dd{
		width: auto;
	}


	dl.parallel dt,
	dl.parallel dt.first{
		float: none;
		width: auto;
		padding: 0px;
		margin: 0px;
		border: 0px none;
	}
	dl.parallel dd,
	dl.parallel dd.first{
		float: none;
		width: auto;
		padding: 5px 0px;
		margin: 0px 0px 8px 0px;
		border: 0px none;
		border-bottom: 1px solid #cccccc /* pcss border0 */ ;
	}
	#footerRight .btnBox a {
	    display: inline-block;
	    padding: 0px 50px;
	}
	

	/* SNSボタン ------------------ */
	#spSnsBox{
		text-align: center;
		margin-top: 30px /* pcss sp_margin2 */ ;
		margin-bottom: 15px /* pcss sp_margin1 */ ;
		/*transform:scale(1.3);*/

	}
	#twitter-widget-0, .fb-like{
		float: none;
	}
	#___plusone_0{
		width: 70px !important;
		overflow: hidden;
	}

	/* サイト内検索 ------------------ */
	#spSearchBox{
		display: inline-block;
		padding-right: 15px /* pcss sp_margin1 */ ;
	}
	#spSearchBox #searchText{
		display: inline-block;
		float: none;
		width: 150px;
		height: 22px;
		vertical-align: middle;
	}
	#spSearchBox #searchSubmit{
		display: inline-block;
		float: none;
		height: 30px;
		vertical-align: middle;
	}

	/* 今月の360° ------------------ */
	.spOnly #top360{
		padding: 15px /* pcss sp_margin1 */   15px /* pcss sp_margin1 */  0px  15px /* pcss sp_margin1 */  ;
	}
	.spOnly #top360 td,
	.spOnly #top360 th{
		padding: 0px;
		border:0px none;
	}
	.spOnly #top360 th{
		vertical-align: middle;
		padding-bottom: 15px /* pcss sp_margin1 */ ;
		text-align: left;
	}
	.spOnly #top360 th h1,
	.spOnly #top360 th img,
	.spOnly #top360 th h2{
		display: inline-block;
		vertical-align: middle;
	}

	.spOnly #top360 h1{
		width: 25%;
		float: none;
	}
	.spOnly #top360 h1 img{
		width: 100%;
	}
	.spOnly #top360 h2{
	}

	.spOnly #top360 p,
	.spOnly #top360 dl{
		margin-bottom: 15px /* pcss sp_margin1 */ ;
	}
	.spOnly #top360 dl{
		margin-top: 15px /* pcss sp_margin1 */ ;
		padding-top: 15px /* pcss sp_margin1 */ ;
		border-top:1px solid #cccccc /* pcss border0 */ ;
	}
	#top360link{
		text-align: center;
		margin-right: -2%;
	}
	#top360link a{
		width:40%;
		margin-right: 2%;
		padding: 10px 5% 10px 2%;
	}

	#topContent ul{
		width: auto;
		clear: both;
		margin-right: 0px;
	}
	#topContent li{
		width: 50%;
		margin: 0px;
		float: left;
	}
	#topContent li img{
		width: 100%;
	}

	/* スポット検索 */
	#spotSearch_area{
		border:0px none;
		float: none;
		margin: auto;
	}
	#spotSearch_area h1{
		margin-left: -15px;
	}
	#spotSearch_category{
		float: none;
		width: auto;
		margin-top: 15px /* pcss sp_margin1 */ ;
	}

	ul.post-list li .title {
		width: 100%;
		margin: 0px;
	}



	/* バナー ------------------ */
	#sideBanner ul{
		margin: 0px 20%;
	}

	#sideBanner li img{
		width:100%;
	}

	/* フッター ------------------ */
	#f-banner {
		background-image: url(../img/footer/bg-sp-banner.svg);
		background-repeat: no-repeat;
		background-position: bottom -1px right 20px;
		background-size: 100px;
	}

	#f-sitemap,
	#f-sitemap .f-sitemap-wrap {
		display: block;
		background-image: none;
		min-height: initial;
		padding: 0;
	}

	#f-sitemap .f-sitemap-wrap {
		padding: 10px;
	}
	#f-sitemap dl {
		width: 100%;
	}

	#f-sitemap .f-sitemap-wrap .f-sitemap-head {
		border-bottom: 1px solid #f8f9cc;
		padding: 10px 50px 10px 30px;
		cursor: pointer;
	}

	#f-sitemap .f-sitemap-wrap .f-sitemap-head::before,
	#f-sitemap .f-sitemap-wrap .f-sitemap-head::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		display: block;
		background: #286c09;
		width: 28px;
		height: 2px;
		margin: auto;
		transition: .5s;
	}

	#f-sitemap .f-sitemap-wrap .f-sitemap-head::after {
		right: 22px;
		width: 2px;
		height: 28px;
	}

	#f-sitemap .f-sitemap-wrap .f-sitemap-head.on::before {
		transform: rotate(180deg);
	}

	#f-sitemap .f-sitemap-wrap .f-sitemap-head.on::after {
		transform: rotate(-90deg);
		opacity: 0;
	}

	#f-sitemap .f-sitemap-head > a::before {
		top: calc(50% - 7px);
		left: 10px;
	}

	#f-sitemap .f-sitemap-wrap dd {
		display: none;
	}

	#f-sitemap .f-sitemap-head.on + dd {
		display: block;
	}

	#f-sitemap .f-sitemap-wrap dl:not(:last-child) dd {
		border-bottom: 1px solid #f8f9cc;
	}

	#f-adds {
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		padding: 30px 15px 10px;
	}

	#f-adds .f-adds-img,
	#f-adds .logo {
		position: relative;
		left: 0;
		display: inline-block;
		max-width: calc(50% - 10px);
		margin: 0;
	}

	#f-adds address {
		font-size: .8em;
		line-height: 1.6;
		margin-top: 10px;
	}

	#f-adds .sns {
		margin-top: 10px;
	}

	#f-link {
		display: block;
		text-align: left;
		padding: 15px 10px;
	}

	#f-link li {
		position: relative;
		border: none;
		padding-left: 2em;
		margin: 5px 0;
	}

	#f-link li::before {
		content: '・';
		position: absolute;
		left: .5em;
	}

	#footer .float {
		display: none;
	}

	/****会員一覧(検索)******************************************/

	.memPageList{
		width:100%;
	}
	.memPageList li{
		width: 28%;
		margin: 0px 5% 15px /* pcss sp_margin1 */  0px;
	}
	.memPageList p.listImgBox {
		width:auto;
		height:auto;
		min-width:100%;
	}
	.memPageList .listImgBox img{
		max-width:94%;
		max-height:94%;
	}
	.memPageList .listImgBox img.spOnly.sizeFix{
		position: relative;
		top:0px;
		left: 0px;
		min-width:100%;
		height:auto;
	}
	.memPageList a .outline{
		height: auto;
	}

	#spotImages p{
		width:auto;
		float: none;
	}
	#spotImages p img {
		position: relative;
		max-width: 100%;
		max-height: 100%;
	}

	#spotImages ul{
		float: none;
		text-align: center;
	}
	#spotImages li{
		display: inline-block;
		margin: 0px 8px;
	}
	.pagination span.disabled,
	.pagination span.prev,
	.pagination span.number,
	.pagination span.next{
		margin:0px 3px 8px 3px;
	}


	/****観光コース******************************************/
	#courseDetail .tmpRightImg2 .textBlock{
		width: auto;
		float: right;
	}

	#recipeList{
		width: auto;
	}
	#recipeList li{
		float: none;
		width: auto;
		margin: 8px 0px;
		text-align: center;
		height: auto;
	}
	#recipeList li a{
		height: auto;
	}
	#recipeList li img{
		margin: auto;
	}

	/****特産推奨品******************************************/
	ul.specialList .listImgBox{
		float:none;
		margin: 0px auto 5px auto;
	}
	.SpecialDetail {width:100%;}
	.main .content .specialList h3{
		text-align: center;
		border-bottom: 0px none;
	}
	.specialList dd{
		margin-left: 100px;
	}
	.specialList dl{
		padding-bottom: 15px /* pcss sp_margin1 */ ;
		border-bottom: 1px solid #cccccc /* pcss border0 */ ;
		margin-bottom: 15px /* pcss sp_margin1 */ ;
	}

	/****旬の体験農園******************************************/
	#Nouen .main .content .tmpLeftImg2 h3{
		border-bottom: 0px none;
	}
	#Nouen .tmpLeftImg2{
		padding-bottom: 15px /* pcss sp_margin1 */ ;
		border-bottom: 1px solid #cccccc /* pcss border0 */ ;
		margin-bottom: 30px;
	}

	/****写真コンテスト******************************************/
	#prize1,
	#prize2,
	#prize3,
	#prize4,
	#prize1 h2,
	#prize2 h2,
	#prize3 h2,
	#prize4 h2{
		background:none !important;
	}
	.photoPrize{
		width: 100% !important;
	}
	.photoPrize img{
		max-width: 100% !important;
		position: relative !important;
	}
	.photoPrize h2 img{
		max-width: 100%;
	}
	.photoPrize .photoBox{
		height: auto !important;
	}
	.photoInfo{
		padding: 8px 0px !important;
		background:none !important;
	}
	#prize4.photoPrize ul{
		width: auto;
	}
	#prize4.photoPrize li{
		float: none;
		margin: 0px auto 15px auto;
	}

	#gauramenStores{
		margin: auto;
	}
	#gauramenStores li {
		float: none;
		width: 100%;
		height: auto;
	}
	#gauramenStores p.listImgBox{
		width: auto;
		height: auto;
	}
	#gauramenStores li img{
		position: relative;
		max-width: 100%;
	}
	#gauramenStores dl{
		overflow: visible;
	}
	#gauramenStores .parallel dt,
	#gauramenStores .parallel dd{
		float: none;
		width: auto;
		margin: 0px;
		padding: 0px;
		line-height: 160%;
	}
	#gauramenStores dl,
	#gauramenStores .discription{
		height: auto;
	}
	/****お問い合わせ******************************************/
	#ContactIndex th,
	#ContactConfirm th{
		width:25%;
	}

	#ContactIndex td textarea{
		max-width:100%;
	}
	#ContactIndex td input[type=text]{
		max-width:70%;	
	}
}