@charset "UTF-8";

/*---------------------------------------------

Each Page CSS

for CB_hard_01
coded by d-spica at 2015-04-24

---------------------------------------------*/


@import url(default.css);
@import url(base.css);
@import url(parts.css);


.area-eyecatch + .area-contents {
	-webkit-border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.area-eyecatch + .area-contents.sidebar-right .box-contents {
	-webkit-border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.sidebar-left .header {
	padding: 20px 11.4% 50px 6.7%;
}

.sidebar-right .header {
	padding: 20px 6.7% 120px 11.4%;
}

.header h1 {
	margin-bottom: 20px;
	font-size: 250%;
}

.header .copy {
	font-size: 138%;
	font-weight: bold;
}

.area-eyecatch img {
	width: 100%;
}

.area-contents {
	margin-top: 100px;
}

@media screen and (max-width: 980px) {

.area-contents .header {
	padding: 20px 6.7% 110px;
}

.header h1 {
	text-align: center;
	font-size: 250%;
}

}

@media screen and (max-width: 680px) {

.area-contents {
	margin-top: 1rem;
}

.area-contents .header {
	padding: 20px;
}

.header .copy {
	font-size: 120%;
}

.header h1 {
	font-size: 200%;
}

}


.sidebar-right section.top-content h1 {
    padding: 20px 8% 4px 20px;
	border-bottom: solid 3px #FDB5A6;
    background: url(../img/bg-flower-s.png) no-repeat 98% 100%;
    font-size: 113%;
	text-align: left;
}

.sidebar-right section.top-content h2 {
	margin: 40px 0 20px 0;
    -webkit-border-radius: 0 16px 16px 0;
    -ms-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
	padding: 5px 8% 5px 20px;
    /* background: url(../img/bg-dot-3gy.png) 0 0; */
	background-color: #dddddd;
    font-size: 113%;
	text-align: left;
}

.sidebar-right section.top-content h3 {
    margin: 30px 0 20px;
	padding: 5px 8% 5px 20px;
    font-size: 113%;
	text-align: left;
}

@media screen and (max-width: 980px) {
	.sidebar-right section.top-content h1 {
		margin: 0 0 20px;
		padding: 5px 0 4px;
	}
	.sidebar-right section.top-content h2 {
		-webkit-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
		padding: 5px 10px;
		margin: 30px 0 15px;
	}
	.sidebar-right section.top-content h3 {
		margin: 20px 0 15px;
		padding: 0;
	}
}