/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  PROFILE LAYOUT STYLE　                                                          */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------- */
/*  1-1.AISATSU                                                                     */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.aisatsu{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:100px;
		}
	
	.aisatsu dt{
		height:auto;
		text-align:center;
		margin-bottom:40px;
		background:none;
		font-size:14pt;
		font-size:1.2em;
		font-weight:bold;
		color:#322725;
		}
}


/* -------------------------------------------------------------------------------- */
/*  2-1.PROFILE                                                                     */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {	
	.profile{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		border-left:none;
		border-right:none;
		border-bottom:none;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		padding-top:50px;
		padding-left:0;
		padding-right:0;
		}

	.profile h3{
		padding-top:53%;
		width:60%;
		height:0;
		background-size: contain;
		background-position:center;
		position:static;
		margin:0 auto 15px auto;
		} 

	.profile h3 + p{
		width:90%;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}

	dl.proDetail{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:20px;
		}

	dl.proDetail dt{
		text-align:center;
		}
}


/* -------------------------------------------------------------------------------- */
/*  3-1.CHOSHO                                                                      */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {	
	.chosho h4{
		width:30%;
		height:0;
		padding-top:7%;
		background-size: contain;
		margin:0 auto 25px auto;
		background-image:url(../img/sp/title_chosho.png);
		}

	.chosho dl{
		width:90%;
		}

	.chosho dt{
		margin-bottom:15px;
		}

	.chosho dt span{
		width:100%;
		display:block;
		font-size:1.1em;
		color:#fff;
		text-align:center;
		background-color:#a33e74;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		}

	.chosho dd li{
		padding:12px 0;
		}

	.chosho dd p.book{
		margin-top:40px;
		text-align:center;
		}

	.chosho dd p.book img{
		margin-bottom:15px;
		}
}



/* -------------------------------------------------------------------------------- */
/*  4-1.IMG                                                                         */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.aisatsu dt{
		text-indent: 0;
		white-space: normal;
		overflow:auto;
		}
}

	
/* -------------------------------------------------------------------------------- */
/*  5-1.CLEARFIX                                                                    */  
/* -------------------------------------------------------------------------------- */	
/*
.eventList2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
*/