@charset "utf-8";

/******** common ********/
body {
	 font-size:11pt;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color:#333;
	 margin: 70px 0 0 0;
	 padding: 0;
}
/* #FF8C00=#ff8c00 */
h1,h2,h3,h4,h5,h6,{
	 padding:0;
  margin:0;
  font-family: "Noto Sans JP", sans-serif;
  /*font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
  font-weight:400;
}
h2 {
	 font-size:1.25rem;
  padding-bottom: 5px;
  border-bottom: 3px solid #FF8C00;
}
/*h2 {
	font-size:1.25rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #FF8C00;
}
h3 {
  font-size:1.125rem;
}*/
h3 {
  font-size:1.125rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #aaa;
}
h4 {
  font-size:1.0rem;
  margin-bottom: 0.5rem;
}
a {
  color: #333;
	 text-decoration: none;
}
a:hover{opacity:.6;}
a:visited {
  color: #333;
	 text-decoration: none;
}
img{
  border:0;
  vertical-align:top;
  /* 画像保存禁止 */
  -webkit-touch-callout: none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
	 -webkit-user-drag: none;
  -khtml-user-drag: none;
	 user-drag: none;
  touch-callout:none;
  user-select:none;
}
p {
  /*padding:0;*/
  margin:0.5rem 0;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size:11pt;
}
.sp{display:block;}
.tab{display:none;}
.pc{display:none;}
.mobile{display:block;}
.desktop{display:none;}
.displaynone{display:none;}
.displayblock{display:block;}
.clear{clear:both;}
.center{text-align:center;}
.flex{display:flex;}
.flex_center{justify-content:center;}
.flex_between{justify-content:space-between;}
.flex_around{justify-content:space-around;}
.bg_white{background:#fff!important;}
.pt10px{padding-top:10px!important;}
.pt20px{padding-top:20px!important;}
.pt30px{padding-top:30px!important;}
.float_l {
	float:left;
}
.float_r {
	float:right;
}
.mgt1e {
	margin-top:1rem;
}
.mgt1_5e {
	margin-top:1.5rem;
}
.mgt2e {
	margin-top:2rem;
}
.mgt3e {
	margin-top:3rem;
}
.mgb1e {
	margin-bottom:1rem;
}
.mgb1_5e {
	margin-bottom:1.5rem;
}
.mgb2e {
	margin-bottom:2rem;
}
.mgb3e {
	margin-bottom:3rem;
}
.display_tab_pc {
	display:none;
}
/*** 画像角丸 ***/
.article_box_photo img,
#content_slider img,
.article_clm_img img {
  border-radius: 15px;
}

#wrapper {
  padding: 0;
  margin: 0;
}
#content_wrapper {
  width: 96%;
  margin: 0 auto 0 auto;
}
header {
  /*position: sticky;*/
  position: fixed;
  top:0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 500;
  border-bottom: 1px solid #ddd;
}
#header_corset {
  padding: 5px 4%;
  width: 92%;
  position: relative;
}
.logo {
  /*position:absolute;
  left: 0px;*/
  font-size: 1.5rem;
  margin: 5px auto 0 0;
  /*font-family: 'Kaisei Decol', serif;*/
  /*font-family: 'Kaisei Opti', serif;*/
  line-height: 100%;
}
.top_h1 {
  margin: 0;
}
.site_name {
  color: #FF8C00;
  margin: 0;
  max-width: 115px;
}
.site_name a {
  color: #FF8C00;
}
#site_id {
  margin: 1rem auto 1rem 1rem;
}
.sub_title {
  font-weight: 500;
}
.site_description {
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0 auto 0 0;
  color: #333;
}
/*****ハンバーガーメニュー*****/
#nav_toggle {
  display:block;
  position:absolute;
  top:20px;
  right:25px;
  width: 23px;
  height:20px;
  cursor:pointer;
  z-index:300;
}
#nav_toggle div {position:relative;}
#nav_toggle span {display:block;position:absolute;height:1px;width: 100%;background:#666;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;}
#nav_toggle span:nth-child(1) {top: 2px;}
#nav_toggle span:nth-child(2) {top: 10px;}
#nav_toggle span:nth-child(3) {top: 18px;}
/* #nav_toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
.open #nav_toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav_toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
/* #global_navi スライドアニメーション */
.open #global_navi{
  transform: translatex(-1000px);
  -moz-transform: translatex(-1000px);
  -webkit-transform: translatex(-1000px);
}
#global_navi{
  position:absolute;
  top:0px;
  right:-1000px;
  background-color:rgba(255,255,255,0.9);
  width:100%;text-align:left;
  padding:50px 0;
  z-index:200;
  -webkit-transition:.4s ease-in-out;
  -moz-transition:.4s ease-in-out;
  transition:.4s ease-in-out;
}/* 開いてないときは画面外に配置 */
.navi_menu {
  /*width:88%;*/
  position:relative;
  padding:0 0 0 10%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size:0.95rem;
  line-height:210%;
}
.navi_menu ul {
  list-style:none;
  margin-bottom:10px!important;
  line-height: 3.5;
}
.navi_menu a {
  color: #333;
}
.navi_menu a:visited {
  color: #333;
}
.menu-item {
  border-bottom: #999 1px dotted;
}
.page_head_img {
	margin-bottom:1.5em;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
}
.content_corset {
	width:96%;
	/*max-width: 1340px;*/
	margin:0 auto;
  padding: 0 2%;
}
.page_wrapper {
	width:96%;
	margin:0 auto;
}
.page_corset {
	/*width:75%;
	max-width: 1000px;*/
	max-width: 900px;
	margin:0 auto;
}
.content_inner {
	width:96%;
	padding:0 0 1em 0;
	/*padding:0.5em 0 1em;*/
	background-color:#fff;
  margin: 1rem auto;
}
#the_content {
  margin: 2rem auto 4rem auto;
}
#content_slider {
	margin:2% auto;
	text-align:center !important;
	max-width:1160px;
	max-height:600px;
	overflow: hidden;
}
/**アコーディオン**/
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  background: ;
	 margin: 0 auto;
}
.toggle_switch.open {
  background: ;
}
.toggle_switch:hover {
  /*background:#FCECE8;*/
}
.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(../images/arrow_down_o.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
	 right: 20px;
  transition: transform .2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 30%;
}
/*.toggle_contents {
  display: none;
  padding: 5px 10px;
 	background: ;
}*/
.toggle_contents {
  display: none;
  /*padding:2%!important;*/
  margin:0 0 15px 0;
  /*filter: drop-shadow(0 0.2rem 0.2rem rgba(0,0,0,0.15));*/
}
/*.tc_02 {
  display:none;
  list-style:none;
  text-align: left;
  background-color:none;
}
.search_box .toggle_switch {
  z-index:101;
}
.search_box .toggle_switch.open {
  color: #F87C8F;
}*/
/***** swiper *****/
.gallery {
  display:block;
}
.swiper-container {
  width:100%;
  margin:0 auto;
  --swiper-theme-color:#FF8C00 !important;
}
.post_box .swiper-container {
  max-width:900px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px !important;
}
/*.swiper-container.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  --swiper-theme-color:#d10014 !important;
}*/
/*.swiper-container.slider-thumbnail {
  display: none;
  --swiper-theme-color:#fff !important;
}*/
.swiper-slide img {
	width: 100%;
  height: auto;
  object-fit: cover;
}
.carousel_caption {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 0.7rem;
  padding: 2.0rem 0 0.3rem 0;
  margin: 0 auto;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4));
  width: 100%;
}

.post_box {
  width: 100%;
  margin-bottom: 4rem;
}
.link_btn {
  margin: 2.0rem auto 3.0rem 0;
  position: relative;
  z-index: 10;
}
.link_btn a {
  font-size: 0.75rem;
  color: #FF8C00;
  background: #fff;
  padding: 0.70rem 2.0rem;
  border: #FF8C00 1px solid;
  /*border-radius: 4px;*/
  border-radius: 20px;
}
.link_btn a:visited {
  color: #FF8C00;
}
.link_btn a:hover {
  /*font-weight: 600;*/
  color: #fff;
  background: #FF8C00;
}
.space_1rem {
  margin: 1.0rem auto;
}
.space_2rem {
  margin: 2.0rem auto;
}
#sidebar {
  width: 100%;
}
#footer {
  clear: both;
	 text-align: center;
  margin: 3rem 0 0 0;
  padding:0.5em 0;
  background: #f8f8f8;
}
#to_page_top {position:fixed;bottom:0px;right:0px;z-index:500;}
#to_page_top a {display:block;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#to_page_top a:hover {display:block;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.footer_attention {
	font-size: 0.75rem;
	font-weight: 600;
	border-top: #aaa 1px dotted;
	border-bottom: #aaa 1px dotted;
	margin: 1% auto 8% auto;
	padding: 3%;
	width: 84%;
}
.footer_bnr {
  display: flex;
	justify-content: center;
  margin: 3.0rem auto 2.0rem auto;
}
.bnr {
  /*width: 30%;*/
  margin: auto 2px;
  padding: 3px 15px;
  max-width: 200px;
  border: #ccc 1px solid;
  /*border-radius: 8px;*/
  color: #333;
  font-size: 0.6rem;
  background: #fff;
}
a.bnr {
  color: #333;
}
a:visited.bnr {
  color: #333;
}
#copyright {
  font-size:0.7em;
  text-align:center;
}
#copyright p {
  font-size:0.7em;
  margin: 0 auto 5px auto;
}
.copyright_title {
  margin: 10px auto 0 auto;
  font-size: 0.9rem;
}
#footer_logo{
  width:30%;
  min-width:140px;
  margin:10px auto;
}
#page_header_logo {
	 width: 50%;
	 margin: 2% auto 5% 0;
	 padding: 0;
}
/****お気に入りボタン****/
.favorite_button {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 4.0rem;
}
button.favorite_button_in {
  display: inline-block;
  padding: 12px 28px 12px 20px;
  border: 1px solid #ff8c00;
  cursor: pointer;
  border-radius: 0.45rem;
  color: #ff8c00;
  font-size: 0.95rem;
  transition: 0.2s ease-in-out;
  font-weight: 600;
  background: #fff;
  width: 100%;
  /*box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);
  border-color: rgb(80,80,80,0.1);
  background: #fcfcfc;*/
}
button.favorite_button_in p {
  display: inline-block;
  margin: 0;
}
button.favorite_button_in:hover {
  opacity: 0.8;
}
button.favorite_button_in i {
  color: #ff8c00;
  font-size: 1.3rem;
  vertical-align: -1px;
  margin-right: 8px;
  opacity: 0.3;
}
.is-choosen .favorite_button_in {
  border: 1px solid #bbb;
  background: #fff;
}
.is-choosen .favorite_button_in i {
  opacity: 1;
  color: #666;
}
.is-choosen .favorite_button_in p {
  font-size: 0;
  color: #666;
  font-weight: 500;
}
.is-choosen .favorite_button_in p:before {
  font-size:0.95rem; content: "ブックマーク登録済";
}
/*-------*/

.fav-list {
  text-align: center;
}
.favorites-list {
  padding-left:0!important;
  list-style: none;;
  text-align: left;
}
.favorites-list li {
  /*border-top: 1px dotted rgba(0, 0, 0, .2);*/
  border-bottom: 1px dotted rgba(0, 0, 0, .3);
  padding: 1.0rem 0;
  margin: 0;
  width: 100%;
}
.favorites-list li:last-child {
  border-bottom: none;
}
.favorites_photo_box {
  width: 40%;
  height: auto;
}
.favorites_photo {
  /*float: left;*/
  height: auto;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  position: relative;
  overflow: hidden;
}
.favorites_photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*width: 100%;
  height: auto;*/
}
.favorites_text {
  width: 56%;
  margin: 0 0 0 4%;
}
.favorites_text a {
  font-weight:bold;
  /*color:#F87C8F;*/
}
.favorites_spotname {
  margin: 0 0 0.3rem 0;
  font-size: 0.9rem;
  line-height: 140%;
  border-bottom: 1px #FF8C00 solid;
}
.favorites_address {
  margin: auto auto auto auto !important;
  font-size: 0.75rem;
}
.favorites_taxonomy {
  margin: auto 1.0rem 0.5rem auto;
  font-size: 0.75rem;
}
.page-favorites_button {
  width: 100%;
  margin: 0.5rem auto auto 0;
}
button.remove_favorites_button {
  width: 160px;
  padding: 5px 5px;
  border: 1px #eee solid;
  border-radius: 6px;
  text-align: center;
  background: #f8f8f8;
  margin: 0.5rem auto auto 0;
  /*width: 100%;*/
  height: auto;
}
.remove_favorites_button .fav_text {
  color: #888!important;
  font-size: 0.75rem;
  font-weight: 500!important;
}
button.remove_all_favorites_button {
  color: #777;
  font-size: 0.70rem;
  font-weight: 600;
  width: 240px;
  padding: 6px 5px;
  border: #666 1px solid;
  /*border: none;*/
  border-radius: 6px;
  text-align: center;
  background: #fff;
  margin: 0.5rem auto 3.0rem auto;
  height: auto;
}
.p-not_fav_items {
  text-align: center;
  margin: 3rem auto;
}

/******************** タブレット ********************/
@media only screen and (min-width:560px){
.sp {
  display:none;
}
.tab {
  display:none;
}
.pc {
  display:block;
}
h2 {
  font-size:1.6rem;
}
h3 {
  font-size:1.25rem;
}
h4 {
  font-size:1.125rem;
}
.display_smart {
  display:none;
}
.display_tab_pc {
  display:inherit;
}
.content_corset {
  width:94%;
  max-width:1200px;
  margin:0 auto;
  padding: 0 3%;
}
.logo {
  /*max-width: 150px;*/
}
#content_corset2 {
  display: flex;
	justify-content: space-between;
}
/**アコーディオン**/
/*.toggle_contents {
  display:block;
  padding: 5px 10px;
}*/
.toggle_contents {
  margin: 0 0 2% 0;
}
/*.toggle_switch::after {
  background:none;
}*/
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 36px !important;
}
.carousel_caption {
  font-size: 0.75rem;
}
.post_box {
  width: 70%;
  margin: 0 auto 1rem 0;
}
#sidebar {
  width: 26%;
  margin: 0 0 1rem auto;
}
.sidebar_inner {
  margin-top: 5%;
}
.page_wrapper {
	width:98%;
	max-width: 1040px;
	margin:0 auto;
}
.content_inner {
	/*
  padding-top: 2.0rem;*/
	margin:0 auto 2rem auto;
}
#the_content p {
  margin-top: 1em;
}
#footer {
  margin: 4.0rem 0 0 0;
  padding:0.5em 0;
}
.footer_attention {
	font-size: 1.0rem;
	margin: 3% auto 5% auto;
	padding: 1%;
	width: 80%;
}
.bnr {
  width: 200px;
  margin: auto 10px;
  padding: 5px 20px;
  font-size: 0.7rem;
}
#copyright p {
  font-size:0.75rem;
}
#page_header_logo {
	width: 30%;
	margin: 2% auto 5% 0;
	padding: 0;
}
.favorite_button {
  margin-bottom: 2.0rem;
}
.favorite_button {
  width: 100%;
  margin: 0 auto 2.0rem auto;
}
button.favorite_button_in {
  padding: 6px 6px;
  /*margin: 0.5rem 0 0 0;*/
  width: 100%;
}
#mylist_btn_add_page .favorite_button {
  width: 93%;
  margin: 0 1% 0.5rem 1%;
}
.favorites_photo_box {
  width: 30%;
}
.favorites_text {
  width: 100%;
}
.favorites_spotname {
  font-size:1.2rem;
  padding-bottom: 8px;
}
button.remove_favorites_button {
  font-size: 0.80rem;
  padding: 6px 5px;
  /*width: 100%;*/
  width: 160px;
}
.remove_favorites_button .fav_text {
  font-size: 0.80rem;
}
button.remove_all_favorites_button {
  font-size: 0.85rem;
  padding: 8px 5px;
}

}


/******************** デスクトップ ********************/
@media only screen and (min-width:960px){
body {
	font-size:12pt;
	margin: 80px 0 0 0;
}
.mobile {
  display:none;
}
.desktop {
  display:block;
}
h2 {
  font-size:1.6rem;
}
h3 {
  font-size:1.4rem;
}
h4 {
  font-size:1.2rem;
}
p {
  font-size:12pt;
}
/* 画像角丸
.article_box_photo img,
#content_slider img,
.article_clm_img img {
  border-radius: 20px;
}*/
header {
  height: 70px;
}
.logo {
  /*max-width: 150px;*/
}
.site_name {
  max-width: 130px;
}
.site_description {
  font-size: 0.85rem;
}
#global_navi{
  top: 10px;
  right: 1%;
  width: 70%;
  max-width: 700px;
  text-align:right;
  padding: 0 30px 0 0;
}
.navi_menu {
  width:100%;
  font-size:0.95rem;
  padding:0;
  letter-spacing:-0.01rem;
  line-height:180%;
}
.navi_menu ul {
  display:flex;
  flex-wrap:nowrap;
  justify-content: flex-end;
  /*justify-content:space-between;*/
  list-style:none;
  line-height: normal;
}
.menu-item {
  border-bottom: none;
  /*border-left: 1px dotted #ccc;
  border-left: 1px dotted #ff8c00;
  padding-left: 6%;*/
  margin-left: 7%;
}
#nav_toggle {
  display: none;
}
.carousel_caption {
  font-size: 0.85rem;
}
.page_wrapper {
	width:94%;
	max-width: 1040px;
	margin:0 auto;
}
.link_btn a {
  font-size: 0.80rem;
}
button.favorite_button_in {
  font-size: 0.85rem;
  padding: 8px 8px;
}
.lineshare_button {
  padding: 9px 8px;
  font-size: 0.85rem;
}
.favorites_spotname {
  font-size: 1.4rem;
}
.favorites_address {
  margin: auto auto auto auto !important;
  font-size: 0.85rem;
}
.favorites_taxonomy {
  margin: auto 1.0rem 0.5rem auto;
  font-size: 0.85rem;
}
.footer_attention {
	font-size: 1.2rem;
	margin: 3% auto 5% auto;
	padding: 1.5%;
	width: 70%;
}
#footer_logo{width:20%;max-width:300px;margin:16px auto;}
#page_header_logo {
	width: 24%;
	max-width: 340px;
	margin: 2% auto 5% 0;
	padding: 0;
}

}