html{
-webkit-text-size-adjust: 100%;
}

body{
	font-family:
    '���C���I',
    Meiryo,
    'Lucida Grande',
    Verdana,
    '�q���M�m�p�S Pro W3',
    'Hiragino Kaku Gothic Pro',
    Osaka,
    '�l�r �o�S�V�b�N',
	sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	letter-spacing: 0.04em;
	}

/* header
----------------------------------------------------------------------------------------------- */

#wrapper{
	width:100%;
	background: url(../img/bg_header_line.jpg) repeat-x top left;
}

header{
	margin: auto;
	padding-top: 30px;
	width:1060px;
	height: 98px;
	overflow: hidden;
	}

#brand{
	float: left;
	margin-right: 70px;
	}

#brand img{	
	width: 240px;
}

#gNav{
	text-align: right;
	margin-top: 8px;
	}

#gNav li{
	float: left;
	margin-left: 25px;
	}

.hamburger-menu{
	display: none;
}


/* main
----------------------------------------------------------------------------------------------- */

#announce{
	width: 1020px;
	margin: 0px auto;
}


.bg-slider{
	width: 100%;
	height: 63vw;
	background-position:top center;
	background-size: cover;
	display: flex;
	align-items: top;
	justify-content: center;
	}

#main-title{
	width: 100%;
	text-align: left;
	padding-top: 29vw;
	padding-left: 2vw;
}

#top-concept{
	width: 33%;
	float: left;
}

#top-concept2{
	width: 26%;
	margin-top: 8%;
	float: left;
}

#top-concept3{
	width: 24%;
	margin-top: 10%;
	float: left;
}

#top-concept img{
	width: 102%;
}

#top-concept2 img,#top-concept3 img{
	width: 100%;
}


#main-content{
	width:1060px;
	margin: 35px auto;
	overflow: hidden;
}

#main-content section{
	margin-bottom: 40px;
}

#main-content-info{
	overflow: hidden;
	}

.main-content-title{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 10px 0px 14px;
	background: url(../img/contents_title_line.png) no-repeat bottom center;
	margin-bottom: 35px;
}

.main-content-info-set{
	overflow: hidden;
}

.main-content-info-box{
	float: left;
	width: 310px;
	margin-right:65px;
	margin-bottom: 30px;
	}

.main-content-info-box-right{
	float: left;
	width: 310px;
	}

.main-content-info-head{
	margin-bottom: 11px;
	font-weight: bold;
	font-size: 118%;
	padding-bottom: 4px;
	border-bottom: 3px solid #f1e9de;
	}

#main-content-info1 .main-content-info-head{
	background: url(../img/top_info_img1.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info2 .main-content-info-head{
	background: url(../img/top_info_img2.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info3 .main-content-info-head{
	background: url(../img/top_info_img3.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info4 .main-content-info-head{
	background: url(../img/top_info_img4.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info5 .main-content-info-head{
	background: url(../img/top_info_img5.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info6 .main-content-info-head{
	background: url(../img/top_info_img6.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info7 .main-content-info-head{
	background: url(../img/top_info_img7.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info8 .main-content-info-head{
	background: url(../img/top_info_img8.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info9 .main-content-info-head{
	background: url(../img/top_info_img1.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}

#main-content-info10 .main-content-info-head{
	background: url(../img/top_info_img2.png) no-repeat bottom left;
	padding-left: 40px;
	padding-top: 30px;
}


.main-content-info-pict-bottom{
	margin: 10px 0px;
	}

.main-content-info-pict-bottom img{
	border-radius: 10px;
}


#main-content-banner{
	width: 870px;
	margin: auto;
}

.banner-1{
	width: 240px;
	margin: auto;
}

.banner-img{
	width: 240px;
	border: 1px solid #ddd;
}

#main-twitter{
	width: 400px;
	margin: auto;
	/*border: 1px solid #ddd;*/
	}

#main-content-blog{
	background: url(../img/top_blog_waku_top.jpg) no-repeat top left;
	width: 870px;
	margin: auto;
	padding-top: 70px;
	}



#blog-list{
	text-align: left;
	width: 760px;
	margin: auto;
	
	
}

#blog-list a{
	color: #000;
}

#blog-list li{
	margin-bottom: 10px;
	overflow: hidden;
}

.blog-list-day{
	float: left;
	margin-right: 2em;
	margin-bottom: 10em;
}

#blog-list .post-title{
	font-size: 16px;
	font-weight:bold;
	float: left;
	margin-right: 22px;
	margin-bottom: 5px;
	clear: both;
}

#blog-list .post-day{
	font-size: 13px;
	margin-bottom: 8px;
	}

#blog-list .post-img{
	float: right;
	margin: 0px 10px;
	}

#blog-list .post-img img{
	max-width: 220px;
	max-height: 130px;
	object-fit: contain;
	border: 1px solid #ddd;
	}

#blog-list .post-txt-box{
	overflow: hidden;
	border-bottom:3px solid #f1e9de;
	padding-bottom:10px;
	margin-bottom: 10px;
}

#blog-list .post-txt{
	font-size:14px;
	line-height: 16px;
	line-height: 1.7em;
}

.blog-more{
	text-align: right;
	padding-right: 50px;
	padding-bottom: 50px;	
	background: url(../img/top_blog_waku_bottom.jpg) no-repeat bottom left;	
}

.blog-more span{
	background-color: #f1e9de;
	border-radius: 10px;
	padding: 12px;

}





/* footer
----------------------------------------------------------------------------------------------- */

footer{
	width: 100%;
	background-color: #f1e9de;
	margin-top: 35px;
	padding: 20px 0px;
}

#footer-area{
	width: 1010px;
	margin: auto;
	background-color: #fff;
	padding: 25px 25px 25px 20px;
	overflow: hidden;
}

#footer-left{
	float: left;
	width: 180px;
	margin: 180px 0px 0px 0px;
}

#footer-center{
	float: left;
	width: 300px;
	margin-right: 50px;	
	vertical-align: top;
}

#footer-right{
	float: left;
	width: 220px;
	margin-right: 30px;	
	vertical-align: top;
	font-size: 90%;
	line-height: 1.5em;
}

#footer-right2{
	float: left;
	width: 230px;
	vertical-align: top;
	font-size: 90%;
	line-height: 1.5em;
}

#footer-right li, #footer-right2 li{
	margin-bottom: 10px;
}

#footer-center #name span{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5em;
}

#founded{
	font-size: 88%;
}

#adress{
	margin: 10px 0px 5px;
	font-size: 95%;
	line-height: 1.5em;
}

#inq-title{
	width: 88px;
	margin: 15px 0px 12px;
	padding-bottom: 3px;
	border-bottom: 3px solid #000;
}

#inq{
	line-height: 2em;
}

#footer-center .tel{
	font-size: 160%;
	font-weight: bold;
	line-height: 1.4em;
}

#inq a{
	text-decoration: none;
	color: #000;
}

#inq a:hover{
	text-decoration: underline;
	color: #000;
}

#copyright{
	width: 1060px;
	margin: 10px auto 0px;
	text-align: center;
	font-size: 85%;
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}



/* content
----------------------------------------------------------------------------------------------- */

#content #main-head{
	width: 1060px;
	margin: auto;
}

.content-title{
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 40px 0px 20px;
	background: url(../img/contents_title_line.png) no-repeat bottom center;
	margin-bottom: 30px;
}

.content-title a{
	color: #000;
	text-decoration: underline;
}

.content-title-mini{
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 40px 0px 20px;
	background: url(../img/contents_title_line.png) no-repeat bottom center;
	margin-bottom: 30px;
}


.content-title-bg{
	margin-top: 20px;
}

.content-title-bg img{
	width: 100%;
}

.content-title-img{
	text-align: center;	
}

.content-title-sub{
	text-align: center;
	line-height: 1.8em;
}

.content-pict{
	text-align: center;
	padding-top: 25px;	
}



/* admission
----------------------------------------------------------------------------------------------- */
.admission-subbox{
	text-align: center;
	width: 900px;
	margin: auto;
	font-size: 105%;
	margin-top: 40px;
}

.admission-subtitle{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 18px;
	background: url(../img/admission_sub_line.png) no-repeat bottom center;
	padding-bottom: 22px;
}

.admission-message{
	color:red;
	text-align: center;
}

.admission-message a{
	color:red;
}

.admission-r6{
	margin-top: 20px;
	text-align: center;	
	font-weight: bold;
	font-size: 116%;
}


.admission-message a[href^="tel:"] {
	pointer-events: none;
	color:red;
}

.admission-target{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
	/*border-top: 4px solid #4ab500;*/
	background-color: #e7f4de;
	padding: 11px;
	margin: 25px 0px 0px;
	font-weight: bold;
	text-align: center;
}

.admission-target-body{
	border: 1px solid #bbb;
	padding: 11px;
	margin: 0px 0px 8px;
	text-align: center;
}

.admission-target-body span{
	padding-right: 30px;
}

.admission-subbody{
	text-align: center;
	width: 660px;
	margin: 0px auto;
}

.waku-yellow{
	width: 860px;
	margin: 30px auto;
	border: 1px solid #ffde00;
	padding: 20px;
	
}


.admission-subbody span{
	display: block;
}

.admission-fee1{
	width: 900px;
	border-collapse: collapse;
	font-size: 100%;
}

.admission-fee1 th{
	width: 220px;
	vertical-align: top;
	border: 1px solid #bbb;
	background-color: #e7f4de;
	padding: 11px;
}

.admission-fee1 td{
	vertical-align: top;
	border: 1px solid #bbb;
	padding: 11px;
}

.admission-azukari1{
	width: 900px;
	border-collapse: collapse;
	font-size: 100%;
}

.admission-azukari1 th{
	width: 220px;
	vertical-align: top;
	border: 1px solid #bbb;
	background-color: #e7f4de;
	padding: 11px;
}

.admission-azukari1 td{
	vertical-align: top;
	border: 1px solid #bbb;
	padding: 11px;
}

.admission-azukari2{
	width: 900px;
	border-collapse: collapse;
	font-size: 100%;
}

.admission-azukari2 th{
	width: 280px;
	vertical-align: top;
	border: 1px solid #bbb;
	background-color: #e7f4de;
	padding: 11px;
}

.admission-azukari2 td{
	vertical-align: top;
	border: 1px solid #bbb;
	padding: 11px;
}

/* asobi
----------------------------------------------------------------------------------------------- */
.asobi-content-title-sub{
	text-align: center;
	line-height: 1.8em;
	font-size: 115%;
}

.asobi-subbox{
	text-align: center;
	width: 910px;
	margin: auto;
	font-size: 105%;
	margin-top: 35px;
	overflow: hidden;
}

.asobi-subtitle{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 18px;
}

.asobi-subbody{	
	text-align: center;
}

.asobi-pict{
	float: left;
	width: 290px;
	margin-right: 20px;
	font-size: 85%;
	line-height: 1.5em;
	margin-top: 20px;
}

.asobi-pict-right{
	float: left;
	width: 290px;
	font-size: 85%;
	line-height: 1.5em;
	margin-top: 20px;
}

.asobi-pict img,.asobi-pict-right img{
	margin-bottom: 3px;
	border-radius: 10px;
}

#asobi-inohana{
	border: 1px solid #ccc;
	padding: 25px;
	border-radius: 10px;
}

#asobi-inohana p{
	margin-bottom: 8px;
}

#asobi-inohana .img-right-maru{
	margin: 0px 10px 20px 15px;
	border-radius: 10px;
	float: right;
}

#asobi-inohana .img-left{
	margin: 0px 20px 20px 10px;
}

#asobi-inohana span{
	font-size: 85%;
}	
	
.hahajuku-backnumber{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}

.hahajuku-backnumber-q{	
	padding: 9px 0px 6px 10px;
	background-color: #d8f4c6;
	border-radius: 3px;
	margin-bottom: 5px;
	text-decoration: underline;
	}

.hahajuku-backnumber-a{
	margin: 15px 5px; 
}


.product-backnumber{
	text-align: center;
	width: 910px;
	margin: auto;
	font-size: 105%;
	margin-top: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

.product-backnumber-q{	
	padding: 9px 0px 6px 10px;
	background-color: #d8f4c6;
	border-radius: 3px;
	margin-bottom: 5px;
	text-decoration: underline;
	}

.product-backnumber-a{
	
}

.product-backnumber-a .asobi-pict img{
	width: 290px;
}

.product-backnumber-a .asobi-pict-right img{
	width: 290px;
}

.asobi-monthly{
	width: 902px;
	margin: 0px auto;
	background: url(../img/asobi_monthly_bg.jpg) no-repeat top right;
	overflow: hidden;
}

.asobi-monthly-title{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	margin: 30px 0px 30px;
}

.asobi-monthly-img{
	float: left;
	margin-bottom: 40px;
	margin-right: 35px;
	border-radius: 10px;
}

.asobi-monthly-img img{
	border-radius: 10px;
}



/* class_3sai
----------------------------------------------------------------------------------------------- */
.class-3sai-content-title-sub{
	width: 1060px;
	margin: 0px auto;
	text-align: center;
	line-height: 1.8em;
	font-size: 115%;
}

.class-3sai-subbox{
	width: 900px;
	margin: auto;
	font-size: 105%;
	overflow: hidden;
}

.class-3sai-subtitle{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0px 20px;
}

.class-3sai-subbody{	
	text-align: left;
}

.class-3sai-day{
	width: 100%;
	margin: 15px auto;
	border-collapse: collapse;
	border: 1px solid #bedb59;
	font-size: 105%;
}

.class-3sai-day th {
	width: 15%;
	border: 1px solid #bedb59;
	padding: 8px;
}

.class-3sai-day td {
	border: 1px solid #bedb59;
	padding: 8px;
}

.class-3sai-nagare-title{
	width: 100px;
	background-color: #f2b6cb;
	color: #fff;
	border-radius: 6px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	margin: 20px 0px 10px;
}

.nagare1-img,.nagare2-img,.nagare3-img,.nagare4-img,.nagare5-img,.nagare6-img,.nagare7-img,.nagare8-img,.nagare9-img{
	width: 300px;
	margin-top: 8px;
}

.class-3sai-event-title{
	width: 140px;
	background-color: #afd138;
	color: #fff;
	border-radius: 6px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	margin: 20px 0px 10px;
}

.event1-img,.event2-img,.event3-img,.event4-img,.event5-img,.event6-img,.event7-img{
	width: 290px;
	margin-top: 8px;
}



/* access
----------------------------------------------------------------------------------------------- */
#access{
	background: url(../img/tree_bg.jpg) no-repeat top center;
	background-size: cover;
	width:100%;
	height: 1000px;
}

.access-subtitle{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 18px;
}

.access-subbody{
	text-align: center;
	margin-bottom: 25px;
	font-size: 105%;
}

.access-subbody table{
	width: 600px;
	margin: auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 105%;
	margin-bottom: 10px;
}

.access-subbody th{
	width: 120px;
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 10px;
}

.access-subbody td{
	border: 1px solid #ccc;
	padding: 8px;
	}



/* �^�@��J�h ���^�R �ꕟ��
----------------------------------------------------------------------------------------------- */
.senpukuji-subtitle{
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 18px;
}

#senpukuji-hall{
	text-align: left;
	line-height: 1.8em;
	margin-top: 40px;
	overflow: hidden;
	text-decoration: none!important;
}

#senpukuji-hall img{
	float: right;
	border-radius:10px;
	margin-left: 10px;
}

.senpukuji-btn{
	width: 340px;
	margin: 15px auto;
	padding: 15px;
	background-color: #4ab500;
	border-radius:10px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: block;
}

.senpukuji-btn:hover{
	opacity: 0.8;
}
	
	
/* ���₢���킹
----------------------------------------------------------------------------------------------- */
#inquiry{	
	background: url(../img/tree_bg.jpg) no-repeat top center;
	background-size: cover;
	width:100%;
	height: 1000px;
}

.inq-body{
	text-align: center;
	margin-bottom: 25px;
}

.inq-body2{
	text-align: center;
	background: url(../img/admission_sub_line.png) no-repeat top center;
	padding-top: 28px;
}

.inq-body a,.inq-body2 a{
	text-decoration: none;
	color: #000;
}

.inq-body a:hover,.inq-body2 a:hover{
	text-decoration: underline;
	color: #000;
}


.inq-tel-head,.inq-mail-head{
	text-align: center;
	margin-top: 20px;
}

.inq-tel-data{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-top:6px;
}

.inq-tel-data2{
	text-align: center;
	margin-top: 6px;
}

.inq-mail-data{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}







/* qa
----------------------------------------------------------------------------------------------- */
.qa-content{
	overflow: hidden;
}

.qa-top-img{
	width: 30%;
	margin: auto;
}

.qa-top-img img{
	width: 100%;
}

.q-box{	
	padding: 9px 0px 6px 10px;
	background-color: #d6eef1;
	border-radius: 3px;
	margin-bottom: 5px;
	text-decoration: underline;
	}

.a-box{
	margin: 15px 5px; 
}

.img-qa-meal{
	width: 240px;
	float: right;
	border-radius:10px;
	margin: 0px 20px 20px 20px;
}

.img-qa-corona{
	width: 410px;
	float: right;
	margin: 0px 20px 20px 20px;
}