@charset "utf-8";
/* CSS Document */

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

.wp-pagenavi span.current{
font-weight: 400;
width: 30px;
height: 30px; 
border-radius: 50%;
background: #FBE673;
display: inline-block;
text-align: center;
	color: #462408;
}
.wp-pagenavi a, .wp-pagenavi span{
border: none !important;
color: #000;
	font-weight: 400;
}
.wp-pagenavi{
padding-bottom: 5%;
font-weight: bold;
font-family: "Noto Sans JP";
}

/************** 共通 **************/

.maincontent h1,.maincontent h2,.maincontent h3,.maincontent h4,.maincontent h5,.maincontent h6{
padding: 0 0 5px !important;
}

.maincontent{
line-height: 180%;
}
/*タブのスタイル*/
.tabs {
background-color: #fff;
margin: 0 auto;
margin-bottom:20px;
}
/*食べる*/
.eat{
border-bottom: 3px solid #DD4D34;
background-color:#F4DCD8;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .eat{
  background-color:#DD4D34;
}
/*遊ぶ*/
.play{
border-bottom: 3px solid #F59806;
background-color:#F4E5CD;
}
.tabs input:checked + .play{
  background-color:#F59806;
}
/*買う*/
.buy{
border-bottom: 3px solid #44BFEE;
background-color:#D7EDF4;
}
.tabs input:checked + .buy{
  background-color: #44BFEE;
}
/*ゴルフ*/
.golf{
border-bottom: 3px solid #75BE4B;
background-color:#E7F4DF;
}
.tabs input:checked + .golf{
  background-color: #75BE4B;
}
/*スパ・エステ*/
.spa{
border-bottom: 3px solid #758AEC;
background-color:#E0E3F0;
}

.tabs input:checked + .spa{
  background-color: #758AEC;
}
/*泊まる*/
.stay{
border-bottom: 3px solid #28A891;
background-color:#D8F0EC;
}

.post_cate_none{
float: left;
}
.tabs input:checked + .stay{
  background-color: #28A891;
}
/*sその他*/
.normal{
border-bottom: 3px solid #168FDF;
background-color:#D8E6EF;
}
.tabs input:checked + .normal{
  background-color: #168FDF;
}

.tab_item {
width: calc(100%/2);
height: 50px;
line-height: 50px;
font-size: 14px;
text-align: center;
color: #000;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item_on {
width: 100%;
margin-bottom: 20px;
height: 45px;
line-height: 45px;
font-size: 16px;
 background-color: #168FDF;
text-align: center;
color: #fff;
display: block;
float: left;
text-align: center;
font-weight: bold;
}
.tabs input:checked + .tab_item a{
  color: #fff;
}
.tab_item:hover,.tab_item2:hover{
opacity: 0.6;
}
input[name="tab_item"] {
display: none;
}
.tab_item{
position: relative;
}

.pan{
padding-left:0;
margin-left:0;
font-size: 12px;
font-weight: normal !important;
margin-bottom: 20px;
}
.pan li{
font-family: "Noto Sans JP";
display:inline-block;
list-style: none;
font-weight: bold;
font-size: 80%;
}
.pan li:after {
content: '＞';
padding: 0 5px 0 10px;
color: #555;
}
.pan li:last-child:after {
  content: '';
}
.tab_item a {
text-decoration: none;
color: #000;
}
.pan li a{
color: #000;
}
.pan li a:hover {
  text-decoration: underline;
}
.pan_list{
padding: 0 0 10px;
text-align: left;
}
.b_eat{
border-bottom: 2px #DD4D34 solid;
}
.b_play{
border-bottom: 2px solid #F59806;
}
.b_buy{
border-bottom: 2px #44BFEE solid;
}
.b_golf{
border-bottom: 2px #75BE4B solid;
}
.b_spa{
border-bottom: 2px #758AEC solid;
}
.b_stay{
border-bottom: 2px #28A891 solid;
}
.b_normal{
border-bottom: 2px #168FDF solid;
}
.b_pink{
border-bottom: 2px #F65050 solid;
}
.b_orange{
border-bottom: 2px #F96400 solid;
}
/*.choice_title h3{
font-size: 130%;
margin-bottom: 10px;
font-family: "Noto Sans JP";
}*/
#blog .choice_title {
border-bottom: 1px double #8FE7CC;
padding-bottom: 0px;	
}
.select_h3{
float: left;
margin-right:3%;
}
/*セレクトボックス*/
.cp_ipselect {
	overflow: hidden;
	width:180px;
	float: left;
	margin-bottom:2%;
	text-align: center;
	font-size: 90%;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #000;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.7em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 0px 5px 0px 5px;
	color: #000;
}
/************/

.choice_title p{
font-size:80%;
margin: 0px 0;
color:rgba(69,69,69,1.00);
}
.subcategory{
margin: 15px 0;
}
.sub{
float: left;
font-size:60%;
line-height: 200%;
color: #000;
background: #fff;
display: inline;
padding: 0% 2%;
margin-right:1%;
margin-bottom: 10px;
border:1px solid #168FDF;
}
.btn3:after{
content:"";
position:absolute;
bottom:1.25em;
right:10%;
margin:auto;
width: .5em;
height: .5em;
border-top: .05em solid #fff;
border-right: .05em solid #fff;
transform: rotate(135deg);
transition:.3s;
}
.btn3:hover:after{
bottom:1em;
}
 .tab_content{
padding: 30px 0 0;
}
.tab_item p{
font-size:110%;
}
.single_sub{
margin-top:5px;
}

.post_info{
padding: 20px 0;
/*border-top: 1px solid #8A8A8A;
border-bottom: 1px solid #8A8A8A;*/
margin-bottom: 40px;
}
.post_info h4{
font-size: 110%;
margin-bottom: 10px;
font-family: "Noto Sans JP";
}
.post_info p{
font-size:14px;
}
.single_map iframe{
width: 100%;
overflow: hidden;
margin: 10px 0;
}

/*SNS*/
.share_txt{
	float: left;
	margin-right: 5%;
	color: #DB4813;
	font-weight: bold;
}

.sharesns{
padding: 0 0 10px;
}
.sharesns div:nth-child(3){
margin-right: 0;
}
.sns_btn{
width: 3%;
float: left;
margin-right: 2%;
}
.sns_btn img{
width: 100%;
}
/*TOPICS*/
.topics_post{
width: 100%;
border-bottom:#F65050 1px dashed;
padding-bottom: 2%;
margin-top: 2%;
}
.topics_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.topicsbox{
margin-bottom: 30px;
}

/*お店のページ*/

.shop_img1 img,.shop_img2 img,.shop_img3 img,.shop_img4 img,.shop_img5 img{
width: 100%;
height: 100%;
object-fit: cover;
}
.shop_img2{
padding-top:20px;
}
.shop_text1 h4,.shop_text2 h4{
/*font-size:110%;*/
padding-bottom:5px;
line-height:140%;
color: #000;
}
.bk h4{
border-bottom: 1px solid #000;
}
.yw{
/*border-bottom: 1px solid  #C4C4C4;*/
font-size:110%;
padding-top: 10px;
color: #000;
margin-top: 60px
}
.mt20{
margin-top: 15px;
}
.mb20{
margin-bottom: 20px;
}
.shop_text1 p,.shop_text2 p{
margin-top:5px;
font-size: 16px;
line-height: 160%;
}
.shop_text3 p{
font-size: 16px;
line-height: 160%;
}
.shop_cap{
font-size: 85%;
line-height: 160%;
margin-top:10px;
}
.menuname{
font-size: 120%;
font-weight: 600;
margin-bottom: 10px;
}
.price{
font-size: 100%;
color: #DD4D34;
margin-bottom: 5px;
}
.setumei{
font-size: 85%;
line-height: 160%;
}
.kihon{
border-collapse: collapse;
text-align: left;
width: 100%;
font-size: 14px;
}
.maincontent2{
font-family: "Noto Sans JP";
margin-top: 20px;
}
.topicsbox div:first-child{
margin-top: 0 !important;
}

.caption{
font-size: 12px !important;
}
.wp-block-image figcaption{
margin-top: -0.6em !important;
}

/*～～～～～～～～～～～～～～～～～～～～～パソコン～～～～～～～～～～～～～～～～～～～～～*/
@media only print, screen and (min-width: 1020px) {
.mainpost{
padding: 100px 0 0;
}
.maincontent{
margin: 40px 0;
font-family: "Noto Sans JP";
}

.other{
margin: 60px 0 0;
}
.singlepost{
width:23%;
float: left;
margin-right: 2.6%;
margin-bottom: 5%;
}
.single_postbox div:nth-child(4n){
margin-right: 0;
}

.singlepost .post_img{
width: 100%;
height: 140px;
}

.singlepost .post_img img{
width: 100%;
height: 100%;
object-fit: cover;
}

.topics_img{
width: 31%;
height: 140px;
float: left;
}
.topics_naiyo{
width: 67%;
float: right;
}
.topics_t{
font-size:16px;
color: #000;
margin: 0px 0 5px;
}
.shoptp_tepo{
float: left;
}

/*お店ページ*/
.shopbox1,.shopbox2{
width: 100%;
}
.shop_img1{
width:300px;
height:190px;
float: left;
margin-right:3%;
}
.shop_img2{
width:100%;
height: 450px;
float: left;
margin-bottom:20px;
}
.shop_img3inner{
width:335px;
float: left;
}
.mr2{
margin-right:15px;
}
.shop_img3{
width: 100%;
height:190px;
}
.shop_img4 {
width:220px;
height:150px;
margin-right: 2%;
float: left;
}
.shop_img5{
width:161px;
height: 100px;
float: left;
margin-right:15px;
margin-top:15px;
}
.photogallery div:nth-child(4n){
margin-right: 0;
}

.shop_text1{
width:53%;
float: right;
}
.shop_text2,.shop_text3{
width: 100%;
/*float: left;*/
}
.shop_text4{
width: 66%;
float: right;
}

/*基本情報*/
.kihon{
border-collapse: collapse;
text-align: left;
width: 100%;
table-layout: fixed;
}
.kihon tr{
/*border-bottom: 1px dashed rgba(164,164,164,1.00);*/
}
.kihon tr:last-child{
border-bottom: none;
}
.t_left{
width: 20%;
padding: 10px 0;
font-weight: 600;
}
.t_right{
padding: 10px 0;
width: 70%;
color: #000;
}
.t_right a{
color: #000;
}
.mr40{
margin-right:20px;
}
}

.shop-sns-icons{
	display: flex;
	gap: 15px;
}

/*～～～～～～～～～～～～～～～～～～～～～モバイル～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 1020px) and (min-width: 767px){
.mainpost{
padding: 100px 0 30px;
}
.maincontent{
margin: 40px 0;
font-family: "Noto Sans JP";
}

.other{
margin: 60px 0 0;
}
.singlepost{
width: 47.5%;
float: left;
margin-right: 5%;
margin-bottom: 5%;
}
.single_postbox div:nth-child(2n){
margin-right: 0;
}
.singlepost .post_img{
width: 100%;
height: 28vw
}
.singlepost .post_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.topics_img{
width: 35%;
height:22vw;
float:left;
margin-right:3%;
}
.topics_t{
font-size: 110%;
color: #000;
margin:5px 0;
}
.shoptp_tepo{
float: left;
}
.topics_naiyo{
float: left;
width:60%;
}
/*お店ページ*/
.shopbox1,.shopbox2{
width: 100%;
}
.shop_img1{
width:48%;
height: 18vw;
float: left;
margin-right:3%;
}
.shop_img2{
width:100%;
height: 38vw;
float: left;
margin-bottom:20px;
}
.shop_img3inner{
width:49%;
float: left;
}
.mr2{
margin-right:2%;
}
.shop_img3{
width: 100%;
height:19vw;
}
.shop_img4 {
width:34%;
height:13vw;
margin-right: 2%;
float: left;
}
.shop_img5{
width: 23.5%;
height: 9vw;
float: left;
margin-right: 2%;
margin-top: 2%;
}
.photogallery div:nth-child(4n){
margin-right: 0;
}

.shop_text1{
width:48%;
float: right;
}
.shop_text2,.shop_text3{
width: 100%;
}
.shop_text4{
width: 64%;
float: right;
}
/*基本情報*/
.kihon tr{
border-bottom: 1px dashed rgba(164,164,164,1.00);
}
.t_left{
width: 20%;
padding: 10px 0;
font-weight: 600;
}
.t_right{
padding: 10px 0;
width: 70%;
color: #000;
}
.t_right a{
color: #000;
}
.mr40{
margin-right:2%;
}
}

/*～～～～～～～～～～～～～～～～～～～～～スマホ～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 766px) {
.mainpost{
padding: 100px 0 30px;
}
.maincontent{
margin:20px 0;
font-family: "Noto Sans JP";
}
.other{
margin: 60px 0 0;
}
.singlepost{
width: 47.5%;
float: left;
margin-right: 5%;
margin-bottom: 5%;
}
.single_postbox div:nth-child(2n){
margin-right: 0;
}

.singlepost .post_img{
width: 100%;
height: 28vw
}

.singlepost .post_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.topics_img{
width: 35%;
height:22vw;
float:left;
margin-right:3%;
}
.topics_t{
font-size: 90%;
color: #F000;
}

.topics_naiyo{
width:100%;
}

.shoptp_tepo{
float: left;
}
/*お店ページ*/
.shopbox1,.shopbox2{
width: 100%;
}
.shop_img1{
width:100%;
height:58vw;
margin-bottom: 3%;
}
.shop_img2{
width:100%;
height:63vw;
float: left;
margin-bottom:20px;
}
.shop_img3inner{
width:100%;
float: left;
}
	.osusumeinner{
		margin-bottom: 40px;
	}
.shop_img3{
width:100%;
height: 60vw;
}
.shop_img4 {
width: 100%;
/*height: 20vw;
margin-right:2%;
float: left;*/
}
.shop_img5{
width: 47%;
height: 28vw;
float: left;
margin-right:5.5%;
margin-top: 20px;
}
.photogallery div:nth-child(2n){
margin-right: 0;
}

.shop_text1{
width:100%;
}
.shop_text2,.shop_text3{
width: 100%;
/*float: left;*/
}
.shop_text4{
width: 100%;
float: left;

}
.menuname{
font-size: 100%;
font-weight: 600;
margin-bottom: 5px;
}
.setumei{
line-height: 120%;
}

/*基本情報*/
.kihon{
border-collapse: collapse;
text-align: left;
width: 100%;
table-layout: fixed;
}
.kihon tr{
/*border-bottom: 1px dashed rgba(164,164,164,1.00);*/
}
.t_left{
width: 100%;
padding: 10px 0 0;
font-weight: 600;
}
.t_right{
padding:  0  0 10px;
width: 100%;
color: #000;
}
.t_right a{
color: #000;
}
.shop_cap{
padding-bottom: 10px;
}

.setumei{
font-size: 85%;
line-height: 160%;
}	
	
}