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


/*=============================================
	mainArticleWrap
===============================================*/
#mainArticleWrap {
	margin: 0 auto 50px;
}

#mainArticleWrap h1 {
	color: #B90031;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.4;
}

#mainArticleWrap .SNSarea {
	margin: 20px auto;
	line-height: 1;
}
#mainArticleWrap .SNSarea li + li { margin-left: 5px; }


#mainArticleWrap p + p { margin-top: 10px; }

@media (max-width: 480px) {
	#mainArticleWrap h1 {
		font-size: 2.2rem;
	}
}


/*=============================================
	article Header
===============================================*/
#artHeader {
	margin: 0 auto 40px;
}

#artHeader figure {
	margin: 0 auto 20px;
}



/*=============================================
	article authorBox
===============================================*/
#authorBox {
	margin: 0 auto 40px;
	padding: 50px 20px 20px;
	max-width: 600px;
	width: 90%;
	border: 2px solid #696969;
	box-sizing: border-box;
	position: relative;
}

#authorBox:before {
	content: 'この記事を書いた人';
	padding: 5px 10px;
	color: #FFFFFF;
	background: #696969;
	position: absolute;
	top: 0;
	left: 0;
}


#authorBox figure, #authorBox figure img {
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
#authorBox dl {
	margin: 0 0 0 auto;
	width: calc(100% - 140px);
}
#authorBox dl dt {
	margin: 0 auto 10px;
	font-size: 1.8rem;
	font-weight: 700;
}

@media (max-width: 480px) {
	#authorBox figure {
		margin: 0 auto 20px;
	}
	#authorBox dl {
		margin: 0 auto;
		width: 100%;
	}
}



/*=============================================
	section
===============================================*/
#mainArticleWrap section + section { margin-top: 50px; }

#mainArticleWrap section h2 {
	margin: 0 auto 20px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: 700;
	border-left: 10px solid #B90031;
	background: #000000;
}

#mainArticleWrap section .innerBox + .innerBox { margin-top: 40px; }
@media (max-width: 480px) {
	#mainArticleWrap section h2 {
		font-size: 2.0rem;
		line-height: 1.2;
	}
}


#mainArticleWrap section h3 {
	margin: 40px auto 20px;
	padding: 0 0 0 15px;
	font-size: 2.2rem;
	font-weight: 700;
	position: relative;
}
#mainArticleWrap section h3:before {
	content: '';
	margin: auto;
	width: 10px;
	height: 10px;
	background: #B90031;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
}
@media (max-width: 480px) {
	#mainArticleWrap section h3 {
		font-size: 1.8rem;
		line-height: 1.2;
	}
}


#mainArticleWrap section em {
	color: #B90031;
	font-size: 2.0rem;
	font-weight: 700;
	background: -webkit-linear-gradient(transparent 55%, rgba(255,198,0,0.6) 55%, rgba(255,198,0,0.6) 100%, transparent 100%, transparent);
	background: -o-linear-gradient(transparent 55%, rgba(255,198,0,0.6) 55%, rgba(255,198,0,0.6) 100%, transparent 100%, transparent);
	background: linear-gradient(transparent 55%, rgba(255,198,0,0.6) 55%, rgba(255,198,0,0.6) 100%, transparent 100%, transparent);
}

#mainArticleWrap section strong {
	font-size: 1.8rem;
	font-weight: 700;
}
@media (max-width: 480px) {
	#mainArticleWrap section em {
		font-size: 1.8rem;
	}

	#mainArticleWrap section strong {
		font-size: 1.6rem;
	}
}


#mainArticleWrap section a.linkBtn {
	margin: 40px auto;
	padding: 10px;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: 700;
	max-width: 400px;
	width: 80%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	background: #B90031;
	box-shadow: 0 -3px 0 rgba(50,50,50,0.2) inset;
	display: block;
}
@media (max-width: 480px) {
	#mainArticleWrap section a.linkBtn {
		font-size: 1.8rem;
		max-width: 300px;
		width: 80%;
		line-height: 1.2;
	}
}


/*-------------------------------
	movie
------------------------------*/
section .movieWrap {
	margin: 20px auto;
	max-width: 800px;
}
section .movie {
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}
section .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/*-------------------------------
	photo2column
------------------------------*/
section .photo2column {
	margin: 20px auto;
}
section .photo2column li {
	margin: 0 4% 20px 0;
	width: 48%;
}
section .photo2column li:nth-of-type(2n) { margin: 0 0 20px 0; }

section .photo2column li figure {
	padding: 3px;
	border: 1px solid #dcdcdc;
}

@media (max-width: 480px) {
	section .photo2column {
		width: 90%;
	}
	section .photo2column li {
		margin: 0 0 20px 0;
		width: 100%;
	}
}


/*-------------------------------
	specPhoto
------------------------------*/
section .specPhoto {
	margin: 50px auto 0;
}
section .specPhoto li {
	margin: 0 0 20px;
    width: 100%;
}
section .specPhoto li:nth-of-type(2n) { margin: 0 0 20px 0; }

section .specPhoto li figure {
	padding: 3px;
	border: 1px solid #dcdcdc;
}

@media (max-width: 480px) {
	section .specPhoto {
		width: 100%;
	}
	section .specPhoto li {
		margin: 0 0 20px 0;
		width: 100%;
	}
}



/*=============================================
	article itemLineup
===============================================*/
article#itemLineup {
	margin: 50px auto;
}

article#itemLineup h2 {
	margin: 0 auto 20px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: 700;
	border-left: 10px solid #B90031;
	background: #000000;
}
@media (max-width: 480px) {
	article#itemLineup h2 {
		font-size: 2.0rem;
		line-height: 1.2;
	}
}


article#itemLineup section.itemWrap {
	margin: 0 auto;
	padding: 20px;
	width: 95%;
	border: 2px solid #696969;
	box-sizing: border-box;
}

article#itemLineup section.itemWrap h3 {
	margin: 0 auto 20px;
	padding: 0 0 10px;
	color: #696969;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #696969;
}

article#itemLineup section.itemWrap + section.itemWrap { margin-top: 30px; }


article#itemLineup section.itemWrap figure {
	padding: 0 50px;
	width: 180px;
}
article#itemLineup section.itemWrap .itemDesc {
	width: calc(100% - 300px);
}
article#itemLineup section.itemWrap .itemDesc a {
	margin: 40px auto 0;
	padding: 10px;
	color: #FFFFFF;
	font-weight: 700;
	max-width: 240px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #B90031;
	border-radius: 30px;
	display: block;
}
@media (max-width: 780px) {
	article#itemLineup section.itemWrap figure {
		padding: 0;
		width: 180px;
	}
	article#itemLineup section.itemWrap .itemDesc {
		margin: 0 0 0 auto;
		width: calc(100% - 220px);
	}
}
@media (max-width: 480px) {
	article#itemLineup section.itemWrap figure {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	article#itemLineup section.itemWrap .itemDesc {
		margin: 20px auto 0;
		width: 100%;
	}
}


/*=============================================
	article footerArticle
===============================================*/
#footerArticle strong {
	font-size: 1.8rem;
	font-weight: 700;
}

#footerArticle .att a {
	margin: 20px auto 60px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 2.0rem;
	font-weight: 700;
	width: 380px;
	text-align: center;
	display: block;
	background: #B90031;
}
@media (max-width: 480px) {
	#footerArticle .att a {
		width: 80%;
	}
}


#footerArticle .foot {
	font-size: 1.3rem;
	text-align: right;
}