@charset "utf-8";

.page-ttl{ width:37.8125%;/*242/640*/ margin:0 auto; line-height:1; padding-bottom:8.59375%;/*55/640*/}

/* info-nav */
#info-nav{}
#info-nav ul{ display:table; width:100%; margin-bottom:8.62068%;/*50/580*/}
#info-nav ul li{ display:table-cell; width:25%; text-align:center; vertical-align:middle;}
#info-nav ul li a{ display:block; width:100%; background:#eee; font-weight:bold; padding:10px 0;}
#info-nav ul li a.active{ background:#000; color:#FFF;}

/* information */
#information{ max-width:1280px; margin:0 auto; padding-bottom:13.88888%;/*80/576*/}
ul.info-list{}
ul.info-list li{ margin-bottom:40px;}
ul.info-list li .info-txt{ width:84.375%;/*540/640*/ margin:10px auto 0 auto;}
ul.info-list li span{ display:inline-block; color:#474747; line-height:12px; margin:0 10px 10px 0; }
ul.info-list li img{ border: 1px solid #ccc; box-sizing: border-box;}
div.see-more-btn{ width:43.75%;/*252/576*/ margin:0 auto; border:1px solid #000;}

/* pick-up */
#pick-up{ background:#eee; padding:7.8125% 0 9.375% 0;/*50 0 60 0/640*/}
#pick-up h1{ width:18.4375%;/*118/640*/ margin:0 auto; padding-bottom:6.25%;/*40/640*/}
.pick-up-inner{ width:79.6875%;/*510/640*/ margin:0 auto;}
.pick-up-list{ /*margin-left:-5.88235%;*//*-30/510*/}
.pick-up-list li{ /*float:left;*/ width:44.44444%;/*240/540*/ /*margin-left:5.55555%;*//*30/540*/ padding-bottom:5.55555%;/*30/540*/ margin:0 auto;}
.pick-up-list li p{ padding-top:5px;}

/* information-detail */
#information-detail{ width:90%;/*576/640*/ margin:0 auto; padding-bottom:13.88888%;/*80/576*/}
#information-detail h1,#information-detail h2{ font-size:14px; font-weight:bold;}
.paging{ position:relative; padding-top:4.16666%;/*24/576*/ margin:15px 0; line-height:1;}
.paging .prev{ position:absolute; left:0; top:0; width:16.31944%;/*94/576*/}
.paging .next{ position:absolute; right:0; top:0; width:16.31944%;/*94/576*/}
.paging .top{ position:absolute; left:50%; top:0; width:8.68055%;/*50/576*/ margin-left:-4.34027%;/*-25/576*/}
.detail-header{ color:#474747;}
.detail-body{}
.detail-body p{ margin-bottom:15px;}


/* PC */
@media only screen and (min-width:641px){
	
	.page-ttl{ width:178px; padding-bottom:30px;}
		
	/* info-nav */
	#info-nav{}
	#info-nav ul{ width:640px; margin:0 auto 55px auto;}
	#info-nav ul li{}
	#info-nav ul li a{}
	#info-nav ul li a.active{}
	
	/* information */
	#information{ padding-bottom:65px;}
	.info-inner{ width:100%;}
	ul.info-list{ width:auto; padding-bottom:50px;}
	ul.info-list li{ float:left; margin-bottom:50px; width:33.33333%;}
	ul.info-list li:nth-child(odd){ margin-right:0;}
	ul.info-list li:nth-child(even){ margin-left:0;}
	ul.info-list li .info-txt{ width:auto; margin:20px;}
	ul.info-list li span{ display:inline-block; color:#474747; line-height:12px; margin:0 10px 10px 0; }
	
	/* pick-up */
	#pick-up{ background:#eee; padding:60px 0; min-width:1024px;}
	#pick-up h1{ width:76px; padding-bottom:24px;}
	.pick-up-inner{ width:344px;}
	.pick-up-list{ /*margin-left:-24px;*/}
	.pick-up-list li{ /*float:left;*/ width:160px; /*margin-left:24px;*/ padding-bottom:24px;}
	.pick-up-list li p{}
	
	/* information-detail */
	#information-detail{ width:930px; padding-bottom:100px;}
	#information-detail h1, #information-detail h2{ font-size:18px;}
	.paging{ padding-top:13px; margin:30px 0;}
	.paging .prev{ width:52px;}
	.paging .next{ width:52px;}
	.paging .top{ width:30px; margin-left:-15px;}
	.detail-body{}
	.detail-body p{ margin-bottom:30px;}
	.detail-body img{ width:auto; max-width:100%;} 
	
}