@charset "utf-8";

/* acc-contents
--------------------------------------- */
.acc-contents{
  width: 100%;
  padding:3% 0 1%;
  position: relative;
}

.aac_map{
  width:47%;
  vertical-align:middle;
  display:inline-block;
  margin:0 3% 0 0;
}

@media screen and (max-width: 820px) {
.aac_map{
  width:90%;
  max-width:527px;
  margin:1% auto;
  text-align: center;
  display:block;
}
}

@media screen and (max-width: 568px) {
.aac_map{
  width:94%;
  display:block;
  margin:0 auto 2%;
}
}

.kouiki{
  text-align: center;
}

.kouiki img{
  width:100%;
  max-width:527px;
  height:auto;
  margin:0 auto;
}

.map_text{
  width:50%;
  display:inline-block;
  vertical-align:middle;
  margin:0;
  box-sizing: border-box;
  padding-left:3%;
}

@media only screen and  (max-width: 820px) {
.map_text{
  width:100%;
  margin-top:20px;
  padding:0 5%;
}
}

@media only screen and  (max-width: 568px) {
.map_text{
  margin:3% 0 0;
  padding:0 2%;
}
}

.map_text p{
  padding:2% 0;
  line-height:1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
}

@media only screen and  (max-width: 1280px) {
.map_text p{
  font-size:0.95em;
}
}

@media only screen and  (max-width: 568px) {
.map_text p{
  padding:1% 2%;
  line-height:1.6;
  font-size:0.9em;
}
}

.map_text p span{
  color:#FF7505;
}


.map_text .gohow{
  width:100%;
  margin-top:2%;
}

.map_text dl{
  width:100%;
  clear:both;
  margin:1.5% auto;
  padding:0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
}

@media only screen and  (max-width: 568px) {
.map_text dl{
  box-sizing: border-box;
  padding: 5px 2%;
}
}

.map_text dt{
  padding:2px 5px 1px;
  background:#52658F;
  color:#FFF;
  font-size:13px;
  margin:2px 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.map_text dd{
  vertical-align: middle;
  display: inline-block;
}

.map_text dd p{
  font-size:1.1em;
}

@media only screen and  (max-width: 1280px) {
.map_text dd p{
  font-size:1em;
}
}

@media only screen and  (max-width: 568px) {
.map_text dd{
  display: block;
}

.map_text dd p{
  padding:5px;
}
}

.acc-contents .syousai{
  width:100%;
  max-width:1200px;
  box-sizing: border-box;
  margin:7% auto 0;
  text-align: center;
  position: relative;
}

.acc-contents .syousai .sy_ttl{
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  font-size: 1.4em;
  background:#52658F;
  padding: 1.5% 2%;
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
  display:inline-block;
  line-height:1;
  letter-spacing : 0.05em;
}

@media only screen and  (max-width: 900px) {
.acc-contents .syousai .sy_ttl{
  font-size: 1.2em;
}
}

@media only screen and  (max-width: 568px) {
.acc-contents .syousai .sy_ttl{
  font-size: 1em;
}
}

.acc-contents .syousai img{
  width:100%;
  height:auto;
}

.gmap_bt{
  margin-top:35px;
  text-align: center;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 820px) {
.gmap_bt{
  text-align:center;
  margin-left:auto;
}
}

@media screen and (max-width: 568px) {
.gmap_bt{
  margin-top:25px;
  margin-bottom:15px;
  font-size:14px;
}
}

.gmap-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.gmap-button.c-button--ghost{display:inline-table;padding:10px 20px;border:2px solid #52658F;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.gmap-button.c-button--ghost:hover{border:2px solid #52658F;}
.gmap-buttons a{text-decoration:none;background-color:#52658F;}
.gmap-buttons a:hover{text-decoration:none;display:inline-table;background-color:#FFF;color:#52658F;text-shadow:none;}

/* ain-contents
--------------------------------------- */
.ain-contents{
  width: 100%;
  padding:5% 0 0;
  position: relative;
}

.sisetu-syousai{
  text-align: left;
  width:100%;
}

.sisetu-syousai li{
  width:33.3333%;
  display:inline-block;
  box-sizing: border-box;
  vertical-align: top;
  padding:2%;
}

@media screen and (max-width: 820px) {
.sisetu-syousai li{
  width:50%;
}
}

.sisetu-syousai li img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}

.sisetu-syousai .sis-nm{
  font-weight:500;
  font-family: 'Noto Sans JP', sans-serif;
  padding:0 1%;
  font-size:1.05em;
  text-align:center;
  margin-bottom:5px;
  color:#53658d;
}

@media screen and (max-width: 900px) {
.sisetu-syousai .sis-nm{
  font-size:1em;
  line-height:1.4;
  padding:0;
}
}

.sisetu-syousai .sis-tx{
  padding:0 10px;
  font-size:0.9em;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
}

/* act-contents
--------------------------------------- */
.act-contents{
  width: 100%;
  padding:3% 0 0;
  position: relative;
}

.act_map{
  width:52%;
  vertical-align:middle;
  display:inline-block;
  margin:0 0 0 0;
}

@media screen and (max-width: 820px) {
.act_map{
  width:90%;
  max-width:527px;
  margin:1% auto 0;
  text-align: center;
  display:block;
}
}

@media screen and (max-width: 568px) {
.act_map{
  width:92%;
}
}

.act{
  text-align: center;
}

.act img{
  width:100%;
  max-width:654px;
  height:auto;
  margin:0 auto;
}

.act_text{
  width:47.1%;
  display:inline-block;
  vertical-align:middle;
  margin:0;
  box-sizing: border-box;
  padding-left:1%;
}

@media only screen and  (max-width: 820px) {
.act_text{
  width:100%;
  margin-top:20px;
  padding-left:0;
}
}

@media only screen and  (max-width: 568px) {
.act_text{
  margin:3% 0 0;
}
}

@media screen and (max-width: 820px) {
.activity_photo{
  width:90%;
  max-width:527px;
  margin:0 auto;
  text-align: center;
  display:block;
}
}

@media screen and (max-width: 568px) {
.activity_photo{
  width:92%;
}
}

.activity_photo li{
  display:inline-block;
  vertical-align: top;
  width:50%;
  margin:0;
  padding:1px;
  box-sizing: border-box;
}

@media screen and (max-width: 820px) {
.activity_photo li{
  width:50%;
}
}

.activity_photo li img{
  width:100%;
  height:auto;
  margin-bottom:1px;
}


.act-cat{
  border:3px solid #52658F;
  width:100%;
  margin:2% 0 5% 0;
  max-width:850px;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  text-align:left;
}

@media only screen and  (max-width: 568px) {
.act-cat{
  width:94%;
}
}

.act-cat dt{
  display:inline-block;
  vertical-align:middle;
  background:#52658F;
  font-size:0.95em;
  color:#FFF;
  padding:2% 0;
  width:15%;
  box-sizing: border-box;
  text-align: center;
  letter-spacing:0.1em;
}

@media only screen and  (max-width: 568px) {
.act-cat dt{
  display:block;
  padding:2% 0;
  width:100%;
}
}

.act-cat dd{
  display:inline-block;
  vertical-align:middle;
  font-size:0.95em;
  color:#000;
  padding:2%;
  background:#FFF;
  width:85%;
  box-sizing: border-box;
}

@media only screen and  (max-width: 568px) {
.act-cat dd{
  display:block;
  width:100%;
}
}

/* #around_bt_box
--------------------------------------------------*/
#around_bt_box {
  padding:4% 0 5%;
  width:100%;
  position: relative;
  text-align: center;
  background-image: url(../images/bg-illust.png);
  background-color:#edeff0;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:0;
}

@media screen and (max-width: 820px) {
#around_bt_box {
  padding:4% 0 5%;
}
}

.arttl{
  font-weight:400;
  font-family: 'Zen Antique', serif;
  font-size:2.2em;
  margin-bottom:30px;
  line-height:1;
}

@media screen and (max-width: 820px) {
.arttl{
  font-size:1.6em;
  margin-bottom:15px;
  line-height:1.5;
  font-weight:400;
}
}

@media screen and (max-width: 900px) {
.arttl{
  font-size:1.5em;
  margin-bottom:10px;
}
}

@media screen and (max-width: 568px) {
.arttl{
  font-size:1.35em;
}
}

#around_bt_box p{
  font-size:1em;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
}

.act-cat{
  border:3px solid #52658F;
  width:100%;
  margin:2% auto 5%;
  max-width:850px;
}

@media only screen and  (max-width: 568px) {
.act-cat{
  width:94%;
}
#around_bt_box p{
  font-size:0.95em;
}
}

.act-cat dt{
  display:inline-block;
  vertical-align:middle;
  background:#52658F;
  font-size:14px;
  color:#FFF;
  padding:2% 0;
  width:15%;
  box-sizing: border-box;
  text-align: center;
  letter-spacing:0.1em;
}

@media only screen and  (max-width: 568px) {
.act-cat dt{
  display:block;
  padding:2% 0;
  width:100%;
}
}

.act-cat dd{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
  color:#000;
  padding:2%;
  background:#FFF;
  width:85%;
  box-sizing: border-box;
}

@media only screen and  (max-width: 568px) {
.act-cat dd{
  display:block;
  width:100%;
}
}

/* erea_box
================================================== */
#erea_box {
  width:100%;
  margin:0 auto;
  padding:5% 0 0;
}

@media only screen and  (max-width: 820px) {
#erea_box {
  padding:5% 0;
}
}

#erea_box h2{
  padding: 1% 0 3%;
  font-weight: normal;
  width : 100%;
  box-sizing: border-box;
  font-weight:400;
  font-size:1.8em;
}

@media only screen and  (max-width: 568px) {
#erea_box h2{
  font-size:1.2em;
  font-weight:600;
}
}

#erea_box h2 .fa{
  margin-right:5px;
  font-size:1.1em;
}

#erea_box h3{
  font-weight:400;
  font-family: 'Zen Antique', serif;
  font-size:2em;
  margin:0 0 1% 2%;
}

@media screen and (max-width: 1280px) {
#erea_box h3{
  font-size:1.8em;
}
}

@media screen and (max-width: 900px) {
#erea_box h3{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
#erea_box h3{
  font-size:1.3em;
  line-height:1.4;
  margin:1% 0 1% 2%;
}
}

#erea_box .other-top{
  letter-spacing:0em;
  line-height:2;
  font-size:1.1em;
  color:#000;
  margin:10px 0 3% 2%;
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
}

@media screen and (max-width: 1280px) {
#erea_box .other-top{
  line-height:1.8;
  font-size:1em;
}
}

@media screen and (max-width: 900px) {
#erea_box .other-top{
  text-align: left;
}
}

@media screen and (max-width: 568px) {
#erea_box .other-top{
  margin:0 0 5%;
  line-height:1.6;
  font-size:0.95em;
  padding:0 10px;
}
}

.around_box{
  width:100%;
  margin: 0;
}

.around_box .spot{
  width:32.3333%;
  box-sizing: border-box;
  padding: 1% 2% 2.5%;
  display:inline-block;
  vertical-align:top;
}

@media only screen and  (max-width: 900px) {
.around_box .spot{
  width:50%;
  padding:2% 3%;
}
}

@media only screen and  (max-width: 568px) {
.around_box .spot{
  padding:1% 1% 3%;
}
}

.around_box .h_photo img{
  width:100%;
  height:auto;
}

.around_box .h_photo {
  width:100%;
  margin-bottom:-15px;
  position: relative;
}

.tokuten {
 position: absolute;
 top: -20px;
 left: -20px;
 width:70px;
}

@media only screen and  (max-width: 568px) {
.tokuten {
 position: absolute;
 top: -10px;
 left: -3px;
 width:50px;
}
}

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

.list_tokuten{
  width:98%;
  margin:2% auto;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding:7px;
}


@media only screen and  (max-width: 568px) {
.list_tokuten{
  width:100%;
  margin:5% auto;
  padding:5px;
}
}

.list_tokuten dl {
  width:100%;
}

.list_tokuten dt {
  vertical-align: middle;
  color:#FFF;
  font-weight:500;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:14px;
  line-height:1.4;
}

@media only screen and  (max-width: 568px) {
.list_tokuten dt {
  font-size:1.2em;
}
}

.list_tokuten dd {
  display:100%;
  background:#FFF;
  box-sizing: border-box;
  padding:5px 10px;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

.lkt-tx1{
  color:#000;
  margin:0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
  padding:0;
  font-size:0.95em;
}

.lkt-tx2{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
  color:#8d8648;
  padding:0;
  margin:0;
  line-height:1;
  font-size:0.95em;
}

.lkt-tx2 span{
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  font-size:1.4em;
}

.lkt-tx2 strong{
  font-size:2em;
  font-weight:600;
}

@media only screen and  (max-width: 820px) {
.lkt-tx2 strong{
  font-size:1.6em;
}
}


.lkt-tx3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
  color:#8d8648;
  padding:0;
  margin:0;
}

@media only screen and  (max-width: 568px) {
.lkt-tx1{
  font-size:0.9em;
}

.lkt-tx2{
  font-size:0.9em;
}


.lkt-tx2 span{
  font-size:1.1em;
}

.lkt-tx2 strong{
  font-size:1.35em;
}

.lkt-tx3{
  line-height:1.5;
  font-size:0.9em;
}

.lkt-tx3 span{
  display:none;
}
}

.around_box .spot h4{
  font-weight:500;
  font-family: 'Noto Sans JP', sans-serif;
  padding:0 1%;
  font-size:1.05em;
  text-align:center;
  color:#53658d;
}

@media only screen and  (max-width: 820px) {
.around_box .spot h4{
  font-size:1em;
  line-height:1.4;
}
}

@media only screen and  (max-width: 568px) {
.around_box .spot h4{
  font-size:0.95em;
  padding:0;
}
}

.around_box h4 a{color:#53658d;text-decoration:none;}
.around_box h4 a:hover{  color:#53658d;text-decoration:none;}

.around_box .spot .idf{
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  text-align:left;
  padding:3px 10px 3px;
  position: relative;
  font-size:13px;
  color:#FFF;
  background:#53658d;
  z-index:2;
  letter-spacing:0.05em;
  margin: 0 0 10px 0;
  display:inline-block;
}

.around_box .shop2{
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  padding:5px 0;
  font-size:14px;
}

@media only screen and  (max-width: 568px) {
.around_box .shop2{
  font-size:13px;
}
}

.around_box .fa{
  margin-right:5px;
}

.wbbt{
  text-align: center;
  font-size:12px;
  font-family: Roboto,sans-serif;
  font-weight:400;
  text-transform: uppercase;
  letter-spacing : 0.03em;
  margin-top:10px;
  line-height:1;
}

@media only screen and  (max-width: 820px) {
.wbbt{
  margin-bottom:5px;
}
}

.wbbt .fa{
  margin-right:5px;
}

.wbbt a{color:#52658F;display:inline-block;padding:11px 10px 10px;background-color:#FFF;text-decoration:none;border:1px solid #52658F;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wbbt a:hover{color:#FFF;text-decoration:none;background-color:#52658F;}


.around_bt{
  text-align: center;
  width:100%;
  margin:2% auto 0;
}

.around_bt li{
  display:inline-block;
  margin:1% 1% 0;
  vertical-align:top;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:1.1em;
}

.around_bt li .fa{
  margin-right:5px;
  font-size:1.1em;
}

@media only screen and  (max-width: 820px) {
.around_bt li{
  font-size:1em;
}
}

@media only screen and  (max-width: 568px) {
.around_bt li{
  font-size:0.9em;
  margin: 3px;
}
}

.ar-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.ar-button.c-button--ghost{display:inline-table;padding:10px 20px;border:1px solid #333A56;color:#333A56;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.ar-button.c-button--ghost:hover{border:1px solid #333A56;}
.ar-buttons a{text-decoration:none;background-color:#FFF;}
.ar-buttons a:hover{text-decoration:none;display:inline-table;background-color:#333A56;color:#FFF;text-shadow:none;}

@media only screen and  (max-width: 568px) {
.ar-button.c-button--ghost{padding:7px}
}


/* act-syousai
--------------------------------------------------*/
.act-syousai{
  width: 100%;
  text-align: center;
}

.act-syousai ul{
  text-align: center;
  width:100%;
}

.act-syousai li{
  display:inline-block;
  width:24%;
  vertical-align: top;
  box-sizing: border-box;
  padding:0 15px 5px;
}

@media only screen and  (max-width: 820px) {
.act-syousai li{
  padding:10px 5%;
  width:49%;
}
}

@media only screen and  (max-width: 568px) {
.act-syousai li{
  padding:5px;
}
}

.act-syousai li .thumbnail {
  background: transparent;
  border: 0;
}

.kod_syousai{
  width:100%;
}

@media screen and (max-width: 568px) {
.kod_syousai{
  padding: 5px 0;
}
}

.kod_syousai .kod_name{
  font-weight:500;
  font-family: 'Noto Sans JP', sans-serif;
  padding:0 1%;
  font-size:1.05em;
  text-align:center;
  color:#53658d;
  margin:10px 0 5px;
}


@media only screen and  (max-width: 820px) {
.kod_syousai .kod_name{
  font-size:1em;
  line-height:1.4;
}
}

@media only screen and  (max-width: 568px) {
.kod_syousai .kod_name{
  font-size:0.95em;
  margin:5px 0 0;
}
}

.kod_syousai .idf3{
  color:#8d8648;
  font-size:0.95em;
  padding:5px 5px 10px;
  text-align:center;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and  (max-width: 568px) {
.kod_syousai .idf3{
  padding:5px;
}
}


.kod_syousai .idf3 .fa{
  margin-right:5px;
}

.kod_syousai .kod_tx{
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  padding:5px 0;
  font-size:14px;
  text-align:left;
}

@media only screen and  (max-width: 568px) {
.kod_syousai .kod_tx{
  font-size:13px;
}
}

.act-syousai li img.img-circle{border-radius:50%}

.act-syousai li img.img-circle.cir-img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 5px solid #B7D4FF;
  transition: all 1s;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.act-syousai li img.img-circle.cir-img {
  border: 3px solid #B7D4FF;
  width: 100%;
  margin:0 0;
}
}

.act-syousai li .thumbnail:hover>img.img-circle.cir-img{
  border: 5px solid #96BCF4;
}

@media screen and (max-width: 568px) {
.act-syousai li .thumbnail:hover>img.img-circle.cir-img{
  border: 3px solid #96BCF4;
}
}

/* acty-contents
--------------------------------------- */
.acty-contents{
  width: 100%;
  padding:3% 0 1%;
  position: relative;
  overflow: hidden;
}

.acty_top{
  overflow: visible;
  position: relative;
  width:1280px;
  float:left;
}
.acty_photo{
  float:left;
  width:60%;
}

@media screen and (max-width: 820px) {
.acty_photo{
  width:90%;
  max-width:527px;
  margin:1% auto;
  text-align: center;
  display:block;
}
}

@media screen and (max-width: 568px) {
.acty_photo{
  width:100%;
  display:block;
  margin:0 auto 3%;
}
}

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

.acty_text{
  width:40%;
  display:inline-block;
  vertical-align:middle;
  margin:0;
  box-sizing: border-box;
  padding-left:3%;
}

@media only screen and  (max-width: 820px) {
.acty_text{
  width:100%;
  margin-top:20px;
  padding-left:0;
}
}

@media only screen and  (max-width: 568px) {
.acty_text{
  margin:3% 0 0;
}
}

.acty_text p{
  padding:2% 0;
  line-height:1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:400;
}

@media only screen and  (max-width: 568px) {
.acty_text p{
  padding:1% 2%;
  line-height:1.6;
  font-size:0.95em;
}
}