@charset "utf-8";

html {
  scroll-behavior: smooth;
}

/*
-----------------------------------------------
▼幅
----------------------------------------------- */
.in-box01{
position:relative;
width:1180px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}

.in-box02{
position:relative;
width:920px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}

.in-box02b{
position:relative;
width:920px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}

.in-box03{
position:relative;
width:1240px;
margin-left:auto;
margin-right:auto;
}

.in-box04{
position:relative;
width:1080px;
margin-left:auto;
margin-right:auto;
}

.in-box05{
position:relative;
width:890px;
margin-left:auto;
margin-right:auto;
}

/*
-----------------------------------------------
▼幅 TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.in-box01,
.in-box02,
.in-box03,
.in-box04,
.in-box05{
width:100%;
padding-left:20px;
padding-right:20px;
}


.in-box02b{
width:100%;
margin-left:0;
margin-right:0;
padding-left:30px;
padding-right:30px;
}

}

/*
-----------------------------------------------
▼幅 TAB SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.in-box01,
.in-box02,
.in-box03,
.in-box04,
.in-box05{
width:100%;
padding-left:12px;
padding-right:12px;
}


.in-box02b{
width:100%;
margin-left:0;
margin-right:0;
padding-left:30px;
padding-right:30px;
}

}
/*
-----------------------------------------------
▼幅 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

}



/*
-----------------------------------------------
▼見出し
----------------------------------------------- */
.h-type01{
font-size:30px;
font-weight:bold;
}

.h-type02{
color:#fff;
font-size:34px;
border-bottom:solid 1px #fff;
display:inline-block;
margin-bottom:16px;
}

.h-type03{
font-size:24px;
border-bottom:solid 1px #999;
margin-bottom:30px;
padding:10px 0;
}

/*
-----------------------------------------------
▼見出し SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.h-type01{
font-size:20px;
}

.h-type02{
color:#fff;
font-size:20px;
border-bottom:solid 1px #fff;
display:inline-block;
margin-bottom:8px;
}

.h-type03{
font-size:18px;
margin-bottom:20px;
padding:10px 0;
}

.cap{
display:block;
}
}
/*
-----------------------------------------------
▼ヘッダ
----------------------------------------------- */
/* header{
width:100%;
position:fixed;
height:98px;
border-bottom:solid 1px #ccc;
background:#fff;
z-index:30;
top:0;
} */

header{
width:100%;
margin-left:auto;
margin-right:auto;
padding-bottom:1px;
position:static;
background:#fff;
z-index:20;
top: 0; 
left: 0;
right: 0;
}

header h1{
position:fixed;
width:100%;
z-index:100;
background:#fff;
height:98px;
border-bottom:solid 1px #ccc;
}

header h1 img{
position:fixed;
display:block;
top:5px;
left:50%;
width:248px;
margin-left:-124px;
z-index:100;

}

#head-in{
position:relative;
width:100%;
min-width:1130px !important;
}

.first-block{
padding-top:96px;
}

/*
-----------------------------------------------
▼header SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
header h1{
padding:0px 0px 0px 10px !important;
border-bottom:solid 1px #ccc;
top:-19px;
height:70px !important;
}

header h1 img{
position:fixed;
display:block;
top:5px;
left:0;
width:120px;
margin-left:10px;
}


/* ▼翻訳SP */
#glt-translate-trigger{
font-size:11px !important;
width:60px !important;
padding:8px 8px 8px 13px  !important;
margin:0 !important;
top:-22px !important;
left:auto !important;
right:60px !important;
}

.first-block{
padding-top:48px;
}

}


/*
-----------------------------------------------
PC用ナビゲーション
----------------------------------------------- */
.main-navi{
position:fixed;
top:25px;
left:20px;
z-index:100;
}

.navi > li{
display:inline-block;
vertical-align:top;
}

.navi > li > a{
display:block;
line-height:1.2 !important;
color:#333;
padding:15px;
background:url(/common/mk01.png) no-repeat 8px center;
}

.navi a:hover{
text-decoration:none;
color:#336633;
}

.navi{
width:100%;
}

.navi > li{
font-size:20px;
display:inline-block;
position:relative;
}

.navi01{
margin-right:10px;
}

.navi > li a{
display:block;
line-height:1.0 !important;
color:#333;
text-decoration:none;
}


.navi01 a,
.navi02 a{
width:172px;
text-align:center;
}

.navi > li a:hover{
text-decoration:none;
background-color:#eefaee;
}

/* ドロップダウンメニュー */
.navi li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0px;
  margin: 0;
  padding: 0;
}
.navi li ul li{
  width: 100%;
}
.navi li ul li a{
  padding: 10px;
  border-bottom: 1px solid #ccc;
  background-color:#eaebea;
  text-align: left;
  color:#333;
  font-size:14px;
}

.navi ul li a:hover{
  background-color: #336633;
  color:#fff;
}

.navi li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.navi li:hover ul li{
  overflow: visible;
  height: 35px;
}

/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
position:absolute;
top:65%;
left:16px;
font-size:1.1rem;
color:#fff;
}

/* --------------------------
        ナビゲーションTAB 
/*---------------------------*/
@media screen and (max-width: 768px) {
.main-navi{
display:none;
}
}

/* --------------------------
        ナビゲーションSP 
/*---------------------------*/

@media screen and (max-width: 767px) {
.navi03{
display:none !important;
}


.navi li{
  font-size: 1.0rem;
}

.navi li{
text-align:center;
margin-right:1.2rem;
}

/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
display:none !important;
}


.drawer-hamburger {
  margin-top:6px !important;
   margin-right:6px !important;
  width: 2.8rem;
  height:20px !important;
  padding-top:8px !important;
  padding-right: 8px !important;
  padding-bottom: 8px;
  padding-left: 8px !important;
}

.drawer-hamburger:hover {
  cursor: pointer;
  /*   background-color: transparent; */
}

.drawer-hamburger-icon {
  margin-top: 0px !important;
  margin-left:0px !important;
}
}

/* --------------------------
ハンバーガーメニュー内のレイアウト
/*---------------------------*/

.hmg-wrap{
padding:18px;
background:#ededed;
}

.hmg01{
display:inline-block;
margin-right:12px;
vertical-align:top !important;
}


.hmg01 .hmg-ttl{
background:#fff;
display:block;
border:solid 1px #ccc;
line-height:1.1;
width:9.4em;
text-align:center;
padding:0.5em 0;
margin-bottom:10px;
font-size:14px !important;
}

.hmg-li .drawer-menu-item {
line-height:1.2 !important;
font-size:13px !important;
}



/*
-----------------------------------------------
▼ヘッダ検索窓
----------------------------------------------- */
.search-box{
position:fixed;
top:30px;
right:240px;
z-index:100;
}

searchform {
  position: relative;
}
 
.searchfield {
  font-size: 14px;
  width: 200px;
  margin: 3px;
  padding: 5px 10px;
  border: solid 1px #bbb;
  border-radius: 20px;
  background-color: #fff;
}
 
.searchsubmit {
  font-family:'Font Awesome 5 Free';
   font-size: 18px; 
  font-size: 1.8rem;
  position: absolute;
  top: 0px;
  right: 20px;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #ccc;
  border: none;
  background: transparent;
  font-weight: 600;
}
 
.searchsubmit:hover {
  opacity: .6;
}




/*
-----------------------------------------------
▼フッタ部分
----------------------------------------------- */
.foot-ban{
margin-top:60px;
margin-bottom:50px;
}

.foot-ban-ul{
text-align:center;
/* width:750px; */
width:900px;
margin-left:auto;
margin-right:auto;
}

.foot-ban-ul li{
width:32%;
display:inline-block;
margin-right:1.8%;
margin-bottom:2%;
}

.foot-ban-ul li img{
max-width:100%;
height:auto;
}

.foot-ban-ul li:last-child{
margin-right:0px;
}


/* 追加 */
.foot-ban-ul02{
text-align:center;
width:900px;
margin-left:auto;
margin-right:auto;
}

.foot-ban-ul02 li{
width:32%;
margin-right:2%;
margin-bottom:2%;
}

.foot-ban-ul02 li:nth-of-type(3n){
margin-right:0;
}

.foot-ban-ul02 li img{
max-width:100%;
height:auto;
}

/* 追加 */




footer{
background:#faf8f8;
padding:15px 0 0 0;
}

.foot-h{
font-size:20px;
margin-bottom:8px;
}

.foot-address{
width:374px;
display:inline-block;
vertical-align:top;
}

.foot-navi{
width:760px;
display:inline-block;
vertical-align:top;
}

.foot-navi ul{
text-align:right;
}


.foot-navi li{
display:inline-block;
vertical-align:top;
margin-left:20px;
}

.foot-navi li a{
color:#333;
}

.foot-sns{
position:absolute;
right:24px;
bottom:10px;
}

.foot-sns a{
color:#336633;
}

.foot-sns a:hover{
color:#509250;
}

.foot-cr{
background:#336633;
padding:8px 0;
color:#fff;
text-align:center;
}

/*
-----------------------------------------------
▼ フッタ部分 TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.foot-navi{
display:none;
}

.foot-ban-ul,
.foot-ban-ul02{
width:100%;
margin-left:auto;
margin-right:auto;
}

.foot-ban-ul li{
display:inline-block;
margin-right:10px;
}



}

/*
-----------------------------------------------
▼ フッタ部分SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.foot-ban{
margin-top:15px;
margin-bottom:15px;
}

.foot-ban-ul,
.foot-ban-ul02{
width:100%;
margin-left:auto;
margin-right:auto;
}

.foot-ban-ul li{
/* margin-right:3%;
width:48%; */
padding-left:10px;
padding-right:10px;
width:100%;
margin-right:0;
margin-bottom:10px;
}


.foot-ban-ul02 li{
width:48%;
margin-right:4%;
margin-bottom:10px;
}

.foot-ban-ul02 li:nth-of-type(3n){
margin-right:4%;
}

.foot-ban-ul02 li:nth-of-type(2n){
margin-right:0;
}


.foot-ban-ul li:last-child{
margin-right:0;
}

.foot-address{
width:100%;
display:block;
}

.foot-navi{
display:none;
}



}


/*
-----------------------------------------------
▼ パンクズ
----------------------------------------------- */
.pk{
border-bottom:solid 1px #ccc;
padding-top:0.6em;
padding-bottom:0.5em;
}

.pk-ul li{
line-height:1.3 !important;
/* display:inline-block; */
display:inline;
}

.pk-ul li i{
margin-right:10px;
margin-left:10px;
}

.pk-ul li a{
color:#333 !important;
}

.pk-ul li a:hover{
text-decoration:underline !important;
}

/*
-----------------------------------------------
▼ Pk sp
----------------------------------------------- */
@media screen and (max-width: 767px) {
.pk{
font-size:14px !important;
padding-top:0.4em;
padding-bottom:0.4em;
}

}



/* --------------------------
        ページャー
---------------------------*/

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}




/* --------------------------
スポット詳細
/*---------------------------*/

.area-box{
display:inline-block;
margin-right:14px;
}

.area-box a{
display:block;
line-height:1.2;
padding:0.4em 1.2em;
font-size:15px;
color:#336633;
border:solid 1px #336633;
}

.area-box a:hover{
text-decoration:none;
background:#f3f6f3;
border:solid 1px #336633;
}

.spot-icn{
display:inline-block;
margin-right:16px;
}

.cate-icn{
height:26px !important;
width:auto;
}

.cap{
font-size:14px;
}

.spot-txt{
width:500px;
float:left;
}

.spot-txt p{
line-height:1.8 !important;
margin-bottom:0.8em;
}

.spot-info{
width:368px;
float:right;
}

.spot-info dl{
border-bottom:solid 1px #999;
}

.spot-info dt{
margin:12px 0 6px 0;
display:block;
background:#336633;
width:9em;
text-align:center;
line-height:1.2;
padding:0.4em;
color:#fff;
font-size:13px;
}

.spot-info dt.kokyo-dt{
margin:12px 0 6px 0;
background:#336633;
width:auto;
display:inline-block;
text-align:center;
line-height:1.2;
padding:0.4em;
color:#fff;
font-size:13px;
}

.spot-info dd{
margin-bottom:12px;
}

.first-dl dt{
margin-top:0 !important;
}

.slide{
margin-bottom:30px;
margin-top:15px;
}

/*
-----------------------------------------------
▼スポット詳細 TAB sp
----------------------------------------------- */
@media screen and (max-width: 768px) {
.area-box{
margin-right:10px;
margin-bottom:4px;
}

.area-box a{
padding:0.4em 1.0em;
font-size:13px;
margin-bottom:4px;
}

.spot-icn{
margin-right:10px;
}

.cate-icn{
height:20px !important;
width:auto;
}

.spot-txt{
width:100%;
float:none;
}

.spot-info{
width:100%;
float:none;
}

.foot-h{
font-size:17px;
margin-bottom:8px;
}

}

/* --------------------------
一覧基本
---------------------------*/

.ichiran_ul01 li{
width:360px;
display:inline-block;
vertical-align:top;
margin-right:22px !important;
margin-bottom:36px;
}

.ichiran_ul01 li:nth-child(3n){
margin-right:0px;
}

.area-ic{
display:inline-block;
line-height:1.1;
padding:0.4em 1.2em;
font-size:13px;
color:#336633;
border:solid 1px #336633;
margin-right:8px;
margin-bottom:5px;
}

.bdr01{
border:solid 1px #ccc;
}

.bdR1{
border:solid 1px;
}


/*
-----------------------------------------------
▼一覧基本 TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.ichiran_ul01 li{
width:30%;
display:inline-block;
vertical-align:top;
margin-right:2.5% !important;
margin-bottom:30px;
}
}


/*
-----------------------------------------------
▼一覧基本 sp
----------------------------------------------- */
@media screen and (max-width: 767px) {
.ichiran_ul01 li{
width:100%;
display:inline-block;
vertical-align:top;
margin-right:0px;
margin-bottom:30px;
}

}


/* --------------------------
エリア一覧基本
---------------------------*/

.ichiran_ul02 li{
width:264px;
display:inline-block;
vertical-align:top;
margin-right:24px;
margin-bottom:24px;
}

.ichiran_ul02 li:nth-child(4n){
margin-right:0px;
}

.nishiharima-map-wrap{
padding:40px 0;
background:url(/common/map_bg.png);
}

.city-info{
background:#f3f3f3;
padding:40px 0;
}

.h-type-area{
margin-top:50px;
letter-spacing:3px;
font-size:48px;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.h-type-area:before, .h-type-area:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.h-type-area:before {
  left:0;
}
.h-type-area:after {
  right: 0;
}

.en-cap{
display:block;
font-size:20px;
letter-spacing:2px;
margin-bottom:30px;
}

.area-cap{
width:760px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
font-size:18px;
line-height:1.9;
}

.area-img{
background-size:cover;
height:600px;
background-position:top center;
}

#ako-img{background-image:url(/common/ako_img.jpg);}
#aioi-img{background-image:url(/common/aioi_img.jpg);}
#tatsuno-img{background-image:url(/common/tatsuno_img.jpg);}
#kamigori-img{background-image:url(/common/kamigori_img.jpg);}
#shiso-img{background-image:url(/common/shiso_img.jpg);}
#taishi-img{background-image:url(/common/taishi_img.jpg);}
#sayo-img{background-image:url(/common/sayo_img.jpg);}

.box-fifty{
width:46%;
}

.mv-link{
position:relative;
}

.yt-icn{
position:absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100px;
height: auto;
margin: auto;
}

.btn-type01{
display:inline-block;
}

.btn-type01 a{
display:block;
background:#336633;
color:#fff;
text-decoration:none;
padding:0.6em 1.8em;
}

.btn-type01 a:hover{
background:#428042;
text-decoration:none;
}


.btn-type02{
display:inline-block;
}

.btn-type02 a{
display:block;
background:#fff;
color:#336633;
text-decoration:none;
padding:0.6em 1.8em;
border:solid 1px #336633;
}

.btn-type02 a:hover{
background:#f2f2f2;
text-decoration:none;
}



.ichiran_ul02 #sakura,
.ichiran_ul02 #koyo,
.ichiran_ul02 #spring,
.ichiran_ul02 #summer,
.ichiran_ul02 #winter,
.ichiran_ul02 #autumn{
display:none !important;
}

/*
-----------------------------------------------
エリア一覧基本 TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.area-cap{
width:100%;
padding-bottom:15px;
line-height:1.7;
}

.ichiran_ul02 li{
width:47%;
display:inline-block;
vertical-align:top;
margin-right:4%;
margin-bottom:30px;
}

.ichiran_ul02 li:nth-child(2n){
margin-right:0px;
}

}

/*
-----------------------------------------------
エリア一覧基本 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.ichiran_ul02 li{
width:100%;
display:inline-block;
vertical-align:top;
margin-right:0px;
margin-bottom:30px;
}

.box-fifty{
width:100%;
}

.h-type-area{
margin-top:20px;
letter-spacing:3px;
font-size:30px;
  position: relative;
  display: inline-block;
  padding: 0 50px;
  margin-bottom:0;
}

.h-type-area:before, .h-type-area:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.area-cap{
width:100%;
padding-bottom:15px;
font-size:15px;
line-height:1.7;
}

.en-cap{
margin-bottom:15px;
}

}

/* --------------------------
スポット一覧
---------------------------*/
.cate-ttl{
padding-top:30px;
padding-bottom:10px;
font-size:38px;
}

.cate-ttl span{
font-size:20px;
margin-right:24px;
}
.spot-cate-ttl{
height:218px;
background:url(/common/ttl_bg.jpg);
margin-bottom:48px;
}

.cate-ttl-p{
width:700px;
border-top:solid 1px #999;
padding-top:20px;
}


.cate-ttl-left{
display:inline-block;
vertical-align:top;
margin-right:15px;
margin-top:50px;
}

.cate-ttl-right{
display:inline-block;
vertical-align:top;
}

.cate-ttl-right .cate-ttl-p{
width:560px;
}



.cate-ttl-right02{
display:inline-block;
vertical-align:top;
}

.cate-ttl-right02 .cate-ttl-p{
width:500px;
}

/* スポットごとの背景 */
#nature .cate-img{
height:218px;
background:url(/common/ttl_nature.png) top right no-repeat;
}

#flower .cate-img{
height:218px;
background:url(/common/ttl_flower.png) top right no-repeat;
}

#history .cate-img{
height:218px;
background:url(/common/ttl_history.png) top right no-repeat;
}

#experience .cate-img{
height:218px;
background:url(/common/ttl_experience.png) top right no-repeat;
}

#shop .cate-img{
height:218px;
background:url(/common/ttl_shop.png) top right no-repeat;
}

#specialty .cate-img{
height:218px;
background:url(/common/ttl_specialty.png) top right no-repeat;
}

#stay .cate-img{
height:218px;
background:url(/common/ttl_stay.png) top right no-repeat;
}

#hot-spring .cate-img{
height:218px;
background:url(/common/ttl_hot-spring.png) top right no-repeat;
}

#michinoeki .cate-img{
height:218px;
background:url(/common/ttl_michinoeki.png) top right no-repeat;
}

#movie .cate-img{
height:218px;
background:url(/common/ttl_movie.png) top right no-repeat;
}


#topic .cate-img{
height:218px;
background:url(/common/ttl_topic.png) top right no-repeat;
}

#book .cate-img{
height:218px;
background:url(/common/ttl_book.png) top right no-repeat;
}

#event .cate-img{
height:218px;
background:url(/common/ttl_event.png) top right no-repeat;
}


/* スポットごとのカラー */
#nature .cate-name h2{color:#1565c0;}
#flower .cate-name h2{color:#ff6633;}
#stay .cate-name h2{color:#129fe0;}
#experience .cate-name h2{color:#66bb6a;}
#hot-spring .cate-name h2{color:#ef6c00;}
#shop .cate-name h2{color:#336633;}
#michinoeki .cate-name h2{color:#336633;}
#specialty .cate-name h2{color:#336633;}
#movie .cate-name h2{color:#336633;}
#history .cate-name h2{color:#663333;}
#event .cate-name h2{color:#346635;}



.link-area li{
width:144px;
display:inline-block;
line-height:1.1;
margin-right:24px;
margin-bottom:24px;
}

.link-area li:last-child{
margin-right:0px;
}

.link-area{
margin-bottom:20px;
}

.link-area li a{
text-align:center;
padding:0.5em 0;
background:#c4ecf9;
display:block;
line-height:1.1;
color:#333;
text-decoration:none;
}

.link-area li a:hover{
background:#e4f5fa;
}





.link-flower li{
width:144px;
display:inline-block;
line-height:1.1;
margin-right:24px;
margin-bottom:24px;
}

.link-flower li:last-child{
margin-right:0px;
}

.link-flower{
margin-top:-30px !important;
margin-bottom:20px;
}

.link-flower li a{
text-align:center;
padding:0.5em 0;
background:#fbe0e0;
display:block;
line-height:1.1;
color:#333;
text-decoration:none;
}

.link-flower li a:hover{
background:#f8ebeb;
}



.flower-link li{
display:inline-block;
margin-right:70px;
margin-bottom:50px;
}

.flower-link li:nth-child(even){
display:inline-block;
margin-right:0px;
}

/* 道の駅google map */
#spotmap{
width:100%;
height:550px;
}

/*
-----------------------------------------------
▼スポット一覧 TAB SP
----------------------------------------------- */
@media screen and (max-width: 768px) {

.cate-ttl{
padding-top:10px;
padding-bottom:10px;
font-size:18px;
letter-spacing:-1px !important;
}

.cate-ttl span{
font-size:14px;
margin-right:10px;
}
.spot-cate-ttl{
height:auto;
margin-bottom:24px;
}

#specialty .cate-img,
#hot-spring .cate-img,
#experience .cate-img,
#flower .cate-img,
#history .cate-img,
#nature .cate-img,
#history .cate-img,
#michinoeki .cate-img,
#stay .cate-img,
#book .cate-img,
#topic .cate-img,
#movie .cate-img,
#shop .cate-img {
height:auto;
background-image:none !important;
}

.cate-ttl-left{
display:none;
}

.cate-ttl-right{
width:100% !important;
display:block;
}

.cate-ttl-right .cate-ttl-p{
width:100%;
}

#shop-ic:before{
content: '';
display: inline-block;
width: 110px;
height: 50px;
background-image: url(/common/shop_ic.png);
background-size: contain;
vertical-align: middle;
background-repeat:no-repeat;
}


#michinoeki-ic:before{
content: '';
display: inline-block;
width: 70px;
height: 50px;
background-image: url(/common/michinoeki_ic.png);
background-size: contain;
vertical-align: middle;
background-repeat:no-repeat;
}

#specialty-ic:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url(/common/specialty_ic.png);
background-size: contain;
vertical-align: middle;
background-repeat:no-repeat;
}

.cate-ttl-p{
width:100%;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}


.link-area li,
.link-flower li{
width:auto;
display:inline-block;
line-height:1.1;
margin-right:10px;
margin-bottom:10px;
}

.link-area li:last-child{
margin-right:0px;
}

.link-area{
padding-bottom:10px;
}

.link-area li a,
.link-flower li a{
text-align:center;
padding:0.5em 0.5em;
font-size:12px;
}

.flower-link li{
display:inline-block;
width:100%;
margin-right:0;
margin-bottom:20px;
}

}

/* --------------------------
特産品
---------------------------*/
.spcl-box{
margin-bottom:40px;
}

.midashi-p{
font-size:17px;
font-weight:bold;
margin-bottom:12px;
}

.spcl-img{
width:350px;
float:left;
}

.spcl-txt{
width:750px;
float:right;
font-size:16px;
}

.spcl-txt h3{
color:#336633;
font-size:20px;
border-bottom:solid 1px #999;
margin-bottom:20px;
padding-bottom:10px;
}

.spcl-link{
display:inline-block;
margin-top:20px;
}

.spcl-link a{
display:block;
text-decoration:none;
color:#555;
padding:0.5em 1em;
background:#f2e8e0;
}

.spcl-link a:hover{
text-decoration:none;
background:#f6f1ed;
}

.toiawase-box{
border:solid 1px #336633;
padding:15px;
}

.toiawase-box h3{
font-size:24px;
color: #336633;
border-bottom:solid 1px #336633;
padding-bottom:15px;
margin-bottom:15px;
}

.toi-info p{
margin-bottom:10px;
font-size:16px;
}

/*
-----------------------------------------------
▼特産品 sp
----------------------------------------------- */
@media screen and (max-width: 768px) {
.spcl-img{
width:38%;
float:left;
}

.spcl-txt{
width:58%;
float:right;
font-size:16px;
}
}

/*
-----------------------------------------------
▼特産品 sp
----------------------------------------------- */
@media screen and (max-width: 767px) {

.spcl-box{
margin-bottom:50px;
}

.spcl-img{
width:100%;
float:none;
}

.spcl-txt{
width:100%;
float:none;
font-size:14px;
}

.spcl-txt h3{
color:#336633;
font-size:18px;
border-bottom:solid 1px #999;
margin-bottom:15px;
padding-bottom:10px;
margin-top:10px;
}

.toiawase-box h3{
font-size:18px;
}

.spcl-link{
margin-top:8px;
}

}

/* --------------------------
動画
---------------------------*/
.mv-link img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.mv-link2{
background:#fff !important;
font-size:16px !important;
}

.mv-link2:hover{
color:#336633;
text-decoration:underline;
}

.w200{
width:200px;
}

.w670{
width:670px;
}

/*
-----------------------------------------------
ムービー tab
----------------------------------------------- */
@media screen and (max-width: 768px) {
 .mv-list {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  } 
  }


/*
-----------------------------------------------
ムービー SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
 .mv-list {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  overflow:hidden;
  } 


.mv-list p{
padding-bottom:50px;
}
 
.mv-list iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.w670{
width:100%;
}

}


/* --------------------------
フォント
---------------------------*/
.min{
font-family: 'Noto Serif JP', serif;
}

.go01{
font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
}

#flags{
display:none !important;
}


/*
-----------------------------------------------
▼四季
----------------------------------------------- */
.p-box01{
width:576px;
margin-left:auto;
margin-right:auto;
}

.shiki li{
display:inline-block !important;
vertical-align:top;
width:50%;
}

.kisetsu-wrap{
display:inline-block !important;
width:50%;
vertical-align:top;
margin:0 !important;
padding:0 !important;
}

.ih-item{
position:relative;

}

.shiki-city{
position:absolute;
z-index:100;
color:#fff;
bottom:10px;
right:10px;
font-weight:bold;
}




/* ▼スクロールで表示 */
.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--lr {
  transform: translate(-100px, 0);
}

.sa--rl {
  transform: translate(100px, 0);
}

.sa--up {
  transform: translate(0, 100px);
}

.sa--down {
  transform: translate(0, -100px);
}

.sa--scaleUp {
  transform: scale(.5);
}

.sa--scaleDown {
  transform: scale(1.5);
}

.sa--rotateL {
  transform: rotate(180deg);
}

.sa--rotateR {
  transform: rotate(-180deg);
}

.h-cap01{
color:#fff;
font-size:16px;
margin-bottom:20px;
}

.h-cap02{
font-size:16px;
margin-bottom:20px;
}

.season-foot li{
display:inline-block;
width:270px;
margin-right:25px;
}

.season-foot li:last-child{
margin-right:0px;
}

.season-foot{
background-image:url(/common/shiki_bar.jpg);
background-repeat:no-repeat;
background-position:bottom center;
padding-top:30px;
padding-bottom:50px;
border-top:solid 1px #fff;
}

/*
-----------------------------------------------
▼四季 TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.season-foot ul li{
width:22% !important;
margin-right:3%;
}

}

/*
-----------------------------------------------
▼四季 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.season-foot ul li{
width:46% !important;
margin-right:6%;
margin-bottom:20px;
}

.season-foot li:nth-child(2n){
margin-right:0px !important;
}

.season-foot{
width:100%;
padding:15px 0;
border-top:solid 1px #fff;
}

.h-cap01{
font-size:14px;
margin-bottom:16px;
}

.h-cap02{
font-size:14px;
margin-bottom:16px;
}




}


/*
-----------------------------------------------
▼スポット sp
----------------------------------------------- */
@media screen and (max-width: 767px) {

.kisetsu-wrap{
width:100%;
}

.p-box01{
width:100%;
}
}


/*
-----------------------------------------------
▼検索結果ページ
----------------------------------------------- */

.kensaku_h2{
font-size:18px;
border-bottom:solid 1px #ccc;
margin-bottom:15px;
padding-bottom:15px;
}
.kensaku-ul li{
list-style-type:disc !important;
margin-left:35px;
font-size:16px;
font-size:1.6rem;
margin-top:5px;
}

.kensaku-ul p{
margin-left:35px;
margin-bottom:15px;
}


/*
-----------------------------------------------
▼イベント・トピックス
----------------------------------------------- */
.news-date{
display:inline-block;
padding:0.4em 1.2em;
font-size:18px;
font-weight:bold;
line-height:1.0;
margin-left:10px;
}

.event-icn{
display:inline-block;
padding:0.4em 1.2em;
color:#fff;
font-size:17px;
}

.event-icn02{
display:inline-block;
padding:0.4em 0.8em;
color:#fff;
line-height:1.0;
font-size:12px;
}

.info{background:#69bd83;}
.event{background:#ff0000;}
.boshu{background:#0099cc;}
.shun{background:#ff6600;}




.box-inside01{
padding-left:30px;
padding-right:30px;
}

.news-div p{
font-size:16px;
line-height:1.8 !important;
margin-bottom:16px;
}

.link-pdf{
display:inline-block;
}

.link-pdf a{
color:#108e57; 
text-decoration:none;
display:block;
border:solid 1px #108e57; 
border-radius:4px;
padding:0.5em 1.2em;
}

.link-pdf a:hover{
background:#e5f9f0;
}

.toiawasesaki-box{
border:solid 1px #108e57; 
padding:16px;
}

.toiawasesaki-box p{
margin-bottom:12px;
}

.toiawasesaki-box h3{
color:#006633;
}

.link-docu-box{
background:#f3f3f3;
padding:15px 15px;
margin-bottom:20px;
margin-top:20px;
}

.link-docu-box ul{
margin-left:20px;
}

.link-docu-box li{
margin-bottom:4px;
list-style-type:disc;
}

.news-date01{
display:inline-block;
margin-left:12px;
}

.topic-dl{
border-bottom:dotted 1px #999;
padding:0.8em 0;
}

.topic-dl dt{
margin-bottom:10px;
}


/*
-----------------------------------------------
▼イベント・トピックス SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.news-date{
display:inline-block;
padding:0;
font-size:15px;
font-weight:bold;
line-height:1.5 !important;
margin-left:0px;
margin-top:5px;
}

.event-icn{
display:inline-block;
padding:0.4em 1.2em;
color:#fff;
font-size:12px;
}

.box-inside01{
padding-left:0px;
padding-right:0px;
}

.news-date01{
display:inline-block;
margin-left:0px;
}

.event-icn02{
display:inline-block;
padding:0.3em 0.5em;
color:#fff;
line-height:1.0;
font-size:12px;
margin-right:0;
}

}

/*
-----------------------------------------------
▼TOPページ
----------------------------------------------- */
.event-list{
}

.event-list li{
vertical-align:top;
width:250px;
display:inline-block;
margin-right:20px;
margin-bottom:24px;
}

.event-list li:nth-of-type(4n){
margin-right:0px;
}

.event-list li:last-child{
margin-right:0px;
}

.city-area{
display:inline-block;
margin-left:10px;
margin-bottom:4px;
}

.sp-map{
background:url(/common/map_back.png);
}

.map-ul{
padding:5px 15px 15px 15px;
}

.map-ul li{
display:inline-block;
font-size:18px;
}

.map-ul li a{
color:#333;
}

.map-ul li:before {
content: '▶︎ ';
color:#346534;
}


/*
-----------------------------------------------
▼TOP TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.city-area{
display:inline-block;
margin-left:10px;
margin-right:10px;
}

.event-list li{
vertical-align:top;
width:47%;
display:inline-block;
margin-right:5%;
}

.event-list li:nth-of-type(2n){
margin-right:0px;
}

.city-area{
display:inline-block;
margin-left:0px;
margin-bottom:4px;
font-size:12px;
}

.event-list .f16{
font-size:14px !important;
}

.event-list .news-date02{
font-size:13px;
}

}


/*
-----------------------------------------------
▼TOP SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.city-area{
display:inline-block;
margin-left:10px;
margin-right:10px;
}

.event-list li{
vertical-align:top;
width:48.5%;
display:inline-block;
margin-right:3%;
}


.event-list li:nth-of-type(2n){
margin-right:0px;
}

.city-area{
display:inline-block;
margin-left:0px;
margin-bottom:4px;
font-size:12px;
}

.event-list .f16{
font-size:14px !important;
}

.event-list .news-date02{
font-size:13px;
}
}

/*
-----------------------------------------------
▼お問い合わせ
----------------------------------------------- */
#contact-ttl{
background-image:url(/img/ttl_contact.jpg);
}

.contact-ul{
margin-top:20px;
margin-bottom:30px;
background:#fcecec;
padding:20px;
}

.contact-ul li{
list-style-type:disc;
margin-left:20px;
padding-left:0px;
margin-right:20px;
}


.contact-dl{
font-size:16px;
font-size:1.6rem;
border-top:solid 1px #ccc;
padding-top:20px;
padding-bottom:20px;
}

.contact-dl dt{
vertical-align:top;
width:255px;
display:inline-block;
margin-right:15px;
}
.contact-dl dd{
width:580px;
display:inline-block;
}

.radio-span{
display:block;
margin-bottom:10px;
}

.radio-span input{
vertical-align:middle;
margin-right:6px;
}

.komoku{
float:left;
width:180px;
display:inline-block;
margin-top:0.4em;
}

.must{
float:right;
display:inline-block;
color:#fff;
background:#be3832;
width:74px;
line-height:1.0;
text-align:center;
padding:0.5em 0;
}

.in-box02 input[type="text"],
.in-box02 input[type="email"],
.in-box02 textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
font-size: 15px;
background:#eeeeee;
}

.input-box01{
width:550px;
}

.input-box02{
width:550px;
height:200px;
}

.input-box03{
margin-top:-25px;
}

.input-btn01{
font-size:18px;
font-size:1.8rem;
display:inline-block;
padding:0.4em 2.0em;
color:#fff;
border-radius:6px;
background:#336633;
}


.input-btn02{
font-size:18px;
font-size:1.8rem;
display:inline-block;
padding:0.4em 2.5em;
color:#fff;
background:#c7c6c6;
border-radius:8px;
margin-right:10px;
}

.confirm-p{
font-size:18px;
font-weight:bold;
text-align:center;
padding:20px;
}

/* エラー吹き出し */
.error{
  font-weight:bold;
  display:inline-block;
  position: relative;
  padding: 0.5em 1.5em;
  color:#fff !important;
  border-radius:6px;
  background:#ff0000;
  font-size:1.4rem;
  margin-top:10px;
}

.error::before{
  content: '';
  position: absolute;
  left: 64px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 25px solid #ff0000;
  border-left: 15px solid transparent;
}

.input-box01b{
width:5em;
}

.pv-komoku{
width:470px;
}

.pv-box{
border:solid 4px #cdb691;
padding:30px;
}

.pv-ol{
list-style-type:disc;
margin-left:40px;
}

.pv-ol li{
margin-top:20px;
}

.pv-p{
border-bottom:solid 2px #cdb691;
padding-bottom:10px;
font-weight:bold;
margin-bottom:10px;
font-size:18px;
}

/*
-----------------------------------------------
お問い合わせ TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {


.contact-dl{
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
}

.contact-dl dt{
vertical-align:top;
width:100%;
display:inline-block;
margin-right:0px;
margin-bottom:10px;
}
.contact-dl dd{
width:100%;
display:inline-block;
}

.komoku{
float:none;
width:auto;
display:inline-block;
margin-top:0;
margin-right:10px;
}

.must{
float:none;
}

.yoken{
border:solid 1px #ccc;
}

.input-box01{
width:100%;
}

.input-box02{
width:100%;
height:200px;
}

}

/*
-----------------------------------------------
お問い合わせ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.contact-dl{
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.pv-komoku{
width:100%;
}


.pv-box{
border:solid 4px #faaa00;
padding:15px;
}

.pv-ol{
list-style-type:decimal;
margin-left:10px;
}

.pv-ol{
list-style-type:decimal;
margin-left:10px;
}

.pv-ol li{
margin-top:10px;
}

.pv-p{
border-bottom:solid 2px #faaa00;
padding-bottom:10px;
font-size:16px;
}


.input-btn01{
font-size:1.8rem;
padding:0.4em 1.5em;
}

.input-btn02{
font-size:1.8rem;
padding:0.4em 1.5em;
margin-right:3px;
background:#777;
}

input[type="radio"],
input[type="checkbox"]{
border:solid 1px #888;

}

}


/*
-----------------------------------------------
TOP
----------------------------------------------- */
.top{
display:none !important;
}

.ichiran_mv li{
width:360px;
display:inline-block;
vertical-align:top;
margin-right:22px !important;
margin-bottom:36px;
}

.ichiran_mv li:nth-child(3n){
margin-right:0px;
}


.top_listban li{
display:inline-block !important;
margin-left:30px;
}

.bg-type01{
background:#f1f1f1;
}


.ichiran_tokusan li{
width:x228px;
display:inline-block;
vertical-align:top;
margin-bottom:36px;
}

.ichiran_tokusan li p{
margin-top:8px;
}

.w228{
width:228px;
height:auto;
}

.bg-type02{
background:url(/common/bg_insta.png) top center;
}

.toppage-menu{
padding-top:50px;
}

.toppage-menu li{
display:inline-block;
width:100px;
margin-right:58px;
text-align:center;
}

.toppage-menu li p{
margin-top:16px;
text-align:center;
}

.toppage-menu li a{
color:#333 !important;
}

.toppage-menu li:last-of-type{
margin-right:0px;
}



/* ---追加--- */
.toppage-menu02{
padding-top:50px;
}

.toppage-menu02 li{
width:12%;
text-align:center;
}

.toppage-menu02 li p{
margin-top:16px;
text-align:center;
}

.toppage-menu02 li a{
color:#333 !important;
}

/* ---追加--- */





.cr01{color:#fff;}

.top-midashi {
font-size:30px;
font-weight:bold;
position: relative;
display: inline-block;
margin-bottom: 1em;
}

.top-midashi:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 200px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

.top-midashi02 {
font-size:30px;
font-weight:bold;
position: relative;
display: inline-block;
margin-bottom: 1em;
color:#fff;
}

.top-midashi02:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 200px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
}

/*
-----------------------------------------------
TOPページ TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {

.toppage-menu{
padding-top:12px;
}

.toppage-menu li{
display:inline-block;
width:15%;
margin-right:2%;
text-align:center;
margin-bottom:8px;
}

.toppage-menu li p{
margin-top:5px;
text-align:center;
font-size:12px;
}

.toppage-menu .sp-w100{
width:70% !important;
height:auto !important;
}

.toppage-menu li:nth-of-type(3n){
margin-right:0px !important;
}

.top_listban li{
width:45%;
margin-left:0;
margin-right:8%;
}

.top_listban li:last-of-type {
margin-right:0;
}




}


/*
-----------------------------------------------
TOPページ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.toppage-menu{
padding-top:12px;
}

.toppage-menu li{
display:inline-block;
width:21%;
margin-right:1%;
margin-left:1%;
text-align:center;
margin-bottom:8px;
}

.toppage-menu li p{
margin-top:5px;
text-align:center;
font-size:11px;
}

.toppage-menu .sp-w100{
width:70% !important;
height:auto !important;
}

.toppage-menu li:nth-of-type(3n){
margin-right:0px !important;
}


.toppage-menu02 li{
width:24%;
text-align:center;
margin-bottom:15px;
}

.toppage-menu02 li img{
padding-left:12%;
padding-right:12%;
max-width:100%;
height:auto;
}

.top-midashi,
.top-midashi02{
font-size:18px;
margin-bottom: 12px;
}


.top-midashi:before,
.top-midashi02:before{
  bottom: -8px;
}


.top_listban li{
width:48%;
margin-left:0;
margin-right:2%;
}

.top_listban li:last-of-type {
margin-right:0;
}


}



/*
-----------------------------------------------
個人情報・協議会について
----------------------------------------------- */
.privacy-box h3{
font-size:20px;
margin-bottom:8px;
padding-bottom:4px;
border-bottom:solid 1px #336633;
color:#336633;
padding-top:34px;
}

.about-box{
margin-top:40px;
margin-bottom:50px;
width:500px;
background:#f1f1f1;
margin-left:auto;
margin-right:auto;
padding-top:30px;
padding-bottom:30px;
}

.about-box h3{
font-size:20px;
margin-bottom:15px;
}

.about-box-in{
padding:0px 0 10px 0;
text-align:center;
}

/*
-----------------------------------------------
個人情報・協議会について SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.about-box{
margin-top:30px;
margin-bottom:30px;
width:100%;
padding-top:20px;
padding-bottom:20px;
}

.about-box-in{
padding:10px;
text-align:left;
}



}


/*
-----------------------------------------------
ボランティアガイド・観光パンフ
----------------------------------------------- */
.vo-p{
margin-top:20px;
margin-bottom:30px;
background:#e9f5e3;
padding:20px;
}

.guide-h{
background:#336633;
color:#fff;
padding:0.5em 1em;
font-weight:bold;
font-size:20px;
line-height:1.1;
margin-bottom:10px;
}

.guide_dl{
border-bottom:dotted 1px #ccc;
margin-bottom:15px;
padding:10px 0 15px 0;
}

.guide_dl dt{
font-weight:bold;
display:inline-block;
vertical-align:top;
width:280px;
}

.guide_dl dd{
display:inline-block;
vertical-align:top;
width:580px;
}

.guide_dl dd p{
padding-bottom:3px;
}

.guide-box .guide_dl:last-of-type {
border-bottom:none !important;
}

.pamph-box .f-left{
width:170px;
}

.pamph-box .f-left img{
border:solid 1px #ccc;
/* width:100%;
height:auto; */
}

.pamph-box .f-right{
width:700px;
}

.pamph-h{
font-size:20px;
color:#336633;
border-bottom:solid 1px #336633;
margin-bottom:12px;
padding-bottom:6px;
}

/*
-----------------------------------------------
ボランティアガイド・観光パンフ TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.pamph-box .f-left{
width:25%;
}


.pamph-box .f-right{
width:70%;
}


}

/*
-----------------------------------------------
ボランティアガイド・観光パンフ sp
----------------------------------------------- */
@media screen and (max-width: 767px) {

.guide_dl dt{
width:100%;
}

.guide_dl dd{
width:100%;
}


.pamph-box{
margin-bottom:60px;
}

.pamph-box .f-right{
width:100%;
}

.pamph-box .f-left{
width:100%;
margin-bottom:15px;
}

.pamph-box .f-left img{
display:block;
margin-left:auto;
margin-right:auto;
}

.sp-center{
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}

.pamph-box .f-right .btn-type02{
display:block;
text-align:center;
margin-left:auto !important;
margin-right:auto !important;
}

}


/*
-----------------------------------------------
Enjoy 西はりま
----------------------------------------------- */

.enjoy-ul li{
width:200px;
display:inline-block;
vertical-align:top;
text-align:center;
margin-right:32px;
margin-bottom:40px;
}

.enjoy-ul li:nth-child(4n) {
margin-right:0px !important;
}


.enjoy-ul li p{
margin-top:8px;
}

.saishin .f-left{
width:450px;
}

.saishin .f-right{
width:400px;
}

.enjoy-h{
font-size:20px;
margin-bottom:20px;
border-bottom:solid 1px #888;
padding-bottom:8px;
}

.enjoy-h span{
display:inline-block;
color:#fff;
background:#ff0033;
font-size:14px;
padding:0.5em 1em;
margin-right:10px;
font-weight:bold;
line-height:1.1;
}

.enjoy02-h{
font-size:20px;
font-weight:bold;
color:#336633;
border-bottom:solid 1px #336633;
margin-bottom:20px;
}

/*
-----------------------------------------------
Enjoy 西はりま TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {

.saishin .f-left{
width:45%;
}

.saishin .f-right{
width:50%;
}

.enjoy-ul li{
width:20%;
display:inline-block;
vertical-align:top;
text-align:center;
margin-right:5%;
margin-bottom:40px;
}

}

/*
-----------------------------------------------
Enjoy 西はりま sp
----------------------------------------------- */
@media screen and (max-width: 767px) {
.saishin .f-left{
width:100%;
}

.saishin .f-right{
width:100%;
}

.enjoy-h{
padding-top:20px;
font-size:18px;
margin-bottom:14px;
}

.enjoy02-h{
font-size:18px;
}

.enjoy-ul li{
width:46%;
margin-right:6%;
margin-bottom:40px;
}

.enjoy-ul li:nth-child(2n) {
margin-right:0px !important;
}


}


/*
-----------------------------------------------
サイトマップ
----------------------------------------------- */
.sitemap-box{
margin-left:auto;
margin-right:auto;
width:600px;
}

.sitemap-box{
margin-left:auto;
margin-right:auto;
width:600px;
}
.categoryname{
display:inline-block;
line-height:1.1;
padding:0.8em 2em;
background:#ececec;
margin:0 0 10px 0;
}

.sitemap-box ul{
margin-bottom:30px;
margin-left:30px;
}

.sitemap-box li{
list-style-type:disc;
margin-bottom:5px;
}

/*
-----------------------------------------------
追加
----------------------------------------------- */

.btn-type001{

display:inline-block;
}

.btn-type001 a{
padding:0.7em 15px;
font-size:17px;
border-radius:4px;
display:block;
color:#fff;
background:#336600;
}

.btn-type001 a:hover{
text-decoration:none;
background:#2f872a;
}



.no-insta .sbi_load_btn{
display:none !important;
}

.no-insta .sbi_follow_btn{
display:none !important;
}

.enjoy-arr{
background:#fcf2f2;
padding:15px;
}

.pdf-link-btn span{
font-size:17px;
margin-right:18px;
}

.pdf-link-btn span:before{
content:"▶︎";
margin-right:4px;
}

.yamajiro-btn{
display:inline-block;
margin-bottom:20px;
}

.yamajiro-btn a{
display:block;
background:#000;
color:#fff;
padding:0.5em 1em;
border-radius:5px;
font-size:17px;
}

.yamajiro-btn a:hover{
background:#666;
text-decoration:none;
}


@media screen and (max-width: 767px) {
.yamajiro-btn a{
display:block;
background:#000;
color:#fff;
padding:0.5em 1em;
border-radius:8px;
font-size:15px;
}
}



/*
-----------------------------------------------
flex-box
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

.c-type04b{
justify-content:center;
}

@media screen and (max-width: 767px) {
.container03{
flex-wrap:wrap-reverse;
}
}

.top-ban-area{
margin:0 10px;
}

.top-ban-area img{
max-width:100%;
height:auto;
}

@media screen and (max-width: 767px) {
.top-ban-area{
margin:10px 0px;
}
}


/*
-----------------------------------------------
flex box
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.al-item01{
align-items:flex-end
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

.top-osusume{
width:23%;
margin-right:2%;
}

.top-osusume img{
max-width:100% !important;
height:auto;
}



.osusume-midashi {
font-size:30px;
font-weight:bold;
position: relative;
display: inline-block;
margin-bottom: 1em;
}

.hata{
position:relative;
}

.hata:before{
position:absolute;
top:-24px;
left:-48px;
content: url(/common/hata.png);
  display: block;
  background-repeat:no-repeat;
}

/*
-----------------------------------------------
flex-box TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.c-type04{
justify-content:space-between;
}
}


/*
-----------------------------------------------
SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.osusume-midashi {
font-size:20px;
font-weight:bold;
position: relative;
display: inline-block;
margin-bottom: 1em;
}

.hata:before{
position:absolute;
top:-24px;
left:-48px;
content: url(/common/hata.png);
  display: block;
  background-repeat:no-repeat;
}

.top-osusume{
width:48%;
margin-right:4%;
margin-bottom:20px;
}

.top-osusume:nth-of-type(2n) {
margin-right:0;
}



}


/*
-----------------------------------------------
追加 202303〜
----------------------------------------------- */
.mail-kyoka{
margin:15px 0 30px 0;
padding:14px 15px;
background:#e7e7e7;
}


#view-sp{
display:none;
}



/*
-----------------------------------------------
SP  TAB
----------------------------------------------- */
@media screen and (max-width: 959px) {
#view-sp{
display:block;
}

#view-pc{
display:none;
}
}


/* css_end */