body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	font-size: 100%;
	line-height: 1.7em;
	letter-spacing: 0.04em;
	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;
	}

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

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

header{
	width:100%;
	padding-top: 15px;
	height: 8em;
	overflow: hidden;
	}

#brand{
	float: left;
	width: 48%;
	margin: 12px 0px 8px 10px;
	}

#brand img{	
	width: 100%;
}

#gNav{
	display: none;
	}

/*�n���o�[�K�[*/
.menu-btn {
    position: fixed;
    top: 20px;
    right: 10px;
    display: flex;
    height: 70px;
    width: 70px;
    justify-content: center;
    align-items: center;
	z-index: 90;
	border: 1px solid #000000;
    /*background-color: #3584bb;*/
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
}

.menu-btn span:before {
    bottom: 8px;
}

.menu-btn span:after {
    top: 8px;
}



#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*���j���[�I�[�v�����͐^�񒆂̐��𓧖��ɂ���*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


#menu-btn-check {
    display: none;
}


.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #d6be9a;
}
.menu-content ul {
    padding: 110px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ecdcc5;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#000;
    text-decoration: none;
    padding: 9px 15px 10px 8px;
	position: relative;
	font-weight: bold;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}



.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*left�̒l��ύX���ă��j���[����ʊO��*/
    z-index: 80;
    background-color: #d6be9a;
    transition: all 0.5s;/*�A�j���[�V�����ݒ�*/
}


#menu-btn-check:checked ~ .menu-content {
    left: 80;/*���j���[����ʓ���*/
}


/*�n���o�[�K�[end*/




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

#announce{
	width: 100%;
	margin: 0px auto 15px;
}

#announce img{
	width: 100%;
}


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

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

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

#top-concept2{
	width: 32%;
	margin-top: 5%;
	float: left;
}

#top-concept3{
	width: 31%;
	margin-top: 6%;
	float: left;
}

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

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

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

main-content-manabu{
	width:100%;
	margin: 35px auto;
	overflow: hidden;
}

.main-content-manabu section,.main-content-manabu100 section{
	margin-bottom: 40px;
}

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

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

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

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

.main-content-info-box{
	width: 90%;
	margin: 0px auto 30px;
	}

.main-content-info-box-right{
	width: 90%;
	margin: 30px auto;
	}

.main-content-info-head{
	margin-bottom: 11px;
	font-weight: bold;
	font-size: 100%;
	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: 42px;
	padding-top: 30px;
}

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

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

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

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

#main-content-info6 .main-content-info-head{
	background: url(../img/top_info_img6.png) no-repeat bottom left;
	padding-left: 42px;
	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-txt{
	font-size: 90%;
}

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

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


#main-content-banner{
	width: 100%;
	margin: auto;
}

.banner-1{
	width: 50%;
	margin: auto;
}

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

#main-twitter{
	width: 88%;
	margin: auto;
	border: 1px solid #ddd;
	}

#main-content-blog{
	width: 98%;
	margin: 0px auto;
	padding-top: 35px;
	background: url(../img/top_blog_waku_top.jpg) no-repeat top left;
	background-size:cover;
	}


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





#blog-list{
	text-align: left;
	width: 88%;
	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: 10px;
	}

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

#blog-list .post-img img{
	max-width: 180px;
	max-height: 120px;
	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:82%;
	line-height: 1.7em;
}






.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: 80%;
	margin: auto;
	background-color: #fff;
	padding: 8px 20px 20px;
	overflow: hidden;
}

#footer-left{
	width: 100%;
	text-align: center;
}

#footer-left img{
	width: 40%;
}
	
#footer-center{
	width: 100%;
	text-align: center;
}

#footer-right{
	width: 100%;
	font-size: 82%;
	line-height: 1.5em;
	text-align: center;
	margin: 15px 0px;
}

#footer-right2{
	width: 100%;
	font-size: 82%;
	line-height: 1.5em;
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

#footer-right2 p{
	border-top: 1px solid #ddd;
	padding-bottom: 20px;
}


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

#footer-center #name{
	text-align: center;
	margin-top: 12px;
}

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

#founded{
	font-size: 82%;
	text-align: center;
}

#adress{
	margin: 10px 0px;
	font-size: 85%;
	line-height: 1.5em;
	text-align: center;
}

#inq-title{
	width: 33%;
	margin: 20px auto 15px;
	padding-bottom: 2px;
	border-bottom: 3px solid #000;
	text-align: center;
	font-size: 88%;
}

#inq{
	font-size: 88%;
	line-height: 2em;
	text-align: center;
}

#footer-center .tel{
	font-size: 180%;
	font-weight: bold;
}

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

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

#copyright{
	width: 92%;
	margin: 10px auto 0px;
	text-align: center;
	font-size: 70%;
	line-height: 1.5em;
}

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



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

#content #main-head{
	width: 100%;
	margin: auto;
}

.content-title{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 20px 0px;
	background: url(../img/contents_title_line_m.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: 94%;
	margin: auto;
	font-size: 105%;
	margin-top: 40px;
}

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

.admission-message{
	color:red;
	text-align: left;
	width: 92%;
	margin: auto;
	font-size: 90%;
}

.admission-message a{
	color:red;
}

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

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

.admission_r6-img{
	width: 100%;
}

.admission-target{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
	background-color: #e7f4de;
	padding: 10px 12px;
	margin: 20px 0px 0px;
	font-weight: bold;
	text-align: left;
	font-size: 86%;
}

.admission-target-body{
	border: 1px solid #bbb;
	padding: 10px 12px;
	margin: 0px 0px 8px;
	text-align: left;
	font-size: 86%;
}

.admission-target-body span{
	display: block;
}

.admission-subbody{
	width: 96%;
	margin: auto;
	text-align: left;
	font-size: 86%;
}

.admission-subbody span{
	display: block;
}

.waku-yellow{
	width: 89%;
	margin: 30px auto;
	border: 1px solid #ffde00;
	padding: 10px;
	
}


.admission-fee1{
	width: 100%;
	margin: 0px auto 40px;
	border-collapse: collapse;
	font-size: 86%;
}

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

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

.admission-azukari1{
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	font-size: 86%;
}

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

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

.admission-azukari2{
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	font-size: 86%;
}

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

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

/* asobi
----------------------------------------------------------------------------------------------- */

.asobi-content-title-sub{
	width: 92%;
	margin: 20px auto 20px;
	text-align: left;
	line-height: 1.8em;
	font-size: 90%;
}

.asobi-subbox{
	text-align: left;
	width: 94%;
	margin: 10px auto 40px;
	font-size: 94%;
	overflow: hidden;
}

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

.asobi-subbody{	
	text-align: left;
	width: 94%;
	margin: 0px auto;
}

.asobi-pict{
	width: 290px;
	margin: auto; 
	font-size: 85%;
	line-height: 1.5em;
	margin-top: 22px;
}

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

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

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

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

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

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

#asobi-inohana span{
	font-size: 94%;
	line-height: 1.9em;
}

.hahajuku-backnumber{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}

.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: 94%;
	margin: auto;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 50px;
	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: 94%;
	margin: 0px auto;
	font-size: 88%;
	overflow: hidden;
}

.asobi-monthly img{
	width: 100%;
	}


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

.asobi-monthly-img{
	margin-bottom: 10px;
	border-radius: 10px;
	text-align: center;
}

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





/* class_3sai
----------------------------------------------------------------------------------------------- */

.class-3sai-content-title-sub{
	text-align: left;
	width: 88%;
	margin: 0px auto 20px;
	font-size: 96%;
	overflow: hidden;
}

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

.class-3sai-subtitle{
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 92%;
	font-weight: bold;
	margin-bottom: 20px;
}

.class-3sai-subtitle img{
	width: 100%;
}

.class-3sai-subbody{
	text-align: left;
	width: 90%;
	margin: 0px auto;
	font-size: 86%;
}

.class-3sai-subbody img{
	display: block;
	width: 75%;
	margin: 0px auto;
	text-align: center;
}


.class-3sai-subbody .img-right{
	width: 40%;
}

.class-3sai-day{
	width: 100%;
	margin: 15px auto 40px;
	border-collapse: collapse;
	font-size: 92%;
}

.class-3sai-day th{
	width: 24%;
	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-size: 100%;
	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,.nagare10-img,.nagare11-img,.nagare12-img,.nagare13-img,.nagare14-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,.event8-img,.event9-img,.event10-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: 120%;
	font-weight: bold;
	margin-bottom: 18px;
}

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

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

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

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

iframe{	
	width: 94%;
}

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

.senpukuji-subbox{
	width: 92%;
	margin: auto;
	font-size: 92%;
}

#senpukuji-hall{
	text-align: left;
	line-height: 1.8em;
	margin-top: 40px;
}

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

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


/* ���₢���킹
----------------------------------------------------------------------------------------------- */
#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;
	font-size: 94%;
}

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

.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: 200%;
	font-weight: bold;
	margin-top: 10px;
}

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

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



/* qa
----------------------------------------------------------------------------------------------- */
.qa-content{
	overflow: hidden;
	padding: 0px 8px;
	font-size: 92%;
}

.qa-top-img{
	width: 60%;
	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 0px 20px 8px;
}

.img-qa-corona{
	width: 94%;
	margin: 8px;
}