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

/*

Theme Name:oceanguam-renewal-2024
Author: YUYA YASUE



*/
/* CSS Document */

/*ベース*/
html {
overflow-y:scroll;
}
body{
max-width: 100%;
max-height: 100%;
margin:0;
padding:0;
overflow: hidden !important ;
}
img {
pointer-events: none;
}
a{
text-decoration: none;
cursor: pointer;
cursor: hand;
}
a img{
display: block;
}
.bold{
font-weight: bold;
}
.clear{
clear: both;
}
.object-fit-img {
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover;'; /*IE対策*/
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
button, input, optgroup, select, textarea {
font: inherit;
}
.tamaru{
background-color: #FF0004;
color: #FFFFFF;
border-radius: 50%;
padding: 0 10px;
}
#shopinner .single_sub{
padding-bottom:0px; 
border-bottom: 1px solid #C4C4C4;
}
#shopinner .single_sub p{
margin-top: 6px;
}
.single_sub .post_cate_eat,.single_sub .type-eat{
margin-top: 5px;
}
.single_sub .post_cate_play,.single_sub .type-play{
margin-top: 5px;
}
.single_sub .post_cate_buy,.single_sub .type-buy{
margin-top: 5px;
}
.single_sub .post_cate_golf,.single_sub .type-golf{
margin-top: 5px;
}
.single_sub .post_cate_spa,.single_sub .type-spa-aesthetic{
margin-top: 5px;
}
.single_sub .post_cate_stay,.single_sub .type-stay{
margin-top: 5px;
}
.single_sub .post_cate_tokushu,.single_sub .type-tokushu{
margin-top: 5px;
}
.single_sub .type-normal,.single_sub,.tokushu{
margin-top: 5px;
}
#blog .maincontent p{
font-size: 16px;
letter-spacing: 2px;
}

/************** 共通 **************/
/*食べる*/
/*.post_cate_eat,.type-eat{
background:#DD4D34;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_eat,.type-eat{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #DD4D34!important;
	border: solid 1px #DD4D34;
	border-radius: 30px;
	font-weight: normal;
}

/*遊ぶ*/
/*.post_cate_play,.type-play{
background:#F59806;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_play,.type-play{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #F59806;
	border: solid 1px #F59806;
	border-radius: 30px;
	font-weight: normal;
}

/*買う*/
/*.post_cate_buy,.type-buy{
background:#2ACBFB;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_buy,.type-buy{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #9FCF24;
	border: solid 1px #9FCF24;
	border-radius: 30px;
	font-weight: normal;
}
/*ゴルフ*/
/*.post_cate_golf,.type-golf{
background:#75BE4B;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_golf,.type-golf{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #75BE4B;
	border: solid 1px #75BE4B;
	border-radius: 30px;
	font-weight: normal;
}

/*スパ・エステ*/
/*.post_cate_spa,.type-spa-aesthetic{
background:#758AEC;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_spa,.type-spa-aesthetic{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #758AEC;
	border: solid 1px #758AEC;
	border-radius: 30px;
	font-weight: normal;
}

/*泊まる*/
/*.post_cate_stay,.type-stay{
background:#28A891;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_stay,.type-stay{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #28A891;
	border: solid 1px #28A891;
	border-radius: 30px;
	font-weight: normal;
}

/*特集*/
/*.post_cate_tokushu,.tokushu{
background:#F96400;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}*/

.post_cate_tokushu,.type-tokushu{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #F96400;
	border: solid 1px #F96400;
	border-radius: 30px;
	font-weight: normal;
}

.post_cate_tokushu,.type-sightseeing{
	padding: 5px 30px;
	display: inline-block;
	font-size: 80%;
	color: #A158B4;
	border: solid 1px #A158B4;
	border-radius: 30px;
	font-weight: normal;
}

@media screen and (max-width:599px){

.post_cate_eat,.type-eat{
	padding: 1px 10px;
	display: inline-block;
	font-size: 14px;
	color: #DD4D34!important;
	border: solid 1px #DD4D34;
	border-radius: 30px;
	font-weight: 600;
	width: 88px;
	text-align: center;
}

.post_cate_play,.type-play{
	padding: 1px 10px;
	display: inline-block;
	font-size: 60%;
	color: #F59806;
	border: solid 1px #F59806;
	border-radius: 10px;
	font-weight: 600;
}

.post_cate_buy,.type-buy{
	padding: 1px 10px;
	display: inline-block;
	font-size: 14px;
	color: #9FCF24;
	border: solid 1px #9FCF24;
	border-radius: 30px;
	font-weight: 600;
	width: 88px;
	text-align: center;
}

.post_cate_golf,.type-golf{
	padding: 1px 10px;
	display: inline-block;
	font-size: 60%;
	color: #75BE4B;
	border: solid 1px #75BE4B;
	border-radius: 10px;
	font-weight: 600;
}

.post_cate_spa,.type-spa-aesthetic{
	padding: 1px 10px;
	display: inline-block;
	font-size: 14px;
	color: #758AEC;
	border: solid 1px #758AEC;
	border-radius: 30px;
	font-weight: 600;
}

.post_cate_stay,.type-stay{
	padding: 1px 10px;
	display: inline-block;
	font-size: 60%;
	color: #28A891;
	border: solid 1px #28A891;
	border-radius: 10px;
	font-weight: 600;
}

.post_cate_tokushu,.type-tokushu{
	padding: 1px 10px;
	display: inline-block;
	font-size: 60%;
	color: #F96400;
	border: solid 1px #F96400;
	border-radius: 10px;
	font-weight: 600;
}

.post_cate_tokushu,.type-sightseeing{
	padding: 1px 10px;
	display: inline-block;
	font-size: 14px;
	color: #A158B4;
	border: solid 1px #A158B4;
	border-radius: 30px;
	font-weight: 600;
}
}

.area{
display: inline;
padding: 0px 10px;
float: left;
color: #3E3E3E;
font-size: 80%;
margin-left: 10px;

}
.type-normal,.tokushu{
background:#168FDF;
padding: 0 5px;
display: inline;
float: left;
font-size: 80%;
line-height: 175%;
color: #fff;
}
.hidden {
background: #fff;
transition: all 0.5s ease;
}
.hidden2 {
background: #fff;
box-shadow: 0 0 20px -10px #000;
transition: all 0.5s ease;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.btn:after{
content:"";
position:absolute;
top:0;
bottom:.1em;
right:10%;
margin:auto;
width: .5em;
height: .5em;
border-top: .05em solid #F65050;;
border-right: .05em solid #F65050;;
transform: rotate(45deg);
transition:.3s;
}
.btn:hover:after{
right:8%;
}
.btn2:after{
content:"";
position:absolute;
top:0;
bottom:.1em;
right:10%;
margin:auto;
width: .5em;
height: .5em;
border-top: .05em solid #168FDF;
border-right: .05em solid #168FDF;
transform: rotate(45deg);
transition:.3s;
}
.btn2:hover:after{
right:8%;
}
.foot_link{
font-weight: bold;
}
.head_logo img{
width: 100%;
}
.item_img img{
width: 100%;
}
.reserve_bnr img,.reserve_bnr2 img{
width: 100%;
}
.post_img img,.post_img_shop img{
width: 100%;
height: 100%;
object-fit: cover;
}
.f_post_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.rank_photo img,.bk_img img,.back_main_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.number img{
width: 100%;
padding-bottom: 10px;
}
.ocean_inner_l img{
width: 100%;
height: 100%;
object-fit: cover;
}
.shoptp_img img,.topics_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.linkinner img,.back_btn_a img{
width: 100%;
}
.foot_sns img,.foot_logo img{
width: 100%;
}
.genrename{
color: #fff;
border-bottom: 1px #fff solid;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.genre_inner p{
font-size: 90%;
font-weight: bold;
color: #fff;
line-height: 30px;
padding-top:5px;
}
.genre_inner p:nth-child(6n){
margin-right: 0;
}
.genre_link{
padding: 20px; 
}
.genre_01 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_03.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_01 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_03.png");
background-size: contain;
vertical-align: middle;
}

.genre_02 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_05.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_03 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_07.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_04 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_09.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_05 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_11.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_06 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_13.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_07 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_15.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_08 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_18.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_09 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_20.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_10 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_22.png");
background-size: contain;
vertical-align: middle;
}

.genre_11 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_24.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.genre_12 p:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 35px;/*画像の幅*/
height: 35px;/*画像の高さ*/
background-image: url("img/icon/icon_27.png");
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}

.result-list p{
padding-top: 6% !important;
}

/******リンク*******/
.pc_list li a,.footer_sublist a,.footer_sublist2 a,.foot_link a,.rank_img a{
color: #000;
}
.info_naiyo,.post_info_inner a,.info_naiyo  a{
cursor:pointer;
color: #000;
}
.yoyakubox a{
color: #fff;
}
.key{
/*font-weight: bold;*/
color:#009AFF;
}
.t_right a:hover{
color:#DD4D34;
}
.info_naiyo:hover,.footer_sublist a:hover,.footer_sublist2 a:hover{
color: rgba(130,130,130,1.00);
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.reserve_bnr:hover,.reserve_bnr2:hover,.more_btn:hover,.ocean_btn:hover,.shop_btn:hover,.footer_btn:hover,.yoyaku_bbq:hover,.yoyaku_retaurant:hover,.newpost:hover,.newpost_contents_card:hover,.f_post:hover,.foot_sns a:hover,.shoptp_post:hover.item_img a:hover,.rank_img:hover,.tpoint:hover,.g-nav a:hover,.newpost_shop:hover,.more_btn_t:hover,.search_genre_icon:hover,.map_absolute_tumon:hover,.map_absolute_hagania:hover,.map_absolute_agat:hover,.map_absolute_talofofo:hover,.map_absolute_inalahan:hover,.map_absolute_merizo:hover,.key:hover,.search_genre_m_eat:hover,.search_genre_m_play:hover,.search_genre_m_shopping:hover,.search_genre_m_stay:hover,.search_genre_m_spa:hover,.search_genre_m_sightseeing:hover,.search_shop_m_contents_wrap a:hover,.youtube-short-video:hover,.other_post_inner a:hover{
opacity: 0.75;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}

.headerNav_menu_list ul li:hover,.sns_link_x:hover,.sns_link_i:hover,.sns_link_q:hover,.sns_link_down:hover,.search_shopkeyword > div:hover,.readmore_btn:hover{
opacity: 0.75;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}

.newpost:hover,.newpost_shop:hover{
/*background:rgba(216,216,216,0.75);*/
opacity: 0.75;
}
.pc_list :hover,.foot_link a:hover,.post_info_inner a:hover{
color:#009AFF;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.item_img:hover{
opacity: 0.5;
cursor:pointer;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
/*.key:hover{
background:#009AFF;
cursor:pointer;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.key:hover,.genre_inner a{
color:#fff;
}*/

/******　padding　*******/
.pt10{
padding-top: 10px;
}
.pt30{
padding-top: 30px;
}
.pt60{
padding-top: 60px;
}
.pb10{
padding-bottom: 10px;
}
.pb30{
padding-bottom: 30px;
}
.pb60{
padding-bottom: 60px;
}
.mt60{
margin-top:60px;
}
.pt4{
padding-top: 2%;
}
.mb5{
margin-bottom: 5%;
}
.pt45{
padding-top: 45px;
}
/************　タイトル　*************/

.title01 h3{
color:#168FDF;
margin-bottom: 5px;
    font-size: 110%;
font-family: "Noto Sans JP";
}

small{
font-family: "Noto Sans JP";
}
.title02{
}
.title02 h2{
color:#000;
margin-bottom:8px;
font-size: 180%;
}
.title04{
border-bottom: 1px solid #C4C4C4;
}
.title04 h3{
color:#000;
text-align: left;
margin-bottom: 10px;
font-size: 150%;
}
.title05 {
text-align: center;
margin: 0 auto;
}
.title05 h3{
font-size: 110%;
color:#168FDF;
color:#168FDF;
font-family: "Noto Sans JP";
margin-bottom: 15px;
}
.mini{
padding:0  10px;
font-size: 12px;
vertical-align:bottom;
float: right;
color: rgba(69,69,69,1.00);
font-family: "Noto Sans JP";
}
.mini2{
padding:0  10px;
font-size: 12px;
vertical-align:bottom;
color: rgba(69,69,69,1.00);
font-family: "Noto Sans JP";
}
.back_name{
font-family: "Noto Sans JP";
}
/******************　主な大枠　*******************/
/*#top{
background: #DCF2F8;
}*/
.keyword{
background: #DCF2F8;
text-align: center;
}
#footer{
background-color: #FBE673;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
}
.instabox{
background: #fff;
text-align: center;
}
.infobox{
text-align: center;
background: #fff;
background: url('img/back/bg_info.png');
background-size: cover;
background-repeat: no-repeat;
}
.ranking{
text-align: center;
}
.featurebox{
text-align: center;
background: url('img/back/bg_feature.png');
background-size: cover;
background-repeat: no-repeat;
}
.recommendedbox{
background: #FFEBEB;
text-align: center;
}
.postbox{
/*background: #FFFBEB;*/
background:#fff;
text-align: center;
}
.shoptpbox{
background: #FFEBEB;
text-align: center;
}
.global_post{
display: flex;
flex-wrap: wrap;
}

/*お店一覧表示方法*/

.s_under{
border-bottom: 1px #C4C4C4 solid;
padding-bottom:3px;
}
.rank_text p,.post_text p{
/*font-weight: bold;*/
}
.f14{
font-size: 14px !important;
line-height:18px;
text-align: left;
color:rgba(136,136,136,1.00) !important;
}
.mb2{
margin-bottom: 2%
}

/*～～～～～～～～～～～～～～～～～～～～～パソコン～～～～～～～～～～～～～～～～～～～～～*/
@media only print, screen and (min-width: 961px) {

.pc{
display: none !important;
}
.content,.content2{
width:100%;
max-width: 1020px;
margin: 0 auto;
}
.content_left{
float: left;
width: 690px;
margin-bottom: 30px;
}
.content_right{
float: right;
width: 290px;
}
	/*.rakuten{
		border: solid 1px #27AC38;
		padding: 5px 0;
	}
	
	.rakuten img{
		width: 7vw;
		height: auto;
		margin: 0 auto;
	}*/
	
#shopinner .mt46{
margin-top: 46px;
}
#blog .mt46{
margin-top: 46px;
}
#header{
height: 90px;
background: #fff;
position: fixed;
z-index:99;
width: 100%;
box-shadow:2px 2px 2px rgba(193,193,193,0.6);
}
.head_logo{
width:150px;
position  : absolute;
top:20%;
left:50%;
transform : translate(-50%, -50%);
margin:15px auto 0;
}
#top{
position: relative;
padding-top:80px;
/*padding-bottom: 20px;*/
}
/*～～～～～～メインビジュアル～～～～～～～*/

.item {
  width: 1020px;
  padding: 0 5px;
}
.item img {
  width: 100%;
  height: auto;
}
/*PCのみ*/
.pc_menu{
float: left;
width: 100%;
}

.yoyakubox{
float:right;
width: 26%;
}
.pc_list {
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
margin-top: 25px;
}
.pc_list li{
list-style: none;
display: table-cell;
vertical-align: middle;
font-size:80%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'
}
.pc_list li:nth-child(6n){
border-right: none;
}
.yoyaku_retaurant{
float:right;
font-size: 80%;
background: #5EA865;
border-radius: 5px;
padding:0.5% 6%;
color: #fff;
letter-spacing:-0.5px;
margin-right:8%;
}
.yoyaku_bbq{
float:right;
font-size: 80%;
background: #DD4D34;
border-radius: 5px;
padding:0.5%  6%;
color: #fff;
margin-right:3%;
}
/*検索バー*/
.searchbox{
width:100%;
margin:60px 0 30px;
}
dl.search1{
width:700px;
text-align: center;
position:relative;
margin: 0 auto;
background-color:#fff;
border:1px solid #aaa;
}
dl.search1 dt{
margin-right:40px;
padding: 5px 0 5px 5px;
}
dl.search1 dt input{
width:100%;
height:24px;
line-height:24px;
background:none;
border:none;
}
dl.search1 dd{
position:absolute;
top:0;
right:0;
}
dl.search1 dd .search_image{
display:block;
width:20px;
height:20px;
margin:7px;
background-size: cover;
}
/*クリックで表示切替*/
.cover{
overflow: hidden;
width: 100%;
text-align: center;
margin: 0 auto;
}
.item_img {
width: 110px;
display: block;
float: left;
margin-bottom:10px;
margin-right: 8px;
}
.item_list div:nth-child(6n){
margin-right: 0 !important;
}
.item_list{
width:700px;
list-style: none;
display: inline-block;
}
.item_img p{
color: #000;
text-align: center;
font-size: 80%;
}
/***********　tpoint　************/
.tpoint{
text-align: center;
margin: 0 auto;
width: 960px;
z-index: 97;
}
.tpoint img{
width: 100%;
}
.t_bak{
background:#168FDF;
}
/***********　keyword　************/

.keywordbox{
padding: 10px 0 0;
text-align: left;
font-size:14px;
max-width:700px; 
text-align: center;
margin: 0 auto;
}
.key{
float: left;
color: #462408;
background: #FFBFD3;
display: inline;
border-radius:50px;
padding: 3px 30px;
margin-right: 20px;
margin-top:10px;
	font-weight: bold;
}
.bnr_box{
background: #fff;
}
.reserve_bnr{
float: left;
width: 48%;
}
.reserve_bnr2{
float: right;
width: 48%;
}
/***********　New post　************/

.global_post{
margin: 0px 0 30px;
}
.newpost{
width: 100%;
float: left;
border-bottom: 1px solid #BCBCBC;
padding: 2% 0;
}
/*.newpost_shop{
width: 31%;
float: left;
margin-right: 3.5%;
margin-bottom: 5%;
}*/

.shop3 div:nth-child(3n){
margin-right: 0;
}
.post_img{
width: 31%;
height:140px;
float:left;
position: relative;
}
/*.post_img_shop{
width: 100%;
height:140px;
float:left;
margin-bottom: 2%;
}*/
.post_sub{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.post_textbox{
width:67%;
float: right;
}
.post_day{
font-size: 80%;
/*float: right;*/
margin-top: 2px;
color: rgba(69,69,69,1.00);
}
.post_text{
text-align: left;
padding-bottom: 5px;
font-size:14px;
line-height: 20px;
color: #000;
}
.more_btn{
text-align: center;
margin: 0 auto;
width: 300px;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.more_btn a{
color: #F65050;
}

.more_btn_t{
text-align: center;
margin:40px auto 0;
width: 300px;
font-weight:bold;
background: #fff;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F96400;
}
.more_btn_t a{
color:#F96400;
}
/***********　Ranking　************/

.rankpost_item{
margin-top: 15px;
}
.rank_img{
position: relative;
margin: 10px 0;
}
/*.rank_photo{
width:80px;
height:80px;
float: left;
}*/
.number{
position: absolute;
top:2%;
left:2%;
width:40px !important;
}
.rank_textbox{
float:right;
width: 200px;
}
.rank_text{
text-align: left !important;
font-size:16px;
width: 100%;
margin-bottom: 2%;
}

.rank_postsub{
width: 100%;
font-size:90%;
text-align: left;
}

/***********　feature　************/

.f_post{
width: 47.5%;
float: left;
margin-right: 5%;
}
.feature_post {
margin-top: 30px;
}
.feature_post div:nth-child(2n){
margin-right: 0;
}
.f_post_img{
width: 100%;
height: 280px;
}


/*********** information　************/

.info_main{
padding: 30px 0;
}
.info_list{
text-align: left;
background: #fff;
width: 100%;
font-size:14px;
padding: 10px 20px;
border-collapse:collapse;
}
.info_list tr{
border-bottom: 1px solid #C4C4C4;
display: block;
width: 100%;
padding-bottom:5px;
}
.info_list tr:nth-child(4n){
border-bottom: none;
}
.info_day{
padding: 10px 0;
padding-right: 10px;
}
.info_naiyo{
padding: 10px 0;
}
.info_ocean{
background: #fff;
width: 100%;
margin-top: 40px;
}
.ocean_inner{
padding: 10px 0;
}
.ocean_inner_l{
float: left;
width:40%;
height: 170px;
}

.ocean_inner_r{
width: 55%;
text-align: left;
float: right;
font-size:14px;
}
.newocean{
padding-top: 15px;
}
.new{
color: #F65050;
font-weight: bold;
padding-bottom: 5px;
}
.newname{
line-height: 120%;
color: #000;
font-size: 140%;
font-weight: bold;
}
.ocean_btn{
text-align: center;
margin: 0 auto;
width: 100%;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.2em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.ocean_btn a{
color: #F65050;
}

/*********** shoptpics　************/

.shoptp_innerbig{
margin-top: 30px;
background: #fff;
padding:20px;
}
.shoptp_inner div:nth-child(2n){
margin-right: 0 !important;
}

.shoptp_post{
width: 49%;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.shoptp_img {
width: 30%;
height: 80px;
float:left;
padding-right: 10px;
}
.shoptp_naiyo{
float: left;
width: 100%;
font-size:80%;
line-height: 20px;
text-align: left;
}
.shoptp_day{
font-size:70%;
color: rgba(69,69,69,1.00);
}
.shoptp_t{
color: #000;
}
.shoptp_tepo{
font-size:70%;
font-weight: bold;
color: rgba(69,69,69,1.00);
}
.shop_btn{
width: 300px;
font-weight:bold;
background:#F65050;
color:#fff;
position: relative;
border-radius:10px;
border-radius:10px;
padding:0.6em 4em;
transition:.3s;
color: #fff;
text-align: center;
margin: 0 auto;
font-size:14px;
}
.shop_btn a{
color: #fff;
}
/*********** instagram　************/

.instawidget{
padding-top:30px;
}
.insta_id{
color: #F65050;
font-size:130%;
font-weight: bold;
margin-bottom: 30px;
margin-top: 10px;
}
.other_link{
margin: 30px  0 30px;
}
.linkinner{
width:100%;
float: left;
margin-bottom:10%;
}
/*********** footer************/
.foot_cate{
color: #fff;

background: #168FDF;
text-align: left;
padding: 5px 10px;
}
.fonntlink{
float: left;
width: 30%;
margin-right: 5%;
margin-bottom: 2%;
}
.foot_link{
font-size:14px;
text-align: left;
padding: 10px 0 0;
list-style: none;
color: #000;
}
.footer_inner{
padding: 40px 0 0;
}
.footer_inner div:nth-child(3n){
margin-right: 0 !important;
}
.footer_btn{
width: 100%;
float: left;
font-weight:bold;
background:#fff;
color:#168FDF;
border: #168FDF 2px solid;
position: relative;
border-radius:10px;
padding:0.6em 4em;
transition:.3s;
color: #fff;
font-size:100%;
}
.footer_btn a{
color:#168FDF;
}
.footbtnbox div:nth-child(2n){
margin-right: 0;
}
.footbtnbox{
padding: 0 0 30px;
}
.footer_sublist,.footer_sublist2{
padding: 0;
list-style: none;
margin: 10px 0;
}
.footer_sublist li,.footer_sublist2 li{
display: inline;
padding: 0 10px;
border-right: 1px solid #000;
}
.footer_sublist li:nth-child(6){
border-right: none !important;
}
.footer_sublist2 li:nth-child(4){
border-right: none !important;
}
.footer_sub{
padding:5px 0;
font-size:14px;
}
.footer_snsbox{
margin: 0 auto;
text-align: center;
width: 140px;
}
.foot_sns{
width: 50px;
float: left;
margin: 0 10px;
}

.foot_logo{
width: 280px;
text-align: center;
margin: 0 auto;
padding: 40px 0 20px;
}
.copy{
font-size: 10px;
margin-top: 5px;
}

/*バックナンバー*/
.bk_img{
width:100%;
height:220px
}
.bk_inner{
margin-right: 4%;
float: left;
width: 22%;
margin-bottom: 30px;
}
.bk_inner p{
font-size: 14px;
text-align: center;
margin-top: 5px;
line-height: 18px;
}
.bknumber_list {
display: flex;
flex-wrap: wrap;
}

.bknumber_list div:nth-child(4n){
margin-right: 0 !important;
}
.back_main_img{
width:35%;
float: left;
margin-right: 4%;
}
.back_text{
float: left;
width: 60%;
}
.back_name{
font-size: 150%;
margin-bottom: 5%;
}
.back_btn_a{
width: 45%;
margin-right: 4%;
float: left;
}
.back_btn_a:hover{
opacity: 0.75;
}

}

/*～～～～～～～～～～～～～～～～～～～～～モバイル～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 1020px) and (min-width: 767px){

.mb{
display: none !important;
}
/*.pc_menu,.yoyakubox{
display: none !important;
}*/
/*PCのみ*/
.pc_menu{
float: left;
width: 100%;
vborder-bottom:1px solid #BCBCBC;
}

.yoyakubox{
float:right;
width: 26%;
margin-top:0px;
}
.pc_list {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin-top: 33px;
}
.pc_list li{
list-style: none;
display: table-cell;
vertical-align: middle;
font-size: 70%;
margin: 0;
line-height: 16px ;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'
}
.pc_list li:nth-child(6n){
border-right: none;
}
.yoyaku_retaurant{
float:right;
font-size: 80%;
background: #5EA865;
border-radius: 5px;
padding:0.5% 6%;
color: #fff;
letter-spacing:-0.5px;
margin-right:8%;
}
.yoyaku_bbq{
float:right;
font-size: 80%;
background: #DD4D34;
border-radius: 5px;
padding:0.5%  6%;
color: #fff;
margin-right:3%;
}
.content{
/*width: 92%;*/
margin: 0 auto;
}
.content2{
width:100%;
margin: 0 auto;
}
.content_left{
float: left;
width:64%;
margin-bottom: 30px;
}
.content_right{
float: right;
width:32%;
margin-right: 2%;
}
#shopinner .mt46{
margin-top: 46px;
}
#blog .mt46{
margin-top: 46px;
}
#header{
height: 90px;
position: fixed;
z-index:99;
background: #fff;
width: 100%;
box-shadow:2px 2px 2px rgba(193,193,193,0.6);
}
.head_logo{
width:150px;
position  : absolute;
top:20%;
left:50%;
transform : translate(-50%, -50%);
margin:15px auto 0;
}

#top{
position: relative;
margin-top: 80px;
}
/*～～～～～～メインビジュアル～～～～～～～*/
.main_img{
height:50vw;
width: 100%;
position: relative;
}

.main_img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*検索バー*/
.searchbox{
width:100%;
margin:60px 0 30px;
}
dl.search1{
width:500px;
text-align: center;
margin: 0 auto;
position:relative;
background-color:#fff;
border:1px solid #aaa;
}
dl.search1 dt{
margin-right:40px;
padding: 5px 0 5px 5px;
}
dl.search1 dt input{
width:100%;
height:24px;
line-height:24px;
background:none;
border:none;
}
dl.search1 dd{
position:absolute;
top:0;
right:0;
}
dl.search1 dd .search_image{
display:block;
width:20px;
height:20px;
margin:7px;
background-size: cover;
}
/*クリックで表示切替*/
.cover{
text-align: center;
margin: 0 auto;
width: 100%;
}
.item_img {
width:22%;

display: block;
float: left;
margin-bottom:0px;
margin-right: 3%;
}
.item_list div:nth-child(6n){
margin-right: 0 !important;
}
.item_list{
width:500px;
text-align: center;
margin: 0 auto;
list-style: none;
display: inline-block;
}
.item_img p{
color: #000;
text-align: center;
font-size: 60%;
}
/***********　tpoint　************/
.tpoint{
text-align: center;
margin: 0 auto;
width: 98%;
z-index: 97;
}
.tpoint img{
width: 100%;
}
.t_bak{
background:#168FDF;
}
/***********　keyword　************/

.keywordbox{
padding: 10px 0 0;
text-align: left;
font-size:14px;
}
.key{
float: left;
color: #462408;
background: #FFBFD3;
display: inline;
padding: 3px 30px;
margin-right: 10px;
margin-top:10px;
	border-radius:50px;
	font-weight: bold;
}
.bnr_box{
background: #fff;
}

.reserve_bnr{
float: left;
width: 48%;
}
.reserve_bnr2{
float: right;
width: 48%;
}
/***********　New post　************/

.global_post{
margin: 15px 0 30px;
}
.newpost{
width: 100%;
float: left;
border-bottom: 1px solid #BCBCBC;
padding: 2% 0;
}
.newpost_shop{
width:48%;
float: left;
margin-right: 3.5%;
margin-bottom: 5%;
}

.shop3 div:nth-child(2n){
margin-right: 0;
}
.post_img{
width: 31%;
height:12vw;
float:left;
position: relative;
}
.post_sub{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.post_img_shop{
width: 100%;
height:17vw;
float:left;
margin-bottom: 2%;
}
.post_textbox{
width:67%;

float: right;
}
.post_day{
font-size: 80%;
/*float: right;*/
margin-top: 2px;
color: rgba(69,69,69,1.00);
}
.post_text{
text-align: left;
padding-bottom: 5px;
font-size:14px;
line-height: 20px;
color: #000;
}
.more_btn{
text-align: center;
margin: 0 auto;
width: 300px;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.more_btn a{
color: #F65050;
}
.more_btn_t{
text-align: center;
margin: 40px auto;
width: 300px;
background: #fff;
font-weight:bold;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F96400
}
.more_btn_t a{
color:#F96400;
}
/***********　Ranking　************/

.rankpost_item{
margin-top: 15px;
}
.rank_img{
position: relative;
margin: 10px 0;
}
/*.rank_photo{
width:30%;
height:8vw;
float: left;
}*/
.number{
position: absolute;
top:10px;
left:10px;
width:40px !important;
}
.rank_textbox{
float:right;
width:65%;
}
.rank_text{
text-align: left !important;
font-size:12px;
line-height: 16px;
width: 100%;
margin-bottom: 2%;
}

.rank_postsub{
width: 100%;
font-size:90%;
text-align: left;
}
/***********　feature　************/

.f_post{
width: 47.5%;
float: left;
margin-right: 5%;
}
.feature_post {
margin-top: 30px;
}
.feature_post div:nth-child(2n){
margin-right: 0;
}
.f_post_img{
width: 100%;
height:28vw;
}

/*********** information　************/

.info_main{
padding: 30px 0;
}
.info_list{
text-align: left;
background: #fff;
width: 100%;
font-size:14px;
padding: 2% 3%;
border-collapse:collapse;
}
.info_list tr{
border-bottom: 1px solid #969696;
display: inline;
padding-bottom:15px;
}
.info_list tr:nth-child(4n){
border-bottom: none;
}
.info_day{
padding: 15px 0;
padding-right: 10px;
}
.info_naiyo{
padding: 15px 0;
}
.info_ocean{
background: #fff;
width: 100%;
margin-top: 40px;
}
.ocean_inner{
padding:3% 0;
}
.ocean_inner_l{
float: left;
width:32%;
height:13vw;
}
.ocean_inner_r{
width:65%;
text-align: left;
float: right;
font-size:12px;
line-height: 16px;
}
.newocean{
padding-top:5px;
}
.new{
color: #F65050;
font-weight: bold;
padding-bottom: 5px;
}
.newname{
line-height: 120%;
color: #000;
font-size: 140%;
font-weight: bold;
}
.ocean_btn{
text-align: center;
margin: 0 auto;
width: 100%;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.2em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.ocean_btn a{
color: #F65050;
}

/*********** shoptpics　************/

.shoptp_innerbig{
margin-top: 30px;
background: #fff;
padding:20px;
}
.shoptp_inner div:nth-child(2n){
margin-right: 0 !important;
}

.shoptp_post{
width:100%;
margin-right: 15px;
margin-bottom: 15px;
}

.shoptp_img {
width: 30%;
height: 17vw;
float:left;
padding-right: 10px;
}
.shoptp_naiyo{
float: left;
width: 100%;
font-size:80%;
line-height: 18px;
text-align: left;
}
.shoptp_day{
font-size:80%;
color: #000;
}
.shoptp_t{
color: #000;
}
.shoptp_tepo{
font-size:80%;
font-weight: bold;
color: rgba(69,69,69,1.00);;
}
.shop_btn{
width: 300px;
font-weight:bold;
background:#F65050;
color:#fff;
position: relative;
border-radius:10px;
padding:0.6em 4em;
transition:.3s;
color: #fff;
text-align: center;
margin: 0 auto;
font-size:14px;
}
.shop_btn a{
color: #fff;
}
/*********** instagram　************/

.instawidget{
padding-top:30px;
width: 100% !important;
}
.insta_id{
color: #F65050;
font-size:130%;
font-weight: bold;
margin-bottom: 30px;
margin-top: 10px;
}
.other_link{
margin: 30px  0 30px;
}
.linkinner{
width:100%;
float: left;
margin-bottom:10%;
}
	
	/*.rakuten{
		border: solid 1px #27AC38;
		padding: 5px 0;
	}
	
	.rakuten img{
		width: 7vw;
		height: auto;
		margin: 0 auto;
	}*/
/*********** footer************/
.foot_cate{
color: #fff;
background: #168FDF;
text-align: left;
padding: 5px 5px;
font-size:14px;
letter-spacing: -0.4vw;
}
.fonntlink{
float: left;
width: 32%;
margin-right:2%;
margin-bottom: 2%;
}
.foot_link{
font-size:14px;
text-align: left;
padding: 10px 0 0;
list-style: none;
color: #000;
}
.footer_inner{
padding: 40px 0 0;
}
.footer_inner div:nth-child(3n){
margin-right: 0 !important;
}
.footer_btn{
width: 100%;
font-size:14px;
float: left;
font-weight:bold;
background:#fff;
color:#168FDF;
border: #168FDF 2px solid;
position: relative;
border-radius:10px;
padding:0.6em 3.5em;
transition:.3s;
color: #fff;
/*margin-right: 4%;*/
}
.heg{
padding: 1.37em;
}
.footer_btn a{
color:#168FDF;
}
.footbtnbox div:nth-child(2n){
margin-right: 0;
}
.footbtnbox{
padding: 0 0 30px;
}
.footer_sublist,.footer_sublist2{
padding: 0;
list-style: none;
margin: 10px 0;
}
.footer_sublist li,.footer_sublist2 li{
display: inline;
padding: 0 10px;
border-right: 1px solid #000;
}
.footer_sublist li:nth-child(6){
border-right: none !important;
}
.footer_sublist2 li:nth-child(4){
border-right: none !important;
}
.footer_sub{
padding:5px 0;
font-size:14px;
}
.footer_snsbox{
text-align: center;
margin: 0 auto;
width: 140px;
}
.foot_sns{
width: 50px;
float: left;
margin: 0 10px;
}

.foot_logo{
width: 280px;
text-align: center;
margin: 0 auto;
padding: 40px 0 20px;
}
.copy{
font-size: 10px;
margin-top: 5px;
}
/*バックナンバー*/
.bk_img{
width:100%;
height: 25vw;
}
.bk_inner p{
font-size: 14px;
line-height: 18px;
}
.bk_inner{
margin-right: 3.5%;
float: left;
width: 31%;
margin-bottom: 30px;
text-align: center;
margin-top: 5px;
}
.bknumber_list {
display: flex;
flex-wrap: wrap;
}

.bknumber_list div:nth-child(3n){
margin-right: 0 !important;
}
.back_main_img{
width:35%;
float: left;
margin-right: 4%;
}
.back_text{
float: left;
width: 60%;
}
.back_name{
font-size: 150%;
margin-bottom: 5%;
}
.back_btn_a{
width: 45%;
margin-right: 4%;
float: left;
}
.back_btn_a:hover{
opacity: 0.75;
}
}

/*～～～～～～～～～～～～～～～～～～～～～スマホ～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 766px) {

.sp{
display: none !important;
}
.pc_menu,.yoyakubox{
display: none;
}
.content{
width: 92%;
margin: 0 auto;
}
.content_left{
width:100%;
margin-bottom: 60px;
}
.content_right{
width:100%;
}
	
	/*.rakuten{
		border: solid 1px #27AC38;
		padding: 5px 0;
	}*/
	
	.rakuten img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
#header{
height:70px;
background: #fff;
position: fixed;
z-index:99;
box-shadow:2px 2px 2px rgba(193,193,193,0.6);
width: 100%;
}
.head_logo{
float: left;
width:150px;
margin-top:15px;
}
#top{
margin-top: 60px;
}

/*～～～～～～メインビジュアル～～～～～～～*/
.main_visual{
margin: 0 ;
padding: 0;
width: 100%;
}
.main_img{
width: 100%;
}
.main_img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*～～～～～～PCメニュー～～～～～～～*/
/*検索バー*/
.searchbox{
width:100%;
margin:60px 0 30px;
}
dl.search1{
width: 100%;
text-align: center;
margin:0 auto;
position:relative;
background-color:#fff;
border:1px solid #aaa;
}
dl.search1 dt{
margin-right:40px;
padding: 5px 0 5px 5px;
}
dl.search1 dt input{
height:20px;
line-height:24px;
background:none;
border:none;
}
.search-text {
width: 100%;
}
dl.search1 dd{
position:absolute;
top:0;
right:0;
}

dl.search1 dd .search_image{
display:block;
width:20px;
height:20px;
margin:7px; 
background-size: cover;
}
/*クリックで表示切替*/
.cover{
width: 92%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
list-style: none;
}
.item_img {
width:22%;
display: block;
float: left;
margin-bottom:5px;
margin-right: 3%;
line-height: 14px;
}
.item_list div:nth-child(4n){
margin-right: 0 !important;
}
.item_list{
width:98%;
text-align: center;
margin: 0 auto;
display: inline-block;
}
.item_img p{
color: #000;
text-align: center;
font-size: 60%;
letter-spacing: -1px;
}

/***********　tpoint　************/
.tpoint{
width: 100%;
text-align: center;
margin: 0 auto;
}
.tpoint img{
width: 100%;
}
.t_bak{
background:#168FDF;
}
/***********　keyword　************/

.keywordbox{
position: relative;
padding: 10px 0 0;
text-align: left;
font-size:70%;
}
.key{
float: left;
background: #FFBFD3;
color: #462408;
display: inline;
	border-radius: 30px;
padding: 10px 15px;
margin-right: 10px;
margin-top:10px;
	font-weight: bold;
}
.bnr_box{
background: #fff;
}

.reserve_bnr{
width: 100%;
margin-bottom: 15px;
}
.reserve_bnr2{
width: 100%;
}
/***********　New post　************/

.global_post{
margin: 15px 0 30px;
}
.newpost{
width: 100%;
float: left;
border-bottom: 1px solid #BCBCBC;
padding:4% 0 4%;
}
.newpost_shop{
width:48%;
float: left;
margin-right: 3.5%;
margin-bottom: 5%;
}

.shop3 div:nth-child(2n){
margin-right: 0;
}
.post_img{
width:40%;
height:24vw;
float:left;
position: relative;
}

.post_sub{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.post_img_shop{
width: 100%;
height:28vw;
/*float:left;*/
margin-bottom: 2%;
}
.post_textbox{
width:57%;

/*float: right;*/
}
.post_day{
font-size:70%;
/*float: right;*/
margin-top: 2px;
color: rgba(69,69,69,1.00);
}
.post_text{
text-align: left;
padding-bottom: 5px;
font-size:75%;
line-height:140%;
color: #000;
}
.more_btn{
text-align: center;
margin: 0 auto;
width: 100%;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.more_btn a{
color: #F65050;
}
.more_btn_t{
text-align: center;
margin: 0 auto;
width: 100%;
font-weight:bold;
color:#F65050;
background: #fff;
border-radius:8px;
padding:0.4em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F96400;
}
.more_btn_t a{
color: #F96400;
}

/***********　feature　************/
.featurebox{
text-align: center;
background: url('img/back/bg_feature_sp.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.f_post{
width:100%;
margin-right: 5%;
}
.feature_post {
margin-top: 30px;
}
.feature_post div:nth-child(2n){
margin-right: 0;
}
.f_post_img{
width: 100%;
height:50vw;
}

.f_post{
margin-bottom: 20px;
}
/***********　Ranking　************/

.rankpost_item{
margin-top: 15px;
}
.rank_img{
position: relative;
margin: 10px 0;
}
.rank_photo{
width:30%;
height:25vw;
float: left;
}
.number{
position: absolute;
top:0px;
left:0px;
width:40px !important;
}
	
	@media screen and (max-width:599px){
	.number{
		position: absolute;
		top:5px;
		left:5px;
		width:30px !important;
}
	}
.rank_textbox{
float:right;
width:65%;
}
.rank_text{
text-align: left !important;
font-size:90%;
line-height: 16px;
width: 100%;
margin-bottom: 2%;
}

.rank_postsub{
width: 100%;
font-size:14px;
text-align: left;
}

/*********** information　************/

.info_main{
padding: 30px 0;
}
.info_list{
text-align: left;
background: #fff;
width: 100%;
font-size:14px;
padding: 2% 3%;
border-collapse:collapse;
}
table, tbody, tr, th, td {
border-collapse:collapse;
display: block;
}
.info_list tr{

display: inline;
padding-bottom:15px;
}
.border_tr{
border-bottom: 1px solid #969696;
}
.info_day{
padding:10px 0px 5px;
font-size: 70%;
padding-right: 10px;
}
.info_naiyo{
font-size: 70%;
line-height: 160%;
padding: 5px 0 10px;
}
.info_ocean{
background: #fff;
width: 100%;
margin-top: 40px;
}
.ocean_inner{
padding:3% 0;
}
.ocean_inner_l{
float: left;
width:32%;
height:40vw;
}
.ocean_inner_r{
width:65%;
text-align: left;
float: right;
font-size:12px;
line-height: 16px;
}
.newocean{
padding-top:5px;
}
.new{
color: #F65050;
font-weight: bold;
padding-bottom: 5px;
}
.newname{
line-height: 120%;
color: #000;
font-size: 130%;
font-weight: bold;
}
.ocean_btn{
text-align: center;
margin: 0 auto;
width: 100%;
font-weight:bold;
color:#F65050;
border-radius:8px;
padding:0.2em 4em;
position: relative;
transition:.3s;
font-size:13px;
border:1px solid #F65050;
}
.ocean_btn a{
color: #F65050;
}

/*********** shoptpics　************/

.shoptp_innerbig{
margin-top: 30px;
background: #fff;
padding:20px;
}
.shoptp_inner div:nth-child(2n){
margin-right: 0 !important;
}

.shoptp_post{
width:100%;
margin-right: 15px;
margin-bottom: 15px;
}

.shoptp_img {
width: 40%;
height: 20vw;
float:left;
padding-right: 10px;
}
.shoptp_naiyo{
float: left;
width: 100%;
font-size:80%;
line-height: 18px;
text-align: left;
}
.shoptp_day{
font-size:80%;
color: #000;
}
.shoptp_t{
color: #000;
}
.shoptp_tepo{
font-size:80%;
font-weight: bold;
color: rgba(69,69,69,1.00);;
}
.shop_btn{
width: 300px;
font-weight:bold;
background:#F65050;
color:#fff;
position: relative;
border-radius:10px;
padding:0.6em 4em;
transition:.3s;
color: #fff;
text-align: center;
margin: 0 auto;
font-size:14px;
}
.shop_btn a{
color: #fff;
}
/*********** instagram　************/

.instawidget{
padding-top:30px;
width: 100% !important;
}
.insta_id{
color: #F65050;
font-size:130%;
font-weight: bold;
margin-bottom: 30px;
margin-top: 10px;
}
.other_link{
margin: 30px  0 0px;
}
.linkinner{
width:100%;
float: left;
margin-bottom:3%;
}
/*********** footer************/
.foot_cate{
color: #fff;
background: #168FDF;
text-align: left;
padding: 5px 5px;
font-size:14px;
letter-spacing: -0.4vw;
}
.fonntlink{
width:100%;
margin-right:2%;
margin-bottom: 2%;
}
.foot_link{
font-size:70%;
text-align: left;
padding: 10px 0 0;
list-style: none;
color: #000;
}
.footer_inner{
padding: 40px 0 0;
}
.footer_inner div:nth-child(3n){
margin-right: 0 !important;
}
.footer_btn{
width:100%;
font-size:14px;
float: left;
font-weight:bold;
background:#fff;
color:#168FDF;
border: #168FDF 2px solid;
position: relative;
border-radius:10px;
padding:0.6em 3.5em;
transition:.3s;
color: #fff;
margin-bottom: 4%;
}

.footer_btn a{
color:#168FDF;
}
.footbtnbox div:nth-child(2n){
margin-right: 0;
}
.footbtnbox{
padding: 20px 0 20px;
}
.footer_sublist,.footer_sublist2{
padding: 0;
list-style: none;
margin: 10px 0;
float: left;
width: 49%;
}
.footer_sublist li,.footer_sublist2 li{
padding: 0 3px;
text-align: left;
}
.footer_sublist li:nth-child(6){
border-right: none !important;
}
.footer_sublist2 li:nth-child(4){
border-right: none !important;
}
.footer_sub{
padding:0px 0;
font-size:12px;
}
.footer_snsbox{
text-align: center;
margin: 0 auto;
width: 140px;
}
.foot_sns{
width: 50px;
float: left;
margin: 0 10px;
}

.foot_logo{
width: 280px;
text-align: center;
margin: 0 auto;
padding: 20px 0 20px;
}
.copy{
font-size: 10px;
margin-top: 5px;
}
/*バックナンバー*/
.bk_img{
width:100%;
height: 60vw;
}
.bk_inner{
margin-right:6%;
float: left;
width: 47%;
margin-bottom: 30px;
}
.bk_inner p{
font-size: 14px;
line-height: 18px;
text-align: center;
margin-top: 5px;
}
.bknumber_list {
display: flex;
flex-wrap: wrap;
}

.bknumber_list div:nth-child(2n){
margin-right: 0 !important;
}

.back_main_img{
width:100%;
}
.back_text{
width:100%;
}
.back_name{
font-size: 120%;
margin-bottom: 5%;
}
.back_btn_a{
width: 48%;
margin-right:3%;
float: left;
}
.back_btn_a:hover{
opacity: 0.75;
}
.title05 h3,.title01 h3{
font-size: 110%;
}
.post_sub p{
font-size: 70% !important;
}
}