@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;
	transform: rotate(-90deg);
}

.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;
}

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;
}

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;
}

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

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

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

.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;
}



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


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

#enjoy .footer_ttl{color:#622a0e;}

#enjoy .top_button{background:#622a0e;}
#enjoy .top_cursor_clear{border-color:transparent transparent #622a0e transparent;}


/* hover */

#enjoy .things_link:hover{
	opacity:0.8;
}


/*--------------------------------------------------------------------
思いっきりエンジョイページ(TOP)
--------------------------------------------------------------------*/

.top .pen{
	position:absolute;
	top:18px;
	right:385px;
}

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

#enjoy.top .heading h1{
	width:738px;
	float:right;
	font-size:52px;
	font-weight:bold;
	margin:26px 0 12px;
	letter-spacing:-0.08em;
}

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

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

.course_ttl{
	margin:80px 0 100px;
}

.course_nav{
	margin:40px 0 63px;
}

.course_nav ul li{
	float:left;
	width:284px;
	margin:0 54px 0 0;
}

.course_nav ul li.last_nav{
	margin:0;
}


.course_sec img{
	margin:0 auto 24px;
}

.course_nav ul li .course_sec a{
	display:block;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.course_nav ul li .course_sec h1{
	margin-bottom:20px;
	margin-top:12px;
}

.course_nav ul li .course_sec p{
	font-size:14px;
	line-height:1.7;
}

.course_nav ul li .course_sec p span{
	letter-spacing:-0.1em;
}

.course_nav ul li .course_sec .focus{
	font-size:14px;
	font-weight:bold;
	float:right;
	margin:20px 10px 0 0;
}

.course_nav ul li .course_sec a img{
	display:inline-block;
	padding-bottom:1px;
	margin:0 10px 0 0;
}

.course_nav ul li .course_sec a img.show_sp {
	display: none;
}
.prof_map{
	position:relative;
	margin-bottom:100px;
	padding:10px 0 0;
}

.prof_map h1{
	position:absolute;
	top:0;
	left:0;
}

.border_prof{
	padding:30px 0;
	border-top:2px dotted #b47777;
	border-bottom:2px dotted #b47777;
}

#enjoy .pp1{
	float:left;
	margin:0;
}

.prof_inner{
	width:742px;
	float:right;
}

.prof_inner h2{
	margin:32px 0 10px;
}

.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;}

.prof_inner p{
	font-size:14px;
	line-height:1.7;
}

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

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

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

/* hover */

.course_nav ul li .course_sec a:hover{
	opacity:0.6;
}



/*--------------------------------------------------------------------
思いっきりエンジョイページ(下層ページ)
--------------------------------------------------------------------*/

#enjoy.page .heading{
	margin:38px 0 38px 80px;
	position:relative;
}

#enjoy.page .heading h1{
	font-size:44px;
}

#enjoy.page .heading h1 span{
	font-size:18px;
	margin:12px 0 8px;
}

#enjoy.page .heading .pen{
	position:absolute;
	top:0px;
	right:440px;
}

#enjoy.page .select_box{
	margin:0 auto;
}

.sub_nav{
	width:960px;
}

.top_main_nav{
	margin:15px auto 114px;
}

.bottom_main_nav{
	margin:0 auto 15px;
}

.sub_nav ul{
	position: relative;
	padding:20px;
	background-color: #e0d6d2;
	border-radius: 10px;
}
.sub_nav ul:after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	border-bottom:2px dotted #75442b;
}
.sub_nav .top_sub {
	margin-bottom: 26px;
}
.sub_nav .top_sub:after {
	bottom: -26px;
}
.sub_nav .bottom_sub {
	margin-top: 134px;
}
.sub_nav .bottom_sub:after {
	top: -26px;
}


.nav_three{
	float:left;
	width: 300px;
	height:42px;
	margin:0 9px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
	-webkit-transition:all .3s;
	transition:all .3s;
	background-color: #ffffff;
}

.nav_three.now{
	background-color: #fcf5f2;
}
.nav_three.now .cursor_sub {
	transform: rotate(90deg);
}

.last_sub{
	margin:0 0 0 0;
}

.nav_three a{
	text-align:center;
	line-height:42px;
	font-size:15px;
	font-weight:bold;
	display:block;
	width:100%;
	height:100%;
	color:#622a0e;
}

.nav_three a img{
	display:inline-block;
	padding:0 0 3px;
	margin:0 7px 0 0;
}

.page_content .eat_ttl{
	margin:0 0 30px;
}

.eat_course h1{
	font-size:14px;
	font-weight:bold;
	margin:0 0 18px;

	max-height: 100%;
}

.eat_course h1 span{
	letter-spacing:-0.1em;
	margin:0 0 0 -1px;
}

.eat_course h1 img{
	display:inline-block;
}

.eat_course h1 img.show_sp {
	display: none;
}
.eat_course .h1 .mor{padding-bottom:17px;}
.eat_course .h2 .noon{padding-bottom:21px;}
.eat_course .h3 .nig{padding-bottom:18px;}

.eat_section{
	margin:0 0 40px;
}

.last_sec{
	margin-bottom:80px;
}

.eat_section img{
	margin-bottom:40px;
}

.eat_section h2{
	font-size:17px;
	font-weight:bold;
	color:#622a0e;
	margin-bottom:12px;

	max-height: 100%;
}

.eat_section .sec_color{
	font-size:17px;
	font-weight:bold;
	color:#622a0e;
	margin-bottom:12px;
}

.eat_section p{
	font-size:17px;
	line-height:2;

	max-height: 100%;
}

.eat_border{
	width:100%;
	border-top:2px dotted #622a0e;
	margin:0 0 40px;
}

.shop_link{
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all .3s;
	transition:all .3s;
}

/* hover */

.nav_three:hover{
	opacity:0.8;
	background:#fff;
}

.shop_link:hover{
	opacity:0.7;
}



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

.bg_box{
	width:100%;
	height:120%;
	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:30px;
	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:1380px;
	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);
}