@charset "shift_jis";
/* CSS Document */


#contents {
	max-width: 639px;
}
#contents .ct_inbox {
	position:inherit;
}
#contents .left_box {
  position: inherit;
  width: 230px;
	margin: 20px auto;
}
#contents .left_box h2 {
	margin:0 auto;
}

#contents .right_box {
	float:none;
	width:100%;
}

#contents .navi {
	margin: 10px auto 20px;
	padding: 10px;
}

#contents .navi ul {
	list-style:none;
	margin: 0;
	padding:0;
	
	display: -webkit-flex;
	display: -moz-box;
  display: -ms-flexbox;
	display: flex;
	
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
#contents .navi ul li {
	display:block;
	margin: 0 3px 6px
}
#contents .navi ul li img {
	display:block;
}
#contents .navi ul li.btn00 {
	display:none;
}

/*--------------*/


#contents .ttl_girl {
	max-width:428px;
	width:100%;
	height:auto;
	float:none;
	margin: 0 auto 10px;
}

#contents .img01,
#contents .img02,
#contents .img03,
#contents .img04 {
	display:block;
	float:none;
	margin: 0 auto 20px;
	max-width:303px;
	width:100%;
	height:auto;
}

#contents .cm01,
#contents .cm02 {
	max-width:336px;
	float:none;
	margin: 0 auto 20px;
}
#contents .cm01 img,
#contents .cm02 img {
	width:100%;
	height:auto;
}

@media (max-width:479px){
}