@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/

h2 .itemtitle, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span, #container .main1c .button:hover,#container .main1c .button:active, blockquote:before, blockquote:after, .pagenation li a
{
	color: #c9171e; /* キーカラーを指定 */
}

h2::before, h2::after, .accordion-block div, .tab-menu dl dt, .open-link a span,.hidden-link a span, p.point-number, .topimage h1, .whole-bg, .main1c .button, .whole-topimage, h3::before, .spec-title::before, .style-h3::before, .pagenation li a:hover, .pagenation li a:active
{
	background: #c9171e; /* キーカラーを指定 */
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button, .underline, .pagenation li a
{
	border-color: #c9171e; /* キーカラーを指定 */
}


/*=== ヘッダー ===*/

#header {
	background: url(img/top.jpg) top center no-repeat;
}

#header, .header-mask {
	height: 500px;
}

#header h1 {
	margin-top: 100px;
}

#header h1,
#header .description {
	width: 80%;
}


/*============ 追加 ===========*/


.episode_uv{
 	background: #f8f4e6;
    border-radius: 10px;
    line-height: 1.8;
    padding: 25px 25px 20px;
	width: 43%;
	height: 130px;
	margin-bottom: 20px;
}

.episode_uv2{
 	background: #ebf6f7;
    border-radius: 10px;
    line-height: 1.8;
    padding: 25px 25px 20px;
	width: 43%;
	height: 130px;
	margin-bottom: 20px;
}

.episode_uv3{
 	background: #f2f2b0;
    border-radius: 10px;
    line-height: 1.8;
    padding: 25px 25px 20px;
	width: 43%;
	height: 130px;
	margin-bottom: 20px;
}

.episode_uv4{
 	background: #f8f4e6;
    border-radius: 10px;
    line-height: 1.8;
    padding: 25px 25px 20px;
	width: 43%;
	height: 150px;
	margin-bottom: 20px;
}


.bold{
	font-weight:bold;
}



.blue::before {
    background: #19448e;
	}

.yellow::before {
    background: #ffd900;
	}

#header {

    background: url(img/top2.jpg) top center no-repeat;
        background-size: auto auto;
    padding-top: ;

}

/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {

.sp-textbox {
	margin-top: 130px;
}

.itemtitle{
	width:100%;
}

#header {

    background: url(img/top.jpg) top center no-repeat;
        background-size: auto auto;
    padding-top: ;

}

.episode_uv{
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 25px 25px 5px;
}


.episode_uv2{

	height: 220px;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 25px 25px 5px;
}

.episode_uv3{

	height: 220px;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 25px 25px 5px;
}
.episode_uv4{

	height: 220px;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 25px 25px 5px;
}

}/* Media Query for SmartPhone */