@charset "UTF-8";

/*============================================================
//  富士山を歩こう 2016　スタイルシート
//==========================================================*/

img{
	vertical-align:top;
}

.hidden{
	display:none;
}

/* メイン部分 */
#container{
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.base_center{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#main_box{
	position:relative;
}

.btn_hokkaido{
	position:absolute;
	top:25px;
	right:15px;
}

.main_tokuten{
	position:absolute;
	top:390px;
	left:10px;
}

.ladys{
	width:324px;
	height:150px;
	position:absolute;
	top:472px;
	left:623px;
}


.ladys .button{
	position:absolute;
	top:96px;
	left:6px;
	width:118px;
}

.main_lead{
	width:320px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:410px;
	left:623px;
}

/* メイン下のナビ */
#g-sub{
	margin:10px 0 5px 0;
	border-right:solid 1px #000000;
	float:left;
}

#g-sub br{
	display:none;
}

/* バナー */
#banner{
	width:930px;
	height:80px;
	margin-top:10px;
	background:url("./img_2014/bg_syasen.gif") no-repeat;
	padding:15px 10px 10px;
}

#banner br{
	display:none;
}


#wrap_tour{
	width:750px;
	height:auto;
	text-align:left;
	background:url("image_2013/main_03.gif") no-repeat;
}

#wrap_tour .mousikomi-ttl{
	margin:1px 5px 15px 5px;
	padding:30px 0 0 5px;
	font-size:18px;
	color:#FFFFFF;
	background:url("image_2013/tour-h2_bg.png") no-repeat;
}

#wrap_tour .plan{
	width:245px;
	float:left;
	margin-left:4px;
}

#wrap_tour .h3-ttl{
	width:226px;
	float:left;
	padding-left:13px;
	background:url("../image/common/arrow_orange.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
}

/*ツアーの流れ*/
#flow_sp{
	display:none;
}

#flow{
	background-color:fffed4;
	margin:15px 0 15px 0;
}

.flow_01{
	background:url("img_2014/flow_01_bg.jpg") no-repeat; 
	height:533px; 
	position:relative;
}	

.flow_01 .lead{
	position:absolute; 
	left: 38px; 
	top: 71px; 
	font-size:14px; 
	font-weight:bold; 
	width: 397px;
}

.flow_01 .syugo_snj{
	position:absolute;
	left: 199px;
	top: 226px;
	width: 195px;
	font-size:12px;
}

.flow_01 .syugo_tyo{
	position:absolute; 
	left: 199px; 
	top: 248px; 
	width: 195px; 
	font-size:12px;
}

.flow_01 .syugo_nfb{
	position:absolute; 
	left: 198px; 
	top: 271px; 
	width: 195px; 
	font-size:12px;
}
.flow_01 .syugo_map{
	position:absolute; 
	left: 182px; 
	top: 293px; 
	width: 212px;
}
.flow_01 .gogome{
	position:absolute; 
	left: 670px; 
	top: 220px; 
	width: 256px; 
	font-size:12px; 
	font-weight:bold;
}

.flow_01 .miharashi{
	position:absolute;
	left: 554px;
	top: 418px;
	width: 313px;
	font-size:13px;
	font-weight:bold;
	height: 86px;
	line-height:170%;
}
.flow_01 .miharashi_ph{
	position:absolute; left: 465px; top: 416px;
}

.flow_01 .free{
	position:absolute; left: 554px; top: 485px; width: 381px; font-size:10px;
}

.flow_01 .start{
	position:absolute; left: 109px; top: 414px; width: 195px; font-size:13px; font-weight:bold; height: 76px; line-height:170%;	
}

.flow_03{
	background:url("img_2014/flow_03.gif") no-repeat; height:265px; position:relative
}	

.flow_03 .eight-step{
	position:absolute; left: 437px; top: 77px; width: 340px; font-size:12px; font-size:14px; font-weight:bold;
}

.flow_03 .twitter{
	position:absolute; left: 59px; top: 146px; width: 225px;
}
.flow_03 .eight-step_b{
	position:absolute; left: 447px; top: 140px; width: 225px;
}

.flow_04{
	background:url("img_2014/flow_04.jpg") no-repeat; height:445px; position:relative;
}	

.flow_04 .mt-top{
	position:absolute; left: 105px; top: 99px; width: 290px; font-size:14px; font-weight:bold;
}
.flow_04 .mt-top_sub{
	position:absolute; left: 49px; top: 202px; width: 115px; font-size:12px;
}
.flow_04 .ohachi{
	position:absolute; left: 37px; top: 241px; width: 126px; font-size:12px; font-weight:bold; height: 119px;
}
.flow_04 .ohachi_b{
	position:absolute; left: 48px; top: 373px; width: 225px;
}


.flow_05{
	background:url("img_2014/flow_05.jpg") no-repeat; height:463px; position:relative;
}	

.flow_05 .gezan-bus{
	position:absolute; left: 576px; top: 10px; width: 240px; font-size:12px; font-size:12px; font-weight:bold;
}
.flow_05 .nyuyoku{
	position:absolute; left: 492px; top: 117px; width: 343px; font-size:12px; font-size:14px; font-weight:bold;
}
.flow_05 .nyuyoku_ph{
	position:absolute; left: 457px; top: 188px; width: 467px; font-size:12px; font-size:14px; font-weight:bold; height: 259px;
}
.flow_05 .nyuyoku_text{
	position:absolute; left: 318px; top: 188px; width: 131px; font-size:12px; font-size:12px; font-weight:bold;
}
.flow_05 .nyuyoku_b{
	position:absolute; left: 327px; top: 305px; width: 110px;
}
.flow_05 .bath-towel{
	position:absolute; left: 316px; top: 381px; width: 119px; font-size:12px; font-size:12px; border:#666666 solid 1px; padding:5px;
}


/*ALLabout*/
#about{
	/*margin:20px 0 20px 0;*/
	margin:0 auto;
	width:950px;
}



/*アイコンメニュー*/
.icon-menu{
	background:url("./img_2014/bg_about.gif") no-repeat ; 
	height:650px; 
	padding:30px;
}

.icon-menu .button_pre{
	width:207px;
	height:57px;
	background:url("./img_2014/icon_pre_off.gif") no-repeat;
	display:block;
	font-size:18px;
	padding:120px 0 30px 0;
	float:left;
	font-weight:bold;
	text-align:center;
	color:#000000;
	text-decoration:none;
}

.icon-menu .button_pre:hover{
	background:url("./img_2014/icon_pre_on.gif") no-repeat;
	color:#CC3399;
	text-decoration:none;
}

.icon-menu .button_sup{
	width:207px;
	height:57px;
	background:url("./img_2014/icon_sup_off.gif") no-repeat;
	display:block;
	font-size:18px;
	padding:120px 0 30px 0;
	float:left;
	font-weight:bold;
	text-align:center;
	color:#000000;
	text-decoration:none;
}

.icon-menu .button_sup:hover{
	background:url("./img_2014/icon_sup_on.gif") no-repeat;
	color:#CC3399;
	text-decoration:none;
}

#about a:link{
	text-decoration:none;
	color: #000000;
}


/*申込みボタン*/
.moushikomi{
	width:950px;
	height:auto; 
}

.moushikomi .button_guide{
	width:302px;
	height:80px;
	background:url(./img_2014/button_guide_off.gif) no-repeat;
	display:block;
	padding:305px 0 85px 0;
	float:left;
	text-decoration:none;
}

.moushikomi .guide_ttl{
	font-size:14px;
	float:left;
	font-weight:bold;
	margin-left:45px;
	color:#00aae3;
}

.moushikomi .guide_text{
	font-size:12px;
	float:left;
	font-weight:bold;
	margin:10px 0 0 15px;
	color:#555555;
	line-height:120%;
}

.moushikomi .button_guide:hover{
	background:url(./img_2014/button_guide_on.gif) no-repeat;
	text-decoration:none;
}

.moushikomi .button_half-guide{
	width:302px;
	height:80px;
	background:url(./img_2014/button_half-guide_off.gif) no-repeat;
	display:block;
	padding:305px 0 85px 0;
	float:left;
	text-decoration:none;
}

.moushikomi .half-guide_ttl{
	font-size:14px;
	float:left;
	font-weight:bold;
	margin-left:47px;
	color:#ff8800;
}

.moushikomi .half-guide_text{
	font-size:12px;
	float:left;
	font-weight:bold;
	margin:10px 0 0 15px;
	color:#555555;
	line-height:120%;
}

.moushikomi .button_half-guide:hover{
	background:url(./img_2014/button_half-guide_on.gif) no-repeat;
	text-decoration:none;
}


.moushikomi .button_free{
	width:302px;
	height:80px;
	background:url(./img_2014/button_free_off.gif) no-repeat;
	display:block;
	padding:305px 0 85px 0;
	float:left;
	text-decoration:none;
}

.moushikomi .free_ttl{
	font-size:14px;
	float:left;
	font-weight:bold;
	margin-left:47px;
	color:#7cba01;
}

.moushikomi .free_text{
	font-size:12px;
	float:left;
	font-weight:bold;
	margin:10px 0 0 15px;
	color:#555555;
	line-height:120%;
}

.moushikomi .button_free:hover{
	background:url(./img_2014/button_free_on.gif) no-repeat;
	text-decoration:none;
}

/* flow_fujitozan.css内設定変更 */
.cs h3{
	/*margin:0 0 3px 0;*/
	width:950px;
}

.cs .f{
	width:950px;
}

h2.ttl_ykn03 span{
	display:none;
}

table.ykn3_t{
	width:900px;
	border:1px solid #DBDBDB;
	border-collapse:collapse;
	margin-left:20px;
}

table.ykn3_t th {
	background:#F3F3F3;
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}

table.ykn3_t td {
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:10px;
	line-height:1.5em;
	vertical-align:middle;
}

table.ykn3_t td.sh {
	background:#F3F3F3;
	border-bottom:1px solid #DBDBDB;
	padding:10px;
	line-height:1.5em;
}

.info {
	margin-left:0px;
	padding:10px;
	border:1px solid #ccc;
} 

/*テレビ放送紹介*/

@media
only screen and (min-width : 641px){

.onair_left{
	width:480px;
}

.onair_right{
	width:460px;
}

}

/* 201604追加  */

/* スマホ版見出し（フォントサイズ変更） */
@media
only screen and (max-width : 640px){

.base_center{
	width:100%;
/*background:#acc;*/
}

.main_tokuten{
	margin-top:-40px;
	position:static;
	background:#221816;
/*	top:150px;
	left:0px;*/
}

.ladys{
	padding-left:3%;
	width:100%;
	height:150px;
	position:relative;
	top:0px;
	left:0px;
	background:#ffc8e2;
	text-align:center;
}

.ladys .button{
	width:203px;
	position:relative;
	top:-53px;
	left:-50px;
}

.main_lead{
	margin:0 auto;
	padding:0 0%;
	width:94%;
	font-size:1.2em;
	color:#666666;
	position:static;
	top:0px;
	left:0px;
/*background:#acc;*/
}

#g-sub{
	margin:0;
	padding-left:1%;
	width:100%;
	border-right:none;
	float:left;
}

#g-sub br{
	display:inline;
}

#g-sub a{
	width:33%;
	border-bottom:dotted 1px #aaaaaa;
}

#g-sub a.line1{
	border-top:dotted 1px #aaaaaa;
}

#g-sub a.line2{
	border-right:solid 1px #000000;
}

#g-sub a img{
	width:100%;
}

#banner{
	width:100%;
	height:auto;
	margin-top:10px;
	background:url("./img_2014/bg_syasen.gif") repeat-y;
	padding:15px 10px 10px;
}

#banner br{
	display:inline;
}

#banner a{
	margin:0 1% 2% 0;
	width:49%;
	display:block;
}

#banner a img{
	width:100%;
}


#tour p{
	font-size:1.0em;
}

/*申込みボタン*/
.moushikomi{
	margin:0 3%;
	width:94%;
}

.moushikomi li{
	margin:0 0 0px 0;
	width:100%;
}

.moushikomi .button_guide{
	padding:0;
	width:100%;
	height:155px;
	background:url(./img_2014/button_guide2_off.gif) no-repeat ;
	background-size:100%;
	display:block;
	float:left;
	text-decoration:none;
	position:relative;
}

.moushikomi .button_guide:hover{
	background:url(./img_2014/button_guide2_off.gif) no-repeat;
	background-size:100%;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-decoration:none;
}

.moushikomi .button_half-guide{
	padding:0;
	width:100%;
	height:155px;
	background:url(./img_2014/button_half-guide2_off.gif) no-repeat;
	background-size:100%;
	display:block;
	float:left;
	text-decoration:none;
	position:relative;
}


.moushikomi .button_half-guide:hover{
	background:url(./img_2014/button_half-guide2_off.gif) no-repeat;
	background-size:100%;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-decoration:none;
}

.moushikomi .button_free{
	padding:0;
	width:100%;
	height:155px;
	background:url(./img_2014/button_free2_off.gif) no-repeat;
	background-size:100%;
	display:block;
	float:left;
	text-decoration:none;
	position:relative;
}

.moushikomi .button_free:hover{
	background:url(./img_2014/button_free2_off.gif) no-repeat;
	background-size:100%;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-decoration:none;
}

.moushikomi .guide_text,
.moushikomi .half-guide_text,
.moushikomi .free_text{
	margin:58px 0 0 4px;
	width:52%;
	float:left;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	line-height:120%;
}

.moushikomi .guide_ttl,
.moushikomi .half-guide_ttl,
.moushikomi .free_ttl{
	display:none;
}

/* ツアーの流れ */
#flow{
	display:none;
}

#flow_sp{
	display:block;
	position:relative;
}

.flsp_bg0{
	margin-bottom:10px;
	padding:2% 0;
	background:#ffffd3;
}

.flsp_bg0 p{
	margin-top:0;
	margin-right:3%;
	margin-left:3%;
}

.flsp_bg1,
.flsp_bg1_e{
	margin:0 3% 30px 3%;
	padding:3%;
	background:#fff;
	border:solid 3px #000000;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	position:relative;
}

.flsp_bg2{
	margin-top:3%;
	padding:3%;
	background:#fffc01;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	position:relative;
}

.flsp_bg3{
	margin:3% 3% 30px 3%;
	padding:3%;
	background:#fffc01;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	position:relative;
}

.flsp_bg1:before,
.flsp_bg3:before{
	border: solid transparent;
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	bottom:-45px;
	left:25px;*/
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: rgba(0, 0, 0, 1.0);
	border-width: 20px;
	margin-left: 0px;
}


#flow_sp01000{
	background:url("img_2014/flow_01_bg.jpg") no-repeat #ffffd3;
	background-size:100%;
	height:100%;
	position:relative;
}

#flsp01_img{
	background:url("img_2014/flow_01_bg2_s.jpg") no-repeat #ffffd3;
	background-size:100%;
	height:94px;
	position:relative;
}


.flow_num{
	margin-top:-16px;
	margin-right:10px;
	padding-top:0px;
	width:50px;
	height:50px;
	line-height:50px;
	background:#ffff00;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
	float:left;
}

.flow_ttl{
	font-size:1.4em;
	font-weight:bold;
	vertical-align:text-middle;
	float:left;

}

.flow_txt{
	width:63%;
	float:left;

}

.flow_img{
	width:35%;
	float:right;
}

a.btn_flow{
	margin:1% 0;
	padding:2% 5% 2% 3%;
	background:#ffa53b;
	display:inline-block;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}

a.btn_flow:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


h3.h3_c4:before {
	border: solid transparent;
	content: " ";
	height: 10px;
	width: 0;
	position: absolute;
	top:-7px;
	left:-1px;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: rgba(255, 255, 255, 0.35);
	border-width: 8px;
	margin-left: -15px;
}

/* 下部インクルード */
#about{
	margin:1% 3%;
	width:94%;
}

.icon-menu{
	background:url("./img_2014/bg_about.gif") repeat-y ;
	height:auto; 
	padding:10px;
}

.icon-menu li{
	width:100%;
	float:none;
	margin:0;
}

.icon-menu .button_pre{
	margin-bottom:10px;
	padding:8px 13px 11px 90px;
	width:100%;
	height:auto;
	background:url("./img_2014/icon_pre2_off.gif") #ffffff no-repeat;
	background-size:80px;
	display:block;
	font-size:1.2em;
	float:left;
	text-align:left;
	color:#000000;
	text-decoration:none;
	border:solid 3px #fffc00;
}

.icon-menu .button_pre:hover{
	background:url("./img_2014/icon_pre2_on.gif") #ffffff no-repeat;
	background-size:95px;
	color:#CC3399;
	text-decoration:none;
	border:solid 3px #f4e600;
}

.icon-menu .button_sup{
	margin-bottom:10px;
	padding:8px 13px 11px 90px;
	width:100%;
	height:auto;
	background:url("./img_2014/icon_sup2_off.gif") #ffffff no-repeat;
	background-size:80px;
	display:block;
	font-size:1.2em;
	float:left;
	text-align:left;
	color:#000000;
	text-decoration:none;
	border:solid 3px #fffc00;
}

.icon-menu .button_sup:hover{
	background:url("./img_2014/icon_sup2_on.gif") #ffffff no-repeat;
	background-size:95px;
	color:#CC3399;
	text-decoration:none;
}

#about a:link{
	text-decoration:none;
	color: #000000;
	border:solid 3px #f4e600;
}

.icon-menu .button_pre br,
.icon-menu .button_sup br{
	display:none;
}

br.br_no{
	display:none;
}


/* flow.htmlの設定 */
.contents_flow{
	margin:0px 0 0px 0;
	padding:1% 3%;
	width:100%;
	position:relative;
/*background:#aac;*/
}


p.pt{
	margin:0 0 10px 0;
	width:100%;
	display:block;
/*background:#acc;*/

}

p.pt img{
	width:100%;

}

/* flow_fujitozan.css内設定変更 */
.cs h3{
	margin:0 0 3px 0;
	width:100%;
	font-size:1.2em;
}

.cs .f{
	width:100%;
	font-size:1.0em;
}

#c4 .cp .pad10px {
	width:100%; 
	overflow:auto;
}

#c4 ul {
	width:100%;
}

#c4 ul li{
	margin-right:10px;
	margin-bottom:10px;
	width:31%; 
	border:1px solid #ccc;
	float:left;
}

h2.ttl_ykn03{
	margin-bottom:5px;
	padding:0.5em 0 0.5em 0.9em;
	background:#000000;
}

h2.ttl_ykn03 span{
	display:block;
	color:#ffffff;
	font-size:1.2em;
}

h2.ttl_ykn03 img{
	display:none;
}

table.ykn3_t{
	width:100%;
	margin-left:0px;
}


/*テレビ放送紹介*/

.onair_left{
	text-align:center;
}




} /* @media */