@charset "utf-8";
#main body, #main div, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main pre, #main form, 
#main fieldset, #main input, #main textarea, #main p, #main blockquote, #main th, #main td{
    margin: 0; 
    padding: 0;
}

ol, ul{
    list-style:none;
}
a:hover img.hoverImg {
	filter:alpha(opacity=70);
	opacity:0.7;
    -moz-opacity: 0.7;
}
a img{border-style:none;}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
#wrapper{
	min-width:100%;
}
#return_top {
    text-align: center;
    padding-bottom: 10px;
}
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; } 

#main{
	width:100%;
}


#main .sp_display{
	display:none!important;
}
#main p{
	line-height:1.5;
	font-size:14px;
}
#main img{
	max-width:100%;
}
#main .mainimg{
	background:url(../images/mainimg_bg.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
}
#main .mainimg h2{
	width:1100px;
	margin:0 auto;
}
#main .content .lead{
	background:url(../images/text_bg.gif);
	padding-top:30px;
	padding-bottom:30px;
}
#main .content .lead p{
	width:993px;
	margin:0 auto;
	font-weight:bold;
	line-height:1.7;
}
#main .content .popular{
	background:url(../images/bg_sky.png) center top no-repeat;
	padding-top:30px;
	padding-bottom:20px;
}
#main .content .popular .inner{
	width:935px;
	margin:0 auto;
}
#main .content .ttl{
	text-align:center;
}
#main .content .ttl h3{
	display:inline-block;
	font-size:30px;
	font-weight:bold;
}
#main .content .ttl h3 img:nth-of-type(1){
	display:block;
	margin-bottom:10px;
}
#main .content .ttl h3 img:nth-of-type(2){
	display:block;
	margin-top:10px;
}

#wrapper h3 {
    width: auto;
    height: auto;
    font-size: 30px;
    font-weight: bold;
    padding-left: 0px;
    line-height: 1.4;
    text-shadow: none;
}
#main .content .popular li{
	float:left;
	width:48.44%;
	margin-bottom:15px;
	position:relative;
	background-color:#FFF;
}
#main .content .popular ul{
	margin-top:38px;
}
#main .content .popular li:nth-of-type(even){
	float:right;
}
#main .content .popular li .text{
	width:95%;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:5px;
}
#main .content .popular li .obi{
	position:absolute;
	left:-6px;
	top:17px;
}

#main .content .family{
	background:url(../images/family_bg.gif);
	padding-top:30px;
}
#main .content .family .inner{
	width:1100px;
	margin:0 auto;
}
#main .content .family .img{
	width:44%;
	float:left;
	margin-top:20px;
	margin-bottom:68px;
}
#main .content .family .text{
	width:48.5%;
	float:right;
	background:url(../images/family_text_top.gif) 0 top repeat-x,url(../images/family_text_bottom.gif) 0 bottom repeat-x;
	background-color:#FFF;
	padding:2%;
	padding-left:3%;
	padding-top:3%;
	margin-top:70px;
	margin-bottom:38px;
}
#main .content .family .text li{
	border-bottom:dashed 1px #838383;
	font-size:16px;
	position:relative;
	padding-bottom:5px;
	margin-bottom:5px;
}
#main .content .family .text li:before{
	content:"▶";
	color:#ef5d5d;
	position:absolute;
	left:-1.5em;
	width:1em;
	top:0px;
}
#main .content .family .text li.list2:before{
	color:#f7d242;
}
#main .content .family .text li.list3:before{
	color:#6f6fef;
}
#main .content .family .text li.list5:before{
	color:#f7d242;
}
#main .content .family .more{
	clear:both;
	width:958px;
	margin:0 auto;
	background-color:#FFF;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	padding-bottom:30px;
}
#main .content .family .more .title{
	font-size:27px;
	font-weight:bold;
	text-align:center;
}
#main .content .family .more .txt{
	font-size:16px;
	margin-top:10px;
	margin-bottom:20px;
}
#main .content .family .more .txt span{
	color:#f01919;
}
#main .content .family .more .btn01 a{
	float:left;
	width:48%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.8em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(169,23,23,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/earth.png) 15% center no-repeat , url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_red.gif) ;
}
#main .content .family .more .btn01 a:hover{
	opacity:0.7;
}
#main .content .family .more .btn02 a{
	float:right;
	width:48%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.8em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(24,110,142,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/suits_case.png) 15% center no-repeat , url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_blue.gif) ;
}
#main .content .family .more .btn02 a:hover{
	opacity:0.7;
}
#main .content .family .more .icon{
	position:absolute;
	top:-56px;
	left:23%;
}
#main .content .family .btn03{
	text-align:center;
	padding-top:40px;
	clear:both;
	padding-bottom:40px;
}
#main .content .family .btn03 a{
	display:inline-block;
	padding-left:2em;
	padding-right:2em;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(52,128,39,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/btn_arrow.png) 97% center no-repeat , url(../images/btn_bg_green.gif) ;
}
#main .content .family .btn03 a:hover{
	opacity:0.7;
}
#main .content .arrenge{
	background:url(../images/arrenge_bg.jpg) center center no-repeat ;
	padding-top:70px;
	padding-bottom:30px;
}
#main .content .arrenge .inner{
	width:1018px;
	margin:0 auto;
	text-align:center;
}
#main .content .arrenge .title{
	display:inline-block;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#FFF;
	position:relative;
}
#main .content .arrenge .title span{
	position:absolute;
	left:-130px;
	top:-40px;
}
#main .content .arrenge .text{
	font-size:16px;
	color:#FFF;
	background:rgba(0,0,0,0.5);
	text-align:left;
	padding:15px 30px 15px 30px;
	margin-top:50px;
}
#main .content .arrenge .btn{
	text-align:center;
}
#main .content .arrenge .btn a{
	display:inline-block;
	padding-left:2em;
	padding-right:2em;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(150,128,40,1);
	text-decoration:none;
	background:url(../images/btn_arrow2.png) 97% center no-repeat , url(../images/btn_bg_yellow.gif) ;
	margin-top:40px;
}
#main .content .arrenge .btn a:hover{
	opacity:0.7;
}


#main .content .campaign{
	width:1018px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}

#main .content .campaign .txt{
	font-size:16px;
	display:inline-block;
	text-align:left;
	margin-top:30px;
	margin-bottom:30px;
}
#main .content .campaign li{
	width:25%;
	float:left;
	border-right:1px solid #b7b7b7;
	box-sizing:border-box;
	padding-left:3%;
	padding-right:3%;
	position:relative;
}
#main .content .campaign li:last-child{
	border-right:none;
}
#main .content .campaign li .text{
	text-align:left;
	margin-top:25px;
}
#main .content .campaign li .arrow{
	position:absolute;
	top:42%;
	right:-20px;
}
#main .content .campaign .prize{
	width:958px;
	margin:0 auto;
	clear:both;
	padding-top:30px;
}
#main .content .campaign .prize p{
	position:relative;
	float:left;
	width:31%;
	margin-right:3.5%;
	
}
#main .content .campaign .prize p:last-child{
	margin-right:0px;
}
#main .content .campaign .prize p span{
	font-size:16px;
	color:#FFF;
	position:absolute;
	width:100%;
	text-align:center;
	left:0px;
	top:55%;
	font-weight:bold;
}
#main .content .campaign .caption{
	text-align:center;
	font-size:14px;
	clear:both;
	padding-top:20px;
	margin-bottom:30px;
}
#main .content .oubo{
	border:solid 3px #f01919;
	margin-bottom:40px;
}
#main .content .oubo p{
	display:table-cell;
	vertical-align:middle;
}
#main .content .oubo p:nth-of-type(1){
	height:72px;
	width:130px;
}
#main .content .oubo p:nth-of-type(2){
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
#main .content .choice{
	background:url(../images/choice_bg.gif) ;
	padding-top:30px;
	padding-bottom:30px;
}
#main .content .choice .inner{
	width:1018px;
	margin:0 auto;
	text-align:center;
}
#main .content .choice ul.navi{
	width:970px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:50px;
}
#main .content .choice ul.navi li{
	float:left;
	width:29%;
	margin-right:6.5%;
}
#main .content .choice ul.navi li:last-child{
	margin-right:0px;
}


#main .content .choice .resort:last-child{
	border-bottom:none;
}

#main .content .choice .resort .main{
	float:left;
	width:50%;
	position:relative;
	margin-top:20px;
	margin-bottom:15px;
}
#main .content .choice .resort .main span{
	position:absolute;
	font-weight:bold;
	font-size:30px;
	top:5%;
	left:15%;
}

#main .content .choice .resort .main_right{
	width:44%;
	float:right;
	margin-top:80px;
	margin-bottom:15px;
}
#main .content .choice .resort .main_right .title{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background-color:#f2c305;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#main .content .choice .resort .main_right ul{
	padding-left:1em;
	margin-top:20px;
}
#main .content .choice .resort .main_right li{
	font-size:16px;
	text-indent:-1em;
	margin-bottom:5px;
	text-align:left;
}
#main .content .choice .resort .main_right .text{
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
}
#main .content .choice .resort .main_right .btn a{
	display:block;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(52,128,39,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/btn_arrow.png) 97% center no-repeat , url(../images/btn_bg_green.gif) ;
}
#main .content .choice .resort .main_right .btn a:hover{
	opacity:0.7;
}

#main .content .choice .resort.rankaui .main_right .btn a{
	font-size:20px;
}
#main .content .choice .resort .recommend{
	clear:both;
	width:958px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	padding-bottom:30px;
	margin-bottom:30px;
}
#main .content .choice .resort .recommend .title{
	font-size:27px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
#main .content .choice .resort .recommend .btn01 a{
	float:left;
	width:48%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(169,23,23,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_red.gif) ;
}
#main .content .choice .resort .recommend .btn01 a:hover{
	opacity:0.7;
}
#main .content .choice .resort .recommend .btn02 a{
	float:right;
	width:48%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(24,110,142,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_blue.gif) ;
}
#main .content .choice .resort .recommend .btn02 a:hover{
	opacity:0.7;
}
#main .content .choice .hotel{
	background-color:#FFF;
	width:100%;
	margin-left:-2%;
	padding-top:30px;
	padding-left:2%;
	padding-right:2%;
}
#main .content .choice .hotel .title{
	margin-bottom:25px;
}
#main .content .choice .hotel li{
	float:left;
	width:48.5%;
	margin-bottom:30px;
}
#main .content .choice .hotel li:nth-of-type(even){
	float:right;
	margin-left:0px;
}

#main .content .choice .hotel li .img{
	width:46.32%;
	float:left;
	text-align:left;
}
#main .content .choice .hotel li .img a{
	text-decoration:none;
}
#main .content .choice .hotel li .img span{
	display:block;
	width:200%;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
#main .content .choice .hotel li .img img{
	margin-top:5px;
}
#main .content .choice .hotel li .right{
	float:right;
	width:50%;
	text-align:left;
	padding-top:30px;
	position:relative;
}
#main .content .choice .hotel li .right p span{
	font-size:18px;
	display:block;
	margin-bottom:5px;
}

#main .content .choice .hotel li .right p.btn a{
	width:100%;
	display:block;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:0.6em;
	padding-bottom:0.5em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(52,128,39,1);
	color:#FFF;
	text-decoration:none;
	background-color:#63c852;
	position:absolute;
	bottom:5px;
	left:0px;
}
#main .content .choice .hotel li .right p.btn a:hover{
	opacity:0.7;
}

#main .content .experience{
	width:1018px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}
#main .content .experience ul{
	padding-top:40px;
}
#main .content .experience li{
	float:left;
	width:49.41%;
	margin-bottom:30px;
}
#main .content .experience li:nth-of-type(even){
	float:right;
	margin-left:0px;
}

#main .content .experience li .img{
	width:46.32%;
	float:left;
	text-align:left;
}

#main .content .experience li .right{
	float:right;
	width:50%;
	text-align:left;
	position:relative;
}

#main .content .consul{
	background:url(../images/choice_bg.gif) ;
	padding-top:30px;
	padding-bottom:50px;
}
#main .content .consul .ttl{
	margin-bottom:40px;
}
#main .content .consul .inner{
	width:1018px;
	margin:0 auto;
	text-align:center;
}
#main .content .consul .inner .btn01 a{
	float:left;
	width:48%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.7em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(169,23,23,1);
	color:#FFF;
	text-decoration:none;
	background:url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_red.gif) ;
}
#main .content .consul .inner .btn01 a:hover{
	opacity:0.7;
}
#main .content .consul .inner .btn02 a{
	float:right;
	width:48%;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.4em;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(24,110,142,1);
	color:#FFF;
	text-decoration:none;
	line-height:1.2;
	background:url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_blue.gif) ;
}
#main .content .consul .inner .btn02 a:hover{
	opacity:0.7;
}

/*---TOPに戻る ------------------*/
  #back-top {
             position: fixed;
             bottom: 10px;
			 right:10px;
             /**right:50px;**/
			 z-index:9998;
			 display:none;
  }
  #back-top a {
             width: 62px;
             display: block;
             text-decoration: none;
             color: #bbb;
  }
  #back-top a:hover {
             color: #000;
  }
  /* arrow icon (span tag) */
  #back-top span {
             width: 62px;
             height: 62px;
             display: block;
             margin-bottom: 7px;
             background: url(../images/pc_pagetop.png) no-repeat center center;
}



/** スマホ版　**/
@media screen and (max-width: 768px) {
	
#main .pc_display{
	display:none!important;
}
#main .sp_display{
	display:block!important;
	
}
#main br.sp_display{
	height:0px!important;
	margin-bottom:-1em;
}
	
#main .mainimg{
	background:url(../images/mainimg_bg.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
}
#main .mainimg h2{
	width:100%;
	margin:0 auto;
}
#main .mainimg h2 img{
	width:100%;
}
#main .content .ttl h3{
	font-size:20px!important;
}
#main .content .lead p {
    max-width: 90%!important;
}
#main .content .popular .inner{
	width:90%;
	margin:0 auto;
}
#main .content .popular li {
    float: none;
    width: 100%!important;
	clear:both!important;
}
#main .content .popular li .obi img{
	height:2.5em;
	width:auto;
}
#main .content .popular li p:nth-of-type(2) img{
	width:100%!important;
}
#main .content .popular {
    background: url(../images/bg_sky.png) center top no-repeat;
	background-size:cover!important;	
}
#main .content .family .inner {
    max-width: 90%!important;
}
#main .content .family .img {
    width: 100%!important;
    float: none!important;
    margin-top: 20px!important;
    margin-bottom: 30px!important;
}

#main .content .family .text {
    width: 84%!important;
    float: none!important;
    background: url(../images/family_text_top.gif) 0 top repeat-x,url(../images/family_text_bottom.gif) 0 bottom repeat-x;
    background-color: #FFF;
    padding: 5%!important;
    padding-left: 10%!important;
    margin-top: 0px!important;
    margin-bottom: 38px;
}
#main .content .family .text li {
    font-size: 14px!important;
}
#main .content .family .more {
    width:90%;
    max-width: 100%!important;
    margin: 0 auto;
    background-color: #FFF;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 5%!important;
    padding-right: 5%!important;
    position: relative;
    padding-bottom: 30px;
}
#main .content .family .more .title {
    font-size: 18px!important;
}

#main .content .family .more .icon {
    position: absolute;
    top: -8%!important;
    left: -3%!important;
	width:20%!important;
}
@media screen and (min-width: 450px) and (max-width: 800px) {
#main .content .family .more .icon {
	width:10%!important;
}
}
#main .content .family .more .txt {
    font-size: 14px!important;
}
#main .content .family .more .btn01{
	width:100%;
}
#main .content .family .more .btn01 a {
    float: none!important;
    width: 100%!important;
    font-size:16px!important;
	display:block;
	margin-bottom:15px;
	background: url(../images/earth.png) 8% center no-repeat , url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_red.gif)!important;
	background-size:1.5em , 0.5em , 1em!important;
}
#main .content .family .more .btn02 a {
    float: none!important;
    width: 100%!important;
    font-size:16px!important;
	display:block;
	background: url(../images/suits_case.png) 8% center no-repeat , url(../images/btn_arrow.png) 95% center no-repeat , url(../images/btn_bg_blue.gif)!important;
	background-size:1.5em , 0.5em , 1em!important;
}

#main .content .family .btn03 a {
    font-size: 16px!important;
	background-size:0.5em , 1em!important;
}
#main .content .arrenge {
    background: url(../images/arrenge_bg.jpg) center center no-repeat;
    padding-top: 50px!important;
    padding-bottom: 30px;
	background-size:cover!important;
}
#main .content .arrenge .inner {
    max-width: 100%!important;
	
}
#main .content .arrenge .title {
    font-size: 18px!important;
    font-weight: bold;
}

#main .content .arrenge .title span {
    left: -25%!important;
    top: -50%!important;
	width:25%!important;
}
#main .content .arrenge .text {
    font-size: 14px!important;
	width:80%!important;
    padding: 15px 5% 15px 5%!important;
	margin:0 auto!important;
    margin-top: 30px!important;
}
#main .content .arrenge .btn{
	width:90%;
	margin:0 auto;
}
#main .content .arrenge .btn a {
    font-size: 16px!important;
	background-size:0.5em , 1em!important;
}
#main .content .campaign {
    max-width: 90%!important;
}
#main .content .campaign .txt {
    font-size: 14px!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}
#main .content .campaign ul{
	margin-top:-30px;
}
#main .content .campaign li {
    width: 100%!important;
    float: none!important;
    border-bottom: 1px solid #b7b7b7!important;
	border-right:none!important;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
	padding-top:10%;
	padding-bottom:10%;
    position: relative;
}
#main .content .campaign li p:nth-of-type(1) img{
	width:30%;
	margin:0 auto;
}

#main .content .campaign li .arrow {
    top: auto!important;
    right: auto!important;
	bottom:-20px!important;
	left:45%!important;
}
#main .content .campaign .prize {
    max-width: 100%!important;
}
#main .content .campaign .prize p {
    float:none!important;
    width: 100%!important;
    margin-right:0%!important;
	margin-bottom:20px;
}
#main .content .campaign .prize p img{
	width:100%!important;
}
#main .content .campaign .caption {
    text-align: left!important;
    font-size: 12px!important;
	padding-left:1em;
	text-indent:-1em;
}

#main .content .oubo p{
	display:block!important;
}
#main .content .oubo p:nth-of-type(1){
	height:auto!important;
	width:100%!important;
	text-align:center!important;
	background-color:#f01919!important;
}
#main .content .oubo p:nth-of-type(1) img{
	width:35%;
	margin:0 auto;
	display:block;
}
#main .content .oubo p:nth-of-type(2){
	text-align:left;
	padding:10px;
}
#main .content .choice .inner {
    max-width: 90%!important;
}
#main .content .choice ul.navi {
    width: 100%!important;
	padding-bottom:20px!important;
}
#main .content .choice ul.navi li {
    float: none!important;
    width:80%!important;
    margin-right: 0%!important;
	margin:0 auto!important;
	margin-bottom:20px!important;
}
#main .content .choice #resort1{
	padding-top:50px;
	margin-top:-50px;
}
#main .content .choice #resort2{
	padding-top:50px;
	margin-top:-50px;
}
#main .content .choice #resort3{
	padding-top:50px;
	margin-top:-50px;
}
#main .content .choice .resort .main {
    float: none!important;
    width: 100%!important;
    position: relative!important;
    margin-top: 30px!important;
    margin-bottom: 20px!important;
}
#main .content .choice .resort .main span {
    font-size: 18px!important;
    left: 18%!important;
}
@media screen and (min-width: 450px) and (max-width: 800px) {
#main .content .choice .resort .main span {
	left:25%!important;
}	
}
#main .content .choice .resort .main_right {
    float: none!important;
    width: 100%!important;
    margin-top: 0px!important;
    margin-bottom: 15px;
}
#main .content .choice .resort .main_right .title {
    font-size: 16px!important;
    padding: 0.5em;
}
#main .content .choice .resort .main_right li {
    font-size: 14px!important;
}
#main .content .choice .resort .main_right .btn a {
    font-size: 16px!important;
	background-size:0.5em 1em!important;
	padding-right:1.5em;
	padding-left:1.5em;
	margin-bottom:30px;
}
#main .content .choice .resort .recommend {
    max-width: 90%!important;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 5%!important;
    padding-right: 5%!important;
    margin-bottom: 30px;
}
#main .content .choice .resort .recommend .btn01 a {
    float: none!important;
    width: 100%!important;
    font-size: 16px!important;
	background-size:0.5em 1em!important;
	display:block!important;
	margin-bottom:15px;
}

#main .content .choice .resort .recommend .btn02 a {
    float: none!important;
    width: 100%!important;
    font-size: 16px!important;
	background-size:0.5em 1em!important;
	display:block!important;
}
#main .content .choice .hotel {
    width: 90%!important;
    margin-left: 0%!important;
    padding-top: 30px;
    padding-left: 5%!important;
    padding-right: 5%!important;
	padding-bottom:0px;
}
#main .content .choice .hotel li {
    float: none!important;
    width: 100%!important;
    margin-bottom: 50px!important;
	margin-left:0%!important;
}
#main .content .choice .hotel li:nth-of-type(even){
	margin-right:0%!important;
}
#main .content .choice .hotel li .img {
    float: none!important;
    width: 100%!important;
}
#main .content .choice .hotel li .img img{
	width:100%!important;
}
#main .content .choice .hotel li .img span {
    font-size: 18px!important;
}
#main .content .choice .hotel li .right {
    float: none!important;
    width: 100%!important;
    padding-top: 20px!important;
}
#main .content .choice .hotel li .right p span {
    font-size: 16px!important;
}
#main .content .choice .hotel li .right p.btn a {
    position: relative!important;
    bottom:auto!important;
    left:auto!important;
	font-size:16px!important;
	margin-top:15px;
}
#main .content .choice .hotel li:last-child{
	padding-bottom:30px;
}
#main .content .experience {
    width: 90%!important;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}
#main .content .experience li {
    float: none!important;
    width: 100%!important;
    margin-bottom: 30px;
}
#main .content .experience li .img {
    width: 40%!important;
}
#main .content .experience li .right {
    width: 55%!important;
    font-size: 14px;
}
#main .content .consul .inner {
    width: 90%!important;
    margin: 0 auto;
    text-align: center;
}
#main .content .consul .inner .btn01 a {
    float: none!important;
    width: 85%!important;
    font-size: 16px!important;
	background-size:0.5em 1em!important;
	margin-bottom:15px;
	display:block;
	padding-right:10%;
	padding-left:5%;
}
#main .content .consul .inner .btn02 a {
    float: none!important;
    width: 85%!important;
    font-size: 16px!important;
	background-size:0.5em 1em!important;
	display:block;
	padding-right:10%;
	padding-left:5%;
}
/*---TOPに戻る ------------------*/
  #back-top a {
             width: 40px!important;
			 opacity:1!important;
  }
  #back-top span {
             width: 40px!important;
             height: 40px!important;
			 background-size:contain!important;
			 opacity:1!important;
}

}