@charset "utf-8";
/* ****************************************************************************

	response.css
	
******************************************************************************* */

/* ==
　smartphone
=============================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {

.gray-box {
	padding: 25px 0;
}
br.sp{
	display: inline;
}
h2{	
	font-size: 28px;
}

/*----- header -----*/
.header{
	margin: 10px 10px 0;
	text-align: center;
}
.header img{
	height: 15px;
}

/*----- main-image -----*/
.main-img img{
	max-width: 100%;
}
h1{
	padding: 20px 0;
}
h1 img{
	width: 80%;
}


/*----- bosyu -----*/
.read-text{
	width: auto;
	padding: 0 10px;
	margin: 10px auto;
}
.bosyu-gaiyou{
	width: auto;
	padding: 0 10px 10px;
	margin: 0 auto 0;
}
.bosyu-date{
	float: none;
	width: auto;
	text-align: center;
}
.bosyu-date img{
	width: 100%;
}
.bosyu-bosyucyu{
	margin-top: 5px;
	float: none;
	width: auto;
	text-align: center;
}
.bosyu-bosyucyu img{
	width: 100%;
}
.btn-cmp-top{
	margin: 10px 0 30px;
}
.btn-cmp-top img{
	width: 95%;
}

/*----- shikake -----*/
.shikake h2{
	font-size: 25px;
}
.shikake-list{
	left: auto;
	margin-top: 15px;
	margin-left: 0;
	width: auto;
}
.shikake-list li{
	left: auto;
	margin: 0 0 20px;
	padding: 0;
	float: none;
	text-align: center;
	width: auto;
}
.shikake-list li:last-child{
	margin: 0;
}
.shikake-list img{
	width: 210px;
}
.shikake-text{
	margin: 10px 10px 0;
	text-align: left;
	padding: 0;
}

/*----- map -----*/
.map{
	margin-top: 30px;
	margin-bottom: 40px;
}
.map-img img{
	width: 100%;
}
.map-atention{
	margin: 10px 10px 40px;
	font-size: 11px;
}
.map-parkname{
	margin: 10px 10px 0;
	font-size: 13px;
}

/*----- bring -----*/
.bring-list-wrap{
	width: auto;
	padding: 0 10px;
}
.bring-list{
	width: 100%;
}
.bring-list li{
	width: 24%;
}
.bring-list li:not(:first-child){
	margin: 0;
	padding-left: 1%;
}
.bring-list li img{
	width: 100%;
}
.bring-list1{
	margin-left: 10%;
}
.bring-list2{
	margin-top: 10px;
}
.bring-text{
	font-size: 13px;
	margin: 30px 10px 0;
}

/*----- wear -----*/
.wear{
	margin-top: 30px;
	margin-bottom: 20px;
}
.img-wear{
	margin: 20px 15px;
}
.img-wear img{
	width: 100%;
}
.wear-text{
	font-size: 12px;
}


/*----- q and a -----*/
.qa-list{
	width: auto;
	margin: 15px 10px 0;
}
.qa-list dt{
	font-size: 18px;
}
.qa-list dd{
	font-size: 16px;
	margin-bottom: 15px;
}
.qa-list dd:last-child{
	margin-bottom: 0;
}

.qa-list dd:last-child{
	margin-bottom: 0;
}

/*----- detail -----*/
.detail-list{
	width: auto;
	padding: 10px;
	margin: 30px 10px 10px;
}
.detail-list dt{
	float: none;
	padding: 15px 0 0 0; 
}
.detail-list dd{
	padding: 0 0 15px 0; 
	font-size: 16px;
}
.detail-attention,
dd.detail-attention{
	font-size: 13px;
}


/*--- Share-section ---*/
.share-section {
	padding-top: 0;
	margin: 50px 0 0;
}
.share-section ul {
	overflow: hidden;
	width: auto;
	margin: 0;
}
.share-section li {
	text-align: center;
	width: 50%;
	padding:0;
	min-height: 75px;
}
.share-section li:nth-of-type(1) {
	background: #00aced;
	float: left;
}
.share-section li:nth-of-type(2) {
	background: #305097;
	float: right;
}
.share-section li:nth-of-type(3) {
	background: #5ae628;
	display: none;
}
.share-section .share-btn {
	display: inline-block;
	padding: 10px 0;
}
.share-section .share-btn img {
	width: 80% !important;
	margin-bottom: 15px;
}

/*----- sponsor -----*/
.contact{
	margin-top: 30px;
}
.contact img{
	width: 95%;
}
.sponsor{
	margin-top: 35px;
}
.sponsor img{
	width: 95%;
}


/*----- btn-cmp-bottom -----*/
.btn-cmp-bottom{
	margin: 20px 0 0;
}
.btn-cmp-bottom img{
	width: 95%;
}

/*----- footer -----*/
#footer {
	min-width: inherit;
	width: 90%;
}

}