@charset "utf-8";

/* --- 基本レイアウト・サイズ --- */
body, body.detailBg{
  background-image:url(../img/con_bg_01_sp.jpg);
  background-size:100% auto;
  min-width:initial;
}
body.popOpen{
  overflow-y: auto;
}

#globalHeader,#mainBody,#globalFooter{
  width:auto;
}
img{
	max-width:100%;
	height:auto;
}
/* --- 非表示 --- */
.pcDisplay{
	display:none!important;
}
/* --- 表示 --- */
.spDisplay{
	display: block;
}
/* -----------------------------------------------
	Header
-------------------------------------------------- */
#wrapHead #globalHeader{
  padding:20px 10px 20px 60px;
}
#wrapHead #globalHeader .logoMark{
  width:70%;
}
#wrapHead #globalHeader .backBtn{
  display:none;
}
#wrapHead #globalHeader .spMenuBtn{
  display:block;
}

/* -----------------------------------------------
	Content
-------------------------------------------------- */
#mainBody{
  padding:0 10px;
  min-height:initial;
}
#main,
#side{
  width:auto;
  float:none;
}
#main{
  margin: 0 0 25px;
}
#mainBody #side{
  display:none;
}
.pageTop{
  margin-left:0;
  width:44px;
  height:44px;
  background:url(../img/btn_pagetop_01_sp.png) 0 0 no-repeat;
  background-size:contain;
  text-indent: -9999px;
  right: 5px;
  bottom:20px;
  left: initial;
}

/* -----------------------------------------------
	Footer
-------------------------------------------------- */
#wrapFoot #globalFooter{
  text-align:center;
}
#wrapFoot #globalFooter .symbolImg,
#wrapFoot #globalFooter .footContact,
#wrapFoot #globalFooter .footRelation{
  float: none;
  margin:0 0 20px;
}
#wrapFoot #globalFooter .hCircle{
  display:inline-block;
}
#wrapFoot #globalFooter .relationList li{
  max-width:45%;
}



/* ==================================================================
    [汎用エレメント]
===================================================================== */
section{
  margin:0 0 25px;
}

/* -----------------------------------------------
	TOP
-------------------------------------------------- */
.topCatch{
  padding:18px 0 0;
  margin: 0 0 14px;
}
.topContent map[name="topMap"]{
  display:none;
}
.topMapWrap{
  display:none;
}
.topMapWrapSp{
  display:block;
  margin:0 0 85px;
}
.topMapWrapSp:after{
  background-size: contain;
  width: 185px;
  height:147px;
  bottom:-80px;
  right:-10px;
}
.areaNavWrap .areaNav{
  width:auto;
  margin:0 0 20px;
  float: none;
}
.areaNavWrap .areaNav p{
  margin:0 0 10px;
}
.areaNavWrap .areaNav ul{
  width:290px;
  margin:0 auto;
}
.areaNavWrap .areaNav ul li{
  width:50%;
}
.areaNavWrap .areaNav ul li:nth-child(6){
  margin-left:0;
}

.bannerWrap {
  margin: 20px 0 0;
  float: none;
  width: auto;
}

/*.areaNavWrap .hokencenterBtn{
  position:static;
  display: block;
  width: 232px;
  height: 100px;
  margin: 0 auto;
    margin-bottom: -11px;
}
.areaNavWrap .newspaperBtn{
  position:static;
  display: block;
  width: 232px;
  height: 90px;
  margin: auto;
}
.areaNavWrap .calorieBtn{
  position:static;
  display: block;
  width: 232px;
  height: 90px;
  margin: auto;
}*/

.workList{
  margin:0 10px;
}
.workList li{
  width:auto;
  float:none;
  margin:0 0 30px;
}
.workList li .workImgSpring,
.workList li .workImgSummer,
.workList li .workImgAutumn,
.workList li .workImgWinter{
    display: inline-block;
}
.workList li .workImgSpring:before,
.workList li .workImgSummer:before,
.workList li .workImgAutumn:before,
.workList li .workImgWinter:before{
  background-size:contain;
  width:40px;
  height:40px;
  top: -13px;
  left: -13px;
}
.workList li .workText{
  height:auto!important;
}

/*　追加バナー　*/
.top__banner01{
    display: none;
}
.sp__top__banner01{
    display: block;
    margin: 0 auto 20px;
}


/* -----------------------------------------------
	詳細ページ
-------------------------------------------------- */
.detailWrap{
  border:none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding:3px;
}
.pageTitle{
  background-size:15px auto;
  margin: -6px 7px 10px;
  padding: 14px 65px 10px 25px;
}
.pageTitle:before{
  width:104px;
  height:82px;
  background-size:contain;
  bottom: -6px;
  right:-15px;
}
.conTitle{
  border-radius:0;
  margin:0 0 22px;
}

/* spotBlock */
.spotBlock .spotBox{
  border-radius:0;
  padding:10px;
  margin-bottom: 28px;
}
.spotBlock .spotBox .spotTitle{
  padding-left:10px;
}
.spotBlock .spotBox .spotTitle:before{
  width:25px;
  height:40px;
  background-size:contain;
  left: -3px;
  top: -27px;
}
.spotBlock .spotBox .spotInner{
  border-radius:5px;
  padding:10px;
}
.spotBlock .spotBox .spotInner .spotImg{
  float:none;
}
.spotBlock .spotBox .spotInner .spotImg img,
.spotBlock .spotBox.spot1Column .spotInner .spotImg img{
  margin:0 auto 10px;
  display:block;
}
.spotBlock .spotBox .spotInner .spotText{
  padding:0;
}

/* eatspotBlock */
.eatspotBlock .eatspotBox:before{
    width: 40px;
    height: 38px;
    top: -13px;
    left: -0px;
}
.eatspotBlock .eatspotTitle{
  margin:0px 0 10px 30px;
}
.eatspotBlock .eatMenu{
  margin:0 0 25px 0;
}
.eatspotBlock .eatMenuImg{
  float:none;
  width:100%;
  margin:0 auto 15px auto;
}
.eatspotBlock .eatMenuImg img{
  width:100%;
  height:auto;
}
.eatspotBlock .eatMenuText{
  float:none;
  width:100%;
  position:relative;
}
.eatspotBlock .eatTitle{
  margin:0;
}
.eatspotBlock .eatKal{
  width:30%;
  margin:-30px -10px 0 0
}
.eatspotBlock .eatText{
  width:70%;
}
.eatspotBlock .eatshopAdress dt{
  width:30%;
  margin:0 0 5px 0;
  padding:2px 0;
  box-sizing:border-box;
}
.eatspotBlock .eatshopAdress dd{
  width:70%;
  margin:0 0 5px 0;
  padding:2px 0 2px 10px;
  box-sizing:border-box;
}
.eatspotBlock .icTisan img{
  width:90px;
}
.eatspotBlock .eatshopAdress dd:nth-of-type(even){
  float: left;
  margin: 0 0 5px;
  padding: 4px 10px;
  width: 180px;
}

@media screen and (orientation: landscape){
 .eatspotBlock .eatshopAdress dd{
  width:160px;
  }
  .eatspotBlock .eatshopAdress dt{
  width:20%;
  }
 .eatspotBlock .eatshopAdress dd:nth-of-type(even){
  float: left;
  margin: 0 0 5px;
  padding: 4px 10px;
  width: 170px;
  }

}






/* courseBlock */
.courseBlock .courseList{
  margin:0 10px;
}
.courseBlock .courseList > li{
  padding: 25px 0 0;
  margin: 0 0 25px;
}
.courseBlock .courseList > li .mapImg{
  width:85px;
}
.courseBlock .courseList > li .courseTitle{
  padding-right: 40px;
  display: block;
  margin-left: 100px;
}
.courseBlock .courseList > li .courseTitle:after{
  margin:-17px 0 0 0;
  width:34px;
  height:34px;
  background-size:contain;
  left:auto;
  right:0;
}
.courseBlock .courseList > li .courseDetail{
  margin-left: 100px;
}
.courseBlock .courseList > li .courseDetail li{
  font-size:11px;
  padding: 2px 0;
  margin-right: 5px;
}
.courseBlock .courseList > li p{
  display:block;
  width:auto;
  margin-left: 100px;
  float: none;
}
.courseBlock .courseList > li .btnMapDl{
  float:none;
  margin:20px auto 10px;
  display: block;
}
.courseBlock .courseList > li .btnWideAreaMapDl{
  float:none;
  margin:20px auto 0;
  display: block;
}

/* Googlemap */
.mapBlock{
  width:auto;
  display:block;
}
.mapBlock iframe{
  width:99%;
  height:380px;
}

/* movieBlock */
.movieBlock .movieWrap{
  padding:84px 0 0;
  margin:0 7px;
}
.movieBlock .movieWrap .movieBalloon{
  border-width:1px;
  border-radius: 10px;
  padding:17px 20px;
}
.movieBlock .movieWrap .movieBalloon:before{
  background-image:url(../img/bg_balloon_01_sp.png);
  width:26px;
  height:17px;
  background-size: contain;
  top: 100%;
  bottom: initial;
  left: 75px;
}
.movieBlock .movieWrap .movieThumb{
  width:240px;
  margin:0 auto;
}
/* walkingNote */
.walkingNote{
  width:auto;
  padding:20px 10px;
}

/* galleryBlock */
.galleryPageTitle{
  font-size: 21px;
}
.galleryList{
  margin: 0 10px;
}
.galleryList>li{
  float: none;
  width: auto;
  margin: 0 0 15px;
}
.galleryList>li>a{
  height: 200px;
}


/*　boxColumn */
.boxColumn .boxText,
.boxColumn .boxMovie{
	width:auto;
	float:none;
	margin:0 0 10px;
  display:block;
}
.boxColumn .boxMovie iframe{
	height:200px;
}

/* YOUTUBE */
.boxColumn .boxMovie .youtubeWrap{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin:0px 0 25px 0
}
.boxColumn .boxMovie .youtubeWrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* -----------------------------------------------
	移転用
-------------------------------------------------- */
.messageArea{
  margin-top: 40px;
  padding: 20px;
  background: #fff;
  opacity: 0.8;
  border-radius:20px;
}

.messageArea h1{
  font-size:1.4rem;
  margin-bottom: 20px;
}
.messageArea p{
  margin-bottom:30px;
  text-align: left;
}
.newUrl{
  font-size:1.4rem;
  font-weight: bold;
  word-break: break-word;
}