@charset "UTF-8";

@import "../../../common/func/sp.css";

/* ---------------------------------------------------------------------
*
*    ■シンプル③用のスマホ版CSS
*
* ------------------------------------------------------------------- */

/*#sakka_det #blockMid,
#sakka_det #blockData,
#det #navPager,
#headerTop,
#panList,
#blockOption,
#blockSearch,
#blockDoc,
#footer {*/
header,
.wrapper-contents,
footer {
	width:100%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
}

#sakka_list header,
#index header {
	padding-bottom:30px;
}

#wrapperAll.fontsize-btn-yes header {
	padding-top: 27px;	
}


#menuSearch ul li,
#menuSearch ul li h3,
#menuSearch ul li a,
#menuSearch ul li span {
	width:49.7%;
	min-width:140px;
	box-sizing:border-box;
}
/*
#areaContents,
#blockDoc,
#index #blockDoc,
#listPickup,
#blockUpper,
#blockMid,
#footer {
	background-image:none;
}*/

#wrapperAll {
	margin:0;
}
/*
#areaContents {
	background-color:#fff;
}*/
#blockSearch .wrapper-search {
	padding:15px 20px;
}
#blockBtn ul {
	position:static;
	padding:15px 0 30px;
}
#menuSearch ul {
	padding-right:0px;
}

#list #blockSearch .wrapper-search {
	padding-bottom:0px;
}

/*ul.type-mix li {
	padding:10px 0px;
}*/
ul.type-mix li dl {
	padding-left:0px;
}

ul.type-pict li {
	margin-right:5px;
	padding-right:0px;
}
ul.type-pict li:nth-child(2) {
	border-top:none;
}

#det #blockUpper #navPager ul {
	padding-top:0px;
}

#sakka_list #pageLink {
	padding-top:10px;
}
#listSakka {
	padding-top:10px;
}

#listSakka ul li {
	width:31%;
	min-width:initial;
	max-width:initial;
}

#listSakka ul li:nth-child(4n),
#listSakka ul li {
	margin-right:3%;
}
#listSakka ul li:nth-child(3n) {
	margin-right:0%;
}

@media screen and (max-width: 480px) {
	#listSakka ul li {
		width:48%;
	}	
	#listSakka ul li:nth-child(4n),
	#listSakka ul li:nth-child(3n) {
		margin-right:3%;
	}
	#listSakka ul li:nth-child(2n) {
		margin-right:0%;
	}
}


/*
#blockData {
	margin-top:20px;
}*/

#sakka_det #blockData {
	padding-top:10px;
	padding-bottom:7px;
}
#blockPhoto #imageContainer img {
	width:100%;
	height:auto;
}
.caption-yes#blockPhoto p#pictCaption {
	text-align:left;
}

ul#listThumb {
	margin-left:0px;	
	margin-right:-18px;
	justify-content:flex-start;
}
ul#listThumb li {
	margin-left:0px;
	margin-right:18px;
}

#pageTop {
	padding-top:50px;
}