@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "UTF-8";
/* CSS Document */
/* Layout */
/*@media screen and (min-width: 1000px){*/

.copy {
	background: url(../image/stoppers/stoppers_top01.jpg) center center no-repeat;
	background-size: cover;
	max-width: 1200px;
	min-width: 1000px;
	height: 280px;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(255,255,255,0.0);
	box-sizing: border-box;
}

.copy h1 {
	width: 600px;
	margin: 120px 0 0 24px;
	font:400 64px/64px 'Noto Sans JP', sans-serif;
	text-shadow: 2px 2px 8px #333;
	text-align: left;
	letter-spacing: 4px;
	color: #fff;
	position: relative;
	left: 15px;
}

.copy h2 {
	width: 600px;
	margin: 8px 0 0 28px;
	font:500 32px/32px 'Noto Sans JP', sans-serif;
	text-shadow: 1px 1px 4px #000;
	text-align: left;
	letter-spacing: 1px;
	color: #fff;
	position: relative;
	left: 15px;
}

.stoppers_topic_title {
	max-width: 1120px;
	min-width: 920px;
	position: relative;
	top: 0px;
	margin: 56px 24px 0;
	padding: 0 16px 4px;
	font:400 32px/32px 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
	text-align: left;
	color: #333;
	border-bottom: 2px solid #935;
}

.stoppers_topic {
	max-width: 1120px;
	min-width: 920px;
	margin: 32px 24px 0;
	padding: 0 16px 32px;
	position: relative;
	top: 0;
	font:400 14px/18px 'Noto Sans JP', sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
	border: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.topic_stopperstop_box6 {
	width: 60%;
	flex-grow: 6;
	flex-shrink: 6;
	flex-basis: 495px;
	margin: 0;
	padding: 0;
}

.topic_stopperstop_box4 {
	width: 40%;
	flex-grow: 4;
	flex-shrink: 4;
	flex-basis: 329px;
	margin: 0;
	padding: 0;
}

.topic_stopperstop_box60 {
	max-width: 615px;
	min-width: 495px;
	margin: 0 auto 32px;
	padding: 0 24px 0;
}

.topic_stopperstop_box40 {
	max-width: 409px;
	min-width: 329px;
	margin: 0 auto 32px;
	padding: 0 24px 0;
	text-align: center;
}

.topic_stopperstop_box {
	width: 50%;
	flex-grow: 5;
	flex-shrink: 5;
	flex-basis: 412px;
	margin: 0;
	padding: 0;
}

.topic_stopperstop_box50 {
	max-width: 496px;
	min-width: 396px;
	margin: 0 auto 72px;
	padding: 0 32px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.topic_stopperstop_box50 .stoppers_no {
	font: 200 72px/72px 'Noto Sans JP', sans-serif;
	color: #999;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 36px;
}

.topic_stopperstop_box50 .stoppers_txt {
	font: 400 14px/24px 'Noto Sans JP', sans-serif;
	color: #333;
	padding: 0 24px;
}

.topic_stopperstop_box50 .stoppers_img { margin: 0;padding: 0; }
.topic_stopperstop_box50 .stoppers_img img { width: 140px; }

.stoppers_titile {
	width: auto;
	margin: 0;
	padding: 0 0 12px 0px;
	position: relative;
	font: 100 24px/24px 'Noto Sans JP',sans-serif;
	color: #111;
	letter-spacing: 2px;
}

.topic_stopperstop_box60 ul {
	width: 100%;
	list-style-type: circle;
	font: 300 14px/20px 'Noto Sans JP',sans-serif;
	margin: 0 0 0 24px;
	padding: 0;
}

.topic_stopperstop_box60 ul li {
	margin: 0;
	padding: 0;
}

.topic_stopperstop_box60 ul.spec { margin: 0; }

.topic_stopperstop_box60 ul.spec li {
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
}

.topic_stopperstop_box60 ul.spec li div.el {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 152px;
	margin: 0;
	padding: 6px 12px 6px 0;
	text-align: right;
	box-sizing: border-box;
}

.topic_stopperstop_box60 ul.spec li div.er {
	margin: 0;
	padding: 6px 12px;
	text-align: left;
	border-left: 1px solid #999;
	box-sizing: border-box;
}

.topic_toiawase_box {
	max-width: 560px;
	flex-basis: 460px;
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
}

.topic_toiawase_icon {
	height: 104px;
	width: 124px;
	padding: 4px;
	margin: 32px auto 32px;
	font: 400 96px/96px 'Noto Sans JP', sans-serif;
	color: #aaa;
	border: 3px solid #aaa;
	border-radius: 6px;
}

.topic_toiawase_txt {
	font: 300 14px/24px 'Noto Sans JP',sans-serif;
	color: #000;
}

////////////////////////////////////////////////////

.top_menu ul li a{text-decoration:none;padding:10px 10px 10px;border-radius:10px;}
.top_menu ul li a:link{color:#FFFFFF}
.top_menu ul li a:visited{color:#FFFFFF}
.top_menu ul li a:hover{color:#FFFFFF;font-weight:800;background:#FF3333;
    -moz-box-shadow: inset 0px 0px 5px 5px #666666;
    -webkit-box-shadow: inset 0px 0px 5px 5px #666666;
    box-shadow: inset 0px 0px 5px 5px #666666;
}

.fade1{
	animation-name: fade_in;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction:alternate;
	animation-play-state:runnning;
	animation-fill-mode: forwards;

	-moz-animation-name: fade_in;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:runnning;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: fade_in;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:runnning;
	-webkit-animation-fill-mode: forwards;

	-o-animation-name: fade_in;
	-o-animation-duration: 2s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-animation-delay: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-direction:alternate;
	-o-animation-play-state:runnning;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: fade_in;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-animation-delay: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:runnning;
	-ms-animation-fill-mode: forwards;
	opacity: 0;
}

@-moz-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-o-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-ms-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

.fade2{
	animation-name: fade_in;
	animation-duration: 3.5s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-direction:alternate;
	animation-play-state:runnning;
	animation-fill-mode: forwards;

	-moz-animation-name: fade_in;
	-moz-animation-duration: 3.5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:runnning;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: fade_in;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:runnning;
	-webkit-animation-fill-mode: forwards;

	-o-animation-name: fade_in;
	-o-animation-duration: 3.5s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-animation-delay: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction:alternate;
	-o-animation-play-state:runnning;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: fade_in;
	-ms-animation-duration: 3.5s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-animation-delay: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:runnning;
	-ms-animation-fill-mode: forwards;
	color:#FFFFFF;
	opacity: 0;
}

@-moz-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-webkit-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-o-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-ms-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}