@charset "UTF-8";


/*=================================================
       common
=================================================*/
a {text-decoration: none;}
.pc_on {display: block;}
.sp_on {display: none;}
.pc_oon {display: block;}
.sp_oon {display: none;}
.pc_ok {display: block;}
.sp_ok {display: none;}
.center {text-align: center;}
    
@media screen and (max-width: 1280px) {
        html {min-width: 100%; overflow-x: hidden;}
        body {min-width: 100%; overflow-x: hidden;}
        img {max-width: 100%; height: auto;}
        .pc_oon {display: none;}
        .sp_oon {display: block;}
        .box_1200 , .box1200 {width: 100%; max-width: 1200px;}
        .box01 {width: 100%; max-width: 1200px; padding: 0;}
        }
        @media screen and (max-width: 1200px) {
            .top_img {position: relative; background-size: 130% auto; height: auto; padding-top: 33.38%;}
            .top_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
        }
        @media screen and (max-width: 1100px) {
        }
        @media screen and (max-width: 1024px) {
        * {box-sizing: border-box;}
        .pc_ok {display: none;}
        .sp_ok {display: block;}
        .top_img {margin-top: 80px;}
        }
        @media only screen and (max-width: 767px) {
        .pc_on {display: none;}
        .sp_on {display: block;}
        .top_plan {width: 15%; text-align: left;}
        .to_top {bottom: 100px;}
        .top_plan {top: 350px;}
        }
        @media only screen and (max-width: 560px) {
        }
        

/*=================================================
       header
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .top_box {width: 100%;}
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        

/*=================================================
       footer
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
            .footer-content {padding: 50px 2%;}
        }
 
/*=================================================
       toppage
=================================================*/

@media screen and (max-width: 1280px) {
            #greeting {padding-bottom: 50px;}
            .top_box1200 {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; gap: 10px; min-width: 100%; margin: 0 auto; padding: 0;}
            .greeting_text {height: auto;}
            .top_img01:nth-child(1)  , .top_img01:nth-child(2){position: static;}
            #stay {height: auto; padding-bottom: 10%;}
            #plan {height: auto; }
            .plan_box {width: 100%; padding: 0 2% 50px; box-sizing: border-box;}
            .plan_box .flex {display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: center; max-width: 1200px;}
            .plan_box .flex .left {flex: 0 1 300px; width: auto;}
            .plan_box .flex .right {flex: 0 1 880px; width: auto; margin-right: 20px;}
            .plan_booth {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; width: 100%; height: auto;}
            .plan_booth .plan_p {flex: 0 1 200px;}
            .plan_booth .plan_text {flex: 0 1 650px; width: auto;}
            .plan_booth hr {display: none;}
        }
        @media screen and (max-width: 1200px) {
            
        }
        @media screen and (max-width: 1024px) {
            .sw_slider {position: relative; height: auto; margin-top: 80px;}
            .sw_slider:after {display: block; content: ""; padding-top: 41.75%;}
            .sw_slider .swiper-container , .sw_slider .swiper-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .swiper-slide {width: 100% !important; height: 100% !important;}
            .plan_box .flex {display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: center;}
            .plan_box .flex .left {flex: 0 1 auto; width: auto;}
            .plan_box .flex .right {flex: 0 1 auto; width: auto; margin-right: 0; }
            .plan_booth {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; width: 100%; height: auto;}
            .plan_booth .plan_p {flex: 0 1 200px;}
            .plan_booth .plan_text {flex: 0 1 650px; width: auto;}
            .plan_form .check_in {width: auto;}
        }
        @media only screen and (max-width: 767px) {
            .plan_title {margin-bottom: 30px;}
            .plan_booth {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; max-width: 350px;}
            .plan_booth .plan_p {flex: 0 1 auto;}
            .plan_booth .plan_text {flex: 0 1 auto; width: auto; margin-top: 20px;}
            .plan_t , .plan_d {margin-left: 0;}
        }
        

/*=================================================
       lodging
=================================================*/

@media screen and (max-width: 1280px) {
            #room_box02 , #room_box03 {padding: 0 2%; box-sizing: border-box;}
            #room_box02 .room_bg {background: none; height: auto; margin-bottom: 30px; padding: 0; box-sizing: border-box;}
            #room_box02 .box dl {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; margin-top: -5px;}
            #room_box02 .box dl dd {background: #0450ae; padding: 0 10px; box-sizing: border-box;}
            #room_box02 .box dl dt img {height: 100%; width: auto;}
            #room_box02 .box dl:nth-of-type(1) dd {padding-top: 10%; }
            #room_box02 .box dl:nth-of-type(2) {flex-direction: row-reverse; }
            #room_box02 .box dl:nth-of-type(2) dt {position: relative; z-index: 1;}
            #room_box02 .box dl:nth-of-type(2) dd {padding-top: 3%; }
            #room_box02 .box dl:nth-of-type(3) {margin-top: -20%;}
            #room_box02 .box dl:nth-of-type(3) dd {display: flex; justify-content: center; align-items: flex-end; padding-bottom: 3%;}
            #room_box02 .box dl:nth-of-type(1) dt {flex: 0 1 62%;}
            #room_box02 .box dl:nth-of-type(1) dd {flex: 0 1 38%;}
            #room_box02 .box dl:nth-of-type(2) dt {flex: 0 1 50%;}
            #room_box02 .box dl:nth-of-type(2) dd {flex: 0 1 50%;}
            #room_box02 .box dl:nth-of-type(3) dt {flex: 0 1 50%;}
            #room_box02 .box dl:nth-of-type(3) dd {flex: 0 1 50%;}
             #room_box02 .flex {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 20px;}
             #room_box02 .flex .fac_box {flex: 0 1 50%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; width: auto; margin-right: 0;}
             .fac_img {flex: 0 1 50%;}
             .ft_box {flex: 0 1 50%;}
             #dining {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; padding: 0;}
             #dining .left_booth {flex: 0 1 60%; width: auto;}
             #dining .right_booth {flex: 0 1 40%; width: auto;}
             .use {margin-top: 10px;}
             #camp_box {width: 100%;}
             #around_box {width: 100%; padding: 0 2%; box-sizing: border-box;}
             .sp_oon .sports {background: url(../img/lodging/sports_bg.png) no-repeat 0 0 / 100% 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; height: 200px; border: #027dcd 3px solid;}
             .sports .title {flex: 0 0 255px; width: auto;}
             .sports .title img {width: 100%; height: 203px; object-fit: cover; object-position: right;}
             .sports ul {flex: 0 0 153px; position: static; margin-top: 0; margin-left: 20px;}
             .sports .sports_text {flex: 0 1 216px; position: static; margin-top: 0;  margin-left: 10%;}
             .m7 {position: static; flex: 0 1 20%; align-self: flex-end; padding: 0 5px 10px 0;}
             .sp_oon .culture {background: url(../img/lodging/culture_bg.png) no-repeat 0 0 / 100% 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; height: 200px; border: #faa731 3px solid;}
             .culture .title {flex: 0 1 255px; width: auto;}
             .culture .title img {width: 100%; height: 203px; object-fit: cover; object-position: right;}
             .culture ul {flex: 0 0 310px; position: static; margin-top: 0; margin-left: 20px;}
             .walkman {position: static; flex: 0 1 190px; position: static; margin-top: 0;  margin-left: 10%; padding-right: 5px;}
        }
        @media screen and (max-width: 1200px) {
            .room_img01:nth-child(1) {width: 28%;}
            .r_table {width: 100%;}
        }
        @media screen and (max-width: 1024px) {
            #room_box01 {padding-bottom: 50px;}
            .room_top {height: auto;}
            #room_box01 ul.box1200 {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 20px; min-width: 100%; margin: 30px auto 0; padding: 0;}
            .room_img01:nth-child(1) {width: auto;}
            .room_img01:nth-child(1) , .room_img01:nth-child(2) {position: static;}
             #room_box02 .flex .fac_box {flex: 0 1 50%; display: flex; flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; width: auto; max-width: 280px; margin-right: 0;}
             .fac_img {flex: 0 1 auto; padding: 0; margin-top: 20px;}
             .ft_box {flex: 0 1 auto;}
             #dining {display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: center;}
             #dining .left_booth {flex: 0 1 auto; width: auto; height: auto;}
             #dining .right_booth {float: none; flex: 0 1 auto; width: auto; margin-bottom: 20px; text-align: center; margin-left: 0;}
             #dining .right_booth ul  {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 5px;}
             .use {margin-top: 10px;}
             .dining_title {margin: 0 auto;}
             .dining_text {text-align: center;}
             #camp_box {background: none; max-width: 600px; height: auto;}
             #camp_box .camp_right {position: relative; float: none; width: auto; margin-bottom: 30px;}
             .sports .title img , .culture .title img {height: 197px;}
             .sports .sports_text , .walkman {align-self: flex-end; margin-left: 20px;}
             .to_cuisine {width: auto;}
        }
        @media only screen and (max-width: 767px) {
            #room_box02 .box dl {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; max-width: 598px; margin: 0 auto;}
            #room_box02 .box dl:nth-of-type(2) {flex-direction: column; }
            #room_box02 .box dl:nth-of-type(1) dt {position: relative; flex: 0 1 auto; width: 100%; padding-top: 66.88%;}
            #room_box02 .box dl:nth-of-type(1) dt img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
            #room_box02 .box dl:nth-of-type(1) dd {flex: 0 1 auto;}
            #room_box02 .box dl:nth-of-type(2) dt {flex: 0 1 auto;}
            #room_box02 .box dl:nth-of-type(2) dd {flex: 0 1 auto;}
            #room_box02 .box dl:nth-of-type(3) dt {flex: 0 1 auto;}
            #room_box02 .box dl:nth-of-type(3) dd {flex: 0 1 auto;}
            #room_box02 .box dl:nth-of-type(3) {margin-top: -5px;}
            #room_box02 .box dl dd {display: flex; justify-content: center; align-items: center; padding: 0 10px 0; width: 100%; min-height: 250px;}
            #room_box02 .box dl:nth-of-type(2) dd {margin-top: -5px; padding-top: 0; }
            #room_box02 .box dl:nth-of-type(3) dd {align-items: center; margin-top: -5px; padding-bottom: 0;}
             #room_box02 .flex {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 20px;}
             #room_box02 .flex .fac_box {flex: 0 1 auto; margin-bottom: 20px;}
             .sp_oon .sports {background: url(../img/lodging/sports_bg.png) no-repeat 0 0 / 100% 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px; width: 100%; max-width: 363px; height: auto; margin: 0 auto;}
             .sports .title {flex: 0 1 100%;}
             .sports .title img {object-fit: none; object-position: bottom; height: auto;}
             .sports ul {flex: 0 1 auto; margin: 0;}
             .sports .sports_text {flex: 0 1 auto; margin: 0;}
             .m7 {position: static; flex: 0 1 auto; align-self: flex-end; padding: 0;}
             .sp_oon .culture {background: url(../img/lodging/culture_bg.png) no-repeat 0 0 / 100% 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px; width: 100%; max-width: 363px; height: auto; margin: 30px auto 70px;}
             .culture .title {flex: 0 1 100%;}
             .culture .title img {object-fit: none; object-position: bottom; height: auto;}
             .culture ul {flex: 0 1 auto; margin: 0;}
             .walkman {flex: 0 1 auto; margin: 0; padding-bottom: 10px;}
             #room_box03 {margin-top: 50px;}
             .camp_text03 {margin: 20px 0 0;}
             .tel_illust {right: 0;}
             .r_table tr th , .r_table tr td {padding: 10px 5px;}
             .camp_text01 , .camp_text02 {margin-left: 0;}
			 .r_flex01{
				display: inline-block;
			}
			.r_flex02{
				display: inline-block;
				width: 100%;
			}
			.r_img01{
				width: 100%;
			}
			.r_txt01{
				width: 100%;
			}
			.r_flex02 .r_flex02_box{
				width: 100%;
			}
			.r_img02{
				width: 100%;
				max-width: 780px;
			}
			.r_txt02{
				height:auto;
			}
		
				.sp_none{
				display: none;
			}
    	}
@media only screen and (min-width: 768px) {
	.pc_none{
		display: none;
	}
}
  
/*=================================================
       cuisine
=================================================*/
    
@media screen and (max-width: 1280px) {
            #c_box03 {padding: 0 2%; box-sizing: border-box;}
            #c_box03 .flex {display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: center; padding: 10px 0;}
            #c_box03 .flex .right_booth {flex: 0 1 800px; width: auto; height: auto;}
            #c_box03 .flex .left_booth {flex: 0 1 370px; width: auto;}
            .dining_text {width: auto;}
            #c_box03 .morning_box .flex {flex-direction: row;}
            #c_box03 .flex .m_left {flex: 0 1 800px; width: auto; margin-right: 30px;}
            #c_box03 .flex .m_right {flex: 0 1 370px; width: auto;}
            .c_bg02 {height: auto; padding-bottom: 50px;}
        }
        @media screen and (max-width: 1200px) {
            .c_img:nth-child(1) {left: 5px; width: 20%;}
            .c_img:nth-child(2) {right: 3%;}
            .c_table {width: 100%;}
        }
        @media screen and (max-width: 1024px) {
            #c_box01 {height: auto;}
            #c_box01 .box01 {padding: 0 2%;}
            #c_box01 .box01 ul {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 20px; margin-top: 30px;}
            .c_img:nth-child(1) , .c_img:nth-child(2) {position: static;}
            .c_img:nth-child(1)  {width: auto;}
            #c_box02 {background-size: 200% auto; background-position: center bottom; height: auto; padding-bottom: 30%;}
            .c_text02 {position: static; margin: 30px auto;}
            #c_box03 .flex {display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: center;}
            #c_box03 .flex .right_booth {flex: 0 1 auto; width: auto; height: auto;}
            #c_box03 .flex .left_booth {flex: 0 1 auto; width: auto; margin-right: 0;}
            #c_box03 .wrap ul {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 10px; }
            #c_box03 .wrap li {margin-right: 0;}
            #c_box03 .wrap li img {width: 100%; height: auto;}
            #c_box03 .morning_box .flex {flex-direction: column-reverse;}
            #c_box03 .flex .m_left {flex: 0 1 auto; width: auto; margin-right: 0;}
            #c_box03 .flex .m_right {flex: 0 1 auto; width: auto; margin-bottom: 30px;}
        }
        @media only screen and (max-width: 767px) {
            .c_title02 {padding-top: 70px;}
            .c_table tr th , .c_table tr td {padding: 15px 10px;}
            #c_box03 {margin-top: 30px;}
			.fac_boxs{
				display: block;
				max-width: 600px;
			}
			.fac_box{width: 100%;}
        }
            
/*=================================================
       reserveation
=================================================*/

@media screen and (max-width: 1280px) {
            .y_greeting {height: 340px; padding: 0 2%; box-sizing: border-box;}
            .y_img:nth-child(3) {top: 100%;}
            #reserve_box .btn {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px; padding: 0 2%; box-sizing: border-box;}
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
            .y_greeting {height: auto;}
            .y_greeting ul {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 10px; margin-top: 30px;}
            .y_img:nth-child(1) {order: 1; position: static;} 
            .y_img:nth-child(2) {order: 3; position: static;} 
            .y_img:nth-child(3) {order: 2; align-self: flex-end; position: static;}
        }
        @media only screen and (max-width: 767px) {
            #reserve_box .btn {display: flex; flex-wrap: wrap; flex-direction: row;}
        }
        
/*=================================================
       access
=================================================*/

@media screen and (max-width: 1280px) {
            .map {padding: 0 2%; box-sizing: border-box;}
            #train_box .box01 ,  #bus_box .box01 , #car_box .box01 {padding: 0 2%; box-sizing: border-box;}
            .from_title {width: 100%;}
            #parking_box {background-position: right bottom; width: 100%; max-width: 1200px; height: auto; padding: 0 2% 20px; box-sizing: border-box;}
            .parking_title {width: 100%;}
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
            .title_bg02 {height: auto;}
            .bus_title {float: none;}
            .annai {float: none;}
        }
        @media only screen and (max-width: 767px) {
            #parking_box {background: none;}
            #parking_box .img {margin-top: 20px;}
            .annai {margin-top: 10px;}
            .parking_ok {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 10px;}
            .parking_ok img {margin: 0;}
            .from_title {width: 60%; margin: 20px 0;}
        }
        
/*=================================================
       sightseeing
=================================================*/
@media screen and (max-width: 1280px) {
            .s_greeting {height: auto; margin-bottom: 30px; padding: 0 2%; box-sizing: border-box;}
            .s_greeting .box01 {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px;}
            #ss01_box .flex {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px; padding: 0 2%; box-sizing: border-box;}
            #ss01_box .flex .sisetu01 {flex: 0 1 550px; background-size: 100% auto; width: auto;}
            #ss01_box .flex .sisetu02 {flex: 0 1 550px; background-size: 100% auto; width: auto;}
            .sisetu_title01 {position: static; margin-top: 15px;}
            .sisetu_text01 {position: static; display: table; margin: 30px auto;}
            .sisetu_title02 {position: static; margin-top: 15px;}
            .sisetu_text02 {position: static; display: table; margin: 30px auto 10px;}
            .sisetu_text03 {position: static; text-align: center;}
            #ss02_box {padding: 0 2%; box-sizing: border-box;}
            .hawaii_bg , .aqua_bg , .tower_bg {height: auto;}
            .hawaii_bg .box01 , .aqua_bg .box01 , .tower_bg .box01 {display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 20px;}
            .aqua_bg .box01 {flex-direction: row;}
            .ss_img01 , .ss_img02 , .ss_img03 {flex: 0 1 601px; }
            .ss_half ,  .ss_half02  ,  .ss_half03 {flex: 0 1 600px; width: auto; height: auto;}
            .ss_name01 , .ss_text01 , .ss_name02 , .ss_text02 , .ss_name03 , .ss_text03 , .kochira , .kochira02 {margin-left: 0;}
            #ss03_box {padding: 0 2%; box-sizing: border-box;}
            #ss03_box .flex {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px; padding: 0 2%; box-sizing: border-box;}
            #ss03_box .flex .sports_box {flex: 0 1 550px; background-size: 100% 100%; width: auto;}
            #ss03_box .flex .culture_box {flex: 0 1 550px; background-size: 100% 100%; width: auto;}
             .s_sisetu {margin-left: 10%;}
            .c_sisetu {display: table; margin: 30px auto 0;}
            .s_illust , .c_illust {left: auto; right: 30px;}
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
            .s_greeting .box01 {display: flex; flex-wrap: wrap; flex-direction: column;}
            #ss01_box .flex {display: flex; flex-wrap: wrap; flex-direction: column;}
            #ss01_box .flex .sisetu01 {flex: 0 1 auto; width: 100%; max-width: 550px;}
            #ss01_box .flex .sisetu02 {flex: 0 1 auto; width: 100%; max-width: 550px;}
            .hawaii_bg .box01 , .aqua_bg .box01 , .tower_bg .box01 {display: flex; flex-wrap: wrap; flex-direction: column; max-width: 600px; margin-bottom: 50px; gap: 10px;}
            .aqua_bg .box01 {flex-direction: column;}
            .ss_img01 , .ss_img02 , .ss_img03 {flex: 0 1 auto; }
            .ss_half ,  .ss_half02  ,  .ss_half03 {flex: 0 1 auto; width: 100%;}
            .ss_name01, .ss_text01, .ss_name02, .ss_text02, .ss_name03, .ss_text03 {margin-top: 10px;}
            #ss03_box .flex {display: flex; flex-wrap: wrap; flex-direction: column;}
            #ss03_box .flex .sports_box {flex: 0 1 auto; width: 100%; max-width: 550px;}
            #ss03_box .flex .culture_box {flex: 0 1 auto; width: 100%; max-width: 550px;}
             .sports_box .sports_text {width: 96%;}
        }
        @media only screen and (max-width: 767px) {
            #ss01_box .flex .sisetu01 {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; background: url(../img/sightseeing/bg1.png) no-repeat 0 0 / cover; height: auto;}
            .sisetu_text01 {width: 96%;  background: url(../img/sightseeing/hito.png) no-repeat 98% bottom , #fff; margin-top: 10px; padding: 30px 2% 15%;}
            #ss01_box .flex .sisetu02 {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; background: url(../img/sightseeing/bg2.png) no-repeat 0 0 / cover; height: auto;}
            .sisetu_text02 {width: 96%;  background: url(../img/sightseeing/car.png) no-repeat 98% bottom , #fff; margin-top: 10px; padding: 30px 2% 15%;}
            #ss03_box {margin-top: 70px;}
            .sisetu_text03 {margin-top: 20px; text-align: left;}
            .m25 {padding-left: 30px;}
            #ss03_box .flex .sports_box {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; background: url(../img/sightseeing/bg2.png) no-repeat 0 0 / cover; height: auto;}
            .sports_box .text_box {width: 96%;  background: url(../img/sightseeing/illust01.png) no-repeat 90% bottom  / 45% auto, #fff; margin: 10px auto 10px; padding: 0 2% 15%;}
            #ss03_box .flex .culture_box {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; background: url(../img/sightseeing/bg1.png) no-repeat 0 0 / cover; height: auto;}
            .culture_box .text_box {width: 96%;  background: url(../img/sightseeing/illust02.png) no-repeat 90% bottom / 60% auto , #fff; margin: 10px auto 10px; padding: 0 2% 25%;}
            .s_illust , .c_illust {display: none;}
            .s_sisetu {margin-left: 0;}
            .c_sisetu {display: block; margin: 30px 0 0;}
             .sports_box .sports_text {width: 100%;}
        }

/*=================================================
       tourism
=================================================*/
@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        
/*=================================================
       access
=================================================*/
@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
          
        }