/*style.css*/
.c5-summer {
	margin:0 auto;
	max-width:1200px;
/*	background:url(../images/sample.jpg) no-repeat center top;*//* テスト用*/
/*	background-position:0 5px;*/ 		/* テスト用*/
	position:relative;
}
.c5-summer .c5-pc {
	display:block;
}
.c5-summer .c5-sp {
	display:none;
}

.c5-summer .s5-socials {
	position:absolute;
	right:0;
	top:0;
}

.c5-summer img {
/*	opacity:.6;*//*テスト用*/
}
.c5-summer h2 {
	font-size:1.88em;
	margin:26px 0;
}
.c5-summer-header {
	position:relative;
}
.c5-summer-header .c5-pc {
	width:100%;
	height:auto;
}
.c5-summer-header .c5-ancbtn {
	position:absolute;
}
.c5-summer-header #c5-left {
	height: 36%;
	left: 1.5%;
	top: 57%;
	width: 48.5%;
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}
.c5-summer-header #c5-right {
	height: 36%;
	left: 50%;
	top: 57%;
	width: 48.5%;
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}

.c5-summer-header a img {
	transition: opacity 0.2s ease-in 0s;
}

.c5-summer-header a img:hover{
	filter: alpha(opacity=20) !important;
	-moz-opacity:0.20 !important;
	opacity:0.20 !important;
	transition: opacity 0.2s ease-in 0s;
}

.c5-summer-otoku {
	
}
.c5-summer-otoku h3 {
	margin:6.5% 0 2.5%;
}
.c5-summer-otoku .c5-pc {
	width:100%;
	height:auto;
	display:block;
}
.c5-summer-otoku-narrow {
	max-width:950px;
	margin:0 auto;
}

.c5-summer-otoku-narrow .s5-buttonContainer a{
	font-size:1.75rem;
	font-weight:bold;
	padding:8px 57px;
}

.c5-summer-otoku-narrow img {
	margin:50px 0 26px;
}
.c5-summer-otoku-narrow-block-blue {
	
}
.c5-summer-otoku-narrow-block-blue p {
/*	font-size:16px;*/
	margin:17px 0 -12px;
}
.c5-summer-otoku-narrow-block-blue p span {
	display: block;
	padding-left: 0.7em;
}
.c5-summer-otoku-narrow-block-blue p span a {
	margin:0 0.7em 0.1em -0.7em !important;
}
.c5-summer-otoku-narrow-block-blue p strong{
	color:#2ea7e0;
}
.c5-summer-otoku-narrow-block {
	margin:3.5% 0 5.5%;
}
.c5-summer-otoku-narrow-block p {
/*	font-size:16px;*/
	margin:17px 0 -12px;
}

/**/

.c5-summer-otoku2 {
	
}
.c5-summer-otoku2 .c5-pc{
	width:100%;
	height:auto;
	display:block;
}
.c5-summer-otoku2 h3 {
	margin:8.5% 0 4%;
}
.c5-summer-otoku2-split{
	margin:0 auto;
	overflow:hidden;
	position:relative;
	max-width:1080px;
}
.c5-summer-otoku2-split img {
	display:block;
}
.c5-summer-otoku2-split img.c5-pc {
	width:49%;
	height:auto;
}
.c5-summer-otoku2-split img.c5-otoku2left {
	float:left;
}
.c5-summer-otoku2-split img.c5-otoku2right {
	float:right;
}
.c5-summer-otoku2-split img#c5-bookleft {
	height: 46%;
	left: 29.5%;
	position: absolute;
	top: 26.5%;
	width: 7.5%;
}
.c5-summer-otoku2-split img#c5-bookright {
	height: 46%;
	left: 38.5%;
	position: absolute;
	top: 26.5%;
	width: 7.5%;
}
.c5-summer-otoku2-narrow {
	max-width:950px;
	margin:0 auto 55px;
}

.c5-summer-otoku2-narrow .s5-buttonContainer li {
/*	display:block;*/
	margin:0 0 25px;
}
.c5-summer-otoku2-narrow .s5-buttonContainer li p {
	color:#2ea7e0;
	display:inline-block !important;
	float:none;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.25;
	margin:-8px 0 0 5px;	
	vertical-align:middle;
}
.c5-summer-otoku2-narrow .s5-buttonContainer a{
	font-size:1.75rem;
	font-weight:bold;
	padding:8px 25px;
}

.c5-summer-otoku2-narrow img {
	margin:5.5% 0 2.5%;
}
.c5-summer-otoku2-narrow-block-blue {
	
}
.c5-summer-otoku2-narrow-block-blue p {
/*	font-size:16px;*/
	margin:20px 0 -15px;
}
.c5-summer-otoku2-narrow-block-blue p span {
	display: block;
	padding-left: 0.7em;
}
.c5-summer-otoku2-narrow-block-blue p span a {
	margin:0 0.7em 0.1em -0.7em !important;
}
.c5-summer-otoku2-narrow-block-blue p strong{
	color:#2ea7e0;
}
.c5-button-area {
	margin:20px 0 35px;
}
.c5-summer-otoku2-narrow-block {
	margin:33px 0 51px;
}

.c5-summer-otoku2-narrow-block h1 {
	color:#172a88;
}
.c5-summer-otoku2-narrow-block p {
/*	font-size:16px;*/
	margin:17px 0 -12px;
}

.c5-summer-otoku2-narrow-block p.c5-ex-first {
/*	font-size:16px;*/
	margin-top:4px;
}
.c5-summer-otoku2-narrow-block .c5-except {
	display: block;
	padding-left: 0.9em;
}
.c5-summer-otoku2-narrow-block .c5-except a {
	margin:0 0.7em 0.1em -0.7em !important;
}

.c5-pre-release a {
	color:#aebee3;
	cursor:default;
}
.c5-pre-release a:hover {
	background:#5787f4;
	color:#aebee3;
}

.c5-complex {margin-bottom:0;}

.c5-listStyle-none { list-style-type:none ;}

.c5-campaign-link {}
.c5-campaign-link img {
	clear:both;
	display:block;
	margin:0 auto;
}

.c5-summer-otoku-narrow-block > ol.s5-list {
/*	padding: 0 0 0 1rem;*/
}

.c5-summer-otoku-narrow-block > ol.s5-list li {

}

@media screen and (max-width: 1024px) {
	.c5-summer .s5-socials {
		position:relative;
	}
}

@media screen and (max-width: 640px) {
	.s5-container {
		padding:0;
	}
	.s5-categoryHeader,.s5-categoryNav,.c5-summer .s5-header1 .s5-header1__heading{
		padding:0 3%;
		width:94%;
	}
	.c5-summer {
		width:100%;
	}
	.c5-summer .c5-pc {
		display:none;
	}
	.c5-summer .c5-sp {
		display:block;
		width:100%;
		height:auto;
	}

	.c5-summer-header {
		width:100%;
	}
	.c5-summer h2 {
		line-height:1.33;
		padding:0 20px;
		margin-bottom:10px;
	}
	.c5-summer-otoku h3 {
		margin:60px 0 0px;
	}
	.c5-summer-otoku-narrow,.c5-summer-otoku2-narrow,.c5-summer-otoku2-split {
		width:87.5%;
		position:relative;
	}
	.c5-summer-otoku-narrow img {
		margin:20px 0 8px;
	}
	.c5-summer-otoku2-narrow img {
		margin:20px 0 3px;
	}
	
	.c5-summer-otoku2-narrow .s5-buttonContainer li {
		text-align:center;
		padding:0 5px;
	}
	.c5-summer-otoku2-narrow .s5-buttonContainer li p {
		clear:both;
		display:block !important;
		float:none;
		font-size:1em;
		letter-spacing:-0.5px;
		text-align:left;
	}
	
	.c5-summer-otoku-narrow .s5-buttonContainer a,.c5-summer-otoku2-narrow .s5-buttonContainer a{
		clear:both;
		display:block;
		font-size:1em;
		margin:15px 0;
		padding:8px 16px;
		letter-spacing:-0.5px;
	}
	.c5-summer-otoku2 {
		width:100%;
	}
	.c5-summer-otoku2 h3 {
		margin:45px 0 15px;
	}
	.c5-summer-otoku2-split img.c5-otoku2left {
		clear:both;
		float:none;
		margin-bottom:15px;
	}
	.c5-summer-otoku2-split img#c5-bookleft {
		height: 24%;
		left: 56.5%;
		top: 12%;
		width: 16.5%;
	}
	.c5-summer-otoku2-split img#c5-bookright {
		height: 24%;
		left: 75%;
		top: 12%;
		width: 16.5%;
	}
	.c5-summer-otoku2-split img.c5-otoku2right {
		float:none;
		clear:both;
	}
	.c5-summer .s5-socials {
		position:relative;
		padding:0 20px;
	}
	.c5-summer-header img {
		width:100%;
		height:auto;
	}
	.c5-summer-header #c5-left {
		height:29%;
		left:3%;
		top:68%;
		width:47%;
	}
	.c5-summer-header #c5-right {
		height:29%;
		left:50%;
		top:68%;
		width:47%;	
	}
	.c5-summer-otoku-narrow-block,.c5-summer-otoku2-narrow-block {
		margin:33px 0 31px;
	}
	
	.c5-campaign-link img {
		clear:both;
		height:auto;
		max-width:87.5%;
	}
}