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


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


#gptokyo_index{
	margin: 0 auto;
}


ul#gptokyo_hl{
		display: flex;
		justify-content: center;
		flex-wrap:wrap;
	}
ul#gptokyo_hl li{
	position: relative;margin-bottom: 1em;
	-webkit-transition: all .3s;
	transition: all .3s;}
	
ul#gptokyo_hl li h2{
	font-size: 1.1em;
	line-height: 1.6em
}

ul#gptokyo_hl li:hover{
	background: rgba(220, 220, 151, 0.3)
}

ul#gptokyo_hl li:hover img{opacity: .8}

ul#gptokyo_hl li div:nth-child(1){background: #fff}
ul#gptokyo_hl li div:nth-child(2){
	padding: 1em;
}


ul#gptokyo_hl li .place{
	color: #c4000a;
	display: block;
	margin-bottom: 3px;
	text-align: left
}

ul#gptokyo_hl li .place:before{
	font-family: icomoon;
	content: "\e9ed";
	padding-right: 6px;
	color: #c4000a;
}

ul#gptokyo_hl li .eventdate{display: block;font-weight: bold;margin-bottom: 5px}

@media screen and (max-width: 667px) {
	ul#gptokyo_hl li{margin-bottom: 3em}
}	

@media print, screen and (min-width: 668px) {
	#gptokyo_index{width: 90%;max-width: 1000px;}
	ul#gptokyo_hl li{
	width: calc( ( 100% - 40px ) / 3 );
	margin-right: 20px;
	margin-bottom: 2em
	}	
	
	ul#gptokyo_hl li:nth-child( 3n ) {margin-right: 0;}
}	

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








/* =Single Post Nomal
-------------------------------------------------------------- */


#gpinfo{
	margin-bottom: 30px;
	color: #444444;
	position: relative;
	text-align: center
}

#gpinfo_header{border-bottom: solid 1px #ccc;padding: 1em 1em 2em;margin-bottom: 3em}
#gpinfo_header h2{
	font-size: 2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #c4000a;
	margin-bottom: .5em
}

.event_date{font-weight: bold;font-size: 1.2em;}


#post_body{
	padding: 2em 1em;
}


#post_body p{
	margin-bottom: 1em;
	line-height: 1.6em;
	
}

.photoset{
	display: flex;
	justify-content: center;
	align-items: center;
}

.photoset div{margin: 0 10px 2em;}

.photoset .photoset-1 img{max-width: 630px}

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

@media print, screen and (min-width: 668px) {
	#gpinfo h2{font-size: 2em;}
	#gpinfo{max-width: 800px;
		margin: 0 auto;
		width: 90%
	}
}	

@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
-------------------------------------------------------------- */



.gat{
	text-align: center;
	
}

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


.disc{padding: 2em;}

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

.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;
	padding: 1em 1.5em;
	border-bottom: 2px solid #FFF;
	font-size: 1.1em;
	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{margin-bottom: 1em}
.contact p{
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}

.contact a{
	display: block;
	color: #c4000a;
	padding: .8em 1.5em;
	max-width: 400px;
	margin: 0 auto;
	border: solid 2px #c4000a;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	font-size: 1.1em;
}

.contact a:hover{
	background: #c4000a;
	color: #fff
}

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



#gptokyo_arc{margin-top: 3em
}

#gptokyo_arc h3{
	margin-bottom: 2em;
	color: #c4000a;
	font-family: 'Quicksand';
	font-size: 1.5em;
	font-weight: bold
}

#gptokyo_arc h3 a{color: #c4000a;
	
}

#gptokyo_arc ul{}

#gptokyo_arc ul li{
	display: flex;
	flex-wrap:wrap;
	text-align: left;
	margin-bottom: 1em
}
#gptokyo_arc ul li .place{
	color: #c4000a;
	display: block;
	margin-bottom: 3px;
	text-align: left
}

#gptokyo_arc ul li .place:before{
	font-family: icomoon;
	content: "\e9ed";
	padding-right: 6px;
	color: #c4000a;
}

ul#gptokyo_hl li .eventdate{display: block;font-weight: bold;margin-bottom: 5px}

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

@media print, screen and (min-width: 768px) {
	
	#gptokyo_arc ul{
		display: flex;
		flex-wrap:wrap;
	}
	
	#gptokyo_arc ul li{
	width: calc( ( 100% - 30px ) / 2 );
	margin-right: 30px;
	}
	
	
	#gptokyo_arc ul li:nth-child( 2n ) {margin-right: 0;}
}	

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