@charset "UTF-8";
/* CSS Document */

/* 共通設定 */

html , body{
	width:100%;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"メイリオ", "Meiryo",  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	color:#292929;
	position:relative;
	-webkit-text-size-adjust: 100%;
}

a{color:#292929;text-decoration:none;/*リンクされた文字*/}
	a:link {color:#292929;text-decoration:none;/*未訪問のリンク*/}
	a:visited {color:#292929;text-decoration:none;/*訪問後のリンク*/}
	a:hover {color:#292929;text-decoration:none;/*マウスをのせたとき*/}
	a:active {color:#292929;text-decoration:none;/*クリック中*/}

img{vertical-align:middle;}

.clear{clear:both;}

address{font-style:normal;}

.font{
	font-family:novecento_sans_widemedium;
}


.fb_box{
	float:left;
	margin-right:10px;
}
.twi_box{float:right;}

span.supText.supText_active{
font-size: 75.5%;
vertical-align:baseline;
position: relative;
bottom: 0.5em;
}


body {
	min-width: 1180px;
}
/*--------------------------------------------------------------------
全ページ共通
--------------------------------------------------------------------*/
header{width:100%;}

.heading{
	position:relative;
}

.header_inner{
	width:960px;
	margin:0 auto;
}

.shueisha{
	margin:30px 0 0;
	float:left;
}

.sns_link{
	float:left;
	margin:26px 0 0 22px;
	height:20px;
}

.hp_link{
	height:13px;
	float:right;
	margin:30px 0 0;
}

.hp_link a{
	display:block;
	height:13px;
	font-size:13px;
	line-height:13px;
}

.cursor_hp{
	margin:0 12px 0 0;
	display:inline-block;
	vertical-align:baseline;
}

.top .heading .top_logo{
	float:left;
}

.page_logo{
	float:left;
}

.select_box{
	width:960px;
	height:68px;
	margin:0 auto 30px;
}

.select_box_footer{
	width:960px;
	height:68px;
	margin:0 auto 30px;
}

nav ul{
	height:100%;
}

.link_button{
	-webkit-transition:all .3s;
	transition:all .3s;
}

.things_link{
	height:100%;
	display:block;
	float:left;
	width:477px;
	border-radius:10px;
	background:#faf9fa;
}

.things{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
}

.things p{
	font-size:20px;
	line-height:68px;
	font-weight:bold;
}

.things p img{
	display:inline;
	margin:0 10px 6px 0;
}

.enjoy_link{
	height:100%;
	display:block;
	float:left;
	width:477px;
	margin:0 0 0 6px;
	border-radius:10px;
	background:#faf9fa;
}

.enjoy{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
}

.enjoy p{
	font-size:20px;
	line-height:68px;
	font-weight:bold;
}

.enjoy p img{
	display:inline;
	margin:0 10px 6px 0;
	transform: rotate(-90deg);
}

footer{
	position: relative;
	width:100%;
	min-height:464px;
	height:auto;
	background:#faf9fa;
	margin:60px 0 0;
}

.footer_inner{
	width:960px;
	min-height:424px;
	height:auto;
	margin:0 auto;
}

.footer_left{
	width:50%;
	float:left;
	margin:62px 0 0;
}

.footer_right{
	width:50%;
	float:left;
	margin:62px 0 0;
}

.footer_ttl{
	font-size:13px;
	font-weight:bold;
	color:#58425f;
	margin-bottom:19px;
}

.footer_inner h3{
	font-size:13px;
	font-weight:bold;
	margin-bottom:12px;
}

.footer_inner address{
	font-size:13px;
	line-height:1.75;
	margin-bottom:28px;
}

.footer_r_cnt {
	margin-bottom:34px;
}

.footer_r_cnt p{
	display: table;
	font-size:13px;
	line-height:1.75;
}

.footer_r_cnt > p > span {
	display: table-cell;
}

.footer_link{
	height:13px;
	font-size:13px;
	line-height:13px;
}

.footer_link img{
	margin:0 12px 0 0;
	display:inline-block;
	vertical-align:baseline;
}

.footer_bottom{
	height:40px;
	width:100%;
	text-align:center;
	overflow:hidden;
	position:absolute;
}

.footer_bottom p{
	color:#fff;
	font-size:11px;
	line-height:40px;
	text-align:center;
}

.width_p{
	display:inline-block;
	width:1.3em;
}

#small_br{
	display:block;
	line-height:1.5;
	margin:0.25em 0;
}

address a:hover{
	text-decoration:underline;
}

.top_button{
	background:#58425f;
	border-radius:50%;
	position:absolute;
	width:50px;
	height:50px;
	left:50%;
	margin-left:540px;
	bottom: calc(100% + 25px);
}
.top_button.pnavi_fixed {
	position: fixed;
	bottom: 10px;
}
.top_button a{
	display:block;
	width:100%;
	height:100%;
}

.top_cursor{
	position:absolute;
	margin:18px 0 0 13px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 12px 12px 12px;
	border-color:transparent transparent #ffffff transparent;
}

.top_cursor_clear{
	position:absolute;
	margin:19px 0 0 13px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 12px 12px 12px;
	border-color:transparent transparent #58425f transparent;
}

.show_sp {
	display: none;
}
/*--------------------------------------------------------------------
下層ページ共通
--------------------------------------------------------------------*/


.page .heading{
	margin:38px 0 38px 110px;
	position:relative;
}

.page .heading h1{
	margin:0 0 0 13px;
	float:left;
	font-size:50px;
	font-weight:bold;
}

.page .heading h1 span{
	font-size:20px;
	line-height:20px;
	margin:12px 0;
	display:block;
}

.page .bird{
	position:absolute;
	top:-7px;
	right:310px;
}

/*--------------------------------------------------------------------
thingページ共通
--------------------------------------------------------------------*/



#thing{background:url(../img/background.png) no-repeat top center;}
#thing .footer_bottom{background:#58425f;}
#thing .heading h1{color:#58425f;}
#thing .things_link .things p{color:#58425f;}
#thing .enjoy_link{background:#622a0e;}
#thing .enjoy_link .enjoy p{color:#fff;}

/* hover */

#thing .enjoy_link:hover{
	opacity:0.8;
}


/*--------------------------------------------------------------------
甲府でしかできない50のことページ(TOP)
--------------------------------------------------------------------*/

#thing.top .heading{
	margin:55px 0 55px 24px;
	position:relative;
}

#thing.top .heading h1{
	width:738px;
	float:right;
	font-size:54px;
	font-weight:bold;
	margin:26px 0 12px;
}

#thing.top .heading h1 span{
	display:block;
	width:738px;
	font-size:22px;
	font-weight:bold;
	margin:0 0 11px;
}

#thing .top_cap{
	display:block;
	width:738px;
	float:right;
	font-size:14px;
	line-height:1.7;
}

.list_link{
	width: 470px;
	margin-bottom:25px;
	display:block;
	overflow: hidden;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.page_content .list_link h1{
	margin:0;
}

.sec2 , .sec3 , .sec4 , .sec5{
	display:none;
	opacity:0;
}

.list_content{
	width:100%;
}

.list_content li{
	float:left;
}

.list_content li .content_link h1{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
}

.list_content li:nth-child(odd){
	margin-right:20px;
}

.page_button{
	position:relative;
	width:780px;
	height:84px;
	margin:0 auto 123px;
	border-radius:10px;
	background:#58425f;
	cursor:pointer;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.c2 , .c3 , .c4{display:none;}

h1 span.letter{
	letter-spacing:-0.1em;
}

.page_button p{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	line-height:84px;
}

.page_button p img{
	display:inline-block;
	padding:0 0 7px;
}

.top_50{
	width:780px;
	margin:0 auto 120px;
}

.plof{
	margin:125px auto 120px;
	width:780px;
}

.width_max{
	width:100%;
	margin:50px 0;
}

.width_max img{
	float:left;
}

.pp1{
	margin:12px 0 0;
}

.p_01 , .p_02{
	width:567px;
	float:right;
}

.p_01 h1 , .p_02 h1{
	height:40px;
	width:100%;
	margin-bottom:14px;
}

.p_02{
	margin:21px 0 0;
}

.p_01 p , .p_02 p{
	font-size:15px;
	line-height:1.7;
}

.p_01 a{
	width:280px;
	height:40px;
	display:block;
	background:#A15C5D;
	border-radius:6px;
	margin:20px 0 0;
}

.p_01 a p{
	font-size:15px;
	line-height:40px;
	color:#fff;
	text-align:center;
}

.p_01 a p img{
	display:inline-block;
	float:none;
	padding-bottom:5px;
	margin-right:8px;
}

.ed_name{
	font-size:22px;
	letter-spacing:0.05em;
}

.e_name{
	font-size:11px;
	display:block;
	letter-spacing:0.2em;
	margin:0 0 10px;
}

.e01{color:#A15C5D;}
.e02{color:#847244;}
.e03{color:#445c6e;}

.map{
	position:relative;
	height:598px;
	width:960px;
}

.map_l{
	position:absolute;
	top:0;
	left:0;
}

.map h1{
	margin:0 0 0 90px;
}

.map_r{
	float:right;
	width:406px;
}

.map_1{
	margin:119px 0 0;
}

.map_1 h1{
	margin:0;
	font-size:25px;
	font-weight:bold;
	color:#c94332;
}

.map_2{
	margin:47px 0 0;
}

.map_2 h1{
	margin:0;
	font-size:25px;
	font-weight:bold;
	color:#5e8100;
}

.map_3{
	margin:60px 0 0;
}

.map_3 h1{
	margin:0;
	font-size:25px;
	font-weight:bold;
	color:#b13d76;
}

.map_1 p , .map_2 p , .map_3 p{
	font-size:15px;
	line-height:1.7;
	margin:10px 0 0;
}

.cle{
	font-size:11px;
	color:#505050;
	text-align:right;
	margin:11px 0 40px;
}



/* hover */

.page_button:hover{
	opacity:0.8;
}

.list_link:hover{
	opacity:0.7;
}


/* タグ */

.conts_tag_first{
	width:116px;
	height:20px;
	float:left;
	margin:15px 0 11px;
}

.conts_tag{
	width:116px;
	height:20px;
	float:left;
	margin:15px 0 11px 2px;
}

.tag_0{background:url(../img/t0.png) no-repeat;}
.tag_1{background:url(../img/t1.png) no-repeat;}
.tag_2{background:url(../img/t2.png) no-repeat;}
.tag_3{background:url(../img/t3.png) no-repeat;}
.tag_4{background:url(../img/t4.png) no-repeat;}
.tag_5{background:url(../img/t5.png) no-repeat;}
.tag_6{background:url(../img/t6.png) no-repeat;}
.tag_7{background:url(../img/t7.png) no-repeat;}
.tag_8{background:url(../img/t8.png) no-repeat;}
.tag_9{background:url(../img/t9.png) no-repeat;}


/*--------------------------------------------------------------------
甲府でしかできない50のことページ(下層)
--------------------------------------------------------------------*/

/* タグ */

.page_tags_box{
	height:26px;
	width:960px;
	margin:0 auto 15px;
}

.page_tag{
	height:26px;
	width:150px;
	float:left;
	margin:0 3px 0 0;
}

.pt_0{background:url(../img/b_tag0.png) no-repeat;}
.pt_1{background:url(../img/b_tag1.png) no-repeat;}
.pt_2{background:url(../img/b_tag2.png) no-repeat;}
.pt_3{background:url(../img/b_tag3.png) no-repeat;}
.pt_4{background:url(../img/b_tag4.png) no-repeat;}
.pt_5{background:url(../img/b_tag5.png) no-repeat;}
.pt_6{background:url(../img/b_tag6.png) no-repeat;}
.pt_7{background:url(../img/b_tag7.png) no-repeat;}
.pt_8{background:url(../img/b_tag8.png) no-repeat;}
.pt_9{background:url(../img/b_tag9.png) no-repeat;}


/* タグ終了 */

.page_content{
	width:960px;
	margin:0 auto 0;
}

.page_content h1{
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.05em;
	margin: 23px 0 22px;

	max-height: 100%;
}

.section_inner{
	width:780px;
	margin:0 auto 0;
}

.section_inner p{
	font-size:17px;
	line-height:2;
	margin:30px 0;

	max-height: 100%;
}

.editor_voice{
	width:780px;
	margin: 60px auto 80px;
}

.border_tb{
	padding:36px 0;
}

.b01{
	border-top:2px dotted #A15C5D;
	border-bottom:2px dotted #A15C5D;
}

.b02{
	border-top:2px dotted #847244;
	border-bottom:2px dotted #847244;
}

.b03{
	border-top:2px dotted #445c6e;
	border-bottom:2px dotted #445c6e;
}


.fl{
	float:left;
}

.fr{
	float:right;
	width:566px;
	margin:8px 0 0 0px;
}

.fr h1{
	margin-bottom:26px;
	font-size:26px;
	letter-spacing:0.1em;
	max-height: 100%;
}

.fr h2{
	margin-bottom:17px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.05em;
	max-height: 100%;
}

.ed_name_conts{
	font-size:11px;
	padding-left:10px;
	letter-spacing:0.2em;
}

.fr p{
	font-size:15px;
	line-height:1.75;
	letter-spacing:0.05em;
	max-height: 100%;
}
.fr p a{

}
.fr p a:hover{
	text-decoration: underline;
}

.info_box{
	width:780px;
	margin:0 auto 0;
}

.info_border{
	border:1px solid #58425f;
	border-radius:6px;
	padding:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.info_text{
	float:left;
	width:360px;
}

.info_text img{
	margin-bottom:23px;
}

.info_text h1{
	font-size:26px;
	font-weight:bold;
	color:#58425f;
	margin-bottom:23px;
	margin-left:-0.6em;
	width:394px;
}

.info_text h1 .list_br{
	margin-left:1em;
}

ul.info_list{
	width:350px !important;
}

.info_list li{
	font-size:12px;
	line-height:12px;
	margin-bottom:8px;
}

.info_list li:last-child{
	margin:0;
}

.info_list li a:hover{
	text-decoration:underline;
}

.list_br{
	line-height:2;
}

.list_left01{
	width:3.6em;
	display: inline-block;
}
.list_left02{
	width:5.6em;
	display: inline-block;
}
.list_left03{
	width:4.6em;
	display: inline-block;
}
.list_left04{
    width: 7.6em;
    display: inline-block;
}
.list_left02_c{
	display: inline-block;
	margin:0.5em 0 0 5.3em;
}
.list_left02_d{
	display: inline-block;
	margin:0.5em 0 0 5.9em;
}
.list_left02_e{
	display: inline-block;
	margin:0.5em 0 0 3em;
}
.list_left02_f{
	display: inline-block;
	margin:0.5em 0 0 4.6em;
}
.list_left02_g{
	display: inline-block;
    margin: 0.5em 0 0 6.5em;
}



.line_h{display:inline-block;margin:0.5em 0 0.5em 5em;}
.line_h2{display:inline-block;margin:0.5em 0 0 5em;}
.line_hh{display:inline-block;margin:0.5em 0 0.5em 5.6em;}
.line_h3{display:inline-block;margin:0.5em 0 0.5em 4.6em;}
.line_c{display: inline-block;margin:0.5em 0 0 4.4em;}
.line_d{display: inline-block;margin:0.5em 0 0 5em;}

.info_img{
	float:right;
}

.info_box p{
	font-size:11px;
	color:#505050;
	text-align:right;
	margin:11px 0 40px;
}

.info_box .info_p{
	font-size:14px;
	text-align:left;
	line-height:1.5;
	margin:42px 0 0;
}

.small_text{
	font-size:11px;
	color:#505050;
	text-align:right;
	margin:11px 0 25px;
}

.pager{
	width:780px;
	height:24px;
	margin:0 auto 120px;
}

.pager ul{
	width:100%;
	height:24px;
}

.pager ul li{
	float:left;
	height:24px;
}

.pager ul li a{
	display:block;
	height:44px;
	margin-top:-10px;
}

.border_pager a{
	width:237px;
}

.top_pager{
	width:236px;
}

.pager ul li a p{
	text-align:center;
	line-height:44px;
	font-size:18px;
	font-weight:bold;
}

.back_img{
	position:absolute;
	top:7px;
	left:21px;
}

.next_img{
	position:absolute;
	top:7px;
	right:21px;
}

.br_p{
	line-height:1.6;
}

.border_pager{
	width:247px;
	border-left:solid 1px #eeecef;
	border-right:solid 1px #eeecef;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	padding:0 5px;
}

.top_pager{
	width:246px;
	padding:0 5px;
}

/* hover */
.pager ul li a:hover{
	background:#faf9fa;
}

.pager ul li a p:hover{
	color:#58425f;
	text-decoration:underline;
	text-decoration-color:#58425f;
}


/*--------------------------------------------------------------------
BOX
--------------------------------------------------------------------*/

.bg_box{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.box_pos{
	width:920px;
	margin:0  0 0 -460px;
	background:#fff;
	padding:40px;
	border:1px solid #323232;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:10;
	position:absolute;
	bottom:800px;
	left:50%;
}

.box_color{
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}

.bp1{
	float:left;
}

.bp_ttl{
	float:left;
	font-size:40px;
	margin:81px 0 0 20px;
}

.b_width{
	margin:80px 0 40px;
}

.b_width h1{
	font-size:20px;
	margin-bottom:20px;
	color:#58425f;
}

.b_width p{
	font-size:14px;
	line-height:1.7;
	font-weight:bold;
}

.bg_button{
	cursor:pointer;
	bottom:2300px;
	left:50%;
	margin:0 0 0 460px;
	z-index:10;
}

.close_box{
	position:absolute;
	bottom:2150px;
	left:50%;
	margin:0 0 0 480px;
	cursor:pointer;
	z-index:10;
	width:80px;
	height:80px;
}

.close{
	position:absolute;
	top:38px;
	left:-10px;
	width: 100px;
    height: 4px;
    background-color:#323232;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:10;
}

.close:after {
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}