@charset "utf-8";

a {
	color: transparent !important;
}

/* wrap-inner */
#wrap-inner {
	background: url(../../img/footer_bg.png) no-repeat bottom center;
	background-size: 100%;
}

/* header */
header .top {
	overflow: hidden;
}
header .top h1 {
	float: left;
	margin: 0 0 0 12px;
}
header .top .sns {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	text-align: right;
}
header .top .sns p {
	display: inline-block;
	margin: 0;
}
header h2 img {
	width: 100%;
}

/* main */
#main p img {
	width: 100%;
}
#main p:nth-child(2) {
	text-align: center;
	color: #91b2e7;
	font-size: 91.66667%;
	line-height: 2.5;
}
#main .p-copy {
	display: flex;
	width: 640px;
	height: 180px;
	margin-bottom: 60px;
	background: url(../../img/frame.png) no-repeat;
	background-size: 100%;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
#main .p-copy p {
	text-align: center;
	color: #666;
	font-size: 83.33333%;
}

/* tags */
#tags ul {
	list-style: none;
	overflow: hidden;
	padding-left: 20px;
}
#tags ul li {
	float: left;
	width: 290px;
	height: 48px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#tags input[type="radio"] {
	display: none;
}
#tags label {
	display: block;
	width: 290px;
	height: 48px;
}
#tags .checkbox {
	width: 290px;
	height: 48px;
	line-height: 48px;
}
.checkbox {
	box-sizing: border-box;
	/*padding-top: 7px;*/
}
input[type=radio]:checked + .checkbox {
  background-position: 0 -48px;
  color: #fff;
}

/* gallery */
/* ギャラリー表示部分 */
#gallery .p-idxThumbList__elem {
	margin-left: 4.5%;
}
#gallery .p-idxThumbList__elem:nth-child(3n+1) {
	margin-left: 0;
}
#gallery .c-media__image {
	width: 100%;
}

/* footer */
footer {
	margin-top: 100px;
}
footer .sns {
	margin-top: 142px;
	margin-bottom: 116px;
	text-align: center;
}
footer .sns p {
	display: inline-block;
}
footer .sns .twitter {
	margin-right: 10px;
}
footer .copyright {
	margin: 0;
	padding-bottom: 24px;
	color: #999;
	text-align: center;
	font-size: 64.6667%;
}

/* モーダル */
.cd-modal {
	background: url(../../img/modal_bg.png) no-repeat;
	background-size: 100%;
}
.slick-prev, .slick-next {
	top: auto;
	bottom: -100px;
}
.cd-modal .clo {
	top: -100px;
	right: 0;
}
.slick-prev {
	left: 30%;
}
.slick-next {
	right: 30%;
}