﻿#dammy {
	display: block;
	overflow: hidden;
	background: url('../img/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

body {
	background: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin:0;
}

/*
=================================== */
.mtitle_area {
	margin-bottom:15px;
}

.mtitle_area .block1::before {
	position: absolute;
	top:10px;
	right:0;
	content: '';
	background: url('../img/story/mtitle_illust.png') no-repeat;
	background-size: 100px auto;
	width:100px;
	height:125px;
}

@media screen and (min-width: 350px) {

	.mtitle_area .block1::before {
		background-size: 110px auto;
		width:110px;
		height:140px;
	}
}

.story_block:nth-child(even) {
	background: url('../img/common/bgtile1.png') repeat center top;
	background-size: 70px 70px;
}

.story_block .block1 {
	padding-top:35px;
	padding-bottom: 30px;
}

.story_block h3 {
	margin:0 0 20px;
	font-size:1.8rem;
	letter-spacing: 1px;
}

.story_block .image_block {
	margin:0 auto 15px;
	max-width:400px;
}

.story_block .image_block p {
	margin:0 0 15px;
}

.story_block .image_block p:last-child {
	margin:0;
}

.story_block .image_block p b {
	display: block;
	background-position: center center;
	background-size: cover;
}

.story_block .ex p {
	margin:0 0 10px;
	line-height:1.8;
}

.story_block .ex p:last-child {
	margin-bottom:0;
}

.paging_block {
	background: url('../img/common/bgtile1.png') repeat center top;
	background-size: 140px 140px;
	padding:25px 0;
}

.paging_block ul {
	display: flex;
	justify-content: center;
}

.paging_block li {
	line-height:1.0;
	font-family: calibri, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: relative;
}

.paging_block li::after {
	position: absolute;
	top:50%;
	right:0;
	content: '';
	margin:-7px 0 0;
	width:1px;
	height:15px;
	background-color: #000;
}

.paging_block li:last-child::after {
	display: none;
}

.paging_block li a,
.paging_block li b {
	display: block;
	padding:0 12px;
	text-decoration: underline;
}

.paging_block li b {
	text-decoration: none;
	font-weight: 500;
}

.story_area2 .block1 {
	padding-top:35px;
	padding-bottom:30px;
}

.story_area2 .leadebox {
	margin:0 0 20px;
	text-align: center;
}

.story_area2 .leadebox p {
	line-height:1.4;
}

.story_area2 .leadebox .lead1 {
	font-size:1.8rem;
	font-weight: 700;
}

.story_area2 .btnbox {
	margin:0 auto;
	max-width:354px;
	line-height:1.3;
	box-shadow: 0 3px 6px 0 rgba(60, 50, 50, 0.2);
	position: relative;
}

.story_area2 .btnbox::before {
	position: absolute;
	top:30px;
	right:-20px;
	content: '';
	background: url('../img/story/story_illust1.png') no-repeat;
	background-size: 100px auto;
	width:100px;
	height:60px;
	-webkit-animation:buruburu 2s infinite linear alternate;
	animation:buruburu 2s infinite linear alternate;
	z-index: 3;
}

@media screen and (min-width: 350px) {

	.story_area2 .btnbox::before {
		right:-35px;
		background-size: 120px auto;
		width:120px;
		height:72px;
	}
}

.story_area2 .btnbox a {
	display: block;
	background: url('../img/common/icon_arrow1.svg') no-repeat 15px center;
	background-size: 21px 20px;
	padding:8px 0 0;
	height:65px;
	text-align: center;
	font-size:1.7rem;
	border:2px solid #FFF;
	background-color: #ead990;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.story_area2 .btnbox b {
	display: block;
	font-size:1.9rem;
}

@media screen and (min-width: 768px) {

	/*
	=================================== */
	.mtitle_area {
		margin-bottom:0;
	}

	.mtitle_area .block1::before {
		top:50px;
		background-size: 160px 200px;
		width:160px;
		height:200px;
	}

	.story_block:nth-child(even) {
		background-size: 140px 140px;
	}

	.story_block .block1 {
		padding:50px 120px 40px;
	}

	.story_block h3 {
		margin:0 0 30px;
		font-size:2.4rem;
	}

	.story_block .image_block {
		margin:0;
		width:400px;
		float:left;
	}

	.story_block .ex {
		width:370px;
		float:right;
	}

	.story_block .ex p {
		margin:0 0 15px;
	}

	.paging_block {
		background-size: 70px 70px;
		padding:70px 0;
	}

	.paging_block li {
		font-size:2.4rem;
	}

	.paging_block li::after {
		margin:-11px 0 0;
		height:26px;
	}

	.paging_block li a {
		padding:0 18px;
	}

	.story_area2 .block1 {
		display: flex;
		justify-content: center;
		padding-top:60px;
		padding-bottom:55px;
	}

	.story_area2 .leadebox {
		margin:0 10px 0 0;
		padding:10px 0 0;
		text-align: right;
	}

	.story_area2 .leadebox .lead1 {
		font-size:2.2rem;
	}

	.story_area2 .btnbox {
		margin:0 0 0 10px;
		width:354px;
	}

	.story_area2 .btnbox::before {
		top:40px;
		right:-135px;
		content: '';
		background-size: 200px 120px;
		width:200px;
		height:120px;
	}

	.story_area2 .btnbox a {
		background-size: 24px 23px;
		padding:8px 0 0;
		height:70px;
		font-size:1.9rem;
	}

	.story_area2 .btnbox b {
		font-size:2.2rem;
	}
}