@charset "Utf-8";
#linfo_title{
	text-align: center;
	padding: 1em 2em;
	margin-bottom: 3em;
}


#linfo_title h1{font-size: 1.2em;}
#linfo_title h1 span{
	display: block;
	font-size: 2em;
	font-family: 'Quicksand';
	letter-spacing: .1em;
	color: #c4000a;
	margin-bottom: 20px
}


#class_menu{
	margin: 0 auto;
	max-width: 900px;
}

#class_menu h2{
	text-align: center;
	color: #c4000a;
	margin-bottom: 1em
}

ul.lesson_hl{
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom: solid 1px #eee;
}


ul.lesson_hl > li{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	text-align: left;
	padding: 1.5em 0
}

ul.lesson_hl > li div:nth-child(1){
	width: 30%
}

ul.lesson_hl  > li div:nth-child(2){
	width: 65%
}


ul.lesson_hl li h3{
	font-size: 1.1em;
	line-height: 1.6em;
	margin:3px 0 .5em
}

ul.lesson_hl li:hover h3{}

ul.lesson_hl li:hover img{opacity: .8}

.lecat,
.lecat a{
	color: #c4000a;
	display: block;
	margin-bottom: 5px
}


.lecat a:before{
	font-family: icomoon;
	content: "\e914";
	padding-right: 6px;
	color: #dbdb95;
}


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

@media print, screen and (min-width: 668px) {
	#class_menu h2{margin: 3em auto 1em;font-size: 1.8em}
	ul.lesson_hl {
		display: flex;
		flex-wrap:wrap;
		padding-bottom: 2em;
	}


	ul.lesson_hl li{
	width: calc( ( 100% - 30px ) / 2 );
	margin-right: 30px;
	}
	
	
	ul.lesson_hl li:nth-child( 2n ) {margin-right: 0;}

}	

@media print, screen and (min-width: 1000px) {}	



#menuinfo{
}




/* =Single Post Nomal
-------------------------------------------------------------- */
.category-name{
	font-size: 131%;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 15px;
}

.category-name a,
.category-name a:visited{color: #993333;}


ul#cat_list{
	margin-right: 15px;
	margin-left: 15px;
}

ul#cat_list li{
	font-size: 93%;
	margin-bottom: 3px;
}


.lepost{
	padding: 0 1em 2em;
	margin-bottom: 30px;
	color: #444444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	
}

.post_header{
	border-left: 4px solid #c9abb2;
	margin-bottom: 2em;
	padding: .6em 0 .6em 1.5em;
	text-align: left
}

.post_header h1{
	font-size: 1.5em;
	line-height: 1.5em
}

.post_header h1 span{
	display: block;
	font-size: .8em;
	margin-bottom: .5em;
	color: #9e3f3f
}
.post_header h1 span a{color: #9e3f3f}


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

@media print, screen and (min-width: 668px) {
	.post_header h1{font-size: 1.6em;}
	
}	

@media print, screen and (min-width: 1000px) {
	.post_header{padding: 1em 1em 1em 1.5em;border-left: 5px solid #c9abb2;}
	.lepost{border: 3px solid #E8DCDF;padding: 0 2em 2em;}
}	


.post_header ul{}
.post_header li{
	display: inline;
	padding-right: 5px;
	font-size: 93%;
	font-weight: bold;
	color: #333;
}

.post_header .date{
	padding-right: 5px;
	color: #786955;
	margin-bottom: 8px;
}



.post_header li a:hover{
}


.post h2{
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	color: #993333;
	margin: 0px;
}


.post h2 a,
.post h2 a:visited{
	color: #993333;
	text-decoration: none;
}

.post h2 li a:hover{
}

.post h2 span{
	font-size: smaller;
	font-weight: bold;
	color: #999;
	padding-right: 10px;
}


.post_body{
	line-height: 1.5em;
}

.post_body p{
	margin-bottom: 5px;
}

@media screen and (max-width: 667px) {
	.post_body p{font-size: 1.1em;line-height: 1.8em}
}	

@media print, screen and (min-width: 668px) {}	

@media print, screen and (min-width: 1000px) {}	

.more{
	text-align: right;
}
.post_body a,
.post_body a:visited{
	color: #B71322;
}

.post_body a:hoevr{
	color: #333;
}


ul.taglist{margin-bottom: 1em
}

ul.taglist li{
	text-align: left;
	padding: .2em 0
}
ul.taglist li a{}
ul.taglist li a:before{
	content: "#";
	padding-right: .2em
}


.post_footer{
	background: #F6ECEB;
	padding: .5em 1em;
}

.post_footer ul{
	text-align: right;
	padding-left: 5px;
}
.post_footer li{
	display: inline;
	font-size: 85%;
}

.post_footer a,
.post_footer a:visited{
	color: #333;
}

.post_body a:hoevr{
	color: #333;
	text-decoration: underline;
}


/* =Single Post GiftPanTokyo
-------------------------------------------------------------- */

p.prezent{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF2ED;
	behavior: url(/css/PIE.htc);
	position: relative;
	padding: 5px 7px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	color: #333;
	font-size: 93%;
}
p.prezent strong{
	color: #993333;
	font-size: larger;
}

.post_header_gat{
	text-align: center;
	padding-top: 10px;
}
.post_header_gat h2{
	font-weight: bold;
	color: #993333;
	font-size: 18px;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.post_header_gat h2 span{
	color: #993333;
	letter-spacing: 2px;
	display: block;
	font-size: 80%;
	padding-top: 3px;
}


.post_header_gat h3,
.post_header_gat h3 a:link,
.post_header_gat h3 a:visited{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	background: #8E2F2F;
	margin-bottom: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.5em;
	border-style: none;
}

.post_header_gat h3 span{
	display: block;
	color: #FFF;
	font: bold 18px Arial, Helvetica, sans-serif;
}

.photoset{
	text-align: center;
}


.photoset img{
	width: 96%;
	height: auto;
	vertical-align: middle;
	margin-left: 2px;
}


.photoset p {
display: table-cell;
vertical-align: middle;
margin: 0;
}

/*for IE6 */
* html .photoset p {
display: inline;
zoom: 1;
}

/*for IE7 */
*:first-child+html .photoset p {
display: inline;
zoom: 1;
}



.gat{
	text-align: center;
	
}

.gat img{
	margin-bottom: 10px;
	margin-top: 10px;
}

.disc{padding-top: 15px;
	padding-bottom: 15px;}

.senchaku{
	font-size: 16px;
	color: #F30;
	margin-bottom: 15px;
}


.place{
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.place_info{
	margin-bottom: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.place_info th,.place_info td{
	vertical-align: top;
	color: #000;
	padding: 5px 8px;
	border-bottom: 2px solid #FFF;
	font-size: 108%;
	background: #F7F7F7;
}

.place_info th{
	border-right: 1px solid #FFF;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
.place_info td{
	text-align: left;
}
.place_info td span{
	font-size: 85%;
	display: block;
}

.place_info td.kone{
	font-size: 93%;
	font-weight: normal;
}

.place_info strong{
}


.contact{
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}


.add{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}



/*『詳細へ』ボタン*/

.shousai_gpt{
	background: url(../img/lesson/shousai.gif) no-repeat 0px 0px;
	height: 70px;
	width: 70px;
	text-indent: -9999px;
	margin-top: 12px;
	display: inline;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.shousai_gpt a{
	background: url(../img/lesson/shousai.gif) no-repeat 0px 0px;
	height: 70px;
	width: 70px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
		margin-right: auto;
	margin-left: auto;

}

.shousai_gpt a:hover{
	background: url(../img/lesson/shousai.gif) no-repeat -70px 0px;
}


nav#class_prevnext{}

nav#class_prevnext li a{
	display: block;
	background: #f7f7f7;
	padding: 1em;
	border-radius: 3px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

nav#class_prevnext li a:hover{
	background: #f1eeee;
}

li.prevmenu{}
	
li.prevmenu span:before{
	font-family: icomoon;
	content: "\e976";
	padding-right: .5em
}
li.nextmenu span:after{
	font-family: icomoon;
	content: "\e977";
	padding-left: .5em
}
	
	

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

@media print, screen and (min-width: 668px) {
	nav#class_prevnext ul{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	
	nav#class_prevnext ul li{width: 48%}
	nav#class_prevnext ul li span{
		display: block;
		font-weight: bold;
		margin-bottom: 3px;
		font-size: 1.1em;
	}
	
	
	
	li.nextmenu{text-align: right}
}	

@media print, screen and (min-width: 1000px) {}