@charset "UTF-8";


/* -------------------------------------
case
------------------------------------- */
.index .postlist li {
	width:calc((99.9% - 50px) / 3);
	margin-right:25px;
	margin-bottom:65px;
}
.index .postlist li:nth-child(3n) {
	margin-right:0;
}
.index .postlist li .imgbox {
	width:94.5%;
}
.index .postlist li .imgbox .in {
	padding-top:102.6%;
}
.index .postlist li .text {
	width:80%;
	padding:35px 40px;
	margin-left:20%;
	margin-top:-65px;
	background-color:#FFF;
	position:relative;
	z-index:1;
}
.index .postlist li .text h2 {
	font-size:16px;
	font-weight:500;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:1px solid #CCC;
}
.index .postlist li .text p {
	font-size:12px;
}

.text__content {
	line-height: 1.5;
	margin-bottom: 30px;
}



.post #post_head,
.post #gallery,
.post .free,
.post #charge {
	border-bottom:2px solid #EAE7D5;
}
.post #post_head .text {
	width:43.9%;
}
.post #post_head .text .in {
	padding-left:40px;
}
.post #post_head .text h1 {
	font-size:16px;
	font-weight:500;
	padding-bottom:13px;
	margin-bottom:25px;
	border-bottom:2px solid #EAE7D5
}
.post #post_head .text dl {
	margin-bottom:30px;
}
.post #post_head .text dl dt,
.post #post_head .text dl dd {
	line-height:1.0;
}
.post #post_head .text dl dt {
	font-size:12px;
	width:150px;
	padding-bottom:2px;
}
.post #post_head .text dl dd {
	font-size:24px;
}
.post #post_head .text table {
	width:100%;
}
.post #post_head .text table th,
.post #post_head .text table td {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	vertical-align:top;
	padding:12px 0 12px 40px;
	border-bottom:1px solid #EAE7D5;
}
.post #post_head .text table th {
	width:150px;
}
.post #post_head .photo {
	width:52.8%;
	margin-left:auto;
}


.post #gallery h2 {
	font-size:21px;
	font-weight:500;
	width:320px;
	padding-left:15px;
}
.post #gallery .slide {
	width:calc(100% - 320px);
	max-width:676px;
}
.post .slide .main {
	margin-bottom:15px;
}
.post .slide .main li div {
	padding-top:77%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.post .slide .main li img {
	display:none;
}
.post .slide .thum li {
	width:calc((99.9% - 70px) / 8);
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
	opacity:0.5;
	transition:opacity 0.3s;
}
.post .slide .thum li:nth-child(8n) {
	margin-right:0;
}
.post .slide .thum li:hover,
.post .slide .thum li.current {
	opacity:1.0;
}
.post .slide .thum li div {
	padding-top:69.8%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.post .slide .thum li img {
	display:none;
}


.post .free .text {
	width:52.3%;
	padding-left:15px;
}
.post .free .text h2 {
	font-size:21px;
	font-weight:500;
	margin-bottom:20px;
}
.post .free .text p {
	font-size:12px;
	letter-spacing:0;
}
.post .free .photo {
	width:41.2%;
	margin-left:auto;
}


.post #charge .text {
	padding:0 15px;
}
.post #charge .text h2 {
	font-size:21px;
	font-weight:500;
	margin-bottom:20px;
}
.post #charge .text .in {
	max-width:670px;
	padding-left:25px;
}
.post #charge .text table {
	width:100%;
}
.post #charge .text table th,
.post #charge .text table td {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:2.4;
	letter-spacing:0;
	vertical-align:top;
	padding:12px 0 12px 0;
	border-bottom:1px solid #EAE7D5;
}
.post #charge .text table th {
	width:150px;
}



@media screen and (max-width:1340px) {
	.index .postlist li {
		margin-bottom:60px;
	}
	.index .postlist li .text {
		padding:33px 37px;
		margin-top:-62px;
	}
	
	
	.post #post_head .text h1 {
		margin-bottom:24px;
	}
	.post #post_head .text .in {
		padding-left:35px;
	}
	.post #post_head .text dl {
		margin-bottom:28px;
	}
	.post #post_head .text dl dt {
		width:140px;
	}
	.post #post_head .text dl dd {
		font-size:23px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 35px;
	}
	.post #post_head .text table th {
		width:135px;
	}
	
	
	.post #gallery h2 {
		width:300px;
	}
	.post #gallery .slide {
		width:calc(100% - 300px);
	}
	
	
	.post #charge .text .in {
		padding-left:20px;
	}
	.post #charge .text table th,
	.post #charge .text table td {
		line-height:2.3;
	}
	.post #charge .text table th {
		width:140px;
	}
}
@media screen and (max-width:1240px) {
	
}
@media screen and (max-width:1100px) {
	.index .postlist li {
		margin-bottom:55px;
	}
	.index .postlist li .text {
		padding:31px 34px;
		margin-top:-59px;
	}
	
	
	.post #post_head .text h1 {
		margin-bottom:23px;
	}
	.post #post_head .text .in {
		padding-left:30px;
	}
	.post #post_head .text dl {
		margin-bottom:26px;
	}
	.post #post_head .text dl dt {
		width:130px;
	}
	.post #post_head .text dl dd {
		font-size:22px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 30px;
	}
	.post #post_head .text table th {
		width:120px;
	}
	
	
	.post #gallery h2 {
		font-size:20px;
		width:270px;
	}
	.post #gallery .slide {
		width:calc(100% - 270px);
	}
	
	
	.post .free .text h2 {
		font-size:20px;
	}
	
	
	.post #charge .text h2 {
		font-size:20px;
	}
	.post #charge .text .in {
		padding-left:15px;
	}
	.post #charge .text table th,
	.post #charge .text table td {
		line-height:2.2;
	}
	.post #charge .text table th {
		width:130px;
	}
}
@media screen and (max-width:980px) {
	.index .postlist li {
		margin-bottom:50px;
	}
	.index .postlist li {
		width:calc((99.9% - 25px) / 2);
		margin-right:25px;
		margin-bottom:50px;
	}
	.index .postlist li:nth-child(3n) {
		margin-right:25px;
	}
	.index .postlist li:nth-child(2n) {
		margin-right:0;
	}
	.index .postlist li .text {
		padding:29px 31px;
		margin-top:-56px;
	}
	
	
	.post #post_head .text h1 {
		margin-bottom:22px;
	}
	.post #post_head .text .in {
		padding-left:25px;
	}
	.post #post_head .text dl {
		margin-bottom:24px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 25px;
	}
	.post #post_head .text table th {
		width:100px;
	}
	
	
	.post #gallery h2 {
		width:240px;
	}
	.post #gallery .slide {
		width:calc(100% - 240px);
	}
	
	
	.post #charge .text .in {
		padding-left:10px;
	}
	.post #charge .text table th,
	.post #charge .text table td {
		line-height:2.1;
	}
	.post #charge .text table th {
		width:120px;
	}
}
@media screen and (max-width:768px) {
	.index .postlist li {
		margin-bottom:45px;
	}
	.index .postlist li .text {
		width:85%;
		padding:27px 28px;
		margin-left:15%;
		margin-top:-53px;
	}
	
	
	.post #post_head .text {
		width:100%;
		margin-bottom:30px;
	}
	.post #post_head .photo {
		width:100%;
	}
	.post #post_head .text h1 {
		margin-bottom:21px;
	}
	.post #post_head .text .in {
		padding-left:20px;
	}
	.post #post_head .text dl {
		margin-bottom:22px;
	}
	.post #post_head .text dl dd {
		font-size:21px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 20px;
	}
	.post #post_head .text table th {
		width:80px;
	}
	
	
	.post #gallery h2 {
		font-size:19px;
		width:100%;
		margin-bottom:20px;
	}
	.post #gallery .slide {
		width:100%;
		padding:0 15px;
		margin:0 auto;
	}
	
	
	.post .free .text:not8:last-child) {
		margin-bottom:30px;
	}
	.post .free .text {
		width:100%;
		padding:0 15px;
	}
	.post .free .text h2 {
		font-size:19px;
	}
	.post .free .photo {
		width:100%;
		padding:0 15px;
		margin:0 auto;
	}
	
	
	.post #charge .text h2 {
		font-size:19px;
	}
	.post #charge .text .in {
		padding-left:5px;
	}
	.post #charge .text table th,
	.post #charge .text table td {
		line-height:2.0;
	}
	.post #charge .text table th {
		width:110px;
	}
}
@media screen and (max-width:640px) {
	.index .postlist li {
		width:100%;
		margin-right:0;
		margin-bottom:40px;
	}
	.index .postlist li:nth-child(3n) {
		margin-right:0;
	}
	.index .postlist li .text {
		width:90%;
		padding:25px 25px;
		margin-left:10%;
		margin-top:-50px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 15px;
	}
	.post #post_head .text table th {
		width:70px;
	}
	
	
	.post .slide .thum li {
		width:calc((99.9% - 60px) / 7);
	}
	.post .slide .thum li:nth-child(8n) {
		margin-right:10px;
	}
	.post .slide .thum li:nth-child(7n) {
		margin-right:0;
	}
	
	
	.post #charge .text .in {
		padding-left:0;
	}
	.post #charge .text table th {
		width:100px;
	}
}
@media screen and (max-width:500px) {
	.index .postlist li .text {
		width:calc(100% - 30px);
		padding:25px 20px;
		margin-left:30px;
		margin-top:-45px;
	}
	
	
	.post #post_head .text h1 {
		margin-bottom:20px;
	}
	.post #post_head .text .in {
		padding-left:0;
	}
	.post #post_head .text dl {
		margin-bottom:20px;
	}
	.post #post_head .text dl dt {
		width:120px;
	}
	.post #post_head .text dl dd {
		font-size:20px;
	}
	.post #post_head .text table th,
	.post #post_head .text table td {
		padding:12px 0 12px 10px;
	}
	.post #post_head .text table th {
		width:60px;
	}
	
	
	.post .slide .thum li {
		width:calc((99.9% - 50px) / 6);
	}
	.post .slide .thum li:nth-child(8n) {
		margin-right:10px;
	}
	.post .slide .thum li:nth-child(7n) {
		margin-right:10px;
	}
	.post .slide .thum li:nth-child(6n) {
		margin-right:0;
	}
	
	
	.post #charge .text table th {
		width:80px;
	}
}
@media screen and (max-width:320px) {
	
}