/* CSS Document */

/* outlne layout */
/*#header h1 a {
	background: url(http://www.koredeiinoda.net/wp-content/themes/koredeiinoda_template/images/header/title.gif) left 15px no-repeat;
}
#gnav {
	margin-left: 245px;
}
#gnav li a {
	width:80px;
}*/
#bakabon-atarou-50th-top #maincontents {
	width:100%;
}
#bakabon-atarou-50th-top #footer {
	padding-top:10px;
}
#bakabon-atarou-50th-top #footer_l {
	height: 30px;
	padding-top: 10px;
}

/* 国民投票 */
#kokumintohyo {
	position: absolute;
	top: 110px;
	right: 0px;
	width: 35px;
	height: 480px;
	display:none;
}
#kokumintohyo a {
	box-sizing:content-box;
	border:1px #fff solid;
	display: block;
	height: 480px;
	text-indent: -9999px;
	background-position: -1px 0;
	background-repeat: no-repeat;
	background-image:url(../images/home/home_tohyobtn6.png);
	border-radius: 5px;
}
#kokumintohyo a:hover {
	border:none;
	background-position:-35px 0;
}

/*for archive masonry.js */
article.news-inner {
	width:100%;
	margin:0 auto;
}
section.alignleft {
	width: 239px;
	overflow: hidden;
	background:transparent;
}
.alignleft {
	float:left;
}
article, section { display: block; }

section.alignleft ul {
	text-align:left;
	border-right:none;
	border-top:none;
	margin-right:5px;
	margin-bottom:5px;
	padding:12px;
	background:#fff;
	border-radius:5px;
}
section.alignleft ul li {
	padding-left:27px;
}
section.alignleft ul li h2 {
	font-size:13px;
}
#news {
	opacity:0;
}
#news,
#news .inner {
	width:975px;
	height: auto;
	margin:auto;
	background: transparent;
}
#news .inner {
	overflow:auto;
}

#news .inner a img {
	width:170px;
	height:auto;
	display:block;
	margin:5px 0;
}
#news .inner .day {
	font-size:95%;
	display:block;
	text-align:right;
}
#news .inner .day em {
	font-size:120%;
	font-weight:normal;
}
#news .inner .cat_1 .day {
	color:#f131a2;
}
#news .inner .cat_3 .day {
	color:#10b2f0;
}
#news .inner .cat_5 .day {
	color:#f30;
}
#news .inner .cat_101 .day {
	color:#e60012;
}

#news .inner .banner-sheee {
	padding:0;
	margin: 5px 0 -15px -16px;
}
#news .inner .banner-sheee a img {
	width:239px;
	height:auto;
	display:block;
	margin:0;
}

/* .red or .white or .color */
.bakabon-atarou-50th {
	width:100%;
	/*height:550px;
	padding-top:50px;*/
	/* pink
	background: linear-gradient(to bottom, rgba(240,145,153,0.98) 0%,rgba(240,145,153,0) 100%); */
	background: linear-gradient(to bottom, rgba(62,179,112,0.98) 0%,rgba(240,145,153,0) 100%);
	position:relative;
}
.springbtn {
	display: block;
	overflow: visible;
	padding-top: 50px;
	height: 500px;
}
.logo-wrapper {
	width:400px;
	height:400px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-200px;
}
.logo-outline {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	border-radius:50%;
}
.parts {
	position:absolute;
	top:0;
	left:0;
	display:none;
	height: auto;
}
#base { top:50%; left:50%; width:0; }
#ba50 { left:15%; top:16%; width: 75.75%; }
#at50 { left:15%; top:auto; bottom:23.75%; height:60.25%; width: 75.75%; }
#a1 { left:20%; top:78.75%; width: 5.25%; }
#n1 { left:25.75%; top:78.25%; width: 6.5%; }
#n2 { left:32.5%; top:78.25%; width: 6.25%; }
#i  { left:39%; top:78.5%; width: 4.5%; }
#v  { left:43.75%; top:78.5%; width: 5.25%; }
#e  { left:49.25%; top:78%; width: 5%; }
#r1 { left:54.5%; top:78.5%; width: 4.75%; }
#s  { left:59.5%; top:78.75%; width: 5.5%; }
#a2 { left:65.25%; top:78.75%; width: 5.25%; }
#r2 { left:71.25%; top:78.5%; width: 5%; }
#y  { left:76%; top:78.5%; width: 5.25%; }
#fu-ba { left:50%; top:-15px; margin-left:-80%; width: 33%; }
#fu-at { left:50%; top:-15px; margin-left:46.25%; width: 33%; }

#presenbanner {
	position:absolute;
	display:block;
	left:50%;
	top:460px;
	margin-left:-190px;
}

.spectrum-default { /*sakura*/
	background-color:rgb(253,239,245);
}
.spectrumHeader {
	transition:background-color 6s ease;
	-webkit-transition:background-color 6s ease;
}

/*moretsu50ontarou*/
#moretsu50title {
	position: absolute;
	bottom: 200px;
	left: 50%;
	margin-left: 210px;
	opacity: 0;
	width: 240px;
	height: 100px;
	/*background: url(moretsu50title.png) 50% 50% no-repeat;*/
	text-indent: -9999px;
}
#moretsu50new {
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:210px;
	cursor:pointer;
	opacity:0;
	/*background:url(image_1058765.gif) 50% 50% no-repeat #fff;*/
	width:240px;
	height:135px;
}
#moretsu50new-inner {
	position: relative;
}
#moretsu50new #moretsu50new-inner:after {
	content: "";
	background: url(videohover.png) 0 0 no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	transition: 0.3s;
	opacity: 0;
}
#moretsu50new:hover #moretsu50new-inner:after {
	opacity: 1;
}
#moretsu50form {
	position:absolute;
	bottom:18px;
	left:50%;
	margin-left:210px;
	transition:0.4s;
	opacity:0;
}
#moretsu50form select {
	width:240px;
	padding: 0.5em;
}
#moretsu50form.center {
	bottom:100px;
	margin-left:-120px;
}
/*resize*/
.re #moretsu50title {
	position: absolute;
	bottom: 160px;
	left: 50%;
	margin-left: 270px;
	opacity: 0;
	width: 168px;
	height: 78px;
	background: url(moretsu50logo.png) 50% 50% no-repeat;
	text-indent: -9999px;
}
.re #moretsu50new {
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:269px;
	cursor:pointer;
	opacity:0;
	/*background:url(image_1058765.gif) 50% 50% no-repeat #fff;*/
	width:168px;
	height:95px;
}
.re #moretsu50form {
	position:absolute;
	bottom:18px;
	left:50%;
	margin-left:270px;
	transition:0.4s;
	opacity:0;
}
.re #moretsu50form select {
	width:168px;
	padding: 0.5em;
}
.re #moretsu50form.center {
	width:240px;
	/*bottom:50px;
	margin-left:-120px;*/
	bottom: auto;
	margin-left: -120px;
	position: inherit;
	margin-top: 10px;
}
.re #moretsu50form.center select {
	width:240px;
}

#moretsu50video {
	display:none;
	width: 640px;
	height: 360px;
	margin: auto;
}
#moretsu50close {
	/*position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -320px;*/
	margin-left: 320px;
	margin-bottom: 10px;
	width: 640px;
	height: 25px;
	display:none;
}
#moretsu50close-btn {
	width: 25px;
	height: 25px;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 25px;
	float: right;
}

/*もーれつア太郎トップに設置*/
#manga_moretsu50 {
	position: relative;
    width: 100%;
    height: 32px;
}
#manga_moretsu50.re #moretsu50title {
    position: absolute;
    bottom: auto;
    top: -100px;
    left: auto;
    right: 50px;
    margin-left: 0;
    opacity: 0;
    width: 168px;
    height: 78px;
    background: url(moretsu50logo.png) 50% 50% no-repeat;
    background-size: 140px auto;
    text-indent: -9999px;
}
#manga_moretsu50.re #moretsu50form {
    position: absolute;
    bottom: 18px;
    left: auto;
    right: 45px;
    margin-left: 0;
    transition: 0.4s;
    opacity: 0;
}
#manga_moretsu50.re #moretsu50video {
    display: none;
    width: 760px;
    height: 400px;
    padding: 20px 0 40px;
    margin: -10px auto 0;
    background-color: #fff;
}
#manga_moretsu50.re .video-js {
	margin: 10px auto;
}
#manga_moretsu50.re #moretsu50close {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 640px;
    height: 25px;
    display: none;
}
#manga_moretsu50.re #moretsu50close-btn {
    margin-top: 25px;
}

/* kyouretsu */
.kyouretsu-btn {
	background: url(kyouretsu-btn-pc9.png) 0 0 no-repeat transparent;
	display:block;
	width:180px;
	height:220px;
	text-indent:-9999px;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-445px;
}
.kyouretsu-btn:hover {
	background: url(kyouretsu-btn-hover-pc9.png) 0 0 no-repeat transparent;
}

/* joyanoinu */
.joyanoinu-btn {
	background: url(joyanoinu-btn-pc.png) 0 0 no-repeat transparent;
	display:block;
	width:180px;
	height:220px;
	text-indent:-9999px;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-445px;
}

@media (max-width: 767px) {
	.bakabon-atarou-50th {
		height: auto;
	}
	.springbtn {
		background-size: 375px auto;
		height: auto;
	}
	.logo-wrapper {
		width:260px;
		height:260px;
		position: relative;
		margin: 0 auto;
		top: initial;
		left: initial;
	}
	#moretsu50title, #moretsu50new, #moretsu50form {
		position: static;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}
	#moretsu50title {
		background: url(moretsu50title-sp.png) 50% 50% no-repeat;
		background-size: contain;
	}
	#moretsu50new {
		margin-top: 0.5em;
	}
	#moretsu50new #moretsu50new-inner:after {
		opacity: 1;
	}

	/*resize*/
	.re #moretsu50title, .re #moretsu50new, .re #moretsu50form {
		position: static;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}
	.re #moretsu50title {
		background: url(moretsu50logo.png) right 50% no-repeat;
		background-size: contain;
		width: 49%;
		/*width: 50vw;*/
		height: 60px;
		margin: 20px 0 10px;
		float: left;
	}
	.re #moretsu50new {
		width: 49%;
		/*width: 50vw;*/
		height: 68px;
		margin: 20px 0 10px;
		float: left;
	}
	.re #moretsu50new-inner {
		width: 130px;
		height: 68px;
	}
	.re #moretsu50new-inner img {
		width: auto;
		height: 100%;
	}
	.re #moretsu50new #moretsu50new-inner:after {
		opacity: 1;
		background: url(videohover.png) 0 0 no-repeat;
		background-size: contain;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		margin-left: -10px;
	}
	#news, .re #moretsu50title, .re #moretsu50new, .re #moretsu50form {
		opacity: 1;
	}
	.re #moretsu50form {
		clear: both;
	}
	.re #moretsu50form.center {
		/*margin: 1em auto;*/
		width: 19em;
	
	}
	.re #moretsu50form select,
	.re #moretsu50form.center select{
		width: 19em;
	}
	
	#my-video {
		width: 320px;
		height: 180px;
	}
	#moretsu50video,
	#nowvideo {
		width: 320px;
		height: 180px;
		margin: auto;
	}
	#moretsu50video {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	#moretsu50form.center {
		margin: 1em auto;
	}
	#moretsu50form select {
		width: 20em;
	}
	#moretsu50close {
		position: static;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		width: 320px;
		height: 30px;
	}
	#moretsu50close-btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	#fu-ba {
		top:-48px;
		left: -40px;
		margin-left: 0;
		width:86px;
	}
	#fu-at {
		top:-48px;
		left: auto;
		right: -40px;
		margin-left: 0;
		width:86px;
	}
	#news, #moretsu50title, #moretsu50new, #moretsu50form {
		opacity: 1;
	}
	#news, #news .inner {
		width: 98vw;
	}
	section.alignleft {
		width: 46vw;
	}
	#news .inner a img {
		width: 100%;
		max-width: 170px;
	}
	section.alignleft ul {
		margin: 0 0.5em 1em;
	}
	#footer {
		border-top: none;
	}
	
	/* kyouretsu */
	.kyouretsu-btn {
		background: url(kyouretsu-btn-sp9.png) 0 0 no-repeat transparent;
		background-size:contain;
		margin:20px auto;
		position:static;
		width:300px;
		height:102px;
	}
	.kyouretsu-btn:hover {
		background: url(kyouretsu-btn-hover-sp9.png) 0 0 no-repeat transparent;
		background-size:contain;
	}

	/* joyanoinu */
	.joyanoinu-btn {
		background: url(joyanoinu-btn-sp.png) 0 0 no-repeat transparent;
		background-size:contain;
		margin:20px auto;
		position:static;
		width:300px;
		height:102px;
	}


	#presenbanner {
		position: inherit;
    	display: block;
    	left: auto;
    	top: auto;
    	margin-left: auto;
    	margin: 5px auto;
    	width: 300px;
    	height: auto;
	}
}

@media all and (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
	section.alignleft {
		width: 32vw;
	}
	#my-video {
		width: 480px;
		height: 270px;
	}
	#moretsu50video,
	#nowvideo {
		width: 480px;
		height: 270px;
		margin: auto;
	}
	#moretsu50close {
		width: 480px;
	}
}

/*.iphone .bakabon-atarou-50th,
.android .bakabon-atarou-50th {
	zoom: 135%;
}*/