/*
Theme Name: 髪匠JUKU様
Template: twentytwelve
Version:  1.0.0
*/
@import url('../twentytwelve/style.css');
@import url('./css/reset.css');

body .site { margin: 0; padding: 0; box-shadow: none; max-width: 100%; }

.site-content { float: none; width: 100%; margin: 0; }
.site-content article { border: none; margin: 0; padding: 0; }

body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content { width: 100% !important; padding: 0 !important; }

.entry-header { margin: 0; }

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: none; box-shadow: none; }

.entry-content ul, .comment-content ul, .mu_register ul,
.entry-content dl, .comment-content dl { list-style: none; box-sizing: border-box; margin: 0; box-sizing: border-box; }
.entry-content li, .comment-content li, .mu_register li,
.entry-content dt, .comment-content dt,
.entry-content dd, .comment-content dd { margin: 0; box-sizing: border-box; }
.entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0; line-height: 1; }

.entry-content h1, .comment-content h1,
.entry-content h2, .comment-content h2,
.entry-content h3, .comment-content h3,
.entry-content h4, .comment-content h4,
.entry-content h5, .comment-content h5,
.entry-content h6, .comment-content h6 { margin: 0; }



/*==========================================
 [共通部] ヘッダー、フッターなど
===========================================*/
body {
	/*max-width: 1600px;*/
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	/*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/**font-family: 'Noto Sans Japanese', sans-serif;**/
	background: #fff;
	color: #221815;
	
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a { color: #000; text-decoration: none; transition: all .3s; }
.entry-content a:visited, .comment-content a:visited { color: #000; }
a:hover { opacity: 0.6; outline: none; }

img { max-width: 100%; vertical-align: bottom; }

hr.line { border: none; border-bottom: 1px solid #ddd; margin: 0; }

.pc { display: block; }
.sp { display: none; }

.inner { max-width: 1200px; position: relative; box-sizing: border-box; margin: 0 auto; }

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

@media screen and (max-width: 767px) {
	/** スマホ表示 **/
	.pc { display: none; }
	.sp { display: block; }
	
	body { min-width: 100%; }
	
	.inner { width: 100%; }
}



header#head { position: relative; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	header#head { }
}




header .nav-box { /*overflow: hidden;*/ padding: 20px 0 0px; box-sizing: border-box; position: relative; z-index: 9999; }
/*header .nav-box.fixed { position: fixed; top: 0px; left: 0px; margin: 0 auto; width: 100%; background: #fff; border-bottom: 1px solid #efefef; box-shadow: 0px 1px 5px 0px #ccc; }*/
header .nav-box.fixed { position: fixed; top: 0px; left: 0px; margin: 0 auto; width: 100%; background: #fff; border-bottom: 1px solid #efefef; box-shadow: 0px 1px 5px 0px #ccc; }

header#head h1 { position: relative; float: left; }
header#head .rbox { float: right; }
header#head .rbox .date { display: inline-block; line-height: 34px; margin-right: 30px; letter-spacing: 0.1em; }
header#head .rbox .tel { display: inline-block; vertical-align: bottom; }
header#head .rbox .tel img {}

header .header-sns { float: right; padding: 10px 0 0;}

nav#site-nav {  float: right; text-align: center; margin-top: 8px; }
nav#site-nav ul { display: block; }
nav#site-nav ul li { float: left; padding: 10px 0; box-sizing: border-box; position: relative; }
nav#site-nav ul li a { display: block; padding: 0px 3px 5px; line-height: 20px; box-sizing: border-box; color: #553f34; font-size: 13px; font-weight: bold; position: relative; margin-right: 20px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: 0.1em;
}

nav#site-nav ul li.current-menu-item > a { background: url(./img/common/g_navi_line.png) no-repeat center bottom; }

/*nav#site-nav ul li a::after { content: url(./img/common/ico_arrow.png); width: 10px; height: 10px; position: absolute; top: 10px; left: 0; margin: 0 auto; }*/

nav#site-nav ul li a span { display: block; font-size: 10px; text-align: left; padding-left: 5px; }
nav#site-nav ul li:last-child a { margin-right: 0px; }

nav#site-nav .sub-menu { display: none; position: absolute; top: 65px; left: 0px; /*width: 500px;*/ width: 600px; background: #e8ddbf; padding-left: 20px; }
nav#site-nav ul li.menu-item-has-children:hover .sub-menu { display: block; }
nav#site-nav .sub-menu li { float: left; }
nav#site-nav .sub-menu li a { white-space: norwap; width: initial; }

nav#site-nav #menu-item-25 .sub-menu { left: -170px; width: 430px; }


header#head .header-eye { width: 100%; position: absolute; top: 0px; left: 0px; color: #fff; height: 100%; box-sizing: border-box; }
header#head .header-eye  h2.discription { font-size: 14px; position: absolute; top: 10px; left: 10px; }
header#head .header-eye .t1 { font-size: 14px; text-align: center; position: absolute; bottom: 130px; left: 0; right: 0; margin: 0 auto; line-height: 3.0em; }

#all-wrap { display: none; }

@media screen and (max-width: 1300px) {
	header#head .header-eye .t1 { bottom: 160px; }
}
@media screen and (max-width: 767px) {
	
	header#head { min-height: 70px; height: 70px; }
	body.home header#head { min-height: initial; height: initial; }
	header#head h1 { top: 0px; left: 0px; float: none; width: 100%; text-align: center; }
	header#head h1 img { width: 150px; }
	/*header#head .name { font-size: 10px; top: 36px; left: 100px; }*/
	
	header#head .rbox { display: none; }

	
	/*header .nav-box { padding: 10px 0; }*/
	header .nav-box { padding: 10px 0; }
	header .nav-box.fixed { padding: 10px 0; }
	header .nav-box.fixed { position: fixed; top: 0px; left: 0px; margin: 0 auto; width: 100%; background: #fff; border-bottom: 1px solid #efefef; box-shadow: 0px 1px 5px 0px #ccc; z-index: 9999; }
	
	
	header#head .header-eye {}
	header#head .header-eye  h2.discription { font-size: 10px; position: absolute; top: 10px; left: 10px; }
	/*header#head .header-eye .t1 { bottom: 50px; font-size: 10px; padding: 0 10px; line-height: 1.5em; color: #ddd; }*/
	header#head .header-eye .t1 { bottom: 10px; font-size: 10px; padding: 0 10px; line-height: 1.5em; color: #ddd; }
	header#head .header-eye .t1 br { display: none; }
	
	header#head .header-eye { display: none; }
	body.home header#head .header-eye { display: block; }
	
	
	/** スマホ表示 **/
	/*#sp-menu { display: block; position: fixed; top: 15px; right: 15px; width: 42px; height: 34px; color: #fff; text-align: center; line-height: 40px; padding: 10px; box-sizing: border-box; z-index: 9999; }*/
	#sp-menu { display: block; position: absolute; top: 0px; right: 15px; width: 42px; height: 34px; color: #fff; text-align: center; line-height: 40px; padding: 10px; box-sizing: border-box; z-index: 9999; }
	#sp-menu:hover { cursor: pointer; }
	
	
	#all-wrap { display: none; position: fixed; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
	#all-wrap.open { display: block; z-index: 1000;}
	
	nav#site-nav-sp { display: none; position: fixed; top: 52px; left: 0px; width: 100%; z-index: 9999; }
	.admin-bar nav#site-nav-sp { top: 110px; }
	nav#site-nav-sp .nav-menu-sp { position: relative; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 9999; }
	nav#site-nav-sp ul { overflow: hidden; border-top: 1px solid #fff; background-color: rgba(0, 0, 0, 0.9); }
	nav#site-nav-sp ul li { float: left; width: 50%; text-align: center; border-bottom: 1px solid #fff; box-sizing: border-box; }
	nav#site-nav-sp ul li:nth-child(odd) { border-right: 1px solid #fff; }
	nav#site-nav-sp ul li a { color: #fff; display: block; line-height: 1.5em; text-decoration: none; font-size: 13px; padding: 15px 0; }
	nav#site-nav-sp ul li a span { display: block; font-size: 8px; }
	
	.menu-trigger,
	.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.menu-trigger { position: relative; }
	.menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #221815; border-radius: 3px; }
	/*.menu-trigger.active span { background-color: #fff; }*/
	.menu-trigger span:nth-of-type(1) { top: 0px; }
	.menu-trigger span:nth-of-type(2) { top: 15px; }
	.menu-trigger span:nth-of-type(3) { bottom: 0px; }
	
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(15px) rotate(-45deg);
		transform: translateY(15px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-15px) rotate(45deg);
		transform: translateY(-15px) rotate(45deg);
	}
}


header #sub-nav { position: fixed; right: 0px; top: 200px; z-index: 9999; display: none; }
header #sub-nav.show { display: block; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
header #sub-nav li { position: relative; cursor: pointer; }
header #sub-nav li .btn {}
header #sub-nav li .tel { display: none; }
header #sub-nav li:hover .tel { display: block; position: absolute; top: -10px; right: 70px; max-width: 176px; }
@media screen and (max-width: 767px) {
	header #sub-nav { display: none; }
	header #sub-nav.show { display: none; }
}

#side-nav { position: fixed; right: 0px; top: 200px; z-index: 9999; }
#side-nav li { margin-bottom: 10px; }
#side-nav li:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	#side-nav { display: none; }
}

/* バナー */
.kamitakumi_banana{
	text-align: center;
    margin-top: 100px;
	    margin-bottom: 60px;
}


/* 固定ページ　コンテンツエリア */
body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content { width: 1000px; margin: 0 auto; padding: 0 0 50px; box-sizing: border-box; }
@media screen and (max-width: 767px) {
	body.search .entry-content,
	body.error404 .entry-content,
	body.page .entry-content { width: 100%; padding: 0px 10px 20px; }
}



@media screen and (max-width: 767px) {

}


/* 404 Error */
body.error404 h3.entry-title { font-size: 20px; }
body.error404 .searchform { margin: 50px 0; }
body.error404 .searchform input[type="text"] { width: 400px; }
@media screen and (max-width: 767px) {
	body.error404 .searchform input[type="text"] { width: 50%; }
}


/* 検索結果 */
body.search {}
body.search h3.entry-title { font-size: 16px; margin-bottom: 50px; }
body.search #search .entry-content { padding-top: 50px 0; line-height: 1.5em; }
body.search #search .entry-content a { display: inline-block; margin: 10px 0; }
body.search #search .entry-content a h4 { color: #014da3; font-size: 16px; }



/* パン屑 */
.breadcrumbs { max-width: 1000px; margin: 40px auto; }
@media screen and (max-width: 767px) {
	.breadcrumbs { margin: 20px auto; padding: 0 10px; box-sizing: border-box; }
}






@media screen and (max-width: 767px) {
	/** スマホ表示 **/

}





.home .sec00 {}
.home .sec00 img { width: 100%; }


.home .sec { overflow: hidden; }

.sec h2.title { font-size: 42px; font-weight: 500; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; margin: 0; padding: 50px 0; }
.sec h2.title .sub { font-size: 20px; display: block; }
.sec p { margin: 0; padding: 0; line-height: 1.8em; }
@media screen and (max-width: 767px) {
	.sec h2.title { font-size: 30px; font-weight: 500; padding: 30px 0 30px; }
	.sec h2.title .sub { font-size: 18px; }
}



/* CONCEPT */
.sec01 { background: url(./img/home/scissors.png) no-repeat right 200px; padding: 100px 0px 100px; }
.sec01 h2.title { padding-top: 100px; }
.sec01 .box { text-align: center; background: url(./img/home/concept_box_bk.png) no-repeat center top; margin: 0; padding-bottom: 60px; }
.sec01 .box .t1 { font-size: 28px; padding-top: 26px; }
.sec01 .box .t2 { font-size: 18px; padding-top: 20px; }
.sec01 .box .t3 { font-size: 18px; padding-top: 30px; }
@media screen and (max-width: 767px) {
	.sec01 { padding: 50px 10px 50px; }
	.sec01 h2.title { padding-top: 70px; }
	.sec01 .box { text-align: left; }
	.sec01 .box br { display: none; }
	.sec01 .box .t1 { font-size: 22px; padding-top: 20px; }
	.sec01 .box .t2 { font-size: 14px; padding-top: 20px; }
	.sec01 .box .t3 { font-size: 14px; padding-top: 30px; }
}

/* FLOW */
.sec02 { /*background: url(./img/home/flow_bk.png) no-repeat center top; background-size: cover;*/ min-height: 600px; padding: 20px 0 0; position: relative; box-sizing: border-box;  z-index: 20; }
.sec02:before { content: url(./img/home/flow_bk.png); position: absolute; top: 56px; left: 0; right: 0; width: 1440px; margin: 0 auto;}
.sec02 .list { overflow: hidden; }
.sec02 .list li { float: left; position: relative; width: 204px; height: 204px; margin-right: 45px; background: #fff; text-align: center; padding-top: 130px; font-size: 20px; font-weight: bold;
					background: url(img/home/flow_1.png) no-repeat center top; }
.sec02 .list li:nth-child(2) { background-image: url(img/home/flow_2.png); }
.sec02 .list li:nth-child(3) { background-image: url(img/home/flow_3.png); }
.sec02 .list li:nth-child(4) { background-image: url(img/home/flow_4.png); font-size: 18px; padding-top: 120px; }
.sec02 .list li:nth-child(5) { background-image: url(img/home/flow_5.png); font-size: 18px; }
.sec02 .list li:last-child { margin-right: 0; }
.sec02 .list li::after { content: url(./img/home/flow_arrow.png); position: absolute; top: 80px; right: -30px; }
.sec02 .list li:last-child::after { content: ""; }
.sec02 .box .t3 {}
@media screen and (max-width: 767px) {
	.sec02 { padding: 0px 10px 20px; min-height: initial; background-position: center center; }
	.sec02 .list { padding: 30px 0 20px; }
	.sec02 .list li { width: 28%; height: 140px; background-size: contain; margin-right: 8%; }
	.sec02 .list li:nth-child(3n) { margin-right: 0; }
	.sec02 .list li::after { top: 30px; right: -24px; }

	.sec02 .list li { padding-top: 60px; font-size: 14px; font-weight: bold; }
	.sec02 .list li:nth-child(4) { font-size: 10px; padding-top: 56px; margin-left: 18%; }
	.sec02 .list li:nth-child(4)::before { content: url(./img/home/flow_arrow.png); position: absolute; top: 30px; left: -24px; }
	.sec02 .list li:nth-child(5) { font-size: 10px; }
}



/* AFTER */
.sec03 { background: #fff; position: relative; z-index: 10; padding: 0 0 100px; }
.sec03 .list {}
.sec03 .list li { background: url(./img/home/after_bk_1.png) no-repeat center top; min-height: 284px; margin-bottom: 50px; }
.sec03 .list li:nth-child(2) { background-image: url(./img/home/after_bk_2.png); }
.sec03 .list li:nth-child(3) { background-image: url(./img/home/after_bk_3.png); }
.sec03 .list li:nth-child(4) { background-image: url(./img/home/after_bk_4.png); }
.sec03 .list li:nth-child(5) { background-image: url(./img/home/after_bk_5.png); }
.sec03 .list li .name { font-size: 22px; padding: 30px 100px 0 670px; }
.sec03 .list li .text { font-size: 16px; padding: 30px 150px 0 650px; }
.sec03 .list li:nth-child(2n) .name { padding: 30px 650px 0 170px; }
.sec03 .list li:nth-child(2n) .text { padding: 30px 650px 0 150px; }
@media screen and (max-width: 767px) {
	.sec03 { padding: 0 10px 50px; }
	.sec03 .list li { min-height: initial; margin-bottom: 50px; background-size: contain; }
	.sec03 .list li:nth-child(2) {}
	.sec03 .list li:nth-child(3) {}
	.sec03 .list li .name { font-size: 18px; padding: 26px 10px 0 55%; }
	.sec03 .list li .text { font-size: 10px; padding: 50px 15px 0 15px; }
	.sec03 .list li:nth-child(2n) .name { padding: 26px 15px 0 25px; }
	.sec03 .list li:nth-child(2n) .text { padding: 50px 15px 0 15px; }
}


/* VOICE */
.sec04 { background: url(./img/home/bk_voice.png) repeat center top; padding: 0 0 50px; overflow: hidden; position: relative; }
.sec04 .list { }
.sec04 .list li { float: left; width: 285px; margin-right: 20px; box-sizing: border-box; }
.sec04 .list li:nth-child(4) { margin-right: 0; }
.sec04 .list li .box { background: #fff; padding: 20px; box-sizing: border-box; box-shadow:0px 0px 10px -2px #888888; min-height: 320px; }
.sec04 .list li .box .title { text-align: center; font-size: 12px; padding-bottom: 40px; }
.sec04 .list li .box .text { font-size: 12px; }
.sec04 .list li .name { text-align: center; padding: 10px; }
@media screen and (max-width: 767px) {
	.sec04 { padding: 0 10px 50px; }
	.sec04 .list li { float: none; width: 100%; margin-right: 0px; margin-bottom: 20px; }
	.sec04 .list li .box { min-height: initial; }
	.sec04 .list li .box .title { text-align: center; font-size: 12px; padding-bottom: 40px; }
	.sec04 .list li .box .text { font-size: 12px; }
	.sec04 .list li .name { text-align: center; padding: 10px; }
}

/* MOVIE */
.sec04a .movie_box{text-align:center;}
.sec04a .movie_box iframe{margin:10px;}
/* LESSON */
.sec05 {}
.sec05 .flex-box { overflow: hidden; padding-bottom: 100px;}
.sec05 .flex-box .box {}
.sec05 .flex-box .box1 { float: left; width: 580px; }
.sec05 .flex-box .box2 { float: right; width: 580px; }
.sec05 .flex-box .box h3.title { font-size: 24px; text-align: center; position: relative; z-index: 2; padding: 30px 0; letter-spacing: 0.1em; font-weight: normal; }
.sec05 .flex-box .box h3.title::before { content: url(./img/home/title_line_naname.png); position: absolute; top: 20px; right: 200px; z-index: 1; }
.sec05 .flex-box .box2 h3.title::before { right: 160px; }
.sec05 .flex-box .box h3.title .en { font-size: 14px; display: block; font-weight: 400; }
.sec05 .flex-box .box .text { line-height: 2.0em; }
@media screen and (max-width: 767px) {
	.sec05 { padding: 0 10px 0; }
	.sec05 .flex-box .box1 { float: none; width: 100%; margin-bottom: 50px; }
	.sec05 .flex-box .box2 { float: none; width: 100%; }
	.sec05 .flex-box .box h3.title { font-size: 22px; }
	.sec05 .flex-box .box h3.title::before { top: 5px; right: 100px; z-index: 1; }
	.sec05 .flex-box .box2 h3.title::before { right: 80px; }
	.sec05 .flex-box .box h3.title .en { font-size: 14px; display: block; font-weight: 400; }
	.sec05 .flex-box .box .text { line-height: 2.0em; }
}

.sec05 .inner2 { max-width: 1262px; margin: 0 auto; }
.sec05 .list { position: relative; }
.sec05 .list::after { content: url(./img/home/bk_lineline.png); position: absolute; top: -130px; left: -80px; width: 1440px; z-index: 2; }
.sec05 .list li { background: url(./img/home/curriculum_bk.png) no-repeat center top; min-height: 424px; margin-bottom: 25px; position: relative; }
.sec05 .list li img.pic { position: absolute; bottom: 18px; z-index: 4; }
.sec05 .list li img.pic.left { left: 30px; }
.sec05 .list li img.pic.right { right: 24px; bottom: 16px; }
.sec05 .list li:nth-child(2) { background-image: url(./img/home/mantoman_bk.png); }
.sec05 .list li:nth-child(3) { background-image: url(./img/home/direct_operation_bk.png); }
.sec05 .list li:nth-child(4) { background-image: url(./img/home/photo_studio_bk.png); }
.sec05 .list li .box { position: absolute; left: 48%; top: 15%; width: 560px; height: 400px; z-index: 3; }
.sec05 .list li:nth-child(2n) .box { left: initial; right: 48%; }
.sec05 .list li .box .title { font-size: 24px; }
.sec05 .list li .box .title:first-letter { color: #3b69a7; font-size: 56px; }
.sec05 .list li:nth-child(2) .box .title:first-letter { color: #c43c3c; }
.sec05 .list li:nth-child(3) .box .title:first-letter { color: #f99d42; }
.sec05 .list li:nth-child(4) .box .title:first-letter { color: #c43c3c; }
.sec05 .list li .box .title .br { display: block; padding-left: 80px; }
.sec05 .list li .box .title .br2 { display: block; padding-left: 160px; }
.sec05 .list li .box .text { padding: 50px 0 0 70px; box-sizing: border-box; line-height: 2.0em; }
.sec05 .list li:nth-child(2n) .box .text { padding: 50px 70px 0 0px; text-align: right; }
@media screen and (max-width: 767px) {
	.sec05 .inner2 { max-width: 1262px; }
	/*.sec05 .list::after { content: url(./img/home/bk_lineline.png); position: absolute; top: -130px; left: -80px; width: 1440px; }*/
	.sec05 .list::after { content: ""; }
	.sec05 .list li { background: url(./img/home/curriculum_bk.png) no-repeat center top; min-height: initial; margin-bottom: 25px; padding: 10px; }

	.sec05 .list li img.pic { position: relative; bottom: initial; max-width: 100%; }
	.sec05 .list li img.pic.left { left: initial; }
	.sec05 .list li img.pic.right { right: initial; bottom: initial; }

	.sec05 .list li .box { position: relative; left: initial; top: initial; width: 100%; height: initial; padding: 20px 0; }
	.sec05 .list li:nth-child(2n) .box { left: initial; right: initial;  }

	.sec05 .list li .box .title { font-size: 16px; }
	.sec05 .list li .box .title:first-letter { font-size: 40px; }

	.sec05 .list li .box .title .br { padding-left: 40px; }
	.sec05 .list li .box .title .br2 { padding-left: 80px; }
	.sec05 .list li .box .text { padding: 20px 0 0 0; line-height: 2.0em; }
	.sec05 .list li:nth-child(2n) .box .text { padding: 50px 0px 0 0px; text-align: left; }

}



/* PRICE */
.sec06 {}
.sec06 .box .contents { float:left; margin-top:5%; }
.sec06 .box { overflow: hidden; margin-bottom:-100px; }
.sec06 .box h3.course { font-size: 24px; text-align: center; margin-bottom: 40px; letter-spacing: 0.1em; font-weight: normal; }
.sec06 .box h3.course .mark { position: relative; display: inline-block; }
.sec06 .box h3.course .mark::after { content: url(./img/home/title_price.png); position: absolute; bottom: -15px; right: -50px; }

.sec06 .box .box1 { float: left; width: 580px; }
.sec06 .box .box2 { float: right; width: 580px; }

.sec06 .box_btn{
    background: url(img/home/nanamesen.png) no-repeat;
    background-position: 167px;
    padding: 50px 0;
    width: 300px;
    margin: 30px auto;
}

.sec06 .box_kuwa{
    text-align: center;
    border: 1px solid #aaa;
    width: 190px;
    padding: 10px;
    font-size: 15px;
	margin: 0 auto;
}


@media screen and (max-width: 767px) {
	.sec06 { padding: 0 10px 0; }
	.sec06 .box h3.course { font-size: 20px; margin-bottom: 20px; }
	.sec06 .box .box1 { float: none; width: 100%; }
	.sec06 .box .box2 { float: none; width: 100%; }
	
}


.sec06 .box .list  { padding: 0 0px; }
.sec06 .box .list dt,
.sec06 .box .list dd { padding: 15px 10px; font-weight: normal; }
.sec06 .box .list .tt { text-align: center; border-bottom: 1px solid #817d7d; }
.sec06 .box .list .tt1 { float: left; width: 48%; }
.sec06 .box .list .tt2 { float: left; width: 48%; }
.sec06 .box .list .tt3 { float: left; width: 48%; }
.sec06 .box .list .course { clear: both; float: left; text-align: center; width: 48%; font-size: 120%; }
.sec06 .box .list .katei { float: left; width: 48%; text-align: center; }
.sec06 .box .list .price { float: left; width: 48%; text-align: center; font-size: 120%; }
.sec06 .box .list .katei.ww { float: left; width: 48%; }
.sec06 .box .list .price.ww { float: left; width: 48%; font-size: 120%; }
@media screen and (max-width: 767px) {
	
}

.sec06 .box .box1 .box1_1,
.sec06 .box .box1 .box1_2,
.sec06 .box .box1 .box1_3,
.sec06 .box .box2 .box2_1 { overflow: hidden; margin-bottom: 50px; display:block; height:450px; }
.sec06 p.hosoku { margin: 1% 5% 6% 8%; font-size: 90%; text-align: right; }
.sec06 .box .box1 .box1_3 .list .tt1 { float: left; width: 48%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt2 { float: left; width: 48%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt3 { float: left; width: 48%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt4 { float: left; width: 48%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .course { clear: both; float: left; width: 48%; font-size: 120%; }
.sec06 .box .box1 .box1_3 .list .base { float: left; width: 48%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .katei { float: left; width: 48%; text-align: center; font-size: 120%; }
.sec06 .box .box1 .box1_3 .list .price { float: left; width: 48%; font-size: 120%; }
@media screen and (max-width: 767px) {
	
}

/* 
 .sec06 .box .box1 .box1_1,
.sec06 .box .box1 .box1_2,
.sec06 .box .box1 .box1_3,
.sec06 .box .box2 .box2_1 { overflow: hidden; margin-bottom: 50px; }
.sec06 p.hosoku { margin: 1% 5% 6% 8%; font-size: 90%; text-align: right; }
.sec06 .box .box1 .box1_3 .list .tt1 { float: left; width: 20%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt2 { float: left; width: 35%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt3 { float: left; width: 20%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .tt4 { float: left; width: 25%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .course { clear: both; float: left; width: 20%; font-size: 120%; }
.sec06 .box .box1 .box1_3 .list .base { float: left; width: 35%; text-align: center; }
.sec06 .box .box1 .box1_3 .list .katei { float: left; width: 20%; text-align: center; font-size: 120%; }
.sec06 .box .box1 .box1_3 .list .price { float: left; width: 25%; font-size: 120%; }
@media screen and (max-width: 767px) {


  backup20180818 */

/* TEACHER */
.sec07 {}
.sec07 .box { overflow: hidden; }
.sec07 .box .pic { float: right; width: 533px; }
.sec07 .box .box-left { float: left; width: 666px; position: relative; padding-top: 50px; }
.sec07 .box .box-left .pic_name {}
.sec07 .box .box-left .text { font-size: 14px; position: absolute; top: 220px; width: 80%; line-height: 2.0em; }
.sec07 .box .box-left .list { overflow: hidden; padding: 50px 0 0 70px; }
.sec07 .box .box-left .list li { float: left; width: 50%; padding: 10px 0; font-size: 12px; }
@media screen and (max-width: 767px) {
	.sec07 { padding: 0 10px; }
	.sec07 .box .pic { float: none; width: 100%; }
	.sec07 .box .box-left { float: none; width: 100%; padding-top: 20px; }
	.sec07 .box .box-left .pic_name {}
	.sec07 .box .box-left .text { font-size: 14px; position: absolute; top: 110px; left: 30px; line-height: 1.6em; }
	.sec07 .box .box-left .list { padding: 150px 0 0 50px; }
	.sec07 .box .box-left .list li { float: none; width: 100%; padding: 5px 0; font-size: 12px; }
	
}


/* スライダー */
.sec.slider { background: url(./img/home/gallery_bk.png) no-repeat center center; background-size: contain; min-height: 382px; box-sizing: border-box; padding: 90px 0 0; margin-top: 50px; }
.sec.slider .gallery { }
.simply-scroll { /*width: 100%;*/ width: 1400px; margin: 0 auto; }
.simply-scroll .simply-scroll-clip { width: 100%; }
.simply-scroll .simply-scroll-list li { width: 300px; height: 200px; }
.simply-scroll .simply-scroll-list li img { width: 100%; height: auto; }
@media screen and (max-width: 767px) {
	.sec.slider { min-height: 200px; height: 200px; padding: 50px 0 0; background-size: cover; }
	.simply-scroll { width: 100%; }
	.simply-scroll .simply-scroll-list li { width: 150px; height: 100px; }
}


/* INTERNSHIP BLOG */
.sec08 { padding-bottom: 100px; }
.sec08 h2.title { padding-top: 100px; }
.sec08 .blog { overflow: hidden; }
.sec08 .blog li { float: left; width: 50%; margin-bottom: 40px; }
.sec08 .blog li .pic { float: left; margin-right: 20px; }
.sec08 .blog li span { display: block; font-size: 16px; }
.sec08 .blog li .date { padding: 10px 0 10px; }
.sec08 .blog li .title { font-size: 22px; padding-right: 20px; font-weight: bold; }
.sec08 .blog li .text { padding: 10px 20px 0px 0; line-height: 1.6em; }
.sec08 .blog li .sign { text-align: right; padding-right: 20px; font-size: 20px; }
@media screen and (max-width: 767px) {
	.sec08 { padding: 50px 10px 50px; }
	.sec08 h2.title { padding-top: 50px; }
	.sec08 .blog { overflow: hidden; }
	.sec08 .blog li { float: none; width: 100%; margin-bottom: 40px; }
	.sec08 .blog li .pic { float: left; margin-right: 20px; width: 45%; }
	.sec08 .blog li span { display: block; font-size: 14px; }
	.sec08 .blog li .date { padding: 0px 0 0px; font-size: 12px; text-align: right; color: #ccc; }
	.sec08 .blog li .title { font-size: 16px; padding-right: 0px; font-weight: bold; line-height: 1.2em; }
	.sec08 .blog li .text { padding: 10px 0px 0px 0; line-height: 1.4em; }
	.sec08 .blog li .sign { text-align: right; padding-right: 20px; font-size: 20px; }
}


/* OUR SALON */
.sec09 { background: url(./img/home/bk_oursalon.png) no-repeat center top; background-size: cover; }
.sec09 .inner { max-width: 1280px; }
.sec09 .list { overflow: hidden; padding: 40px 20px; }
.sec09 .list li { float: left; width: 400px; padding: 20px 10px 20px 10px; border-bottom: 1px dashed #bbb; border-right: 1px dashed #bbb; }
.sec09 .list li:nth-child(3n) { margin-right: 20px; border-right: none; }
.sec09 .list li:nth-child(7),
.sec09 .list li:nth-child(8),
.sec09 .list li:nth-child(9) { border-bottom: none; }
.sec09 .list li .pic {}
.sec09 .list .shop { padding: 20px 0 0; }
.sec09 .list .shop .name { text-align: left; font-size: 24px; letter-spacing: 0.1em; }
.sec09 .list .shop .address { margin-top: 20px; text-align: right; }
.sec09 .list .shop .tel { margin-top: 5px; text-align: right; }
.sec09 .list .shop .tel a { text-decoration: none; color: #221815; }
.sec09 .list .shop .link { margin-top: 5px; text-align: right; }
.sec09 .list .shop .link a { text-decoration: none; color: #221815; }
@media screen and (max-width: 767px) {
	.sec09 { padding: 0 10px 0; }
	.sec09 .list { padding: 20px 0px; }
	.sec09 .list li { float: none; width: 100%; padding: 0px 0 20px 0; border-bottom: 1px dashed #bbb; border-right: none; overflow: hidden; margin-bottom: 20px; }
	.sec09 .list li:nth-child(3n) { margin-right: 0px; }
	.sec09 .list li:nth-child(7),
	.sec09 .list li:nth-child(8) { border-bottom: 1px dashed #bbb; }
	.sec09 .list li:nth-child(9) { border-bottom: none; }
	.sec09 .list li .pic { float: left; margin-right: 20px; width: 45%; }
	.sec09 .list li:nth-child(2n) .pic { float: right; margin-right: 0px; margin-left: 20px; width: 45%; }
	.sec09 .list .shop { padding: 0px 0 0; }
	.sec09 .list .shop .name { font-size: 18px; }
	.sec09 .list .shop .address { margin-top: 10px; text-align: left; font-size: 12px; }
	.sec09 .list .shop .tel { margin-top: 0px; text-align: left; }
	.sec09 .list .shop .tel a { text-decoration: none; color: #221815; }
	.sec09 .list .shop .link { margin-top: 0px; text-align: left; }
}


/* ACCESS */
.sec10 {}
.sec10 .inner { overflow: hidden; }
.sec10 .pic { float: left; }
.sec10 .box { float: right; text-align: center; width: 500px; }
.sec10 .box a { display: block; }
.sec10 .box a .tel { width: 378px; text-align: center; }
.sec10 .box .address { padding: 20px 0 0; }

.sec10 .googlemap { width: 100%; height: 380px; background: #fff; margin-top: 50px; border-bottom: 2px solid #ffa943; }
@media screen and (max-width: 767px) {
	.sec10 { padding: 0 10px 0; }
	.sec10 .pic { float: none; }
	.sec10 .box { float: none; text-align: center; width: 100%; padding-top: 20px; }
	.sec10 .box a { display: block; }
	.sec10 .box a .tel { width: 240px; text-align: center; }
	.sec10 .box .address { padding: 20px 0 0; }

	.sec10 .googlemap { height: 190px; margin-top: 20px; }
}


#campus-map { width: 100%; height: 380px; }



footer#footer { padding: 20px 0 20px; }
footer#footer .copyright { text-align: center; }


.sec01,.sec02,.sec03,.sec04,.sec05,
.sec06,.sec07,.sec08,.sec09,.sec10 { margin-top: -100px; padding-top: 100px; }
@media screen and (max-width: 767px) {
	.sec01,.sec02,.sec03,.sec04,.sec05,
	.sec06,.sec07,.sec08,.sec09,.sec10 { margin-top: -53px; padding-top: 53px; }
}




.single #contents,
.archive #contents,
.category #contents,
.blog #contents { max-width: 1000px; margin: 0 auto; padding: 50px 0; box-sizing: border-box; }
.single .site-content,
.archive .site-content,
.category .site-content,
.blog .site-content { float: left; width: 65%; }
@media screen and (max-width: 767px) {
	
}

body.blog #contents,
body.single #contents,
body.archive #contents { max-width: 1000px; margin: 0 auto; overflow: hidden;  }
@media screen and (max-width: 599px) {

	body.blog #contents,
	body.single #contents,
	body.archive #contents { width: 100%; overflow: hidden; margin-top: 20px; padding: 0 10px; }
}


body.blog .site-content,
body.single .site-content,
body.archive .site-content { width: 760px; }
body.blog .widget-area,
body.single .widget-area,
body.archive .widget-area { width: 200px; margin: 0; }
@media screen and (max-width: 599px) {
	body.blog .site-content,
	body.single .site-content,
	body.archive .site-content { float: none; width: 100%; }
	body.blog .widget-area,
	body.single .widget-area,
	body.archive .widget-area { float: none; width: 100%; margin: 0; }
}

body.blog .site-content h1.entry-title,
body.single .site-content h1.entry-title,
body.archive .site-content h1.entry-title { background: #221815; color: #fff; padding: 5px 10px; margin-bottom: 20px; box-sizing: border-box; }
body.blog .site-content h1.entry-title a,
body.single .site-content h1.entry-title a,
body.archive .site-content h1.entry-title a { background: #221815; color: #fff; display: block; padding: 5px 10px; box-sizing: border-box; }

.entry-post-date { text-align: right; margin: 5px 0 10px; }

body.blog .site-content .entry-content,
body.single .site-content .entry-content,
body.archive .site-content .entry-content { margin-bottom: 100px;  }

body.blog .site-content .entry-content p,
body.single .site-content .entry-content p,
body.archive .site-content .entry-content p { line-height: 2.0em; margin-bottom: 2.0em;  }


.widget-area .widget { border: 1px solid #221815; }
.widget-area h3 { font-size: 16px; text-align: center; background: #221815; color: #fff; margin: 0 !important; }
.widget-area li { padding: 5px 10px; border-bottom: 1px dashed #ccc; box-sizing: border-box; }
.widget-area li:last-child { border-bottom: none; }

.widget_recent_entries span { display: block; text-align: right; }


._top,
._top .gotop,
._top .tel  { display: none; }
@media screen and (max-width: 767px) {
	/***
	._top { position: fixed; bottom: 10px; right: 10px; display: none; z-index: 9999; }
	._top .gotop { display: inline-block; width: 50px; height: 50px; }
	***/
	._top { position: fixed; bottom: 0px; right: 0px; display: none; z-index: 9999; width: 100%; text-align: center; background-color: rgba(255,255,255,0.9); }
	._top .gotop { display: inline-block; width: 50px; height: 50px; float: right; }
	._top .tel { width: 100%; display: inline; }
	._top .tel .pic { width: 189px; padding-top: 10px; }
}