<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/*############################################
##### html
############################################*/



body{background:#FFF; font-size:12px;
     font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#sub{ background:#FFF;}


/*############################################
##### header
############################################*/
header{background:url(header_bg.png) bottom center repeat-x #fff2d4;}
header #header_wrap{width:950px; margin:0 auto;}
header:after{content:""; display:block; clear:both;}
header a#logo{float:left; width:262px; height:78px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(logo.png) no-repeat;}
header p#sub_logo{float:left; width:262px; height:78px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(logo.png) no-repeat;}
header h2#head_desc{float:left; width:410px; font-size:12px; margin-top:25px; margin-left:10px;}
header #btn_area{float:left; width:266px; margin-top:15px;}
header #btn_area a#head_access{display:block; float:left; width:133px; height:28px; background:url(header_btn.jpg); text-indent:100%; overflow:hidden; white-space:nowrap;}
header #btn_area a#head_access:hover{background-position:0 -28px;}
header #btn_area a#head_reserve{display:block; float:left; width:133px; height:28px; background:url(header_btn.jpg) 133px 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
header #btn_area a#head_reserve:hover{background-position:133px -28px;}

/*############################################
##### コンテンツスライダー
############################################*/
#contentslider_wrap{border-bottom:5px solid #007800; background:#fff2d4;}
#contetslider{width:950px; margin:0 auto; position:relative;}
#contetslider .sliderwindow{position:absolute; bottom:-15px; left:0; z-index:1;}


/*############################################
##### サブタイトル
############################################*/

#subtitle_ski{width:950px; height:336px; background:url(../f-ski/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
#subtitle_access{width:950px; height:336px; background:url(../f-access/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
#subtitle_facilities{width:950px; height:336px; background:url(../f-facilities/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
#subtitle_ground{width:950px; height:336px; background:url(../f-ground/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
#subtitle_meals{width:950px; height:336px; background:url(../f-meals/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
#subtitle_rooms{width:950px; height:336px; background:url(../f-rooms/visual.jpg); text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}

/*############################################
##### Navi
############################################*/

#nav_wrapper{border-bottom:5px solid #007800; background:#fff2d4;}
nav ul{list-style:none;}
nav {width:950px; margin:0 auto 0; padding-top:20px;}
nav:after{content:""; display:block; clear:both;}
nav a{float:left; display:block; background:url(nav.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
#nav_home a{width:136px; height:60px; background-position:0 0;} 
#nav_home a:hover, #nav_home a.home_active{background-position:0 -65px;} 
#nav_price a{width:138px; height:60px; background-position:-138px 0;} 
#nav_price a:hover, #nav_price a.price_active{background-position:-138px -65px;} 
#nav_room a{width:136px; height:60px; background-position:-274px 0;}
#nav_room a:hover, #nav_room a.room_active{background-position:-274px -65px;}
#nav_ground a{width:136px; height:60px; background-position:-410px 0;}
#nav_ground a:hover, #nav_ground a.ground_active{background-position:-410px -65px;}
#nav_ski a{width:136px; height:60px; background-position:-546px 0;}
#nav_ski a:hover, #nav_ski a.ski_active{background-position:-546px -65px;}
#nav_restaurant a{width:134px; height:60px; background-position:-680px 0;}
#nav_restaurant a:hover, #nav_restaurant a.restaurant_active{background-position:-680px -65px;}
#nav_facility a{width:134px; height:60px; background-position:-814px 0;}
#nav_facility a:hover, #nav_facility a.facitity_active{background-position:-814px -65px;}

/*############################################
##### wrapper
############################################*/

#wrapper{width:950px; margin:0 auto; background:#fef9ef;}
#wrapper:after{content:""; display:block; clear:both;}


/*############################################
##### 予約
############################################*/

select#year,
select#month,
select#day{font-size:11px;}

/*############################################
##### sidebar
############################################*/


#sidebar{float:left; width:235px; background:url(../f-index/sidebar_bg.png) #fff2d4 no-repeat bottom left; min-height:1350px;}
#sidebar #planbox{width:235px; height:165px; background:url(plan_box.png) no-repeat;}

#sidebar #planselect{ height:170px; padding:55px 0 0 30px;}
#sidebar #planselect .searchplan{margin:10px 0; display:block;}
#sidebar #planselect .allplan{margin:20px 0 10px; display:block;}
#sidebar #planselect #cansel{margin-left:15px; display:block;}
#sidebar #planselect a{color:#FFF; text-decoration:none;}
#sidebar #planselect a:hover{color:#379B46; text-decoration:underline;}

#sidebar #satbox{width:235px; height:217px; background:url(sat_box.png) no-repeat; margin-top:10px;}
#sidebar .saturday{padding-top:70px; margin-left:20px;}
#sidebar .saturday div{width:96px;}
#sidebar .saturday div img{display:block;}
#sidebar .saturday:after{ content:""; display:block; clear:both;}

#sidebar #blog{width:235px; background:url(blog_header.png) no-repeat top; padding-top:64px;}
#sidebar #blog ul{background:url(blog_bg.png) repeat-y; padding:5px 30px 0;}
#sidebar #blog ul li{list-style:none; border-bottom:1px solid #d1c9c3; line-height:2;}
#sidebar #blog ul li:last-child{border:none;}
#sidebar #blogbottom{background:url(blog_bottom.png) bottom; padding-bottom:18px;}

.sidebanner{margin-top:20px;}
.sidebanner a img:hover{opacity:0.8;}



/*############################################
##### content
############################################*/

#content{float:left; width:700px; padding-left:8px; padding-right:7px; background:url(../f-index/content_bg.jpg) no-repeat bottom #FFF; min-height:1000px;}
#content a img:hover{opacity:0.8;}
/*目的からプランを選ぶ*/
article#mokuteki{margin-top:10px;}
article#mokuteki:after{content:""; display:block; clear:both;}
#content #title_mokuteki{width:700px; height:60px; background:url(../f-index/title_mokuteki.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#content #mokuteki_leftbox{width:388px; float:left; background:#dcffff; padding:6px;}
#content #mokuteki_rightbox{width:278px; float:right;  padding:6px;}
#content #mokuteki_rightbox #sportbanner{ background:#dcffdc;}
#content #mokuteki_rightbox #sportbanner p{padding:5px;}
#content #mokuteki_rightbox #kankobanner{ background:#fff0dc;}
#content #mokuteki_rightbox #kankobanner p{padding:5px;}


/*太郎館  ご予約特典*/
article#tokuten{margin-top:10px;}
article#tokuten:after{ content:""; display:block; clear:both;}
#content #title_tokuten{width:700px; height:147px; background:url(../f-index/title_tokuten.png) no-repeat;  text-indent:100%; white-space:nowrap; overflow:hidden;}


/*太郎館が選ばれる５つの理由*/
article#reason{margin-top:10px;}
article#reason:after{ content:""; display:block; clear:both;}
#content #title_5{width:700px; height:60px; background:url(../f-index/title_5.png) no-repeat;  text-indent:100%; white-space:nowrap; overflow:hidden;}
#content ul#charm{ overflow:hidden; min-height:350px;}
#content ul#charm li{width:137px; height:260px; float:left; list-style:none; margin-right:2px;}
#content ul#charm li#charm_ground{background:url(../f-index/charm_01.jpg) no-repeat top;}
#content ul#charm li#charm_tyobou{background:url(../f-index/charm_02.jpg) no-repeat top; margin-top:40px;}
#content ul#charm li#charm_meals{background:url(../f-index/charm_03.jpg) no-repeat top;}
#content ul#charm li#charm_gelande{background:url(../f-index/charm_04.jpg) no-repeat top; margin-top:40px;}
#content ul#charm li#charm_restaurant{background:url(../f-index/charm_05.jpg) no-repeat top;}
#content ul#charm li a{width:137px; height:260px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
#content ul#charm li p{display:block;}


/*太郎館に泊まって良かった♪　お客様の声*/
article#voice{margin:10px auto 20px; background-color:#fff2d4; border-radius:5px; padding:5px 10px;}
article#voice:after{ content:""; display:block; clear:both;}
#content #title_voice{text-align:center; font-size:22px; color:#472611; display:flex; align-items:center;}
#content #title_voice:before, #content #title_voice:after{content: ""; flex-grow: 1; height: 1px; background: #444; display: block;}
#content #title_voice:before{margin-right: .4em;}
#content #title_voice:after{margin-left: .4em;}
#content ul#voice_list{list-style: none;}
#content ul#voice_list li{display:flex; justify-content:space-between; align-items:flex-end; margin:10px auto 15px; border-bottom:1px dotted #444;}
#content ul#voice_list li p{width:85%;}

/*グラウンド*/
.movie{
	width: 700px;
	height: 440px;
	background: url("../f-index/ground_bg.jpg") right bottom !important;
	margin: 0 0 20px 0;
}

#content #title_ground{width:700px; height:60px; background:url(../f-index/title_ground.png) no-repeat;  text-indent:100%; white-space:nowrap; overflow:hidden;}
#content .groundbox{
	width:340px;
	height: auto;
	float: left;
}


/*ここが嬉しいスポーツ合宿*/
article#lod{width:710px; overflow:hidden; margin-right:-10px;}
article#lod:after{ content:""; display:block; clear:both;}
article#lod a{color:#344135; text-decoration:none;}
article#lod a:hover{text-decoration:underline;}
#content #title_sport{width:700px; height:60px; background:url(../f-index/title_sport.png) no-repeat;  text-indent:100%; white-space:nowrap; overflow:hidden;}
#content .lodbox{width:225px; min-height:270px; float:left; margin-right:10px; margin-bottom:10px;}
#content .lodbox h4{background:#ffe4c5; line-height:2; font-size:1.1em; padding-left:5px;}

/*############################################
##### footer
############################################*/

footer{color:#FFF;}
footer a{color:#FFF;}
footer #footer_wrap{width:950px; margin:0 auto; background:url(footer_bg.jpg); text-align:center; padding:10px 0;}
footer #footerinfo{margin-top:5px;}


/*############################################
##### 下層ページ共通
############################################*/

#subvisual{background:#fff2d4; text-align:center;}
#subvisual img{width:950px; height:336px; margin:0 auto;}
#subcontent{width:950px; padding:0px;}
.subcontent_wrapper{padding:10px;}

.totop{text-align:right; margin:10px 0;}


/*############################################
##### ground
############################################*/

#g_localnavi{width:950px; padding:20px 0;background:url(../f-ground/localnavi_bg.jpg);}
#g_localnavi:after{content:""; display:block; clear:both;}
#g_localnavi #ground_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-ground/localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#g_localnavi #ground_localnavi{float:right;}
#g_localnavi #ground_localnavi a{float:left; width:175px; height:135px; display:block; background:url(../f-ground/ground_navi.png); text-indent:100%; white-space:nowrap; overflow:hidden;}
#g_localnavi #ground_localnavi a#ground_navi_rugby{background-position:0 0;}
#g_localnavi #ground_localnavi a#ground_navi_rugby:hover{background-position:0 -135px;}
#g_localnavi #ground_localnavi a#ground_navi_soccer{background-position:-175px 0;}
#g_localnavi #ground_localnavi a#ground_navi_soccer:hover{background-position:-175px -135px;}
#g_localnavi #ground_localnavi a#ground_navi_track{background-position:-350px 0;}
#g_localnavi #ground_localnavi a#ground_navi_track:hover{background-position:-350px -135px;}

#ground_title_sport{width:950px; height:59px; margin-bottom:15px; display:block; background:url(../f-ground/title_ground_sport.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#ground_title_run{width:950px; height:59px; margin-bottom:15px; display:block; background:url(../f-ground/title_ground_run.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}


#ground_content1{ background:#FFF; width:950px; overflow:hidden; border-bottom:2px solid #007800; padding-bottom:10px; margin-bottom:15px;}
#ground_content1:after{content:""; display:block; clear:both;}
#ground_content1_l{float:left; width:500px; height:180px; padding-top:70px; background:url(../f-ground/ground_text_bg.jpg) left top no-repeat;}
#ground_content1_r{float:right; width:400px; height:250px;}

#ground_content2:after{content:""; display:block; clear:both;}
#ground_content2 #ground_rugby{ width:900px; height:315px; background:url(../f-ground/ground_rugby_bg.jpg) no-repeat; margin:10px auto;}
#ground_content2 #ground_rugby:after{content:""; display:block; clear:both;}
#ground_content2 #ground_rugby_l{float:right; width:450px; margin-top:40px;}
#ground_content2 #ground_succer{ width:900px; height:315px; background:url(../f-ground/ground_succer_bg.jpg) no-repeat; margin:10px auto;}
#ground_content2 #ground_succer:after{content:""; display:block; clear:both;}
#ground_content2 #ground_succer_l{float:right; width:450px; margin-top:40px;}
#ground_content2 #ground_run{ width:900px; height:315px; background:url(../f-ground/ground_run_bg.jpg) no-repeat; margin:10px auto;}
#ground_content2 #ground_run:after{content:""; display:block; clear:both;}
#ground_content2 #ground_run_l{float:right; width:450px; margin-top:40px;}



#ground_content2 h4{ border-left:3px solid #53341f; font-size:15px; padding-left:5px; margin-bottom:10px; color:#53341f;}
#ground_content2 h5{ font-size:13px; border-left:8px solid #000000; padding-left:5px; margin-left:5px;}
#ground_content2 p{margin-bottom:10px; line-height:1.6; margin-left:20px;}

#ground_content3:after{content:""; display:block; clear:both;}
#ground_content3 .ground_run_content{width:875px; background:#fff9e2; margin:0 auto 10px; overflow:hidden; padding:10px 0px 10px 25px;}
#ground_content3 .ground_run_content_l{float:right; width:450px; margin-top:0px;}
#ground_content3 h4{ border-left:3px solid #53341f; font-size:15px; padding-left:5px; margin-bottom:10px; color:#53341f;}
#ground_content3 h5{ font-size:13px; border-left:8px solid #000000; padding-left:5px; margin-left:5px;}
#ground_content3 p{margin-bottom:10px; line-height:1.6; margin-left:20px;}
#ground_content3 ol li{list-style:decimal; margin-left:40px; line-height:2; margin-top:5px;}
.ground_content3_link{text-align:right;}

#ground_youtube{width:875px; background:#fff9e2; margin:0 auto 10px; overflow:hidden; padding:10px 0px 10px 25px;}
#ground_youtube:after{content:""; display:block; clear:both;}


/*############################################
##### room
############################################*/

#r_localnavi{width:950px; padding:20px 0;background:url(../f-ground/localnavi_bg.jpg); padding-right:10px; overflow:hidden;}
#r_localnavi:after{content:""; display:block; clear:both;}
#r_localnavi #room_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-rooms/room_localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#r_localnavi #room_localnavi{float:right; width:500px;}
#r_localnavi #room_localnavi a{float:left; width:240px; height:61px; margin-left:10px; margin-bottom:10px; display:block; background:url(../f-rooms/room_navi.jpg); text-indent:100%; white-space:nowrap; overflow:hidden;}
#r_localnavi #room_localnavi a#room_navi_6{background-position:0 0;}
/*#localnavi #room_localnavi a#room_navi_6:hover{background-position:0 -135px;}*/
#r_localnavi #room_localnavi a#room_navi_10{background-position:-240px 0;}
/*#localnavi #room_localnavi a#room_navi_10:hover{background-position:-175px -135px;}*/
#r_localnavi #room_localnavi a#room_navi_15{background-position:-480px 0;}
/*#localnavi #room_localnavi a#room_navi_15:hover{background-position:-350px -135px;}*/


/*部屋ブロック*/
#room_roomtype{padding:60px 10px 20px 50px; overflow:hidden;}
#room_type:after{content:""; display:block; clear:both;}
.room_box{width:373px; float:left; min-height:466px; background:url(../f-rooms/room_bg.jpg); padding:10px 20px; position:relative; margin-bottom:60px;}
.room_box #roomtitle_standard{width:369px; height:68px; background:url(../f-rooms/roomtitle_standard.png) no-repeat center;  text-indent:100%; white-space:nowrap; overflow:hidden;}
.room_box #roomtitle_runkup{width:369px; height:68px; background:url(../f-rooms/roomtitle_runkup.png) no-repeat center;  text-indent:100%; white-space:nowrap; overflow:hidden;}
.room_box #roomtitle_group{width:369px; height:68px; background:url(../f-rooms/roomtitle_group.png) no-repeat center;  text-indent:100%; white-space:nowrap; overflow:hidden;}
.roomtitlemark{position:absolute; top:-40px; left:-40px;}
.room_box p{ padding-bottom:15px; margin-bottom:10px; border-bottom:2px solid #895f1a;}
.room_teiin{font-size:14px;}
.room_yoyakuarea{float:right; text-align:right;}

/*アメニティ*/
.am_box{width:373px; float:left; min-height:466px; background:url(../f-rooms/am_bg.jpg); padding:10px 20px; position:relative; margin-bottom:60px;}
.am_box h4{background:#5b661c; color:#FFFFFF; line-height:2; font-size:16px; padding-left:15px;}
.am_box ul{margin-top:10px;}
.am_box ul li{list-style:none; line-height:1.4; margin-bottom:15px;}


/*############################################
##### meals
############################################*/
#m_localnavi{width:930px; padding:20px 0;background:url(../f-ground/localnavi_bg.jpg); overflow:hidden; padding-right:10px;}
#m_localnavi #meals_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-meals/meals_localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#m_localnavi #meals_localnavi{float:right; width:500px;}
#m_localnavi #meals_localnavi a{float:left; width:240px; height:61px; margin-left:10px; margin-bottom:10px; display:block; background:url(../f-meals/meals_navi.jpg); text-indent:100%; white-space:nowrap; overflow:hidden;}
#m_localnavi #meals_localnavi a#meals_dinner{background-position:0 0;}
#m_localnavi #meals_localnavi a#meals_morning{background-position:-240px 0;}
#m_localnavi #meals_localnavi a#meals_taro{background-position:-480px 0;}

/*box1*/
#meals_mealstype{padding:60px 10px 20px 40px; overflow:hidden;}
#meals_type:after{content:""; display:block; clear:both;}
.meals_box{width:440px; float:left; min-height:466px; background:#fff9e2; padding:0; position:relative; margin-bottom:60px;}
.mealstitlemark{position:absolute; top:-20px; left:-20px;}
/*box2*/
h3#mealstitle_restaurant{width:950px; height:59px; background:url(../f-meals/meals_title_restaurant.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
.restaurant_box{padding:15px;}
.restaurant_box:after{content:""; display:block; clear:both;}
.restaurant_desc{ float:left; margin-left:15px; width:470px; height:331px; line-height:1.6; background:url(../f-meals/restaurant_bg.png) no-repeat bottom right;}
.restaurant_time{display:block; margin-top:10px; font-size:14px;}
h4.restranttitle{ font-size:15px; font-weight:bold; background:#ffe4c5; line-height:1.6; padding-left:10px;}
.restrantdesc{margin:15px 25px;}
#restaurantmenu{width:848px; height:276px; background:url(../f-meals/restrantmenu_bg.png) no-repeat; overflow:hidden; color:#472611; margin:0 auto;}
#restaurantmenu:after{content:""; display:block; clear:both;}
#restaurantmenu .menubox{float:left; width:186px; margin-left:20px;}
#restaurantmenu .menubox img{ margin-bottom:5px;}
/*box3*/
#menulistbox{ margin-left:50px; color:#472611; margin-top:20px;}
#menulistbox:after{content:""; display:block; clear:both;}
#menulistbox h5{font-weight:bold; margin-bottom:10px;}
#menulist_l{width:330px; float:left; padding-left:20px;}
#menulist_l ul li{list-style:none; line-height:2;}
#menulist_r{width:490px; float:left; margin-left:30px;}
#menulist_r ul li{list-style:none; line-height:2;}
#menulist_r ul li ul{margin:0;}
#menulist_r ul li ul li{line-height:1.5;}

#menu_news{margin-top:15px;}

/*newsbox*/
#menu_news{ margin:20px 50px 0px; overflow:hidden; padding-bottom:30px;}
.newsbox{width:250px; border:1px solid #000000; padding:10px; float:left; overflow:hidden; margin-right:10px;}
.newsbox h5{background:#472611; font-size:14px; color:#FFFFFF; line-height:1.6; text-align:center; margin:5px 0;}


/*############################################
##### facilities
############################################*/

#f_localnavi{width:930px; padding:20px 0;background:url(../images/facilities/localnavi_bg.jpg); overflow:hidden; padding-right:10px;}
#f_localnavi #facilities_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-facilities/facilities_localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#f_localnavi #facilities_localnavi{float:right; width:510px;}
#f_localnavi #facilities_localnavi a{float:left; width:160px; height:60px; margin-left:10px; margin-bottom:10px; display:block; background:url(../f-facilities/facilities_navi.jpg); text-indent:100%; white-space:nowrap; overflow:hidden;}
#f_localnavi #facilities_localnavi a#f_navi1{background-position:0 0;}
#f_localnavi #facilities_localnavi a#f_navi2{background-position:-160px 0;}
#f_localnavi #facilities_localnavi a#f_navi3{background-position:-320px 0;}
#f_localnavi #facilities_localnavi a#f_navi4{background-position:-480px 0;}
#f_localnavi #facilities_localnavi a#f_navi5{background-position:-640px 0;}
#f_localnavi #facilities_localnavi a#f_navi6{background-position:-800px 0;}

#f_ftype{padding:60px 10px 20px 50px; overflow:hidden; background:url(../f-facilities/photobox_bg2.jpg) bottom right no-repeat;}
#f_ftype:after{content:""; display:block; clear:both;}
.f_box{width:250px; float:left; min-height:285px; background:url(../f-rooms/room_bg.jpg); padding:10px 10px; position:relative; margin-bottom:30px; margin-right:25px;}
.f_box p{margin-top:10px;}
.ftitlemark{position:absolute; top:-20px; left:-20px;}
#finfo{width:800px; margin:15px auto 20px;}
#finfo table{ border:1px solid #333;}
#finfo table td {border: 1px solid #333; padding:1.2em;}
#f_title_map{width:950px; height:59px; margin-bottom:15px; display:block; background:url(../f-facilities/facilities_title_map.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#f_map{width:740px; height:auto; margin:0 auto 15px; display:block; text-align:center;}


/*############################################
##### access
############################################*/

#a_localnavi{width:930px; padding:20px 0;background:url(../images/access/localnavi_bg.jpg); overflow:hidden; padding-right:10px;}
#a_localnavi #access_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-access/access_localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#a_localnavi #access_localnavi{float:right; width:510px;}
#a_localnavi #access_localnavi a{float:left; width:160px; height:60px; margin-left:10px; margin-bottom:10px; display:block; background:url(../f-access/access_navi.jpg); text-indent:100%; white-space:nowrap; overflow:hidden;}
#a_localnavi #access_localnavi a#a_navi1{background-position:0 0;}
#a_localnavi #access_localnavi a#a_navi2{background-position:-160px 0;}
#a_localnavi #access_localnavi a#a_navi3{background-position:-320px 0;}
#a_localnavi #access_localnavi a#a_navi4{background-position:-480px 0;}
#a_localnavi #access_localnavi a#a_navi5{background-position:-640px 0;}
#a_localnavi #access_localnavi a#a_navi6{background-position:-800px 0;}

/*名所*/
#access_meisyo{}
#access_meisyo p.desc{ padding:10px;}
h3#accesstitle_meisyo{width:950px; height:59px; background:url(../f-access/access_title_meisyo.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#meisyobox{overflow:hidden; width:950px;}
#meisyobox:after{content:""; display:block; clear:both;}
.access_meisyobox{width:260px; padding:17px; float:left; background:url(../f-access/meisyo_bg.jpg); margin-left:17px;}
.access_meisyobox h4{border-left:3px solid #53341f; font-size:15px; padding-left:5px; margin-bottom:10px; color:#53341f; margin-top:10px;}
.access_meisyobox p{margin-top:5px;}

/*登山*/
#access_tozan{margin-top:20px;}
#access_tozan:after{content:""; display:block; clear:both;}
h3#accesstitle_tozan{width:950px; height:59px; background:url(../f-access/access_title_tozan.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_tozan .tozandesc{padding:10px;}
#access_tozanboxarea{overflow:hidden;}
.access_tozanbox{float:left;width:410px; padding:20px; background:url(../f-access/meisyo_bg.jpg); margin-left:17px;}
.access_tozanbox h4{border-left:3px solid #53341f; font-size:15px; padding-left:5px; margin-bottom:10px; color:#53341f; margin-top:10px;}

/*高山植物*/
#access_plant{margin-top:20px; overflow:hidden;}
/*#access_plant:after{content:""; display:block; clear:both;}*/
h3#accesstitle_plant{width:950px; height:59px; background:url(../f-access/access_title_plant.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_plant p.desc{padding:10px;}
#plantboxarea{overflow:hidden; background:url(../f-access/meisyo_bg.jpg); padding:20px 0 0 20px;}
#plantboxarea:after{content:""; display:block; clear:both;}
.plantbox{float:left; width:160px; margin:0 20px 20px 0;}

/*ウォーキング*/
#access_walking{ min-height:230px; background:url(../f-access/walking_bg.png) right 60px no-repeat;}
#accesstitle_walking{width:950px; height:59px; background:url(../f-access/access_title_walking.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_walking p{padding:10px; width:700px;}

/*スキー*/
#access_ski{ min-height:230px; background:url(../f-access/ski_bg.png) right 60px no-repeat;}
#accesstitle_ski{width:950px; height:59px; background:url(../f-access/access_title_snow.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_ski p{padding:10px; width:700px;}

/*MAP*/
#accesstitle_map{width:950px; height:59px; background:url(../f-access/access_title_map.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_map p{padding:20px 10px; width:700px;}
#access_map iframe{margin:0 auto; width:915px; display:block;}

/*access*/
#access_access{margin-top:20px; margin-bottom:20px;}
#accesstitle_access{width:950px; height:59px; background:url(../f-access/access_title_access.png); no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#access_access p{padding:20px 10px; width:700px;}
#access_area{margin:0 auto; width:890px; padding:10px; display:block; background:url(../f-access/access_bg.jpg);}
.access_box{width:900px;}
.access_box h4{border-left:3px solid #53341f; font-size:15px; padding-left:5px; margin-bottom:10px; color:#53341f; margin-top:10px;}


/*############################################
##### js/ gototop
############################################*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 100px;
	height: 28px;
	background-color: #AEECC9;
	text-align: center;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	line-height: 28px;
}

/*############################################
##### adjust
############################################*/

.fr{float:right !important;}
.fl{float:left !important;}
.tal{text-align: left !important;}
.tar{text-align:right !important;}
.tac{text-align: center  !important;}
.mla{ margin-left: auto !important;}
.mra{ margin-right: auto !important;}
.cb{clear: both !important;}
img{margin:0; padding:0;}

/*margin*/
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt30{margin-top:30px !important;}

.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}

.ml00{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml60{margin-left:60px !important;}

.mr00{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}




/*############################################
##### ski
############################################*/

#s_localnavi{width:950px; padding:20px 0;background:url(../f-ski/localnavi_bg.jpg);}
#s_localnavi:after{content:""; display:block; clear:both;}
#s_localnavi #ski_localnavititle{float:left; margin-left:10px; width:393px; height:115px; background:url(../f-ski/localnavi_title.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#s_localnavi #ski_localnavi{float:right;}
#s_localnavi #ski_localnavi a{float:left; width:175px; height:135px; display:block; background:url(../f-ski/ground_navi.png); text-indent:100%; white-space:nowrap; overflow:hidden;}
#s_localnavi #ski_localnavi a#ski_navi_rugby{background-position:0 0;}
#s_localnavi #ski_localnavi a#ski_navi_rugby:hover{background-position:0 -135px;}
#s_localnavi #ski_localnavi a#ski_navi_soccer{background-position:-175px 0;}
#s_localnavi #ski_localnavi a#ski_navi_soccer:hover{background-position:-175px -135px;}
#s_localnavi #ski_localnavi a#ski_navi_track{background-position:-350px 0;}
#s_localnavi #ski_localnavi a#ski_navi_track:hover{background-position:-350px -135px;}

#ski_title_sport{width:950px; height:59px; margin-bottom:15px; display:block; background:url(../f-ski/title_ground_sport.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#ski_title_run{width:950px; height:59px; margin-bottom:15px; display:block; background:url(../f-ski/title_ground_run.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}

h3#ski_title01{width:950px; height:69px; background:url(../f-ski/title01.jpg) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
h3#ski_title02{width:950px; height:69px; background:url(../f-ski/title02.jpg) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
h3#ski_title03{width:950px; height:69px; background:url(../f-ski/title03.jpg) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
h3#ski_title04{width:950px; height:69px; background:url(../f-ski/title04.jpg) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#ski_content1_l{
	background: url("../f-ski/skibk01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    height: 315px;    margin: 10px auto;    width: 900px;	}
#ski_content1_l p{    height: 315px;    margin: 10px 10px 10px 490px;    width: 400px;	}
#ski_content2_l{  height: 315px;    margin: 10px auto;    width: 900px;	overflow:hidden;	zoom:1;	}
#ski_content3_l{ overflow:hidden; zoom:1;}
#ski_content3_l .l_area{ float:left;}
#ski_content3_l .r_area{ float:right; margin: 0 20px 0 10px; width:310px;}
#ski_content3_ll{ }

/* =======================================
    table
======================================= */

.tableCommon01 { border-collapse: collapse; }
.tableCommon01 th,.tableCommon01 td { padding: 7px 15px; border: 1px solid #3b5700; vertical-align: middle; font-weight: normal; text-align: left; }
.tableCommon01 th { text-align: center; background-color: #E4EEDB; }
.tableCommon01 td { text-align: center; background-color: #FFF; }

/*--------------------------------------------------------------------
	border
--------------------------------------------------------------------*/

.borderCommon03 { border: 1px solid #333; }

/*--------------------------------------------------------------------
	radius
--------------------------------------------------------------------*/

.radius05 { border-radius: 5px; }
.radius100 { border-radius: 100px; }

/*--------------------------------------------------------------------
	padding
--------------------------------------------------------------------*/

.paddingCommon30A {
    padding: 30px;
  }

  .paddingCommon20A {
    padding: 20px;
  }

  .paddingCommon20B {
    padding: 40px 20px;
  }

  .paddingCommon15A {
    padding: 15px;
  }

  .paddingCommon15B {
    padding: 10px 15px;
  }

  .paddingCommon10A {
    padding: 10px;
  }

  .paddingCommon05A {
    padding: 5px;
  }

/*==============================================================================
	bgcolor
==============================================================================*/

.bgWhite { background-color: #FFF !important; }
.bgRed02 { background-color: #CC0000 !important; }

.fcWhite { color: #ffffff !important; }

/* =======================================
    GoTO
======================================= */

.w60 { width: 60%!important; }
.w40 { width: 40%!important; }

.goto_btn {
    padding: 0.5em 1em;
    margin: 10px auto;
    color: #FFF;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.goto_btn p {
    margin: 0; 
    padding: 0;
}

.goto_btn a {
    color: #fff!important;
}

.w920 { 
    width: 920px!important;
    height: auto;
    margin: 0 auto!important;
}

.GoToBox { 
    width: 918px!important;
    height: auto;
    margin: 0 auto!important;
    padding: 15px;
    border: 1px solid #4a4a4a;
	background-color: #edfbff;
}

.search_area {
	display: flex;
    flex-wrap: nowrap;
	justify-content: space-between;
	width: 920px;
	padding: 10px 0 0 0;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

.search_area .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
    /* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

.reserve_box {
    width: 100%;
    margin: 0 0 0 15px;
	padding: 15px;
	border: 1px solid #4a4a4a;
	background-color: #FFFFFF;
    text-align: center;
}

.reserve_box a:hover {
	text-decoration: none;
	color: #ffff0a;
}

.reserve_box a:active {
	text-decoration: none;
	color: #ffff0a;
}

.sat_area {
    display: flex;
	justify-content: space-between;
	flex-direction: row;
}

ul { list-style: none; }

.flexCommon_g {
	position: relative;
  display: flex;
  flex-wrap: wrap;
}

#year2 { padding: 10px 5px;}
#month2 { padding: 10px 5px;}
#day2 { padding: 10px 5px;}

.reservationLayout04 &gt; li { width: calc((100% - 10.1px) / 2); }
.reservationLayout04 &gt; li:last-child { margin-left: 10px; }

.reservationMonth01 a { 
    display: block;
    background-color: #4a4a4a;
    color: #FFF !important;
    text-align: center;
}

.reservationMonth01 li a { color: #FFF !important;}
.reservationMonth01 li a:hover { color: #FFF !important;}
.reservationMonth01 li a.on { color: #FFF !important;}
.reservationMonth01 li a span { color: #FFF !important; display: block !important;}

.reserve_title {
    font-size: 1.8em;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #4a4a4a;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.btn_a {
    width: auto;
    font-size: 1.2em;
    margin: 0;
    padding: 10px;
    background-color: #57bbd7;
    color: #fff;
    text-align: center;
}

.btn_a a { color: #fff !important; }

.btn_b {
    width: auto;
    font-size: 1.2em;
    padding: 10px;
    margin: 12px 0 0;
    background-color: #4a4a4a;
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none!important;
    cursor: pointer;
}

.mt00 { margin-top: 0px !important; }
.mt02 { margin-top: 2px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt13 { margin-top: 13px !important; }
.mt14 { margin-top: 14px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb13 { margin-bottom: 13px !important; }
.ml00 { margin-left: 0px !important; }
.pl00 { padding-left: 0px !important; }
.pl20 { padding-left: 20px !important; }
.pr05 { padding-right: 5px !important; }
.pr20 { padding-right: 20px !important; }
.pt00 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.dbk { display: block !important; }
.tal { text-align: left !important; }
.fs08 { font-size: 0.8em !important; }
.fs09 { font-size: 0.9em !important; }
.fs10 { font-size: 1em !important; }
.fs11 { font-size: 1.1em !important; }
.fs12 { font-size: 1.2em !important; }
.fs13 { font-size: 1.3em !important; }
.fs14 { font-size: 1.4em !important; }
.fs15 { font-size: 1.5em !important; }
.fs16 { font-size: 1.6em !important; }
.fs18 { font-size: 1.8em !important; }
.lh00 { line-height: 0px !important; }
.lh16 { line-height: 1.6em !important; }
.lh18 { line-height: 1.8em !important; }
.bold { font-weight: bold !important; }
.n_line { text-decoration: none !important; }
.area_coupon { 
    border-top: 1px solid #f08437; margin: 10px 0; padding: 10px 0 !important;
    border-bottom: 1px solid #f08437; margin: 10px 0; padding: 10px 0 !important;
}
.orange { color: #f08437; }
.blue { color: #57bbd7; }

/*==============================================================================
	年末年始
==============================================================================*/

.flexCommon01 { position: relative; display: flex; }

.nBox { 
    position: relative;
    width: 920px!important;
    height: auto;
    margin: 0 auto!important;
    padding: 15px;
    text-align: center;
    color: #000;
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.nBox p { margin: 0; padding: 0; line-height: 1em;}

.specialPlan &gt; li { width: calc((100% - 10.1px) / 2); }
.specialPlan &gt; li:last-child { margin-left: 0px; }

.sp_btn a { 
    width: 80%;
    font-size: 0.8em;
    padding: 8px 5px;
    margin: 10px auto 0;
    background-color: #065a30;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none!important;
    cursor: pointer;
}

.sp_btn li a { color: #FFF !important;}
.sp_btn li a:hover { color: #FFF !important;}
.sp_btn li a.on { color: #FFF !important;}
.sp_btn li a span { color: #FFF !important; display: block !important;}

.w75 { width: 75%!important; }

.ls001 { letter-spacing: -0.01em !important; }
.w120 { width: 120px!important; }
.w180 { width: 180px!important; }
.w215 { width: 215px!important; }
.w420 { width: 420px!important; }
.w490 { width: 490px!important; }
.w510 { width: 510px!important; }
.w950n { 
    width: 950px!important;
    height: auto;
    margin: 20px auto 0!important;
    background-color: #fff;
}
.cb { clear: both!important;}
.fcRed04 { color: #be0101; }

/*==============================================================================
	kenmin ouen
==============================================================================*/

#kenmin {
    padding: 20px;
    background-color: #fff;
    border: 5px solid #18844f;
    text-align: center;
    margin-bottom: 30px;
}
.b { font-weight: bold !important; }
.dispInlineBlk { display: inline-block !important; }
.borderLine01 { border-bottom: 1px dotted #999; padding-bottom: 3px; }
.borderLine02 { border-bottom: 1px dotted #999; margin-bottom: 11px; padding-bottom: 11px; }
.mla { margin-left: auto!important; }
.mra { margin-right: auto!important; }
.tc { text-align: center !important; }
.tl { text-align: left!important; }
.vt { vertical-align:top!important; }
.mt10 {margin-top: 10px!important; }
.mt15 {margin-top: 15px!important; }
.mt20 {margin-top: 20px!important; }
.ml30 { margin-left: 30px!important; }
.ml50 { margin-left: 50px!important; }
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.fs14 { font-size: 1.4em !important; }
.fs16 { font-size: 1.6em !important; }
.fs18 { font-size: 1.8em !important; }
.lh12 { line-height: 1.2em !important; }
.lh14 { line-height: 1.4em !important; }
.lh20 { line-height: 2em !important; }
.lh22 { line-height: 2.2em !important; }
.darkBlue_k { color: #2a3855!important; }

.dispTable {
	display: table;
}

.dispTable &gt; div,.dispTable &gt; span,.dispTable &gt; p,.dispTable &gt; li {
	display: table-cell;
	vertical-align: middle;
}

.dispTable.tableFix {
	table-layout: fixed;
}

.buttonOrange01 { background-color: #e74700; color: #FFF !important; font-size: 1.2em; font-weight: bold; padding: 0.5em 1em; text-align: center; text-decoration: none!important; }

.buttonRed_d { background-color: #ce0000; color: #FFF !important; font-size: 1.2em; font-weight: bold; padding: 0.5em 1em; text-align: center; text-decoration: none!important; }

.w300px { width: 300px!important; }
.w370px { width: 370px!important; }

/*==============================================================================
	sinsyu special
==============================================================================*/

#sinsyu {
    padding: 20px;
    background-color: #fff;
    border: 5px solid #18844f;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -.9em;
}

#sinsyu p { letter-spacing: normal!important; }

.imgLine { border: 1px solid #999; }

/*==============================================================================
	ski
==============================================================================*/

#ski_r {
    padding: 20px;
    background-color: #fff;
    border: 5px solid #56b6ff;
}

.flexCommon01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.flexCommon01.flexCenter { justify-content: center; }
.flexCommon01.flexRight { justify-content: flex-end; }
.flexCommon01.flexBetween { justify-content: space-between; }
.flexCommon01.flexMiddle { align-items: center; }
.flexCommon01.flexBottom { align-items: flex-end; }
.flexCommon01.flexReverse { flex-direction: row-reverse; }
.flexCommon01.flexRow { flex-direction: row; }
.flexCommon01.flexNorap { flex-wrap: nowrap;}

.ski_bg {
  background: url('../../f-index/ski_bg.jpg') center repeat;
}

.verticalline {
    width: auto;
    height: 100%;
		padding-right: 10px;
		margin-right: 15px;
  background: url('https://www.tabitora.com/assets3/images/double/v_line_bg.png') right -10px repeat-y;
}

.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #4456b9;/*ボタン色*/
  color: #fdce24 !important;
  border-bottom: solid 6px #363e6a;
  border-radius: 3px;
}

.btn-square-shadow02 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #c2151c;/*ボタン色*/
  color: #fdce24 !important;
  border-bottom: solid 6px #86000b;
  border-radius: 3px;
}

.btn-square-shadow03 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #56b6ff;/*ボタン色*/
  color: #ffffff !important;
  border-bottom: solid 6px #5d98c4;
  border-radius: 3px;
}

.btn-square-shadow a {
  text-decoration: none!important;
}

.toggleCommon01Btn { cursor: pointer!important; }
.toggleCommon01Contents { display: none; }
.toggleCommon02Btn { cursor: pointer!important; }
.toggleCommon02Contents { display: none; }

.borderCommon03 { border: 1px solid #56b6ff; }
.paddingCommon30A { padding: 30px; }
.paddingCommon15A { padding: 15px; }
.fs20 { font-size: 2em !important; }
.w40px { width: 40px!important; }
.w400px { width: 400px!important; }
.mt16 {margin-top: 16px!important; }
.n_line { text-decoration: none !important; }
.bgLine_y { background: linear-gradient(transparent 0%, #f0ff00 0%); display: inline; padding: 0.3em;　}
.border_d { border-bottom: 6px double #de4e55; display: inline-block; }
.title_shadow { text-shadow: #ffffff 2px 0, #ffffff -2px 0, #ffffff 0 -2px, #ffffff 0 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px; }
.fcSkiBlue { color: #56b6ff; }
.fcSkiBlue02 { color: #4456b9; }
.fcSkiBlue03 { color: #567bce; }
.fcSkiBlue04 { color: #2a3855; }
.fcSkiRed { color: #de4e55; }
.fcSkiGreen01 { color: #2a6d48; }
.fcSkiGreen02 { color: #008842; }
.fcSkiGreen03 { color: #7baa18; }
.fcSkiGreen04 { color: #008085; }

/*==============================================================================
	sien
==============================================================================*/

.yoyakuBtn {
	text-decoration: none!important;
	border-radius: 8px;
	overflow: hidden;
	padding: 10px;
	font-weight: bold!important;
	color: #fdd428 !important;
	background-color: #c9151e !important;
}

.marker_yellow { background-color: #ffff66; padding: .3rem; }

.flexCommon01 { position: relative; display: flex; }
.flexCenter { justify-content: center; }

.ls00 { letter-spacing:0!important; }
.fs22 { font-size: 2.2em !important; }
.lh22 { line-height: 2.2em !important; }
.lh24 { line-height: 2.4em !important; }
.w200px { width: 200px!important; }
.paddingCommon20A { padding: 20px!important; }
.borderCommon04 { border: 1px solid #aaaaaa; }

.vertical_dotted_line {
	border-left: 1px dotted #8e8e8e;
	height: auto;
}
.borderCommon03 {
	border: 1px solid #333;
  } 
.fcNavy01 { color: #33405a !important; }
.fcRed04 { color: #be0101!important; }
.w50px { width: 50px!important; }
.w45 { width: 45% !important; }

.flexCommon01.flexCenter { justify-content: center; }
.flexCommon01.flexRight { justify-content: flex-end; }
.flexCommon01.flexBetween { justify-content: space-between; }
.flexCommon01.flexMiddle { align-items: center; }
.flexCommon01.flexBottom { align-items: flex-end; }
.flexCommon01.flexReverse { flex-direction: row-reverse; }
.flexCommon01.flexRow { flex-direction: row; }
.flexCommon01.flexNorap { flex-wrap: nowrap;}

/*==============================================================================
	sien 20221216
==============================================================================*/
.w50 { width: 50%!important; }
.flex2ColumnA &gt; * { width: calc((100% - 40.1px) / 2); }
.flex2ColumnA &gt; *:not(:nth-child(2n)) { margin-right: 40px; }
.flex2ColumnA &gt; *:nth-child(n+3) { margin-top: 40px; }
.borderCommon05 { border: 3px solid #aaaaaa; }
.fcLightblue { color: #22a1ce!important; }
.bgNavy02 { background-color: #163756 !important; }

/*==============================================================================
	activity 20221220
==============================================================================*/
.flex3ColumnA&gt;* { width: calc((100% - 60.1px) / 3); }
.flex3ColumnA&gt;*:not(:nth-child(3n)) { margin-right: 30px; }
.flex3ColumnA&gt;*:nth-child(n+4) { margin-top: 30px; }

.liftBtn_a {
    width: auto;
    padding: .5em 1em;
    background-color: #4a4a4a;
    color: #fff!important;
    text-align: center;
    display: block;
    text-decoration: none!important;
    cursor: pointer;
}
.liftBtn_a a { color: #fff !important; }

.liftBtn_b {
    width: auto;
    padding: .5em 1em;
    background-color: #2fa0ba;
    color: #fff!important;
    text-align: center;
    display: block;
    text-decoration: none!important;
    cursor: pointer;
}
.liftBtn_b a { color: #fff !important; }

#activityBg {
    padding: 20px;
    background-color: #fff;
    border-top: 3px solid #56b6ff;
	border-bottom: 3px solid #56b6ff;
}

.acTitle02 {
	line-height: 1em;
	color: transparent;
	background: linear-gradient( 0deg, #0093ee 0% 60% , #00b3ff 60% 100%);
	-webkit-background-clip: text;
}

/*==============================================================================
	reservationBox
==============================================================================*/

.reservationBox {
  border: 2px solid #007800;
  border-radius: 5px;
  padding: 20px 10px;
  background-color: #FFF;
  font-size: 0.9rem;
  width: 920px;
  margin: 20px auto;
}

.reservationBox select,
.reservationBox .inputText {
  height: 35px;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 0.9rem !important;
}

.flexCommon01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.flexCommon01.flexCenter {
  justify-content: center;
}

.flexCommon01.flexRight {
  justify-content: flex-end;
}

.flexCommon01.flexBetween {
  justify-content: space-between;
}

.flexCommon01.flexMiddle {
  align-items: center;
}

.flexCommon01.flexBottom {
  align-items: flex-end;
}

.flexCommon01.flexReverse {
  flex-direction: row-reverse;
}

.flexCommon01.flexRow {
  flex-direction: row;
}

.flexCommon01.flexNorap {
  flex-wrap: nowrap;
}

.textLayout03&gt;*:nth-child(n+2) {
  margin-top: 0.3em;
}

.textLayout05&gt;*:nth-child(n+2) {
  margin-top: 0.6em;
}

.textLayout08&gt;*:nth-child(n+2) {
  margin-top: 0.9em;
}

.textLayout10&gt;*:nth-child(n+2) {
  margin-top: 1.2em;
}

.textLayout15&gt;*:nth-child(n+2) {
  margin-top: 1.6em;
}

.textLayout25&gt;*:nth-child(n+2) {
  margin-top: 2.6em;
}

.textLayout35&gt;*:nth-child(n+2) {
  margin-top: 3.6em;
}

.buttonCommon01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1em;
  color: #333;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
  display: block;
  box-sizing: border-box;
  text-decoration: none !important;
}

.buttonWhite01 {
  background-color: #FFF;
  color: #6A6965 !important;
}

.buttonBlack01 {
  background-color: #0D1B04;
  color: #FFF !important;
}

.buttonGray01 {
  background-color: #938B6E;
  color: #FFF !important;
}

.buttonYellow01 {
  background-color: #B89325;
  color: #FFF !important;
}

.buttonRed01 {
  background-color: #B8524D;
  color: #FFF !important;
}

.buttonRed02 {
  background-color: #7B685A;
  color: #FFF !important;
}

.buttonGreen01 {
  background-color: #0b8461;
  color: #FFF !important;
}

.buttonGreen02 {
  background-color: #064331;
  color: #FFF !important;
}

.buttonBlue01 {
  background-color: #0a4085;
  color: #FFF !important;
}

.buttonOrange01 {
  background-color: #DE8301;
  color: #FFF !important;
}

.buttonBrown01 {
  background-color: #5C5027;
  color: #FFF !important;
}

.sizeCommon02 {
  font-size: 0.8rem;
}

.ml03 {
  margin-left: 3px;
}</pre></body></html>