/*------------------------------------------
初期設定
------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	font-weight: 400;
	vertical-align: baseline;
	background: transparent;
	color:#333333;
}
body {
	width:100%;
	font-size:17px;
	background:#fff;
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	overflow-x: hidden;
}
header, nav, aside, section, footer {
    display:block;
}
a {
	text-decoration:none;
	color:#f04d4d;
}
a:hover {
	color:#f49494;
	text-decoration:none;
}

ol, ul {
	list-style: none;
}
img {
	vertical-align:bottom;
}
.main h2{
	text-align:center;
}
/*------------------------------------------
アイコンフォント
------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ksy9ez');
  src:  url('../fonts/icomoon.eot?ksy9ez#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ksy9ez') format('truetype'),
    url('../fonts/icomoon.woff?ksy9ez') format('woff'),
    url('../fonts/icomoon.svg?ksy9ez#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-map:before {
  content: "\e900";
}
.icon-habi:before {
  content: "\e901";
}
.icon-camera:before {
  content: "\e902";
}
.icon-globe:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e904";
}
.icon-triangle-left:before {
  content: "\e905";
}
.icon-triangle-right:before {
  content: "\e906";
}
.icon-ranking:before {
  content: "\e907";
  color: #ff8f00;
}
.icon-trophy:before {
  content: "\e908";
}
.icon-parking:before {
  content: "\e909";
}
.icon-bed:before {
  content: "\e90a";
}
.icon-wifi:before {
  content: "\e90b";
}
.icon-exchange:before {
  content: "\e90c";
}
.icon-reservation:before {
  content: "\e90d";
}
.icon-card:before {
  content: "\e90e";
}
.icon-phone:before {
  content: "\e942";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-automobile:before {
  content: "\f1b9";
}
.icon-shopping-basket:before {
  content: "\f291";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-mail4:before {
  content: "\ea86";
  font-size: 80px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -40px;
}
.icon-user-solid-square:before{
	 content: "\e971";
}
.icon-notification:before {
  content: "\ea08";
  margin-right: 10px;
  color:#a23030;
}
/*------------------------------------------
ヘッダー
------------------------------------------*/
.header_cover{
	background:#009cf7;
}
.header{
	width:1080px;
	margin:0 auto;
	padding:10px;

}
.header h1{
	float:left;

}
.header #head_right {
	float:right;
	margin-top:10px;
	margin-right:20px;
}


/* 言語 */
.header #language {
	float:left;
}
#language select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height:55px;
	line-height:44px;
	border: 1px solid #999;
	background: #6bc245;
	font-size:18px;
	width: 100%;
	padding: 0 15px;
	cursor:pointer;
	color:#fff;
	font-weight:600;

}

/* タグ */
.header #tag_sarch {
	float:left;

	background:#fffd76;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #ead100;
    position: relative;

	text-align:center;
}
.header #tag_sarch .tag_sarch_button{
	color: #333;
	font-size: 13px;
	cursor:pointer;
	display:block;
	width:92px;
	padding:0 10px;
	line-height:42px;
	height:42px;
}
.header #tag_sarch a{
	display:block;
	color:#333;
	font-size:13px;
}
.tag_list {
    visibility: hidden;
    opacity: 0;
    top: 45px;
	left:-154px;
    position: absolute;
    z-index: 5;
    margin: 0 auto;
    background: #f6f6f6;
    -webkit-transition: 0.5s ease-in-out;
    overflow: hidden;
    border: 1px solid #ccc;
	width:541px;
	text-align:left;
	padding:10px;
	line-height:1.5;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	border-radius:0 0 5px 5px;
}
.tag_list dl {
	margin-bottom:10px;
}
.tag_list dl:last-child {
	margin-bottom:0px;
}
.tag_list dt {
	margin-bottom:3px;
	color:#333;
	font-size:15px;
	font-weight:500;
}
.tag_list dd {
	display:inline-block;
	margin-bottom:5px;
}
.tag_list dd span{
	padding:5px 7px;
	font-size:15px;
}
  #tag_sarch:hover > .tag_list{
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
  }

/* 検索 */
.header #seach_box {
	float:right;
}
dl.search{
	position:relative;
}
dl.search dt{
	margin-right:65px;
	padding:8px;
	background-color:#fff;
	border:1px solid #aaa;
}
dl.search dt input{
	width:200px;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
}
dl.search dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search dd button{
	display:block;
	width:60px;
	height:44px;
	color:#fff;
	line-height:44px;
	text-align:center;
	background-color:#f04d4d;
	border:1px solid #c20505;
	cursor:pointer;
}
.icon-search{
	color:#fff;
}
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

/*ログイン*/
.header .hd_login{
	float: left;
	margin-right: 15px;
}
.header .newlog{
	margin-right: 15px;
}
.header .log{
	padding: 15px 0;
	cursor: pointer;
}
.header .hd_login a{
	display: block;
	padding: 15px 0;
}
.header .hd_login span{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}
.header .hd_login:hover .underline{
	text-decoration: underline;
}
.header .hd_login .icon:before{
	font-size: 30px;
}
/*------------------------------------------
ナビ
------------------------------------------*/
.nav_cover{
	background:#009cf7;

	border-bottom:1px solid #52bfff;
}
.nav{
	width:1080px;
	margin:0 auto;
	background:#009cf7;
	display: table;
	table-layout: fixed;
}
.nav ul {
	position: relative;
}
.nav .nav-2{
	width: 900px;
	margin:0 auto;
}

.nav .nav-3{
	width: 900px;
	margin:0 auto;
}
.nav ul li{
	display: table-cell;
	position: relative;
	vertical-align:top;
	padding-bottom:5px;
}
.nav ul li:before{
	content:"";
	position: absolute;
	background:#52bfff;
	bottom:15%;
	width: 1px;
	left: 0px;
	height:70%;
}

.nav ul:after{
	content:"";
	position: absolute;
	background:#52bfff;
	bottom:15%;
	width: 1px;
	right: 0px;
	height:70%;
}
.nav ul li a{
	display: table-cell;
	background:#009cf7;
	width: 300px;
	padding 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	transition: 0.4s ;
	line-height:1.8;
	font-size:15px;
	transition: 1.0s ;
}
.nav li .icon{
	font-size:22px;
	line-height:40px;
	color: #fff;
}

.nav li .icon-map{
	font-size:30px;
}
.nav ul li:after{
	content: "";
	position: absolute;
	height: 1px;
	background-color: #fff;
	bottom:5px;
	width: 0;
	left: 50%;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	     -o-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.nav ul li:hover:after{
	left: 20%;
	width: 60%;
}
.nav ul li.nav_logo img {
    display: none;
}
.nav ul li:first-child {
    display: none;
}
.nav ul li.nav_logo {
    width: 0;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
	background:#009cf7;
	box-shadow:0px 3px 3px 1px rgba(51,48,0,0.4);
}
.is-fixed ul li.nav_logo img{
	display: table-cell;
	width:140px;
}
.is-fixed ul li:first-child {
	display: table-cell;
	background:#009cf7;
}
.is-fixed ul li:first-child{
	width:140px;
}
.is-fixed ul li:first-child:after{
	height: 0;
}
/*------------------------------------------
スライダー
------------------------------------------*/
.slide_cover{
	width:100%;
}
.lkspot{
	width: 1000px;
	margin: 0 auto;
}
.slide{
	margin:0 auto;
	width:100%;
}
.slide li{
	position: relative;
}
.slide .mypattern .slick-slide:not(.slick-center) {
-webkit-filter: opacity(60%);
-moz-filter: opacity(60%);
-o-filter: opacity(60%);
-ms-filter: opacity(60%);
filter: opacity(60%);
transition: 0.5s linear;
}

/*左右の矢印の位置を変える*/
.slide .slick-next {
    right: calc(50% - 575px);
    z-index: 20;
}
.slide .slick-prev {
     left: calc(50% - 575px);
    z-index: 20;
}
.slide .slick-prev,
.slide .slick-next
{
    top: 50%;
    width: 40px;
    height: 40px;
}
.slide .slick-prev:before,
.slide .slick-next:before
{
    font-family: 'icomoon';
    font-size: 30px;
    background:#f5f5f5;
    border-radius:5px;
    width:40px;
    opacity: 0.2;
    color: #009cf7;
	padding:10px 0;
    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
/*スライド画像の横幅可変*/
.slide li img {
    max-width: 100%;
     height: auto;
    z-index: 1;
}
.spot_item li{
	margin:0 5px;
	position: relative;
}
.spot_item li a{
	display: block;
}
.spot_item li img{
	width: 300px;
	height: 200px;
}
.spot_name{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5px;
	 background-color: rgba(0,0,0,0.4);
	 z-index: 3;
	 color: #FFF;
	font-size: 16px;
}
.spot_name .spot_content{
	font-size: 12px;
	color: #FFF;
}
.slide li:hover  {
    opacity: 0.5;
}
.slide .caption {
	position: absolute;
	bottom:25px;
	right:25px;
	width:310px;
	height:100px;
    background: rgba(51,51,51,0.7);
	padding:10px 0;
	border:1px solid #fff;
	text-align:center;
	box-sizing:border-box;
}
.slide .caption .caption_title{
	color:#fff;
	font-size:26px;
	font-weight:900;
	line-height:1.2;
	font-family: 'Noto Serif', serif;
}
.slide .caption .caption_sub_title{
	color:#fff;
	font-size:14px;
	line-height:1;
}
.slide .caption p {
	color:#fff;
	font-size:16px;
	line-height:2.4;
	padding:0;
}
@media (max-width: 1150px) {
.slide .slick-next {
    right:5px;
}
.slide .slick-prev {
     left:5px;
}
.slide .slick-prev:before,
.slide .slick-next:before
{
    font-size: 24px;
}
}
/*------------------------------------------
新着情報
------------------------------------------*/
.shinchaku_cover{
	width: 100%;
	background: rgb(239, 193, 196);
	padding: 20px 0;
	margin: 20px 0;
	overflow: hidden;
}
.shinchaku_cover h2{
	color: rgb(219, 0, 21)!important;
}
.shinchaku_cover .sub_midashi {
	margin: 0!important;
}
.shinchaku_cover ul {
	width: 1080px;
	margin: 0 auto;
}
.shinchaku_cover ul li {
	background-color: rgb(255, 255, 255);
	display: flex;
	padding: 10px;
	margin: 1% 1% 0 0;
	float: left;
	width: 47%;
}
.shinchaku_cover ul a:nth-child(2n) li {
	margin: 1% 0 0 0;
}
.shinchaku_cover ul li:hover{
	filter: brightness(1.2);
}
.shinchaku_cover li img {
	width: 100px;
	height: 80px;
	object-fit: cover;
}
.shinchaku_text {
	width: 80%;
	margin: 0 0 0 10px;
	color: rgb(85, 85, 85);
	font-size: 14px;
}
.shinchaku_text p {
	font-weight: bold;
	margin: 3px 0 0 0;
}
/*------------------------------------------
トップカテゴリー 特集・イチオシ
------------------------------------------*/
.top_image img{
	display: block;
	margin:0 auto;
}
.itiosi_cover{
	background: #9bcdfc;
	padding: 20px 0;
	margin-bottom: 20px;
}
.itiosi_cover h2{
	background: #fff;
}
.tokusyu_box{
	width:1080px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	padding:0 0 30px;
}
.tokusyu_box a{
	width: 22%;
	display: block;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	padding: 10px;
	border: 2px solid #e48456;
}
.theme a{
	border: 2px solid #869ae0;
}
.tokusyu_category_box img{
	width: 100%;
	display: block;
}
.tokusyu_box_title{
	text-align:center;
	background:#e48456;
	border-radius:5px;
	line-height:1.3;
	color:#fff;
	padding:10px;
	margin:5px auto 0;
	font-size:18px;
}
.theme_box_title{
	text-align:center;
	background:#869ae0;
	border-radius:5px;
	width:90%;
	line-height:1.3;
	color:#fff;
	padding:10px;
	margin:5px auto 0;
}
.tokusyu_category_box:hover{
opacity:0.7;
}
.conts_lnk{
	width: 300px;
	margin:0 auto 40px;
	text-align: center;
}
.conts_lnk a{
	display: block;
	color: #4e4e4e;
	font-weight: bold;
	padding:10px 15px;
	border:2px solid #ff9c62;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7cfa1), color-stop(0.00, #ea9334));
background: -webkit-linear-gradient(#ea9334, #f7cfa1);
background: -moz-linear-gradient(#ea9334, #f7cfa1);
background: -o-linear-gradient(#ea9334, #f7cfa1);
background: -ms-linear-gradient(#ea9334, #f7cfa1);
background: linear-gradient(#ea9334, #f7cfa1);
}
.conts_lnk a:before{
	content:"▶";
	color:#4e4e4e;
	margin-right: 5px;
	font-size: 13px;
}
.conts_lnk a:hover{
	opacity: 0.7;
}
.color2 a{
	background: #869ae0;
	color: #FFF;
}
.spot_item li{
	position: relative;
	overflow: hidden;
}
.spot_item li .spot_area{
    position: absolute;
    display: inline-block;
    right: -32px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    width: 100px;
    padding: 3px 10px;
	color:#fff;
	font-size:13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top:1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.spot_item .area_naha{
	background:#1abf39;
}
.spot_item .area_yanbaru{
	background:#9c4f9a;
}
.spot_item .area_south{
	background:#4f46c5;
}
.spot_item .area_churaumi{
	background:#18c5c8;
}
.spot_item .area_middle{
	background:#de3636;
}
.spot_item .area_onnason{
	background:#fc9112;
}
/*------------------------------------------
トップカテゴリー
------------------------------------------*/
.top_category{
	width:1080px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	padding:0 0 30px;
}
.top_category_box{
	width:242px;
	border:2px solid #6bc245;
	border-radius:10px;
	padding:8px 3px 3px;
	background:#fff;
	font-size:15px;
	line-height:1.4;
	box-sizing:border-box;
	position: relative;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.top_category_box_title{
	text-align:center;
	background:#6bc245;
	border-radius:5px;
	width:80%;
	line-height:40px;
	color:#fff;
	padding:0px 10px;
	margin:5px auto 0;
	font-size:18px;
}
.top_category_box img{
	display:block;
	margin:0 auto;
}
.top_category_taberu{
	background:#ff5f5f;
}
.top_category_miyage{
	background:#f6a415;
}
.top_category_hotel{
	background:#4a7bdf;
}
.top_taberu{
	border:2px solid #ff5f5f;
}
.top_miyage{
	border:2px solid #f6a415;
}
.top_hotel{
	border:2px solid #4a7bdf;
}
.top_tokusyu .top_category_box_title{
	line-height: 1.3;
	padding: 5px;
}
.top_category_box:hover{
opacity:0.7;
}
.top_category_box:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #6bc245;
  border-right: 50px solid transparent;
}
.top_taberu:hover:after {
  border-top: 50px solid #ff5f5f;
}
.top_miyage:hover:after {
  border-top: 50px solid #f6a415;
}
.top_hotel:hover:after {
  border-top: 50px solid #4a7bdf;
}
.top_tokusyu:hover:after{
	display: none;
}

.top_category_box p{
	padding:5px 15px 10px;
	line-height:1.5;
	font-size:15px;
}

/*------------------------------------------
トップモデルコース
------------------------------------------*/
.top_model{
	width:1080px;
	margin:0 auto;
	padding:20px 0 30px;
}
.top_model_cover{
	background:#dbe7ff;
}
.syosai_cover{
	text-align:right;
}
.syosai{
	margin-right:20px;
	background:#009cf7;
	line-height:50px;
	padding:0 10px;
	border-radius:5px;
	display:inline-block;
}
.syosai a{
	color:#fff;
	font-size:15px;
	display:block;
}
.syosai:hover{
	opacity: 0.7 ;
}
.syosai a:after{
	content:"\f105\f105";
	font-family: 'icomoon';
	margin-left:5px;
	color:#fff;
}
.top_model_box_cover{
	width:1080px;
	display:flex;
	justify-content:space-around;
	margin-top:20px;
}
.top_model_box{
	background:#fff;
	width:500px;
	box-sizing:border-box;
	padding:5px 5px 10px;
	border-radius:5px;
	transition: 0.5s;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.top_model_title{
	font-size:20px;
	padding:5px;
}
.top_model_box img,.top_model_box p{
	float:left;
}
.top_model_box p{
	width:200px;
}
.top_model_box:hover{
	opacity: 0.7 ;
}
/*------------------------------------------
探す
------------------------------------------*/
.top_seach_cover{
	background:#9bcdfc;
}

.top_seach{
	width:1080px;
	margin:0 auto;
	padding:20px 0 30px;
}
.top_seach h3, .category_content h3{
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-top: 2px solid #009cf7;
	border-bottom: 2px solid #009cf7;
	width:85%;
	font-size: 19px;
	margin:20px auto 10px;
	text-align:center;
}
.category_content .area_list{
	width: 88%;
	margin:0 auto;
}
.top_seach .top_seach_mokuteki h3{
	width:85%;
}

.top_seach .syosai{
	margin-right:0px;
}

.top_seach_area{
	width:750px;
	height:535px;
	float:left;
	background:#fff;
	box-sizing:border-box;
	padding:0px 20px 15px;
	border-radius:5px;
	margin-right:30px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);

}
.top_seach_area .fa-map-marker, .category_content .fa-map-marker{
	margin-right:7px;
	font-size:26px;
	color:#009cf7;
}
.top_seach_mokuteki .fa-check-square-o{
	margin-right:7px;
	color:#009cf7;
}
.top_seach_mokuteki{
	width:300px;
	height:535px;
	float:left;
	background:#fff;
	box-sizing:border-box;
	border-radius:5px;
	padding:0px 15px 15px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.top_seach_area img{
	float:left;
	margin-top:10px;
}
.top_seach_area dl{
	float:left;
	margin-top:44px;
	background:#fffd76;
	padding:5px 10px 10px;
	margin-left:15px;
	width:175px;
	line-height:2;
	font-size:15px;
}
.top_seach_area dt{
	line-height:2;
	text-align:center;
	color:#333;
	font-weight:500;
	margin-bottom:0px;
	font-size:16px;
}
.top_seach_area .fa-map{
	background:#f04d4d;
	color:#fff;
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	border-radius:50%;
	margin-right:3px;
	font-size:16px;
}
.top_seach_area dd{
	margin-left:5px;
	font-size:14px;
	line-height:1.6;
}
.top_seach_area dd li{
	display:inline-block;
	margin-right:10px;
}
.top_seach_area dd li a:before{
	content:"> ";
	color:#f04d4d;
}
.top_seach_area dd a{
	color:#333;
	text-decoration:underline;
	font-size:14px;
}
.top_seach_area dd a:hover{
	opacity: 0.7 ;
	text-decoration:none;
}
.top_seach .syosai{
	margin-top:20px;
	margin-right:0;
}

.top_seach_mokuteki ul{
	margin-top:15px;
}
.top_seach_mokuteki ul li{
	color:#999;
	background:#f6f6f6;
	line-height:50px;
	border-bottom:1px dashed #333;
}
.top_seach_mokuteki ul li:last-child{
	border-bottom:none;
}
.top_seach_mokuteki ul li a{
	font-size:17px;
	font-weight:500;
	display:block;
	width:240px;
	padding:0 15px;
	color:#333;
}
.top_seach_mokuteki ul li a:hover{
	background:#efefef;
	color:#666;
}
.top_seach_mokuteki ul li a:after{
	content:"から探す";
}
/*------------------------------------------
特集
------------------------------------------*/
.top_feature{
	width:1080px;
	margin:0 auto;
	padding:20px 0 30px;
}
.top_feature_cover{
	background:#fff;
}
.top_feature_box_cover{
	width:1080px;
	display:flex;
	justify-content:space-around;
	margin-top:20px;
}
.top_feature_box{
	background:#fff;
	width:320px;
	box-sizing:border-box;
	padding:5px 5px 10px;
	border-radius:5px;
	transition: 0.5s;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);

}
.top_feature_box img{
	width:240px;
	height:auto;
	display:block;
	margin:0 auto 5px;
}
.top_feature_title{
	font-size:18px;
	padding:5px;
}
.top_feature_box p{
	padding:0 5px;
	font-size:15px;
}
.top_feature_box:hover{
	opacity: 0.7 ;
}
/*------------------------------------------
トップコンテンツ
------------------------------------------*/
.top_content_cover{
	background:#f6f6f6;;
}
.top_content{
	width:1080px;
	margin:0 auto;
	padding:30px 0 30px;
	box-sizing:border-box;
}
.top_insta{
	width:700px;
	float:left;
	background:#fff;
	margin-right:30px;
	padding:20px 25px 20px;
	box-sizing:border-box;
	border-radius:5px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	border-top:5px solid #009cf7;
}
.insta_area{
	width:100%;
	height:460px;
	background:#666;
}

.top_info,.top_about{
	width:350px;
	float:left;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	border-radius:5px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	border-top:5px solid #009cf7;
}
.top_info{
	margin-bottom:20px;
}

.top_content dt{
}
.top_content dd{
	margin-left:15px;
	font-size:13px;
	line-height:2;
}
.top_content dd:before{
	content:"├";
	margin-right:10px;
}
.top_content dd:last-child:before{
	content:"└";
}
.top_content dd a{
	font-size:15px;
}
/*------------------------------------------
トップピックアップ
------------------------------------------*/
.top_pick{
	width:1080px;
	margin:0 auto;
	padding:20px 0 30px;
}
.main .top_pick .sub_midashi{
	margin-bottom:25px;
}
.pick_cover{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	margin-top:20px;
}
.wth{
	width: 230px;
	margin-left: 32px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.feature li{
	border: 1px solid #ab4d0b;
	width:300px;
	padding:20px 10px 10px;
	box-sizing:border-box;
	border-radius:5px;
	margin-bottom:20px;
	position: relative;
    color: #fff;
    display: inline-block;
    overflow: hidden;
	margin-left:45px;
}
.feature img{
	display:block;
	margin:0 auto 10px;
	transition: 0.5s;
	width:100%;
	object-fit: cover;
}
.feature .area{
	position: absolute;
    display: inline-block;
    right: -30px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    background: #d93131;
    width: 100px;
    padding: 5px 20px;
	color:#fff;
	font-size:14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 2;

}
.feature .area a{
	color:#fff;
	font-size:14px;
}
.feature .area a:hover{
	color:#fff;
}
.feature .area:hover{
	opacity: 0.7 ;
}


.pick li{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	width:230px;
	padding:20px 10px 10px;
	box-sizing:border-box;
	border-radius:5px;
	margin-bottom:20px;
	position: relative;
    color: #fff;
    display: inline-block;
    overflow: hidden;
	margin-left:32px;
}
.pick li p{
	display: inline;
}
.pick .area {
    position: absolute;
    display: inline-block;
    right: -32px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
	color:#fff;
	font-size:13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.pick .area a{
	color:#fff;
	font-size:13px;
}
.pick .area a:hover{
	color:#fff;
}
.pick .area:hover{
	opacity: 0.7 ;
}
.pick img{
	display:block;
	margin:0 auto 10px;
	transition: 0.5s;
	width:210px;
	height: 140px;
	object-fit: cover;
}
.pick img:hover{
	opacity: 0.7 ;
}
.cate{
	float:left;
	background:#8f6e3a;
	color:#fff;
	padding:0 6px;
	margin:0 5px 5px;
	font-size:13px;
	line-height:1.5;
	border-radius:3px;
	border:1px solid #333;
}
.cate a{
	font-size:12px;
	color:#fff;
}
.pick .area_churaumi a{
	font-size:11px;
}
.cate:hover{
	opacity: 0.7 ;
}
.cate_tourism{
	background:#6bc245;
}
.cate_gourmet{
	background:#ff5f5f;
}
.cate_omiyage{
	background:#f6a415;
}
.cate_hotel{
	background:#4a7bdf;
}
.pick .area_naha{
	background:#1abf39;
}
.pick .area_yanbaru{
	background:#9c4f9a;
}
.pick .area_south{
	background:#4f46c5;
}
.pick .area_churaumi{
	background:#18c5c8;
}
.pick .area_middle{
	background:#de3636;
}
.pick .area_onnason{
	background:#fc9112;
}
.feature .area_naha{
	background:#1abf39;
}
.feature .area_yanbaru{
	background:#9c4f9a;
}
.feature .area_south{
	background:#4f46c5;
}
.feature .area_churaumi{
	background:#18c5c8;
}
.feature .area_middle{
	background:#de3636;
}
.feature .area_onnason{
	background:#fc9112;
}

.pick_title{
	line-height:1.6;
	clear:both;

}
.pick_title a{
	color:#333;
	text-decoration:underline;
	font-size:17px;
}
.pick_title a:hover{
	color:#999;
	text-decoration:none;
}
.tag span:hover{
	opacity: 0.7 ;
}
.pick .tag{
	clear:both;
	margin-left:5px;
	display:none;
}
.tag span{
	margin:0 8px 5px 0;
	font-size:13px;
	display: inline-block;
	line-height:1.4;
	color:#666;
	background:#fff2d5;
	padding:1px 5px;
	border:1px solid #333;
	border-radius:3px;
	display: none;
}
.tag span a{
	font-size:13px;
	color:#666;
}


/*------------------------------------------

------------------------------------------*/
.main_area_cover{
	width:100%;
	padding:20px 0 30px;
	background:#dbe7ff;
}

.main_area{
	width:1080px;
	margin:0 auto ;

}
.category_area{
	width:1080px;
	background:#fff;
	box-sizing:border-box;
	border:1px solid #ccc;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);

}
.category_content h1{
	position:relative;
	margin:15px -10px 30px -10px;
	padding:10px 20px;
	background:#009cf7;
	box-shadow:	0 3px 3px 0 rgba(0,0,0,0.1);
    font-size: 26px;
	font-weight:600;
	color:#fff;
}
.category_content h1:before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}
.category_content h1:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#7bb8d8;
}

/*------------------------------------------
パンくず
------------------------------------------*/
#breadcrumb li {
	display: inline;
	font-size:11px;

}
#breadcrumb li a{
	font-size:11px;
	color:#f04d4d;
}
#breadcrumb li a:hover{
	color:#f49494;
}
#breadcrumb li:after {
	content:">";
	margin-left:3px;
    font-size: 15px;
}
#breadcrumb li:last-child:after {
	content:"";
}
#breadcrumb ul {
	margin-left:10px;
	height:16px;
}
#breadcrumb {
	margin:0 auto 15px;
	font-size:90%;
}

/*------------------------------------------
地図
------------------------------------------*/
.area_list{
	display: table;
	table-layout: fixed;
}
.area_list li {
	display: table-cell;
	transition: 0.5s;

}
.area_list li a{
	display: table-cell;
	width: 300px;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#fff;
}
#mapimage{
	display:block;
	margin:25px auto 10px;
}
#area_list01{
	background:#1abf39;
}
#area_list02{
	background:#4f46c5;
}
#area_list03{
	background:#de3636;
}
#area_list04{
	background:#fc9112;
}
#area_list05{
	background:#18c5c8;
}
#area_list06{
	background:#9c4f9a;
}
#area_list01:hover{
	background:#81c482;
}
#area_list02:hover{
	background:#908cc3;
}
#area_list03:hover{
	background:#e98787;
}
#area_list04:hover{
	background:#f2ba85;
}
#area_list05:hover{
	background:#9ed6d9;
}
#area_list06:hover{
	background:#d9b1d2;
}
/*------------------------------------------
エリア
------------------------------------------*/
.characteristic{
	width:900px;
	margin:0 auto;
}
.characteristic h2,.highlights h2,.main h2{
	font-size:26px;
	text-align:center;
	font-weight:600;
	color:#009cf7;
	line-height:1.2;
	font-family:'メイリオ';
}
.characteristic .sub_midashi,.highlights .sub_midashi,.main .sub_midashi{
	text-align:center;
	font-family:Lucida Grande;
	margin-bottom:15px;
}
.main .sub_midashi{
	margin-bottom:20px;
}
.characteristic .sub_midashi span,.highlights .sub_midashi span,.main .sub_midashi span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-weight:600;
	padding:0 5px;
	line-height:1;
	color:#5f5f5f;
}
.characteristic .area_banner_box{
	position:relative;

}
.characteristic img{
	display:block;
	margin:0 auto 30px;
}
.characteristic .area_banner_text{
	position:absolute;
	bottom: 25px;
	right: 25px;
	width: 310px;
	height: 100px;
	background: rgba(51,51,51,0.7);
	padding: 10px 0;
	border: 1px solid #fff;
	text-align: center;
	box-sizing: border-box;
}
.characteristic .area_banner_title {
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
    font-family: 'Noto Serif', serif;
}
.characteristic .area_banner_subtitle {
    color: #fff;
    font-size: 14px;
    line-height: 1;
}
.characteristic .area_banner_text p {
    color: #fff;
    font-size: 16px;
    line-height: 2.4;
    padding: 0;
}
.characteristic p{
	margin:0 auto 30px;
	line-height: 1.5;
	width: 92%;
}
.tag_midashi{
	color:#f04d4d;
	margin-bottom:5px;
	display:none;
}
.tag_midashi .fa-tags{
	color:#f04d4d;
	margin-right:5px;
}
.highlights{
	background:#dbe7ff;
	margin:30px auto 35px;
	padding:15px 15px 10px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	width:900px;
}
.highlights_box_area{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:5px 10px 0;
}
.highlights_box{
	background:#fff;
	width:430px;
	margin-bottom:20px;
	padding:10px 0;
	transition: 0.5s;
}
.highlights_box:hover{
    opacity: 0.7;
}

.highlights_box_title{
	font-size:19px;
	margin-left:20px;
	line-height:1;
}
.highlights_box img{
	width:200px;
	float:left;
	padding:10px;
}
.highlights_box p{
	width:200px;
	float:left;
	font-size:15px;
}
h2.mannaka .fa-map-marker, h2.mannaka .fa-map-marker-alt{
	font-size:30px;
	margin-right:10px;
	color:#009cf7;
}
.area_banner{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	padding:0 50px;
	margin:30px 0 20px;
}
.main .area_banner{
	margin:30px 0 0;
}
.area_banner a:hover{
    opacity: 0.7;
}

/*------------------------------------------
検索詳細
------------------------------------------*/
.open{
	display:block;
	padding:8px 0;
	color:#fff;
	font-size:20px;
	transition: 0.9s;
	background:#f04d4d;
	text-align:center;
	cursor:pointer;
	position: relative;
	margin:30px 0;
}
.open:before {
content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
	border-top: 20px solid #f04d4d;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    transition: 0.9s;
}
.open:after {
content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
	border-top: 8px solid #fff;
    bottom: -12px;
    left: 50%;
    margin-left: -8px;
    transition: 0.9s;
}
.open .icon-search{
	margin-left:10px;
	font-size:18px;
}
.jQueryBox{
	border:4px double #f04d4d;
	margin:0 30px 15px;
	padding:15px 20px;
}
.jQueryBox_midashi{
	font-size:21px;
	margin-bottom:5px;
	font-weight:500;
	color:#de3636;
}
.search_keyword,.search_category,.search_area{
	border-bottom:1px solid #f04d4d;
}
.search_keyword{
	padding-bottom:20px;
	margin-bottom:20px;
}

#keyword{
	width:300px;
	margin-right:15px;
	height:24px;
	padding:8px;
	line-height:24px;
	background-color:#fff;
	border:1px solid #aaa;
	display:block;
	margin-bottom:10px;
}
.search_keyword ul,.search_category ul,.search_area ul{
	float:left;
	width:700px;
	margin-left:5px;
	margin-right:10px;
}
.search_keyword li,.search_category li,.search_area li{
	display:inline-block;
	margin-right:25px;
	line-height:2;
}
.checkonoff{
	float:right;
	width:225px;
}
.search_category{
	padding-bottom:20px;
	margin-bottom:20px;
}
.search_area{
	padding-bottom:20px;
	margin-bottom:30px;
}
.sentaku,.kaizyo{
	background:#666;
	border:1px solid #333;
	padding:5px;
	height:30px;
	color:#fff;
	margin-right:10px;
	font-size:13px;
}
input.kaizyo{
	margin-right:0px;
}
.search_button{
	width:450px;
	text-align;center;
	margin:0 auto 20px;
}
.close{
	float:left;
	width:200px;
	color:#de3636;
	margin-right:50px;
	border:1px solid #f04d4d;
	box-sizing:border-box;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	font-size:18px;
}
.search_button input[type="submit"]{
	background:#e98787;
	height:50px;
	width:200px;
	line-height:50px;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
.kensaku_button{
	float:left;
	width:200px;
	display:inline-block;
}
.kensaku_button:hover{
	background:#e98787;
}
a.kensaku_button{
	display:block;
	background:#f04d4d;
	color:#fff;
	height:50px;
	line-height:50px;
	font-size:18px;
	text-align:center;
}
/*------------------------------------------
エリア一覧
------------------------------------------*/
.spot_cover{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.spot_cover::before{
  content:"";
  display: block;
  width:280px;
  order:1;
}
.spot_cover::after{
  content:"";
  display: block;
  width:230px;
}

.spot{
	width:230px;
	padding:20px 10px 10px;
	box-sizing:border-box;
	border-radius:5px;
	margin-bottom:20px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);

}
.spot img{
	display:block;
	margin:0 auto 10px;
	transition: 0.5s;
}
.random .all_hover{
	display: block;
	position: relative;
}
.random .all_hover:hover{
	opacity: 0.7;
}
.random .all_hover p{
	font-size: 14px
}
/*.month1:before{
	position: absolute;
	content: url('../img/month1.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month2:before{
	position: absolute;
	content: url('../img/month2.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}
.month3:before{
	position: absolute;
	content: url('../img/month3.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}
.month4:before{
	position: absolute;
	content: url('../img/month4.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month5:before{
	position: absolute;
	content: url('../img/month5.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month6:before{
	position: absolute;
	content: url('../img/month6.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month7:before{
	position: absolute;
	content: url('../img/month7.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month8:before{
	position: absolute;
	content: url('../img/month8.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month9:before{
	position: absolute;
	content: url('../img/month9.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month10:before{
	position: absolute;
	content: url('../img/month10.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month11:before{
	position: absolute;
	content: url('../img/month11.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}

.month12:before{
	position: absolute;
	content: url('../img/month12.png');
	top:-20px;
	left: -12px;
	z-index: 99;
}*/

.random .all_hover:hover .name_syosai{
	text-decoration: underline;
}

.name_syosai{
	font-weight: bold;
	color: #944040;
	margin-bottom: 5px;
}
.syosai_table{
	border: 1px solid #84befb;
	padding: 5px;
	background: #e3fbfb;
}
.syosai_table .hizuke_syosai:before{
	content:"\f073";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.syosai_table .area_syosai:before{
	content:"\f276";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:9px;
	margin-left: 2px;
	color:#009cf7;
}
.syosai_table .yoyaku_syosai:before{
	content:"\f098";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}

.ichiran{
	padding:0 20px;
	margin-bottom:20px;
}

.ichiran_spot_cover h2{
	margin-left:15px;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px;
}
.kensaku-zyoken{
	margin-left:100px;
	background:#32f;
	width:600px;
	display:none;
}
dl.kensaku-zyoken dd,dl.kensaku-zyoken dt{
	float:left;
}
dl.kensaku-zyoken dt:after{
	content:"：";
}
dl.kensaku-zyoken dt{
	height:40px;
	line-height:40px;
}
dl.kensaku-zyoken dd{
	margin-right:10px;
	background:#666;
	padding:0 5px 0 10px;
	line-height:40px;
	color:#fff;
	height:40px;
}
dl.kensaku-zyoken dd a{
	color:#ccc;
	display: inline-block;
	font-weight: bold;
	width: 25px;
	height:40px;
	line-height:40px;
	text-align:center;
	transition: ease-in-out 0.15s;
}
dl.kensaku-zyoken dd a:hover{
	color:#fff;
}
.kensaku-kensuu{
	clear:both;
	float:left;
	font-size:22px;
	margin-left:25px;
	height:40px;
	line-height:40px;
	width:250px;
}
.kensuu{
	font-size:28px;
	font-weight:500;
	color:#f04d4d;
	margin-right:5px;
}
.narabizyun{
	float:right;
	width:250px;
	display:none;
}
dl.narabizyun dd,dl.narabizyun dt{
	float:left;
}
dl.narabizyun dt:after{
	content:"：";
}
dl.narabizyun dt{
	line-height:40px;
	height:40px;
}
dl.narabizyun dd{
	margin-right:10px;
	background:#fffd76;
	color:#333;
	line-height:40px;
	height:40px;
	width:70px;
	text-align:center;
	border:1px solid #666;
}
dl.narabizyun dd a{
	background:#fff;
	color:#333;
	line-height:40px;
	height:40px;
	display:block;
	box-sizing:border-box;
}
dl.narabizyun dd a:hover{
	color:#999;
}
/*------------------------------------------
ページネーション
------------------------------------------*/
.pagination_cover{
    text-align: center;
}
.pagination{
    display: inline-block;
    *display:inline;
    zoom:1;

}
.pagination {
            font-size: 80%;
        }

.pagination a {
    text-decoration: none;
	border: solid 1px #999;
	color: #009cf7;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #009cf7;
    color: #fff;
	border: solid 1px #999;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

/*------------------------------------------
カテゴリー
------------------------------------------*/
.category_box_cover{
	width: 90%;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	/* padding:10px 30px 0; */
	margin: 0 auto;
}
.category_box_cover::after{
  content:"";
  display: block;
  width:460px;
}
.category_box{
	width:275px;
	background:#dbe7ff;
	margin-bottom:25px;
	padding:10px 15px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);

}
/* .category_box_gourmet{
	width:275px;
} */
.category_box_link{
	transition: 0.5s;
	width: 100%;
}
.category_box_link:hover{
	opacity: 0.5;
}
.main_area .category_box_title{
	margin-bottom:5px;
	font-size:22px;
	font-weight:600;
	color:#009cf7;
}
.main_area .category_box_title:before{
	content:"\f152";
	font-family: "Font Awesome 5 Free","FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.main_area .category_box_title .fa-caret-square-o-right{
	color:#009cf7;
	margin-right:5px;

}

.category_box_title a{
	font-size:20px;
}
.category_box img{
	width:100%;
	margin-bottom:10px;
}
.tag span a:before{
	content:"\0023";
	color:#009cf7;
}
.category_box .tag{
	clear:both;
	margin:5px;
	font-size:15px;
	display:none;
}
.category_box .tag span a{
	font-size:14px;
	color:#666;
}
.category_box p{
	line-height:1.4;
	font-size:15px;
	width: 100%;
}

.category_content h2.mannaka,.bottom_category_content h2.mannaka {
	position: relative;
	text-align: center;
	z-index: 1;
	padding:5px 0px 0;
	margin-bottom:15px;

}

.category_content h2.mannaka span,.bottom_category_content h2.mannaka span {
    background: #fff;
    padding: 0 15px;
	z-index: 1;
	font-size:22px;
	color:#009cf7;
}
.category_content h2.mannaka:before,.bottom_category_content h2.mannaka:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 40%;
    margin-left:30%;
    height: 1px;
    position: absolute;
    top: 50%;
    text-align:center;
    z-index: -1;
}
.category_content h2.mannaka span.icon-ranking,.bottom_category_content h2.mannaka span.icon-ranking{
    font-size:24px;
	padding:0 10px 0 0;
}
.bottom_category_content{
	margin:10px 0 20px;
}
.info_area{
	position: relative;
    line-height: 1;
    text-align: center;
    margin:0 30px 20px;
}
.info_area:before{
	display: block;
    content: '';
    width: 100%;
    height: 3px;
    background: #009cf7;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
}

.info_area .info_title{
	display: inline-block;
    padding: 0 10px;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
    font-size: 30px;
    font-weight: bold;
    color: #009cf7;
}

.subtitle_area{
	position: relative;
    line-height: 1;
    text-align: center;
    margin:0 30px 20px;
}
.subtitle_area:before{
	display: block;
    content: '';
    width: 100%;
    height: 3px;
    background: #fd603c;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
}

.subtitle_area .subtitle_content{
	display: inline-block;
    padding: 0 10px;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 0;
    font-size: 30px;
    font-weight: bold;
    color: #fd603c;
}
.feature_box{
	margin:0 30px 20px;
	display: flex;
	justify-content: space-between;
}
.random .all_hover:hover .feature_name{
	text-decoration: underline;
}

.feature_name{
	font-weight: bold;
	color: #944040;
	margin-bottom: 5px;
	background: #e6d3d3;
	padding:5px;
}
.feature_name > a{
	font-weight: bold;
	color: #944040;
}
.feature_contents{

	display: flex;
	flex-direction: row;
	width: 47%;
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff0ec;
}
.feature_contents img{
	width:160px;
	height: 140px;
	margin-right: 10px;
}
.feature_contents img:hover{
	opacity: 0.7;
	transition: .2s;
}
.feature_titile{
	margin-bottom: 3px;
}
.feature_titile a{
	font-size: 17px;
}
.feature_titile a:hover{
	text-decoration: underline;
}
.feature_coment{
	font-size: 14px;
}
.feature_hizuke{
	padding-top: 3px;
	border-top: 1px solid #009cf7;
}
.fcb{
	color:#001f77;
}

.feature_contens .feature_hizuke:before{
	content:"\f073";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.feature_contens .feature_area:before{
	content:"\f276";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:9px;
	margin-left: 2px;
	color:#009cf7;
}
.feature_reservation{
	padding-bottom: 3px;
	border-bottom: 1px solid #009cf7;
}
.feature_contens .feature_reservation:before{
	content:"\f098";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.top_contents{
	margin:0 30px 20px;
}
.top_contents h2{
	font-size: 20px;
	font-weight: bold;
	color: #bf5b06;
	margin-bottom: 15px;
}
.category_contents{
	width: 49%;
}
.category_contents a{
	display: block;
}
.category_contents a:hover{
	opacity: 0.7;
}
.category_contents div img{
	width: 200px;
	margin-right:10px;
}
.stay_category{
	font-size: 20px;
	font-weight: bold;
	color: #317ece;
}
.txt_r{
	text-align: right;
	font-size: 13px;
	padding: 3px;
	display: block;
	text-decoration: underline;
	color: #317ece;
}
.multiple-item{
	margin:0 47px 0 53px;
}
.multiple-item li img{
	width:180px;
	height: 120px;
	object-fit: cover;
}
.multiple-item li:first-child{
	padding-left:0px;
}
.multiple-item li span{
	font-size:18px;
	font-weight:500;
	color:#f04d4d;
	margin-right:5px;
}
.multiple-item li a{
	display:block;
	font-size:15px;
	color:#333;
	width:180px;
	line-height:1.4;
}
.multiple-item li{
	transition: 0.5s;
}
.multiple-item li:hover{
	opacity: 0.5;
}
.category_banner{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	margin:10px 0 20px;
	padding:0 30px;
}
.category_banner a:hover{
    opacity: 0.7;
}
.category_banner img{
	margin-bottom:10px;
	width:320px;
}
/*------------------------------------------
詳細
------------------------------------------*/
.syosai_area{
	width:1080px;
}
#body {
	width: 1080px;
	margin: 0 auto;
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	padding:10px 0px 20px;
	background:#fff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius: 5px 5px 0 0;
}
.tourism_syosai{
	border-top:5px solid #6bc245;
}
.gourmet_syosai{
	border-top:5px solid #ff5f5f;
}
.heiten_shop{
	border-top:50px solid #e22727;
	position:relative;
}
.heiten_shop:before{
	content:"\f071  このお店は現在閉店しています。";
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	top:-50px;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
}
.heiten_shop:after{
	content:"\f071  このお店は現在閉店しています。";
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	bottom:0;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
	background:#e22727;
}
.heiten_shop_tw{
	border-top:50px solid #e22727;
	position:relative;
}
.heiten_shop_tw:before{
	content:'本店現在閉店中';
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	top:-50px;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
}
.heiten_shop_tw:after{
	content:"本店現在閉店中";
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	bottom:0;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
	background:#e22727;
}
.heiten_shop_cn{
	border-top:50px solid #e22727;
	position:relative;
}
.heiten_shop_cn:before{
	content:'本店現在閉店中';
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	top:-50px;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
}
.heiten_shop_cn:after{
	content:"本店現在閉店中";
	color:#fff;
	font-family: "Font Awesome 5 Free","FontAwesome";
	position:absolute;
	left:0;
	bottom:0;
	line-height:50px;
	margin:0 auto;
	width:1080px;
	text-align:center;
	font-size:15px;
	background:#e22727;
}

#body .body_l {
	float:left;
	width: 760px;
	margin:0 30px 30px 0;
	padding:0 0 0 30px;
}
#body .body_r {
	float:left;
	width: 240px;
	height: 100%;
	padding:0 30px 0 0;
}
#body p{
	font-size:16px;
	line-height:2;
	margin:0 0 30px 0;
	padding:0 40px;
}
.shop_header {
	margin-bottom:15px;
}
.shop_title {
	position: relative;
	padding: 10px 0px 10px 0;
	float:left;
	margin-bottom:5px;
}
.shop_title .shop_kana {
	font-size: 14px;
	line-height: 18px;
}
.shop_title .shop_name {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	vertical-align: middle;
}
.shop_title .shop_name span {
	display: inline-block;
	position: relative;
	top: -3px;
	height: 14px;
	margin: 0 0 0 10px;
	padding: 8px 12px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
	background: #f04d4d;
	border-radius: 12px;
}
.shop_title .shop_name span.heiten {
	display: inline-block;
	margin: 0 ;
	padding: 0px ;
	color: #e22727;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	vertical-align: middle;
	background: #fff;
	height: 36px;
}
.syosai_icon{
	float:right;
	display:inline-block;
	list-style:none;
	margin-top:23px;
	margin-right:10px;
}
.syosai_icon li{
	display:inline-block;
	margin-left:5px;
	position:relative;
}
.syosai_icon li .icon-parking{
	font-size:40px;
	color:#1abf39;
}
.syosai_icon li .icon-wifi{
	font-size:40px;
	color:#9c4f9a;
}
.syosai_icon li .icon-exchange{
	font-size:40px;
	color:#4f46c5;
}
.syosai_icon li .icon-card{
	font-size:40px;
	color:#de3636;
}
.syosai_icon li .icon-reservation{
	font-size:40px;
	color:#fc9112;
}
.icon_text{
	display: none;
	width: 80px;
	position: absolute;
	top: -60px;
	left: -8px;
	padding: 10px;
	border-radius: 5px;
	background: #f04d4d;
	color: #fff;
}
.icon_text_card{
	width: 180px;
}
.icon_text:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #f04d4d;
      border-width: 10px;
      pointer-events: none;
      content: " ";
    }
.syosai_icon li .icon-parking:hover + .icon_text,
.syosai_icon li .icon-wifi:hover + .icon_text,
.syosai_icon li .icon-reservation:hover + .icon_text,
.syosai_icon li .icon-exchange:hover + .icon_text,
.syosai_icon li .icon-card:hover + .icon_text
 {
      display: block;
    }
.syosai_feature{
	float: right;
	border:1px solid #CCC;
	padding: 5px;
	margin-right: 5px;
	background: #fff4bf;
}
.hizuke_icon{
	font-size: 14px;
}
.area_icon{
	font-size: 14px;
}
.reservation_icon{
	font-size: 14px;
}

.hizuke_icon:before{
	content:"\f073";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.area_icon:before{
	content:"\f276";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:9px;
	margin-left: 2px;
	color:#009cf7;
}
.reservation_icon:before{
	content:"\f098";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.shop_comment {
	clear:both;
	margin: 15px 0 15px;
	font-size:16px;
	font-weight: 400;
	line-height: 28px;
	padding:5px 10px;
	background:#fed0d0;
	color:#333;
	position: relative;
	border-radius: 3px;
}
.shop_comment:after {
    content: ' ';
    height: 0px;
    position: absolute;
    width: 0px;
    border: 10px solid transparent;
    border-bottom-color: #fed0d0;
    top: -20px;
    left: 10px;
}
.shop_desc li.shop_tel {
	font-size: 19px;
	font-weight: bold;
}
.shop_desc li.shop_tel span.icon-phone {
	margin: 0 5px 0 0;
	padding: 6px 0;
	font-size: 16px;
	width:20px;
	line-height: 1;
	text-align: center;
	border: none;
}

.shop_desc {
	font-size: 0;
	margin: 0 0 20px;
	background:#f6f6f6;
	border:1px dotted #999;
	padding:10px;
}
.shop_desc li {
	display: inline-block;
	width: 50%;
	margin: 0px 0 0 0;
	font-size: 13px;
	line-height: 27px;
	overflow: hidden;
	vertical-align: top;
}
.shop_desc li a{
	font-size: 14px;
}
.shop_desc li span {
	display: inline-block;
	margin: 3px 10px 0 0;
	padding: 3px 0;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	border: 1px solid #808080;
	border-radius:3px;
}
.shop_desc li span.shop_desc_title {
	width: 74px;
}
.shop_desc li span.shop_desc_title a{
	padding-right:20px;
}
.shop_desc li.tag span.tag_no{
	color: #333;
	background: none;
	padding: 3px 0;
	font-size: 13px;
	line-height: 1;
}
.shop_desc li.tag span{
	padding: 3px 5px;
	font-size:14px;
}
/*旧詳細メニューボタン
.shop_navi {
	box-sizing:border-box;
	display: table;
	table-layout: fixed;
	margin: 15px 0 10px;
	font-size: 0;
	padding:10px 10px;
	background:#f6f6f6;
}
.shop_navi li {
	display: table-cell;
	margin: 0 ;
	transition: 0.5s;
}
.shop_navi li:last-child {
	margin: 0;
}
.shop_navi li a {
	display: table-cell;
	padding: 12px 0;
	width:300px;
	color: #fff;
	font-size: 17px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border: 1px solid #222;
	border-left: none;
	background: #009cf7;
}
*/
#menu1,#menu2,#menu3{
  margin-top : -190px;
  padding-top : 190px;
}
#menu4,#menu5,#menu6,
#id1,#id2,#id3,#id4,#id5,#id6,#id7,#id8,#id9{
  margin-top : -170px;
  padding-top : 170px;
}
#toukou{
	margin-top : -170px;
  padding-top : 170px;
}
/*旧詳細メニューボタン
.shop_navi li a:first-child {
	border: 1px solid #fff;
}
.shop_navi li a:hover {
	opacity: 0.5;
}
*/

.shop_navi01,
.shop_navi02 {
	box-sizing:border-box;
	display: table;
	table-layout: fixed;
	margin: 20px 0 2px 0;
	padding: 0;
	font-size: 0;
	background:#f6f6f6;
	border-collapse: separate;
	border-spacing: 2px 0;
}
.shop_navi02 {
	margin: 0 0 20px 0;
}
.shop_navi01 li,
.shop_navi02 li {
	display: table-cell;
	transition: 0.5s;
	border-radius: 4px;
	border-bottom: solid 2px rgb(0, 120, 200);
	background-color: rgb(0, 156, 247);
}
.shop_navi01 li:last-child,
.shop_navi02 li:last-child {
	margin: 0;
}
.shop_navi01 li a,
.shop_navi02 li a {
	display: table-cell;
	padding: 7px 0;
	width:300px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.shop_navi01 li:hover,
.shop_navi02 li:hover {
	opacity: 0.5;
}
.shop_navi01 li:nth-child(1) a:before {
	content: url(../img/navi_midokoro.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}
.shop_navi01 li:nth-child(2) a:before {
	content: url(../img/navi_syashin.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}
.shop_navi01 li:nth-child(3) a:before {
	content: url(../img/navi_joho.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}
.shop_navi02 li:nth-child(1) a:before {
	content: url(../img/navi_access.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}
.shop_navi02 li:nth-child(2) a:before {
	content: url(../img/navi_ryoukin.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}
.shop_navi02 li:nth-child(3) a:before {
	content: url(../img/navi_advice.png);
	margin: 0 10px 0 0;
	vertical-align:-7px;
}

.shop_img {
	display: table;
	width: 100%;
	margin: 0 0 20px;
	height: auto;
	height: 360px;
}
.shop_img .tbl_l {
	display: table-cell;
	width: 540px;
	height: 360px;
}
.shop_img .tbl_l img {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
	max-width:540px;
}
.shop_img .tbl_r {
	display: table-cell;
	width: 190px;
	height: 360px;
	font-size: 0;
	vertical-align: top;
}
.shop_img .tbl_r ul {
	font-size: 0;
	margin:0 0 0 7px;
}
.shop_img .tbl_r li {
	display: inline-block;
	width: 78px;
	height: 52px;
	margin: 3px 1px 3px 8px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c0c0c0;
}
.shop_img .tbl_r li:hover {
	opacity: 0.8;
}
.shop_img .tbl_r li.active {
	margin: 2px 0px 2px 7px;
	border: 2px solid #f04d4d;
}
.shop_img .tbl_r li img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.shop_img .tbl_r a.gray_btn {
	margin: 5px auto 0px;
	padding: 8px 0;
	font-size: 15px;
	line-height: 19px;
	width:150px;
}
.feature_img {
	display: table;
	width: 100%;
	margin: 0 5px 20px;
	height: auto;
	height: 360px;
}
.shop_img .tbl_t {
	width: 540px;
	height: 360px;
	margin: 0 auto 10px;
}
.shop_img .tbl_t img {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
	max-width:540px;
}
.shop_img .tbl_b {
	display: block;
	font-size: 0;
	vertical-align: top;
	padding:-2px 0px 7px;
}
.shop_img .tbl_b ul {
	font-size: 0;
	margin:0 0 0 7px;
}
.shop_img .tbl_b li {
	display: inline-block;
	width: 78px;
	height: 52px;
	margin: 3px 1px 3px 8px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c0c0c0;
}
.shop_img .tbl_b li:hover {
	opacity: 0.8;
}
.shop_img .tbl_b li.active {
	margin: 2px 0px 2px 7px;
	border: 2px solid #f04d4d;
}
.shop_img .tbl_b li img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.feature_img {
	font-size: 0;
	margin:0 auto;
	display:block
}
.feature_img li {
	display: inline-block;
	margin: 5px;
}
.feature_img li a {
	display: block;
	position: relative;
	margin: 1px;
	background: #fff;
	border: 1px solid #c0c0c0;
}

a.gray_btn,
button.gray_btn,
.gray_btn {
	display: block;
	margin: 0 auto;
	padding: 8px 0;
	color: #202020;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#dadada);
	background: linear-gradient(to bottom,  #faffff,#dadada);
	border: 1px solid #808080;
	border-radius: 4px;
}
.gray_btn:hover {
	background: -webkit-linear-gradient(top,#faffff,#c0e0f0);
	background: -moz-linear-gradient(top,   #faffff,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#c0e0f0);
}

/*詳細h2リンク格納*/
.mokujibox {
    margin: 0 auto 30px;
    padding: 0;
    width: 90%;
}
/*ラベル*/
.mokujibox label {
    display: block;
    padding : 15px;
    color :rgb(150,30,0);
    font-weight: bold;
    background :rgb(255,220,210);
    cursor :pointer;
    transition: all 0.5s;
		border: solid rgb(255,200,190);
		border-width: 1px 0;
}
/*ラベルホバー時*/
.mokujibox label:hover {
    background :rgb(255,200,190);
}
/*チェックは隠す*/
.mokujibox input {
    display: none;
}
/*中身を非表示にしておく*/
.mokujibox .mokujishow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
		padding: 10px 0 0 0;
}
/*クリックで中身表示*/
.mokuji:checked + .mokujishow {
    height: auto;
    opacity: 1;
		border: 1px solid rgb(220, 220, 220);
		border-top: none;
}

.mokujishow li {
	padding: 0 15px 10px;
}
.mokujishow li a {
	color: rgb(165,43,43);
}
.mokujishow li :hover {
	text-decoration: underline;
}
.mokujishow li ::before {
	content: '▶';
	color: rgb(100,100,100);
	font-size: 12px;
	margin: 0 5px 0 0;
}
.mokujibox label {
	position: relative;
}
.mokujibox label ::before {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	border-radius:2px;
	background: rgb(255,255,255);
	left:94%;
	top:35%;
}
.mokujibox label ::after {
	content:"";
	display:block;
	position:absolute;
	border:7px solid transparent;
	border-top-color: rgb(255,200,190);
	left:94.5%;
	top:48%;
}
/*詳細h2リンク格納ここまで*/

.shop_detail h2{
	position: relative;
	border-top: solid 3px #009cf7;
	border-bottom: solid 3px #009cf7;
	line-height: 1.4;
	padding: 0.3em 0.5em;
	margin: 50px 10px 30px;
	box-sizing:border-box;
	font-size: 24px;
	font-weight: 500;
	background: #f6f6f6;
}

.shop_detail h2:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f138\ POINT';
background: #009cf7;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 4px;
font-size: 14px;
line-height: 1;
font-weight: 900;
  }

.contents_box {
	border-top:none;
	margin: 0 30px;
	box-sizing:border-box;
}
.pop_tbl {
	display: table;
	width: 100%;
	border-bottom: 1px dashed #c0c0c0;
	margin-bottom:10px;
}
.pop_tbl:last-child {
	border-bottom: none;
	margin-bottom:0px;
}
.pop_tbl .tbl_l {
	display: table-cell;
	width: 240px;
	padding: 0px 15px 0 0;
	vertical-align: top;
}
.pop_tbl .tbl_l img {
	display: block;
	max-width: 100%;
	margin: 0 auto 0;
}
.pop_tbl .tbl_r {
	padding: 0px 0px 15px 0;
	vertical-align: top;
}


.pop_tbl .tbl_r h3 {
	position: relative;
	padding: 2px 30px 2px 17px;
	margin: 0 0 3px 20px;
	font-size: 19px;
	color: #333;
	border-radius: 0 5px 5px 0;
	font-weight:500;
	display:inline-block;

}

.pop_tbl .tbl_r h3:before {
	font-family: "Font Awesome 5 Free",FontAwesome;
	content: "\f00c";
	display: inline-block;
	line-height: 24px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #f04d4d;
	font-weight: normal;
	width: 24px;
	text-align: center;
	height: 24px;
	left: -0.8em;
	top: 50%;
	font-size: 17px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
	font-weight: 900;
}

#body .pop_tbl .tbl_r p {
	font-size: 15px;
	margin:0;
	padding: 0 10px 0 40px;
	line-height:1.8;
}
.main_img {
	margin: 0 0 30px;
}
.main_img img {
	display: block;
	max-height: 400px;
	max-width: 100%;
	margin: 0 auto;
}
.img_list {
	font-size: 0;
	margin:0 auto;
	display:block
}
.img_list li {
	display: inline-block;
	margin: 5px;
}
.img_list li a {
	display: block;
	position: relative;
	margin: 1px;
	background: #fff;
	border: 1px solid #c0c0c0;
}
.leftside .contents_box{
	margin:0px;
	padding: 0 0 10px 10px;
}
ul.list_3{
	margin:0 auto;
	display: block;
}
.img_list.list_3 li{
	width: 150px;
	height: 150px;
}
.img_list.list_3 li a{
	width: 150px;
	height: 150px;
}
ul.list_5 {
	margin:0 auto;
	display:block;
}
.img_list.list_5 li {
	width: 124px;
	height: 84px;
}
.img_list.list_5 li a {
	width: 120px;
	height: 80px;
}
.img_list li a:hover {
	margin: 0;
	border: 2px solid #f04d4d;
}
.img_list li a img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.img_list li a span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 10px);
	padding: 5px;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.shop_detail h3.belt {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 8px solid #009cf7;
	font-size: 19px;
	width:400px;
	margin:0 0 10px 15px;
	box-sizing:border-box;
	font-weight:600;
}
.shop_detail h3.belt::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
.shop_detail h3.content_belt {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 8px solid #009cf7;
	font-size: 19px;
	margin:20px 0 10px 15px;
	box-sizing:border-box;
	font-weight:600;
}
.shop_detail h3.content_belt::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.shop_tbl {
	margin:0 15px 30px;
	border: 1px solid #dadada;
	width: 700px;
	box-sizing:border-box;
}
#body .shop_tbl p{
	padding: 0;
	margin:0 0 5px 0;
	font-size: 15px;
	line-height: 1.6;
}
.shop_tbl th {
	width: 160px;
	padding: 15px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
	background:#f6f6f6;
	border-bottom: 1px solid #dadada;

}
.shop_tbl tr {
	border-right: 1px solid #dadada;
}
.shop_tbl td {
	padding: 15px;
	font-size: 15px;
	line-height: 1.6;
	border-bottom: 1px solid #dadada;
}
.shop_tbl tr:last-child th,
.shop_tbl tr:last-child td {
	border-bottom: none;
}
.shop_tbl td p {
	font-size: 15px;
	line-height: 1.6;
}
.shop_tbl iframe {
	display: block;
	width: 540px;
	height: 400px;
	margin: 0 auto;
	border: 0;
}

/*詳細 h2上 近くのおすすめスポット*/
.osusume_smidashi {
	width: 690px;
	text-align: center;
	font-size: 22px;
	background-color: #009cf7;
	border-radius: 25px;
	color: #ffffff;
	line-height: 1.2;
	padding: 5px 10px 5px 10px;
	margin: 0 10px 20px 10px;
}
.syosai_slider-wrapper {
  width: 670px;
	height: auto;;
	margin: 0 30px 20px 30px;
}
.syosai_slider-wrapper .slick-track {
	display: flex !important;
}
.syosai_slider-wrapper .slick-slide {
	height: auto;
}
.syosai_slider-wrapper .slick-prev {
	left: calc(100% - 710px);
}
.syosai_slider-wrapper .slick-next {
	left: calc(100% - 0px);
}
.syosai_slider-wrapper .slick-prev:before,
.syosai_slider-wrapper .slick-next:before {
	background: none;
	opacity: 0.8;
}
.syosai_unit {
  float: left;
  width: 210px !important;
  margin: 0 0 10px 10px;
	border: 1px solid #d3d3d3;
  background: #fff;
}
/*.syosai_img :hover {
	opacity: 0.7;
	transition: 0.5s
}*/
.syosai_unit:first-child {
  margin: 0 0 10px 0px;
}
.syosai_unit img {
	width: 210px !important;
	height: auto !important;
}
.syosai_caption {
	margin: 5px 0 0 0;
	padding: 5px;
	font-size: 14px !important;
	line-height: 1.5;
	color: #555555;
}
.sp_g_tag {
	font-size: 14px;
	background-color: #ff5f5f;
	border-radius: 3px;
	color: #fff;
	padding: 3px;
	margin: 0 5px 0 0;
}
.sp_t_tag {
	font-size: 14px;
	background-color: #6bc245;
	border-radius: 3px;
	color: #fff;
	padding: 3px;
	margin: 0 5px 0 0;
}
.sp_s_tag {
	font-size: 14px;
	background-color: #8f6e3a;
	border-radius: 3px;
	color: #fff;
	padding: 3px;
	margin: 0 5px 0 0;
}
.syosai_caption_title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2 !important;
	margin: 8px 0 5px 0 !important;
}


/*--------------------------------------------------*/
/*  右メニュー                                      */
/*--------------------------------------------------*/
.right_tag{
	width: 275px;
	margin:10px 0 15px;
	box-sizing:border-box;
}
.right_tag .tag{
	margin-bottom:15px;
	padding:0 10px;
}
.right_tag .tag span{
	margin-bottom:8px;
}
.right_ranking{
	width: 240px;
	box-sizing:border-box;
	padding:15px 0 0 0;
}
.right_ranking .img_menu li{
	position: relative;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom:10px;
	margin-bottom:15px;
}
.right_ranking .img_menu li:last-child{
	border-bottom: none;
}
.right_title{
	position: relative;
	text-align: center;
	z-index: 1;
	padding: 10px 0 0;
	margin-bottom:10px;
	line-height:40px;
	color:#009cf7;

}
.right_title span {
    padding: 0 5px;
	z-index: 1;
	font-size:16px;
	color:#009cf7;
	background:#fff;
}
.right_title:before {
    content: "";
    display: block;
    border-top: solid 1px #009cf7;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    margin:5px 0 0 0;
    text-align:center;
    z-index: -1;
	padding: 10px 0 0;
}
.right_title:after{
	position: absolute;
	content:"";
	height:4px;
	width:100px;
	background:#009cf7;
	top:0;
	left:50%;
	margin-left:-50px;
}
.right_article {
	width: 240px;
	box-sizing:border-box;
	padding:15px 0 0 0;
}
.right_article ul li:nth-child(n + 9) {
  display:none;
}
.img_menu li img:hover {
	opacity: 0.5;
}
.right_gourmet_info li{
display: flex;
flex-wrap: wrap;
margin-bottom:15px;
padding: 10px 10px 15px;
border-bottom: 1px solid #c0c0c0;
}
.right_gourmet_info li:first-child{
padding-top: 0;
}
.right_gourmet_info li a:hover{
	opacity: 0.5;
}
.right_gourmet_info li div{
	display: flex;
	align-items: center;
	position: relative;
}
.right_gourmet_info_img img{
width:80px;
margin:0 10px 0 0;
align-items: center;
}
.right_gourmet_info_tytle{
width:120px;
align-items: center;
font-size:15px;

}
.right_gourmet_info_tytle a{
font-size:14px;
color:#333;
display:block;
width:170px;
padding:10px 0;
}
.right_gourmet_info_tytle a:after {
    position: absolute;
    top: calc(50% - 7px);
    right: -15px;
    font-family: "Font Awesome 5 Free","FontAwesome";
    font-style: normal;
    content: "\f054";
   color: #b0b0b0;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}
.right_gourmet_info_tytle a:hover:after {
   color: #f04d4d;
}
.motto{
	text-align:center;
	width:200px;
	margin:10px auto;
}
.motto a{
	color:#fff;
	line-height:30px;
	display:block;
	font-size:14px;
	background:#f04d4d;
	border-radius:5px;
}
.motto a:hover{
	background:#f49494;
}
.img_menu .rank{
	position: absolute;
	display: inline-block;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	left:-10px;
	background: #d9a62e;
	width: 36px;
	padding: 0px 5px;
	color: #fff;
	font-size: 15px;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	text-align :center;
}
.img_menu .nii{
	background:#c0c0c0;
}
.img_menu .sani{
	background:#c47222;
}
.img_menu .yoni,.img_menu .goi{
	background:#f04d4d;
}
.img_menu {
	display: table;
	position: relative;
}
.img_menu .img,
.img_menu .text {
	display: table-cell;
}
.img_menu .text {
	padding: 5px 0 0 10px;
	vertical-align: top;
	font-size: 13px;
}
.img_menu .img img {
	display: block;
	width: 110px;
	height:80px;
	object-fit: cover;
	padding: 5px 0;

}
.img_menu .text a {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
#body .img_menu .text p {
	margin: 2px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px ;
	font-weight:300;
}
.body_link_area{
	background:#fff;
	margin-top:30px;
	padding-bottom:20px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	border:1px solid #ccc;
}

.body_link_area h2{
	position:relative;
	margin:15px -10px 30px -10px;
	padding:8px 20px;
	background:#009cf7;
	box-shadow:	0 3px 3px 0 rgba(0,0,0,0.1);
    font-size: 20px;
	font-weight:600;
	color:#fff;
}
.body_link_area h2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}
.body_link_area h2:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#7bb8d8;
}
.multiple-item img.cate_miru_line{
	border-bottom:3px solid #6bc245;
}
.multiple-item img.cate_taberu_line{
	border-bottom:3px solid #ff5f5f;
}
.multiple-item img.cate_hotel_line{
	border-bottom:3px solid #4a7bdf;
}
.multiple-item img.cate_omiyage_line{
	border-bottom:3px solid #f6a415;
}
.body_link_area .body_link_box{
	margin-bottom:30px;
}

@-webkit-keyframes modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}


/*--------------------------------------------------*/
/*  google map 設定                                      */
/*--------------------------------------------------*/

#googlemap{
	width: 540px;
	height: 400px;
	text-align:center;
	font-size:12px;
	color:#f00;
}
.googlemap img{
	display: block;
	margin:0 auto 5px;
	width: 240px;
	height: 160px;
}
.googlemap .googlemap_syosai{
	margin:0 auto;
	width:100px;
	text-align:center;
	background:#f04d4d;
	border-radius:3px;
}
.googlemap .googlemap_syosai a{
	color:#fff;
	display:block;
	font-size:14px;
}
.googlemap .googlemap_syosai a:hover{
	background:#f49494;
}
#checkbox{
	    display: flex;
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-justify-content: space-between ;/* Safari */
  justify-content:         space-between;
  -ms-flex-pack: justify;
  flex-pack:distribute;
}
#checkbox li{
	text-align: center;
	width: 25%;
	display: inline-block;
	border-left: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
}
#checkbox li:last-child{
	border-right:1px solid #BCBCBC;
}
#checkbox li label{
	display: block;
	padding: 10px;
	cursor: pointer;
}
#checkbox li label:hover{
	background: rgba(0,0,0,0.2);
}
#checkbox li .shop_icon:before{
	content: url(../img/images_sm.png);
	font-family: FontAwesome;
	color: #FF3300;
}
#checkbox li .event_icon:before{
	content: url(../img/images2_sm.png);
	font-family: FontAwesome;
	color: #FF9900;
}
#checkbox li .gormet_icon:before{
	content: url(../img/images3_sm.png);
	font-family: FontAwesome;
	color: #990000;
}
#checkbox li .hotel_icon:before{
	content: url(../img/images4_sm.png);
	font-family: FontAwesome;
	color: #0033CC;
}




/*--------------------------------------------------*/
/*  SNSシェア                                 */
/*--------------------------------------------------*/
.share {
	clear: both;
	margin-bottom:30px;
}
.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.share li a {
	display: block;
	text-align: center;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.share li a span,.share li a .fa,.hatenaB,.share li a .fab{
	color: #ffffff;
}
.share li a .fa,.hatenaB,.share li a .fab,.share li a .fas{
	color: #ffffff;
	font-size:16px;
}
.share li a:hover {
	opacity: 0.8;
}
.share ul:after {
	content: "";
	display: block;
	clear: both;
}
.share li {
	float: left;
	width: 25%;
}
.share-tw {
	background-color: #55acee;
}
.share-fb {
	background-color: #3b5998;
}
.share-gp {
	background-color: #dd4b39;
}
.share-hb {
	background-color: #2c6ebd;
}
.share-wb{
	background-color: #dea45c;
}
.share-qq{
	background-color: #2c72dc;
}
.share-kko{
	background-color: #fac201;
}
.share-qq span{
	font-size: 14px;
}
.hatenaB:before {
	content: 'B!';
	font-style: normal;
}
.share-kko:before{
	content:url('../img/kakao_icon.png');
}
 @media (max-width: 599px) {
	.share span {
		display: inline-block;
		text-indent: -9999px;
	}
	.share li a {
		padding: 8px 10px;
	}
}
/*------------------------------------------
フッター
------------------------------------------*/
.fooer_cover{
	background:#009cf7;
	width:100%;
}
.fooer{
	width:1080px;
	margin:0 auto;
	padding:15px 0;
}
#footer_logo{
	float:left;
	width:200px;
	margin-left:15px;
	margin-bottom:20px;
}
.footer_share{
	clear:none;
	float:right;
	width:400px;
	padding-top:20px;
}
.footer_share li{
	width:100px;
}
.footer_link{
	clear:both;
	margin:0px auto 15px;
	text-align:center;
}
.footer_link li{
	display:inline-block;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #fff;
	line-height:1;
}
.footer_link li:last-child{
	margin-right:0;
	padding-right:0;
	border-right:none;
}
.footer_link li a{
	color:#fff;
	font-weight:200;
	font-size:14px;
}
.footer_link li a:hover{
	text-decoration:underline;
}
.fooer_cover p{
	text-align:center;
	color:#fff;
	line-height:40px;
	font-size:13px;

}
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#pageTop a {
	display: block;
	z-index: 999;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: #fff;
	color: #009cf7;
	border:4px solid #009cf7;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#pageTop .icon-angle-up{
	color: #009cf7;
	font-size:40px;
	line-height:50px;
	font-weight:600;

}
.fs14{
	font-size: 14px;
}
.mon_day{
	text-align: right;
	margin-top: 10px;
}
.data{
	font-size: 13px;
}
.data:before{
	content: '更新日：';
	font-size: 12px;
}
.wht{
	background: #FFF!important;
}
.flex_box{
	display: flex;
	flex-direction: row;
	border: 1px solid #ccc;
	padding: 10px;
	height: 180px;
}
.etc_link{
	display: flex;
	justify-content: center;
}
.etc_link .etc_l{
	border:2px solid #1f6ee4;
	background: #009cf7;
	margin:15px;
	text-align: center;
	width: 350px;
}
.etc_link .etc_r{
	border:2px solid #1f6ee4;
	background: #009cf7;
	margin:15px;
	text-align: center;
	width: 350px;
}
.etc_link a{
	position: relative;
	font-weight: bold;
	font-size: 22px;
	color: #FFF;
	display: block;
	cursor:pointer;
	padding:20px;
}
.etc_link a:after{
	position: absolute;
	top:50%;
	right: 55px;
	margin-top: -12px;
	content:"\f105";
	font-family: "FontAwesome";
	font-size: 25px;
	font-weight: bold;
}
.etc_link a:hover{
	background-color:rgba(192,237,232,0.5);
	text-decoration: underline;
}
.mony{
	color: #ff0303;
	border-bottom: 1px solid #ab4d0b;
}
.mony span{
	color: #ff0303;
	font-weight: bold;
}
.fcgray{
	color: #848282;
}
.weburl a{
	font-weight: bold;
	text-decoration: underline;
}
.hoshi{
	color: #e4cb14;
}
.hoshi > span{
	border: 1px solid #239016;
	padding: 2px;
	margin-left: 10px;
	color: #239016;
	background: #fdffe9;
	font-size: 14px;
}
.top_coment{
	margin:0 90px 30px;
}
.access_topics{
	display: flex;
	flex-wrap: wrap;
	margin:0 80px 50px;
}
.access_topics > table:nth-child(even){
	margin-left: 100px;

}
.access_topics .access_spot{
	width: 400px;
	margin-bottom:20px;
}

/* 20190125access */
.access_omidashi {
	color: rgb(255,255,255);
	background: rgb(0,156,247);
	padding: 20px;
	margin: 0 0 40px 0;
	font-size: 30px;
	font-weight: bold;
	border:double rgb(255,255,255);
	border-width: 4px 0;
}
.access_categorybox {
	width: 86%;
	display: flex;
	margin: 0 auto 30px;
}
.access_category {
	width: 48%;
	margin: 0 4% 0 0;
}
.access_c_midashi {
	color: rgb(3, 44, 67);
	background: rgb(57, 175 ,243);
	padding: 5px 10px;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.kennai {
	margin: 0;
}
.access_category p {
	width: 90%;
	color: #fd603c;
	border-left: 5px solid #fd603c;
	border-bottom: 1px dotted #fd603c;
	margin: 0 auto 20px;
	text-indent: 5px;
}
.access_category ul {
	width: 84%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 20px;
}
.access_category ul li {
	width: 43%;
	text-align: center;
	border: 1px solid rgb(200,200,200);
	padding: 5px;
	margin: 0 10px 10px 0;
}
.access_category ul li :hover {
	filter: brightness(150%);
}
.access_category a {
	color: rgb(100, 100, 100);
	display: block;
}
.access_category a::before {
	content:"\f105";
	font-family: "FontAwesome";
	color:#fd603c;
	padding-right: 5px;
	font-weight: bold;
	text-decoration: none;
}
.access_subtitle {
	width: 90%;
	margin: 0 auto;
}
.access_subtitle h2 {
	color: rgb(255, 90, 60);
	padding: 10px 20px;
	margin: 0 0 20px 0;
	border-top: 2px solid rgb(255, 90, 60);
	border-bottom: 2px solid rgb(255, 90, 60);
	font-size: 30px;
	font-weight: bold;
}
.access_subtitle img {
	border-radius: 50%;
	width: 38px;
	height: 38px;
	border: 3px solid rgb(255, 90, 60);
	margin: 0 10px 0 0;
}
.access_area {
	margin: 0 70px 30px;
	color: rgb(3, 44, 67);
	background: rgb(57, 175 ,243);
	padding: 5px 10px;
	font-size: 22px;
	font-weight: bold;
}
.access_name {
	margin: 0 100px 20px 100px;
	border-left: 5px solid rgb(120, 120, 120);
	border-bottom: 1px dotted rgb(120, 120, 120);
	padding: 1px 7px;
	letter-spacing: 1px;
}
.access_name span {
	font-size: 19px;
	font-weight: bold;
	color: rgb(255, 10, 10);
}
.access_airplanebox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 30px 40px;
}
.access_airplanebox .out{
	border:1px solid rgb(80,150,80);
	font-weight: bold;
	background: rgb(230,255,230);
	width: 18%;
	text-align: center;
	color: rgb(10,70,10);
	letter-spacing: 1px;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.access_airplanebox .out span {
	letter-spacing: 0;
	color: rgb(10,70,10);
	margin: 0;
}
.access_airplanebox .point{
	border:1px solid rgb(200,120,20);
	font-weight: bold;
	background: rgb(250,240,230);
	width: 18%;
	text-align: center;
	color: rgb(140,80,0);
	letter-spacing: 1px;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.access_airplanebox .point span {
	letter-spacing: 0;
	color: rgb(140,80,0);
	margin: 0;
}
.access_airplanebox .in{
	border:1px solid rgb(40,130,255);
	font-weight: bold;
	background: rgb(220,255,255);
	width: 18%;
	height: 60px;
	text-align: center;
	color: rgb(40,50,110);
	letter-spacing: 3px;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.access_airplanebox .in span {
	letter-spacing: 0;
	color: rgb(40,50,110);
	margin: 0;
}
.access_airplanebox p {
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}
.arrowbox {
	width: 14%;
}
.access_arrow {
	width: 90%;
	position:relative;
	line-height: 0.2;
	text-align: right;
	margin: 10px;
}
.access_arrow ::before {
	position:absolute;
     content:"";
		 width: 90%;
		 height: 4px;
		 background: rgb(120, 120, 120);
		 top: 0;
		 left: 0;
}
.access_arrow01 {
	padding: 0;
	font-size: 21px;
	color: rgb(120, 120, 120);
}
.airplane_icon {
	width: 100%;
	text-align: center;
}
.norikae {
	margin: 0 30px 60px !important;
}
.norikae span {
	margin: 0 0 0 10px;
	color: rgb(255, 10, 10);
	font-size: 16px;
}
.norikae_midashi {
	margin: 30px 70px;
	padding: 5px 10px;
	background: rgb(220, 220, 220);
	font-size: 18px;
	font-weight: bold;
}
.norikae_midashi span {
	color: rgb(255, 10, 10);
}
.norikae span {
	margin: 0 0 0 10px;
	color: rgb(255, 10, 10);
	font-size: 16px;
}
.taxibox {
	margin: 0 0 60px 0;
}
.access_taxibox {
	width: 80%;
	margin: 0 auto;
	border: 1px solid rgb(200,200,200);
	border-bottom: none;
	display: flex;
}
.t_box_1 {
	border: 1px solid rgb(200,200,200);
}
.taxi_name {
	width: 28%;
	background: rgb(255,215,209);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
}
.taxi_name a {
	font-size: 17px;
	font-weight: bold;
	color: rgb(50, 50, 50);
}
.taxi_name a:hover {
	color: rgb(40,50,110);
	text-decoration: underline;
}
.taxi_textbox {
	width: 50%;
	font-size: 14px;
	padding: 10px;
}
.taxi_textbox p {
	font-size: 14px;
	font-weight: bold;
	color: rgb(50,50,50);
	border-bottom: 1px dotted rgb(200,200,200);
}
.taxi_hyouka {
	width: 18%;
	padding: 10px 10px 10px 0;
}
.star_rating {
  position: relative;
  width: 100%;
  height: 1em;
  font-size: 25px;
}
.star_rating_front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: rgb(255,190,0);
}
.star_rating_back {
  color: rgb(180,180,180);
}
.star_rating_back span {
	margin: 0 0 0 5px;
	font-size: 15px;
	font-weight: bold;
}

.taxi_linkbox {
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	color: rgb(255,255,255);
	background: rgb(57, 175 ,243);
	border-radius: 4px;
	border-bottom: solid 2px rgb(0, 120, 200);
	padding: 5px 10px;
	margin: 5px 0 0 0;
}
.taxi_linkbox:hover {
	filter: brightness(110%);
}

.yui_stationbox {
	width: 90%;
	margin: 30px auto 60px;
	overflow-x: auto;
	overflow-y: hidden;
}
.yui_stationbox ul {
	font-size: 0;
	margin: 0 0 20px 0;
}
.yui_stationbox ul li {
	display: inline-block;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	white-space: nowrap;
	width: 37px;
	height: 140px;
	padding: 0;
	border:1px solid rgb(216,55,58);
	background: rgb(250,233,234);
	vertical-align: middle;
}
.tagengo ul li {/*cn tw用*/
	height: 220px;
}
.yui_stationbox ul li:nth-of-type(2n) {
	border: none;
	background: rgb(220, 220, 220);
	width: 27px;
	height: 60px;
}
.yui_tagengo {/*cn tw用*/
	writing-mode: vertical-rl !important;
	height: 80px !important;
}
.yui_stationbox ul li:nth-of-type(1),
.yui_stationbox ul li:nth-of-type(3),
.yui_stationbox ul li:nth-of-type(5) {
	border:1px solid rgb(40,130,255);
	background: rgb(220,255,255);
}
.yui_stationbox ul li:nth-of-type(7),
.yui_stationbox ul li:nth-of-type(9),
.yui_stationbox ul li:nth-of-type(11) {
	border:1px solid rgb(80,150,80);
	background: rgb(230,255,230);
}
.yui_stationbox ul li:nth-of-type(13),
.yui_stationbox ul li:nth-of-type(15),
.yui_stationbox ul li:nth-of-type(17) {
	border:1px solid rgb(200,120,20);
	background: rgb(250,240,230);
}
.yui_stationbox p {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 5px;
}
.yui_stationbox p span {
	font-size: 13px;
}
.yui_stationname {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	margin:10px 5px;
	color: rgb(76,15,17);
}
.yui_blue {
	color: rgb(40,50,110);
}
.yui_green {
	color: rgb(10,70,10);
}
.yui_yellow {
	color: rgb(140,80,0);
}

.fery_box {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 20px;
}
.fery_box table{
	border-collapse: collapse;
	border:1px solid #ccc;
	width: 48%;
	margin: 0 30px 30px 0;
}
.fery_box table:nth-of-type(2n) {
	margin: 0 0 30px 0;
}
.fery_box table th{
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 10px;
	background: rgb(255,230,230);
	color: rgb(160,90,90);
}
.harbor_name {
	text-align: left !important;
	border: 1px solid rgb(160,90,90) !important;
	background: rgb(160,90,90) !important;
	color: rgb(255,255,255) !important;
}
.harbor_ryoukin {
	font-size: 16px !important;
	background: rgb(255,255,255) !important;
}
.fery_box table td{
	text-align: center;
	border: 1px solid #ccc;
	background: rgb(255,250,230);
	vertical-align: middle;
	padding: 8px;
	font-size: 14px;
}
/* 20190125access */

.access_spot .out{
	border:2px solid #0a480f;
	font-weight: bold;
	background: #4f9a4e;
	color: #FFF;
	width: 150px;
	text-align: center;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
}
.access_spot .point{
	border:2px solid #925202;
	font-weight: bold;
	background: #ce7d18;
	color: #FFF;
	width: 150px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
}
.access_spot .out span,
.access_spot .in span{
	color: #FFF;
}
.access_spot .in{
	border:2px solid #283cc5;
	font-weight: bold;
	background: #267fef;
	color: #FFF;
	width: 150px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
}
.access_spot .access_time{
	position: relative;
	width: 100px;
}
.access_spot .access_time span{
	position: absolute;
	bottom: 5px;
	left: 10px;
}
.access_spot .access_time:before{
	content:"\f178";
	font-family: "FontAwesome";
	color:#009cf7;
	font-size: 70px;
	position: absolute;
	top:10px;
	left: 15px;
	margin-top: -25px;
}

.access_spot .mdl:before{
	content:"\f178";
	font-family: "FontAwesome";
	color:#009cf7;
	font-size: 35px;
	position: absolute;
	top:25px;
	left: 10px;
	margin-top: -25px;
}
.access_spot .flt_tim{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.access_topics .fry_tbl{
	width: 435px;
	margin:0 10px 20px;
}
.fry_tbl table{
	border-collapse: collapse;
	border:1px solid #ccc;
	width: 100%;
}
.fry_tbl table th{
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 5px;
	background: #fff1f1;
}
.fry_tbl table td{
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 5px;
	font-size: 13px;
}
.fry_tbl .tbl_cnter{
	text-align: center;
}
.check{
	width: 80%;
	margin:0 auto 10px;
	background: #ffd9d9;
	padding: 15px 10px;
}
.check_notice {
	width: 76%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 50px;;
}
.check h3{
	font-size: 20px;
	font-weight: bold;
	color: #9a3d3d;
}
.check_list{
	list-style: decimal;
}
.check_list li{
	font-weight: bold;
	margin-top: 10px;
}
.area_title{
	font-size: 25px;
	font-weight: bold;
	border-bottom: 2px solid #ad6e6e;
	margin-bottom: 5px;
}
.area_subtitle{
	background: #ad6e6e;
	font-size: 15px;
	color: #FFF;
	padding-left: 10px;
}
.syosai_tbl{
	margin:0 30px;
	padding: 15px 10px;
	margin-bottom: 10px;
}
.data_tbl{
	width: 250px;
	margin: 0 20px;
}
.data_tbl table{
	width: 100%;
	border-collapse: collapse;
}
.data_tbl tr{
	border-bottom: 1px solid #ccc;
}
.data_tbl th{
	text-align: left;
	position: relative;
	font-size: 14px;
	padding: 5px 0 5px 15px;
}
.data_tbl th:before{
	content: '・';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
.data_tbl td{
	text-align: right;
	width: 150px;
	vertical-align: middle;
}
.site_info{
	margin:20px 80px;
}
.site_agt h2{
	border-left: 8px solid #009cf7;
	border-bottom: 1px solid #7d7b7b;
	font-size: 20px;
	padding-left: 10px;
}
.site_agt p{
	margin:10px 0;
}
.site_info .site_agt > ul{
	list-style: decimal;
	margin-top: 15px;
	padding-left: 10px;
}
.site_info .site_agt > ul li{
	margin: 5px 20px;
}
.site_map h2{
	font-size: 25px;
	font-weight: bold;
	width: 450px;
	border-left: 5px solid #009cf7;
	margin-bottom: 10px;
	padding-left: 10px;
}
.site_url{
	margin-bottom: 20px;
}
.site_url li{
	display: inline-block;
	margin-right:25px;
	margin-bottom: 15px;
}
.site_url li:before{
	content:"\f138";
	font-family: "FontAwesome";
	color:#009cf7;
	margin-right:5px;
	color:#009cf7;
}
.site_url li a{
	color: #7b7b7b;
}
.site_url li a:hover{
	text-decoration: underline;
	color: #861717;
}
.form_area{
	width: 700px;
	margin:20px auto;
}
.form_tbl{
	border-top: 1px solid #009cf7;
}
.form_tbl > li{
	border-bottom: 1px solid #009cf7;
}
.form_tbl ul li{
	display: inline-block;
	padding: 20px 0;
	font-size: 15px;
	font-weight: bold;
	vertical-align: top;
}
.form_tbl ul li:first-child{
	width: 150px;
}
.form_tbl ul li input{
	border-radius: 10px;
	width: 300px;
	height: 30px;
	padding-left: 10px;
}
.form_tbl ul li textarea{
	width: 500px;
	height: 300px;
}
.form_btn {
	display: block;
	margin: 15px auto 80px;
	padding: 8px 0;
	color: #202020;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#dadada);
	background: linear-gradient(to bottom,  #faffff,#dadada);
	border: 1px solid #808080;
	border-radius: 4px;
	width: 200px;
}
.form_btn:hover {
	background: -webkit-linear-gradient(top,#faffff,#c0e0f0);
	background: -moz-linear-gradient(top,   #faffff,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#c0e0f0);
}
.his{
	color: #ff0707;
	font-size: 25px;
	font-weight: bold;
}
#modal_overlay {
	display: none;
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}
.modal_box {
	display: none;
	position: absolute;
	z-index: 202;
	width: 720px;
	text-align: left;
	background: #fff;
	border: 4px solid #009cf7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.modal_inner{
	width: 600px;
	margin:0 auto;
	padding: 15px;
}
.modal_inner .title{
	font-size: 20px;
	font-weight: bold;
}
.normal_tbl{
	border-collapse: collapse;
	width: 600px;
}
.normal_tbl tr{
	border-bottom: 1px solid #009cf7;
}
.normal_tbl th{
	padding: 10px;
}
.normal_tbl td{
	padding-left: 15px;
}
.btnArea{
	margin:20px auto;
	position: relative;
	text-align: center;
}
.btnArea .trm_btn{
	font-size: 16px;
}
.btnArea .rvs_btn{
	position: absolute;
	top: 0;
	left: 20px;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#dadada);
	background: linear-gradient(to bottom,  #faffff,#dadada);
	border: 1px solid #808080;
	padding:5px;
	cursor: pointer;
}
.button_area{
	display: flex;
	justify-content: space-between;
	width: 300px;
	margin:20px auto;
}
.button_area button{
	font-size: 16px;
	padding:5px;
}
.button_area button:hover{
	opacity: 0.7;
}
.button_area input[type="submit"]{
	cursor: pointer;
}
.button_area .submit{
	background: #1d2faf;
	color: #FFF;
	padding: 10px 20px;
	font-size: 18px;
}
.button_area .back{
	padding: 10px 20px;
	font-size: 18px;
}
.stin{
	background: #009cf7;
	padding: 10px 10px;
	color: #FFF;
	margin-top: 50px;
}
.trs{
	margin-bottom: 20px;
}
.link_btn{
	width: 200px;
	margin:0 auto;
	border:1px solid #0c8dd8;
	text-align: center;
}
.link_btn a{
	display: block;
	padding:10px;
	font-weight: bold;
	background: #009cf7;
	color: #FFF;
}
.link_btn a:before{
	content:"▶";
	color:#FFF;
	margin-right:5px;
	font-size: 15px;
}
.link_btn:hover{
	opacity: 0.6;
}
.spot_btn{
	width: 800px;
	margin:0 auto 50px;
}
.spot_btn ul{
	display: flex;
	justify-content: space-between;
}
.spot_btn ul li{
	border:2px solid #d44a2a;
	width: 150px;
	text-align: center;
	transition: 0.5s;
}
.spot_btn ul li a{
	display: block;
	padding: 9px;
	background: #fd603c;
	color: #FFF;
}
.spot_btn ul li:hover{
	opacity: 0.7;
	text-decoration: underline;
}



.spt_btn{
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin:0 auto 40px;
}
.spt_btn .ctg{
	width: 230px;
}
.ctg > div{
	color: #fd603c;
	padding: 3px 5px;
	border-left: 5px solid #fd603c;
	border-bottom: 1px solid #fd603c;
	margin-right: 10px;
}
.ctg .che{
	padding: 5px;
}
.ctg .che li{
	display: inline-block;
	margin-right: 10px;
}
.ctg .che li:before{
	content:"\f105";
	font-family: "FontAwesome";
	color:#fd603c;
	padding-right: 5px;
	font-weight: bold;
	text-decoration: none;
}

.ctg .che li a{
	font-size: 15px;
	color: #6b5c5c;
}
.ctg .che li a:hover{
	text-decoration: underline;
	color: #ccc;
}
.flt_area{
	margin:0 70px 30px;
	background: #0c8dd8;
	color: #FFF;
	padding:5px;
	font-size: 20px;
}
.litl{
	text-align: center;
	position: relative;
	width: 600px;
	margin: 0 auto 10px;
}
.litl:before{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	content: '';
	height: 2px;
	z-index: 0;
	width: 100%;
	background: #000;
}
.litl span{
	font-size: 20px;
	font-weight: bold;
	background: #FFF;
	z-index: 1;
	position: relative;
	padding:10px;
}
.ans{
	text-align: center;
	color: #ff0707;
	margin-bottom: 20px;
}
.gid_tbl{
	margin-bottom: 30px;
}
.gid_tbl table{
	width: 1000px;
	margin: 0 auto;
	border-collapse: collapse;
	border:1px solid #ccc;
}
.gid_tbl th{
	border:1px solid #ccc;
	padding:5px;
	background: #fff1f1;
}
.gid_tbl td{
	border:1px solid #ccc;
	padding:5px;
	vertical-align: middle;
	text-align: center;
}
.gid_tbl td:nth-child(3){
	text-align: left;
}
.gid_tbl td:last-child{
	font-weight: bold;
}
.gid_tbl td:last-child span{
	color: #e4cb14;
	text-shadow:
		black 1px 1px 0, #ccc -1px -1px 0,/*右下、左上*/
        black -1px 1px 0, #ccc 1px -1px 0,/*右上、左下*/
        black 0px 1px 0, #ccc  0-1px 0,/*右、左*/
        black -1px 0 0, #ccc 1px 0 0;/*上、下*/
}
.gid_tbl td:last-child span > span{
	position: relative;
	color: #e4cb14;
}
.gid_tbl td:last-child span > span:after{
	position: absolute;
	top:0;
	right: 0;
	bottom:0;
	left: 50%;
	background: #FFF;
	content: '';
}
.gid_tbl td a:hover{
	text-decoration: underline;
}
.station{
	width: 935px;
	margin:20px auto 40px;
	padding:10px;
	border:5px solid #1288cc;
	background: #f1fbff;
}
.station ul li{
	display: inline-block;
	width: 1em;
	line-height: 1.2;
	font-weight: bold;
	vertical-align: middle;
	padding:5px;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	white-space: nowrap;
}
.station ul li:nth-child(odd){
	box-shadow: 2px 2px 4px;
	background: #FFF;
}
.station .st_blue{
	border:3px solid #0c8dd8;
}
.station .st_green{
	border:3px solid #21824f;
}
.station .st_yellow{
	border:3px solid #f27f31;
}
.station .st_red{
	border:3px solid #d8373a;
}
.news{
	width: 1000px;
	margin:0 auto 40px;
	display: flex;
	justify-content: space-between;
}
.news .sinchaku{
	width: 70%;
	margin:0 auto;
}
.news .sinchaku p{
	font-size: 20px;
	font-weight: bold;
	color: #af372b;
}
.news .scrl_box{
	border:2px solid #af372b;
	height: 90px;
	padding: 10px;
	overflow-x: hidden;
	background: #fffcfc;
}
.news .scrl_box li{
	border-bottom: 1px dotted #000;
	padding: 3px;
}
.news .scrl_box li a{
	color: #000;
	display: block;
	font-size: 14px;
}
.news .scrl_box li a:hover{
	color: #af372b;
}
.news .scrl_box li a:before{
	content: '■';
}
.news .scrl_box .new_data{
	color: #af372b;
	margin-right: 10px;
}
/* 点滅 */
.new{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
    -moz-animation:blink .8s ease-in-out infinite alternate;
    animation:blink .8s ease-in-out infinite alternate;
    font-size: 20px;
    font-weight: bold;
    color:  #af372b;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.welcom{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color:  rgb(0, 156, 247);
}
.welcom > span{
	font-size: 30px;
	font-weight: bold;
	color:  rgb(0, 156, 247);
}
.wlm_txt{
	width: 1000px;
	margin:0 auto 20px;
	padding: 10px;
	font-size: 20px;
}

/*-------共通----------*/
.ctn{
	color: #ff0707;
}
.bgf{
	background: #FFF;
}
.fwb{
	font-weight: bold;
}
.ftc_white{
	color: #FFF;
}
.fs13{
	font-size: 13px!important;
}
.fs14{
	font-size: 14px;
}
.fs18{
	font-size: 18px!important;
}
.fs26{
	font-size: 26px;
}

.fs30{
	font-size: 30px;
}
.fcb{
	color:  rgb(0, 156, 247);
}
.fcred{
	color: #c50b0b;
}
.mgt_0{
	margin-top: 0px!important;
}
.mgt_15{
	margin-top: 15px!important;
}
.mgr_10{
	margin-right: 10px;
}
.mgl_15{
	margin-left: 5px;
}
.info_box{
	border:2px solid #656565;
	padding: 10px;
}
.notice{
	font-size: 13px;
	line-height: 1.5;
	margin-top: 15px;
}
.through{
	text-decoration: line-through;/*取り消し線*/
}
.left{
	float: left;
}
/*-----------------------*/
.shop-name{
	font-size: 20px;
	font-weight: bold;
	background: #0c8dd8;
	color: #FFF;
	padding: 5px;
	margin-bottom: 10px;
}
.syosai-area{
	border:1px solid #0c8dd8;
	padding: 10px;
	background: #f6ffd2;
	margin:0 14px 50px;
}
.syosai-area .syosai-title{
	font-weight: bold;
}
.img_area{
	text-align: center;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-around;
	-ms-flex-pack: distribute;
justify-content: space-around;
}
.img_area > div{
	padding: 10px;
	width: 50%;
}
.img_area img{
	width: 100%;
	max-width: 600px;
	max-height: 400px;
}
.img_area p{
	text-align: left;
}
.img_area span:before{
	content: '▲';
}
.point_area ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	 -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.point_area ul li{
	margin:0 14px 15px;
	width: 30%;
	border:1px solid #0c8dd8;
	position: relative;
}
.point_area ul li .num{
	position: absolute;
	top:2px;
	left: 5px;
	color: #0c8dd8;
	font-size: 35px;
	font-weight: bold;
	background: #FFF;
	width: 38px;
	height: 38px;
	padding-left: 5px;
	padding-bottom: 10px;
}
.point_area ul li img{
	width: 100%;
	margin-bottom: 0px;
}
.point_area ul li div{
	padding: 5px;
	text-align: center;
	background: #c7e5f7;
}
.point_area ul li div span:before{
	content: '▲';
}

.point_area p{
	text-align: left;
	padding: 0 10px;
}


.mokuji_list{
	width: 40%;
	margin:0 auto;
	border: 1px solid #0c8dd8;
	padding: 15px;
	background: #e0f4ff;
}
.mokuji_list p{
	text-align: center;
}
.mokuji_list ul li{
	list-style: disc;
	margin-left: 10px;
	margin-bottom: 10px;
}
.mokuji_list .disc-none{
	list-style: none;
}
.mokuji_list a{
	color: #000;
}
.mokuji_list a:hover{
	text-decoration: underline;
	color: #d80a0a;
}

.kokusaitori_map{
	position: relative;
}
.kokusaitori_map img{
	width: 100%;
}
.kokusaitori_map .drug{
	position: absolute;
}
.kokusaitori_map .drug p{
	font-weight: bold;
	text-shadow:1px 1px 3px #FFF;
	color: #0075bb;
}
.kokusaitori_map .drug span a{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	width: 50px;
	height:50px;
}
.kokusaitori_map .drug span a img{
	display: none;
	width: 170px;
	position: absolute;
	right: -180px;
	top:-90px;
}
.kokusaitori_map .drug span a:hover img{
	display: block;
	z-index: 999;
	border: 2px solid #000;
}
.daikoku-drug_kenchomae{
	top: 170px;
	left: 101px;
}
.daikoku-drug_kenchomae a{
	background-image: url('/img/feature/daikoku-drug/daikoku-icon.png');
	background-size: contain;
}

.kokusaitorinishi{
	bottom:90px;
	left:355px;
}
.kokusaitorinishi a{
	background-image: url('/img/feature/daikoku-drug/daikoku-icon.png');
	background-size: contain;
}
.mutumibashi{
	bottom:70px;
	left:500px;
}
.mutumibashi a{
	background-image: url('/img/feature/daikoku-drug/daikoku-icon.png');
	background-size: contain;
}
.kokusaitori{
	top:170px;
	left:600px;
}
.kokusaitori a{
	background-image: url('/img/feature/daikoku-drug/daikoku-icon.png');
	background-size: contain;
}
.kokokarafine_kokusaitori{
	top: 170px;
	left: 320px;
}
.kokokarafine_kokusaitori a{
	background-image: url('/img/feature/kokokarafine/kokokarafine-icon.png');
	background-size: contain;
}
.satudora-okinawakokusaitori{
	top: 170px;
	left: 185px;
}
.satudora-okinawakokusaitori a{
	background-image: url('/img/feature/satudora/satudora-icon.png');
	background-size: contain;
}
.drug-eleven-okinawakokusaitori{
	top: 130px;
	left: 505px;
}
.drug-eleven-okinawakokusaitori a{
	background-image: url('/img/feature/drug-eleven/drug-eleven-icon.png');
	background-size: contain;
}
.matumotokiyoshi-kokusaitori{
	top: 170px;
	left: 880px;
}
.matumotokiyoshi-kokusaitori a{
	background-image: url('/img/feature/matumotokiyoshi/matukiyo-icon.png');
	background-size: contain;
}
.kokusaitori_map .matumotokiyoshi-kokusaitori span a img{
	display: none;
	width: 170px;
	position: absolute;
	right: 70px;
	top:-90px;
}
.wrap-box{
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin:0 20px 20px;
      overflow: hidden;
      border-top: 1px solid #ccc;
    border-collapse: collapse;
}
.blog li{
	width: 495px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 10px;
	position: relative;
  border-collapse: collapse;

}
/*.wrap-box li:last-child , .wrap-box li:nth-last-child(2){
	border-bottom: none;
}
*/.blog li:nth-child(odd):before{
	content: '';
	position: absolute;
	width: 1px;
	background: #ccc;
	top:10px;
	right: 0;
	bottom: 10px;
}

.blog li a{
	display: block;
	height: 100%;
	width: 100%;
}
.blog li a:hover , .blog li a:hover .blog_title{
	opacity: 0.7;
	text-decoration: underline;
}
.blog li img{
	width: 150px;
	float: left;
	margin-right: 10px;
}
.blog li .blog{
	padding: 0 13px;
	height: 100%;
	display: block;
}
.blog li:nth-child(odd){
	margin-left: 12px;
}
.blog li:nth-child(odd) .blog_content{
	padding-right: 13px;
}

.blog li .blog_content .blog_title{
	padding:  0 10px;
	font-weight: bold;
	font-size: 18px;
}
.blog li .blog_content .time{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #848484;
}
.board{
	border-top: none;
	margin:0px;
}
.board li{
	width: 313px;
	border:1px solid #ccc;
	margin: 0 0 20px;
	padding: 8px;
	background: #e8f6ff;
}
.board li:nth-child(odd){
	margin-right: 20px;
	margin-left: 17px;
}
.board li a:hover{
	opacity: 0.7;
	display: block;
}
.board li a .bbs_name{
	font-weight: bold;
	padding: 5px;
	background: #009cf7;
	color: #FFF;
	margin-bottom: 5px;
}
.board li a img{
	width: 310px;
	height: 150px;
	margin:0 auto;
	display: block;
}
.b2{
	margin:10px;
}
.b2 > div{
	margin: 0px 10px;
	border: 1px solid #ccc;
	background: #ccc;
	cursor: pointer;
}
.b2 > div > p , .b2 > div > a{
	margin: 0px;
	padding: 5px 10px;
	display: block;
	border: 1px solid #009cf7;
	background: #009cf7;
	color: #FFF;
}
.seach_bbs{
	background: #009cf7;
	margin:10px 20px;
	padding: 10px;
}
.seach_bbs .bbs_seach_area{
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}
.seach_bbs span{
	color: #FFF;
}
.bbs{
	border-top: none;
	padding: 0px;
}
.seach_bbs #seach_tags:nth-child(3) , .seach_bbs #seach_tags:nth-child(4) {
	margin-left: 30px;
}

.clum2{
	margin:0 auto;
	overflow: hidden;
}
.leftside{
	width: 700px;
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;
}
.rigthside{
	width: 260px;
	float: right;
	padding-bottom: 20px;
}
.rigthside .side_category li{
	border-bottom: 2px solid #ccc;
}
.leftside .sub{
	font-size: 20px;
	font-weight: bold;
}
.leftside p{
	margin-top: 5px;
	margin-bottom:20px;
	line-height: 1.5;
}
.leftside > img{
	width: 500px;
	max-width: 500px
	max-height: 500px;
	margin:0 0 15px;
}
.rigthside .side_category a{
	color: #000;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 5px 0;
}
.rigthside .side_category a:before{
	content: '▶ ';
	color: #0c8dd8;
	margin-left: 10px;
}
.rigthside .side_category a:hover{
	background: linear-gradient(to bottom, #faffff,#d0d0d0);
	color: #0c8dd8;
}
.leftside > h2{
	background: #0c8dd8;
	color: #FFF;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 20px;
	position: relative;
}
.next_content{
	margin-bottom: 30px;
}
.date{
	font-size: 15px;
	color: #5f5f5f;
}
.leftside .open{
	margin-top: 0;
}
.leftside .kensaku-kensuu{
	float: none;
}
.lnk_box_c{
	width: 700px;
	margin: 0 auto;
}
.lnk_box{
	border: 1px solid #6b6b6b;
	padding: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #e0e0e0;
}
.lnk_box:hover{
	opacity: 0.7;
}
.lnk_box a{
	display: block;
}
.lnk_box ul {
	display: flex;
}
.lnk_box img{
	width: 100%;
	margin-right: 10px;
}
.lnk_box span{
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.lnk_box p{
	font-size: 13px!important;
	margin: 5px 0 0 0!important;
	line-height: 1.5!important;
}
.lnk_box_imgbox {
	width: 15%;
	margin-right: 10px;
}
.lnk_box_textbox {
	width: 85%;
}
.lnk_box ul li p{
	font-size: 13px!important;
	padding: 0!important;
	margin: 7px 0 0 0!important;
	line-height: 1.5!important;
}

/*ログイン画面　ログインしてない場合*/
.disabled{
	padding: 5px;
	width: 300px;
}
.trm_btn{
	background: #0c8dd8;
	color: #FFF;
	padding: 10px 25px;
	margin:0 auto;
	cursor: pointer;
}
.btnArea .return{
	padding: 5px 10px;
}
.rigth_login_form{
	border: 1px solid #0c8dd8;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.rigth_title{
	background: #0c8dd8;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 8px;
	color: #FFF;
}
.rigth_login_form .right_login{
	padding: 0 5px;
}
.rigth_login_form .right_login p{
	margin-left: 15px;
}
.right_login .disabled{
	width: 220px;
	display: block;
	margin:0 auto 15px;
}
.right_login input[type="button"]{
	width: 200px;
	padding: 3px;
	display: block;
	margin:0 auto 10px;
}
.center{
	text-align: center!important;
}
.center a{
	font-size: 14px;
	text-decoration: underline;
}

.rigthside .sign_up a{
	display: block;
	color: #4e4e4e;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding:10px 15px;
	border:2px solid #ff9c62;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	background: #f96510;
}
.rigthside .sign_up a:hover{
	opacity: 0.7;
}
.rigthside .cate_area{
	border: 1px solid #5896cc;
}

/*ログイン画面　ログインしている場合*/
.login{
	border: 1px solid #5896cc;
	margin-bottom: 15px;
}
.table{
	display: table;
	margin:10px 10px;
}
.table .cell1 , .table .cell2{
	display: table-cell;
	vertical-align: top;
}
.table .cell1 img{
	max-width: 70px;
	max-height: 70px;
	display: block;
	padding-right: 10px;
}
.login_menu{
	border:1px solid #ccc;
}
.login_menu li{
	border-bottom: 1px solid #ccc;
}
.login_menu li:last-child{
	border-bottom: none;
}
.login_menu li a{
	color: #000;
	display: block;
	padding: 7px 10px;
}
.login_menu li a:hover{
	background: linear-gradient(to bottom, #faffff,#d0d0d0);
	color: #0c8dd8;
}
.login_menu .info a:before{
	content:"\f0f3";
	font-family: "FontAwesome";
	font-size: 18px;
	color: #de5919;
	margin-right:10px;
}
.login_menu .bbs a:before{
	content:"\f017";
	font-family: "FontAwesome";
	font-size: 18px;
	color: #de5919;
	margin-right:10px;
}
.login_menu .config a:before{
	content:"\f007";
	font-family: "FontAwesome";
	font-size: 18px;
	color: #de5919;
	margin-right:10px;
}

/*掲示板*/
.list_box{
	color: #04099a;
	margin-left: 15px;
	text-indent: -15px;
}
.list_box li{
	margin-bottom: 5px;
}
.list_box a{
	color: #04099a;
	text-decoration: underline;
	font-weight: bold;
}
.list_box a:hover{
	opacity: 0.7;
}
.list_box a .cnm{
	color: #04099a;
	font-weight: bold;
}
.cnm:before{
	content: ' (';
}
.cnm:after{
	content: ')';
}
/*投稿*/
.Contribution_area{
	border: 1px solid #5896cc;
}
table.Contribution{
	border-bottom: none;
	border-collapse: collapse;
	display: block;
}
table.Contribution tr:last-child td{
	padding-bottom: 20px;
}
/*table.Contribution .p1{
	padding: 10px 10px 0;
}
table.Contribution .p1 span{
	font-size: 20px;
	font-weight: bold;
	border-left: 5px solid #5896cc;
	padding: 3px 0 3px 10px;
}*/
table.Contribution .p2{
	vertical-align: middle;
	overflow: hidden;
	padding: 10px 10px 5px;
}
table.Contribution .p2 .prf_img img{
	width: 40px;
	height: 40px;
	float: left;
	margin-bottom: 0;
}
table.Contribution .p2 .bbs_title{
	margin-bottom: 10px;
}
table.Contribution .p2 .bbs_title span{
	border-left: 5px solid #5896cc;
	border-bottom: 1px solid #5896cc;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}
table.Contribution .name{
	padding: 0 10px;
	display: inline-block;
}
table.Contribution .name a{
	font-size: 16px;
	font-weight: bold;
	color: #f96510;
	text-decoration: underline;
}
table.Contribution .name a:hover{
	text-decoration: underline;
}
table.Contribution .time{
	padding: 0 10px;
	display: inline-block;
}

table.Contribution .p3area{
	background: #5896cc;
}
table.Contribution .p3{
	font-size: 15px;
	padding: 5px 10px;
	color: #FFF;
	text-align: center;
}
table.Contribution .p3 span{
	font-size: 15px;
	color: #FFF;
}
table.Contribution .p3 a{
	font-size: 15px;
	text-decoration: underline;
	color: #FFF;
}
table.Contribution .p3 a:hover{
	color: #9e3544;
}
table.Contribution .p3:before{
	color: #FFF;
}
table.Contribution .p4{
	padding: 0 10px 10px;
}
table.Contribution .p5 .p5-img{
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}
table.Contribution .p5 .p5-img img{
	width: 100px;
	height: auto;
	margin:10px;
}

/*.comment{
	background: #d7edff;
}
*/
/*コメントエリア*/
.comment_area{
	padding: 20px;
	border: 1px solid #f96510;
	margin-top: 15px;
	background: #ffb78e;
}
#comment_text{
	border: 1px solid #797979;
	border-radius: 5px;
	padding: 3px;
	width: 600px;
	height: 120px;
	display: block;
	margin: 0 auto;
	margin-bottom:15px;
}
.comment_button{
	display: block;
	margin:10px auto;
	padding: 10px 20px;
	font-size: 18px;
	cursor: pointer;
	clear: both;
}
/*コメントエリアの画像投稿エリア*/
.img_file{
	margin-top: 10px;
	margin-bottom:15px;
	overflow: hidden;
}
.img_file input[type=file]{
	margin-left: 10px;
}
.up_img_area{
	margin:0 10px;
	display: flex;
	justify-content: space-around;
	-ms-flex-pack: distribute;
justify-content: space-around;
}
.up_img_area img{
	width: 150px;
	max-width: 150px;
}
#preview_area1 , #preview_area2 , #preview_area3{
	text-align: center;
}
#preview_area1 span , #preview_area2 span , #preview_area3 span{
	display: block;
}
/*新規登録画面*/
.step{
	margin-bottom: 20px;
}
.step ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	-ms-flex-pack: distribute;
justify-content: space-around;
}
.step ul li{
	width: 120px;
	padding: 10px 0;
	border: 2px solid #7b7b7b;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	background: #e2e2e2;
}
.step ul li span{
	display: block;
}
.step ul .now{
	background: #116d06;
	color: #FFF;
}
.step ul .now span{
	color: #FFF;
}
table.rst_table{
	border-collapse: collapse;
	margin:0 auto 20px;
	width: 700px;
}
table.rst_table tr td{
	border: 1px solid #848484;
	vertical-align: middle;
}
.line_none{
	border:0px!important;
}

table.rst_table tr .rst_tb1{
	font-size: 18px;
	font-weight: bold;
	background: #dae7ff;
	width: 200px;
	text-align: center;
}
table.rst_table tr .rst_tb1 span{
	display: block;
	color: red;
	font-size: 13px;
}
table.rst_table tr .rst_tb2{
	padding: 10px;
}
table.rst_table tr .rst_tb2 input{
	padding: 5px;
	width: 400px;
}
table.rst_table tr .rst_tb2 p{
	font-size: 14px;
}
table.rst_table tr .rst_tb2 .pass{
	width: 200px;
}
.registration .hosoku{
	font-size: 13px;
}
.registration .hosoku a{
	font-size: 13px;
	text-decoration: underline;
}
.kakunin_button{
	text-align: center;
}
.kakunin_button .submit{
	display: block;
	width: 220px;
	margin:0 auto;
	padding: 14px 0;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
	background: #0c8dd8;
}
.kakunin_button .submit:hover{
	opacity: 0.7;
}
.reg_caution{
	font-size: 32px;
	font-weight: bold;
	border: 4px solid #8a8a8a;
	padding: 15px 0 15px 100px;
	position: relative;
	background: #ffefef;
	margin-bottom: 20px;
}
.reg_caution span{
	font-size: 23px;
	font-weight: bold;
	color: red;
}
.border_box{
	border: 1px solid red;
	padding: 10px;
	margin:20px;
}
.border_box a{
	text-decoration: underline;
}
.click_btn{
	border:1px solid #5f5f5f;
	border-radius: 5px;
    background: linear-gradient(to bottom, #faffff,#d0d0d0);
	padding: 5px 15px;
	cursor: pointer;
}
.click_btn:hover{
	background: linear-gradient(to bottom, #faffff,#e6c69d);
}
.tko{
	position: absolute;
	top: 4px;
	right: 10px;
	padding: 5px 50px;
	outline: 1px solid #FFF;
}

.line3 li{
	width: 200px;
	margin:0 10px 15px;
	border: 1px solid #f96510;
	padding: 5px;
	background: #fff1d7;
}
.line3 .bnm{
	font-weight: bold;
	border-left: 5px solid #f96510;
	border-bottom: 1px solid #f96510;
	padding-left: 5px;
	margin-bottom: 5px;
}
.line3 li img{
	display: block;
	width: 100%;
	height: auto;
}
.spot_cover .coment{
	font-size: 14px;
}
.bbl{
	display: flex;
	 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: 10px;
}
.bbl > div{
	border: 1px solid #827d7d;
	background: linear-gradient(to bottom, #faffff,#d0d0d0);
}
.bbl > div:hover{
	background: linear-gradient(to bottom, #faffff,#e6c69d);
}
.bbl> div > p{
	margin:0;
	padding: 5px 20px;
}
.bbl> div > a{
	display: block;
	padding: 5px 20px;
	color: #333333;
}

.prf{
	border-collapse: collapse;
	background: #ffe6d7;
	width: 700px;
}
.prf .pt1{
	border:1px solid #f96510;
	width: 140px;
	padding: 15px 10px;
	vertical-align: middle;
}
.prf .pt2{
	border:1px solid #f96510;
	padding: 10px;
	vertical-align: middle;
}
.profimg img{
	width: 120px;
	margin-bottom: 10px;
}
.input400{
	width: 400px;
	padding: 5px;
}
#tour_cnt{
	padding: 5px;
}
.prf textarea{
	width: 400px;
	height: 130px;
	font-size: 15px;
	line-height: 1.3;
}
.prf tr:last-child td{
	border-right: 1px solid #FFF;
}
.btnArea #submitBtn{
	display: block;
	width: 220px;
	margin:0 auto;
	padding: 14px 0;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
	background: #0c8dd8;
}
#return_Btn{
	margin-right: 30px;
	font-size: 15px;
}
.prf .btnArea #submitBtn:hover{
	opacity: 0.7;
}
.mssend{
	margin:20px 0 15px 30px;
}
.btnArea .back{
	position: absolute;
	top: 0;
	left: 20px;
	border: 1px solid #827d7d;
	background: linear-gradient(to bottom, #faffff,#d0d0d0);
	color: #464444;
	text-align: center;
	padding: 10px;
}

/*プロフィール・設定変更*/
#prf_img{
	margin-top: 15px;
}
#prf_img img{
	width: auto;
}

/*お知らせページ*/
.notice li{
	border:2px solid #ff9f9f;
	border-radius: 5px;
	background: #ffebeb;
	padding: 5px;
	margin-bottom: 10px;
}
.notice a{
	display: inline-block;
	color: #585858;
}
.notice li .ntc_time{
	margin-right: 10px;
}
.notice li .ntc_name{
	font-size: 17px;
	font-weight: bold;
}
.notice li:hover{
	opacity: 0.7;
}
.cnlk a{
	color: #a52b2b;
	background: #ffeded;
	display: block;
	padding: 10px;
}
.cnlk a:before{
	content: '▶';
	color: #000;
}
.cnlk a:hover{
	opacity: 0.7;
}