/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.sp_br::before {
	content: "\A" ;
	white-space: pre ;
}
.pc_tab_only {
	display:none;
}
.sp_only {
	display:block;
}

/*cate menu*/
/*------------------------------------------------------------------------------*/
.cate_menu_area_wrap {
	border-top:none;
	height:auto;
	background:none;
}
.cate_menu_area_sp {
	margin-top:0;
	top:0;
	display:block;
	width:100%;
	height:auto;
}
.cate_menu_area_sp ul:after{content: ""; display: block; height: 0; clear: both;}

.cate_menu_area_sp li{
	float:left;
	display:block;
	width:33.3% !important;
	height:50px;
	text-align:center;
}


.cate_menu_area_sp li:nth-child{
	clear:both;
	width:33.4% !important;
}

.cate_menu_area_sp li:nth-of-type(3){
	width:33.4% !important;
}

.cate_menu_area_sp li:nth-of-type(6){
	width:33.4% !important;
}

.cate_menu_area_sp li::after {
	content:none;
}
.cate_menu_area_sp li:first-child::before {
	content:none;
}
.cate_menu_area_sp li a {
    display: block;
    line-height: 1.2;
    color: #fff;
    height: 40px;
    padding-bottom: 0;
    border: none;
    padding-top: 17px;
}

.cate_menu_area_sp li.cate01 {
	background:#DA6272;
	color:#fff;
}
.cate_menu_area_sp li.cate01 a:hover,
.see .cate_menu_area_sp li.cate01 a {
	border-bottom:none;
}
.cate_menu_area_sp li.cate02 {
	background:#a1b74a;
	color:#fff;
}
.cate_menu_area_sp li.cate02 a:hover,
.play .cate_menu_area_sp li.cate02 a {
	border-bottom:none;
}
.cate_menu_area_sp li.cate03 {
	background:#9D73BB;
	color:#fff;
}
.cate_menu_area_sp li.cate03 a:hover,
.event .cate_menu_area_sp li.cate03 a {
	border-bottom:none;
}
.cate_menu_area_sp li.cate04 {
	background:#E6855E;
	color:#fff;
}

.cate_menu_area_sp li.cate04 a{
	padding-top: 9px !important;
}

.cate_menu_area_sp li.cate04 a:hover,
.eat .cate_menu_area_sp li.cate04 a {
	border-bottom:none;
}
.cate_menu_area_sp li.cate05 {
	background:#cd970f;
	color:#fff;
}
.cate_menu_area_sp li.cate05 a:hover,
.souvenir .cate_menu_area_sp li.cate05 a {
	border-bottom:none;
}
.cate_menu_area_sp li.cate06 {
	background:#45A1CF;
	color:#fff;
}
.cate_menu_area_sp li.cate06 a:hover,
.spa .cate_menu_area_sp li.cate06 a {
	border-bottom:none;
}

.cate_menu_area_sp li a:before{
	display:none;
}

/*layout*/
/*--------------------------------------------------------------------------------*/
#contents_left {
	width:95%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
#contents_right {
	width:95%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

/*locator*/
/*--------------------------------------------------------------------------------*/
#locator {
	width:95%;
}

/* blog_base */
/*--------------------------------------------------------------------------------*/

.blog_subtitle02 h2 {
	font-size:150%;
	padding-right:0;
}
.blog_subtitle02 .blog_date01 {
	left:5px;
	bottom:10px;
}
.subtitle03 {
	font-size:130%;
	padding:12px 3% 12px 8%;
}

.subtitle03_02{
	font-size:130%;
	padding:12px 3% 12px 8%;
}

.subtitle03_02::before {
    height: 26px;
}

.detail_text h4 {
	font-size:125%;
	padding:0 0 12px 8%;
}
.detail_text h5 {
	font-size:110%;
}

.detail_text iframe {
	max-width:100%;
	height:280px;
}

.blog_sns_area {
	margin-bottom:25px;
}
.archivelist_wrap .blog_section01 {
    float:none;
    margin-bottom: 15px;
    margin-right:0;
    width: 100%;
}
.archivelist_wrap .blog_section01 .blog-description h4 {
	font-size:110%;
}
.blog_bottom_section01 {
	margin-bottom:50px;
}
.thum-wrap-small {
	margin-right: 4%;
    overflow: hidden;
    width: 48%;
}

/* multi */
/*--------------------------------------------------------------------------------*/
.multi_wrap .blog_section01 {
	width:100%;
	float:none;
	margin-right:0;
	position:relative;
	margin-bottom:30px;
}
.multi_wrap .blog_section01 .blog-thumwrap {
	width:48%;
	float:left;
	height:auto;
	margin-right:4%;
	margin-bottom:5px;
}

.multi_subtitle03 {
	font-size:105%;
	margin-bottom:10px;
}

/* pager */
/*--------------------------------------------------------------------------------*/
.blog_pager01 {
	margin-bottom:50px;
}

/*side*/
/*--------------------------------------------------------------------------------*/
.blog_sidelist01 .blog_article01 p {
    font-size: 110%;
    line-height: 1.6;
}
.blog_side_banner {padding:20px 0 15px;}
.blog_side_banner img {
	max-width:90%;
	height:auto;
}


/*sitemap*/
/*------------------------------------------------------------------------------*/
.sitemap li {
	list-style: none;
	background: url(../image/common/arr.gif) no-repeat 0 8px;
	padding: 0 0 0 17px;
	margin: 10px 0px;
}


/*box*/
/*------------------------------------------------------------------------------*/
.box2_left {
	width:95%;
	float:none;
	margin:0 auto 10px;
}
.box2_right {
	width:95%;
	float:none;
	margin:0 auto 10px;
}
.box3_left {
	width:95%;
	float:none;
	margin:0 auto 10px;
}
.box3_right {
	width:95%;
	float:none;
	margin:0 auto;
}

.box3_left iframe,
.box3_right iframe {
	max-width:100%;
	width:350px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.box4_ex {
    display: block;
}

.box4_ex .txt_c {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.btn_more {
	margin-bottom:30px;
}

/*table*/
/*------------------------------------------------------------------------------*/

.tab tbody tr > th,
.tab tbody tr > td{
	width:100%;
	float:left;
	display:inline-block;
}

.tab tbody tr > *:last-child{
	border-right:1px solid #fff;
}


/* 1column */
/*------------------------------------------------------------------------------*/
#contents_1column {
	width:100%;
}

.subtitle02_1column {
	width:100%;
	height:230px;
	position:relative;
	margin-top:3px;
}
.subtitle02_1column_img {
	position:absolute;
	margin-left:50%;
	left:-500px;
}
.subtitle02_1column_img img {
	width:1000px;
	height:230px;
}

.subtitle02_1column_txt {
    max-width: 1120px;
	text-align:center;
	position:absolute;
	color:#fff;
	left:0;
	right:0;
	margin-left: auto;
    margin-right: auto;	
	padding-top:90px;

}
.subtitle02_1column_txt h2 {
	font-size:220%;
	font-weight:bold;
}
.subtitle02_1column_txt p {
	font-size:150%;
}

.inner_box {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.about_box_left01 {
	width:100%;
	float:none;
	margin-bottom:10px;
}
.about_box_right01 {
	width:100%;
	float:none;
}
.subtitle03_1column {
	margin-bottom:5px;
}
.about_box_left02 {
	width:100%;
	float:none;

}
.about_box_right02 {
	width:100%;
	float:none;
	margin-bottom:10px;
}

/*rss news*/
/*--------------------------------------------------------------------------------*/
#sub_rss_box dl{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.rss_date{
	float: none;
	width: 100%;
}
.rss_title{
	float: none;
	width: 100%;
}
.rss_contents{
	margin-left: 0;
}




/* model course */
/*-----------------------------------------------------------------------------*/
#mc_main{
	height: 350px;
	background: url(../image/common/modelcourse_main.jpg) no-repeat 0 0 / cover;
	margin-bottom: 25px;
}
#mc_main_in{
	float: right;
	width: 45%;
	padding: 10px 10px 20px;
	margin: 0 10px 0 0;
}
#mc_main_in .txt{font-size: 13px;}
#mc_main_in .txt .font_s{font-size: 13px;}
#mc_main_in .txt .font_l{font-size: 13px;display: block;}

#mc_main_in .title{font-size: 26px;}
#mc_main_in .aux{font-size: 18px;}
.course_flow{padding: 10px 20px 20px;}
.course_flow .title{min-width: 85%;}
.course_flow ol{margin-top: 15px;}
.course_flow li{margin-bottom: 10px;}


.course_flow_l{
	float:none;
	width:100%;
	margin-bottom:15px;
}
.course_flow_r{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:15px
}
.course_flow_r img{
	width:100%;
	max-width:350px;
	height:auto;
}

/* support */
/*-----------------------------------------------------------------------------*/
#spp_main {
    height: auto!important;
    padding-bottom: 30px;
    background-size:cover; 
}

#wrap_spp {
    width: 100%;
    padding: 0px 5px;
}

#spp_main_in {
    padding: 20px 10px;
}
.spp_title{
	font-size: 18px;
	margin-bottom: 20px;
}

.sp{
	display: block;
}

.pc{
	display: none;
}

.spp_txt{
	font-size: 16px;
	text-align: left;
	line-height: 160%;
}

#spp_main_in {
	width: 90%;
    background-color: rgba(0,0,0,0.4);
}

#spp_main_in:before {
	display: none;
}

#spp_main_in:after {
	display: none;
}

.spp_l{
	width: 100%;
	float: none;
	margin-right: 0;
	display: block;
}

.spp_r{
	width: 100%;
	float: none;
	display: block;
	margin-bottom: 20px;
}

.spp_l_in_l {
    width: 100%;
    min-height: auto;
    float: none;
    display: block;
    text-align: center;
    background: url(../image/support_flame.png) no-repeat 50% 50%;
    margin-bottom: 5px;
}

.spp_l_in_r{
    width: 100%;
    min-height: auto;
    float: none;
    display: block;
    text-align: center;
    background: url(../image/support_flame.png) no-repeat 50% 50%;
    margin-bottom: 5px;
}

/* gatatan */
/*-----------------------------------------------------------------------------*/

.gat_l {
    display: none;
}

.gat_r {
    width: 100%;
    float: none;
    background-position: 50%;
}

.gat_box{
	border-top: 1px solid #EDE8DC;
	border-bottom: 1px solid #EDE8DC;
	padding: 20px 0 20px;

}

.gat_texbox {
    width: 100%;
    position: static;
    bottom: auto;
    height: auto;
    background-color: #EDE8DC;
    text-align: left;

}

.gat_box_l {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.gat_box_r {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.gat_box_c{
	display: none;
}

.gat_box_l02{
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}


.gat_triangle{
	display: block;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #EDE8DC transparent;
    margin: 0 auto;
}

.gat_texbox:before {
	display: none;
}

/* starry_sky */
/*-----------------------------------------------------------------------------*/
.box2 .box2_in .box2_txt {
    width: 95%;
}

.starry_rankings {
    margin-left: 0;
    margin-right: 0;
    padding: 20px 30px;
}

.starry_rankings .title {
    padding: 15px;
    min-width: 110%;
    margin-left: -34px;
    font-size: 15px;
}

.starry_rankings .title::after {
    display: none;
}

#hoshi_imgbox{
	padding: 2%;
}

#hoshi_imgbox .hoshi_l {
    width: 100%;
    float: none;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
}

#map_01{
	height: 300px;
}

/* driving_course */
.driving_main .box2 {
    margin-top: -10px;
}
.driving_main .box2:before {
    left: 40%;
}

.driving_main_in {
    padding: 30px 20px;
}

.driving_l {
    width: 95%;
    float: none;
    margin: 0 auto;
}

.driving_map_l .ggmap{
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;	
}

.driving_map_l .ggmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.driving_r {
    width: 95%;
    float: none;
    margin: 30px auto 0px auto;
}

.driving_r_box {
    display: block;
    width: 100%;
    background: url(../image/driving_img04.png) no-repeat 50% 50%;
}

.driving_r img {
    max-width: 100%;
    padding-top: 15px;
}

.driving_map_l {
    width: 100%;
    float: none;
    height: auto;
}

.driving_map_r {
    width: 100%;
    float: none;
    height: auto;
}

/* 20170116 */
.infoWindow{
	height: auto;
    width: 150px;
}
.infoImg{
	text-align: center;
}
.infoImg img{
	width: 60%;
	height: 60%;
}
.infoTit{
	text-align: center;
	color: #B1CE64;
	font-size: 15px;
	padding-top: 1px;
    padding-bottom: 1px;
}
.infoBtn{
	text-align: center;
}

.infoBtn a{
	padding: 0px 15px;
    border: 1px solid;
    border-radius: 12px;
}

.infoImg {
    margin-top: 0px;
}




.course_btn {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}


.banner_event {
    max-width: 330px;
    height: 110px;
    margin: 0 auto;
}

.banner_event a {
    padding: 10px 15px;
}

#side_insta {
    max-width: 330px;
}

.banner_01{
	margin-bottom: 20px;
}


/*-----------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
}