@charset "UTF-8";

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }




/* Product Style
-------------------------------------------------------------------------------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.chromeframe {position: absolute; top: 0;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Android4.4未満対応 */
* {background-color: rgba(255,255,255,0.01); }

/* 選択時の色 */
::-moz-selection{background: #50E3C2; text-shadow: none;}
::selection {background: #50E3C2; text-shadow: none;}

body {
	font-size: 13px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
	background: #fff;
}
body, select, input, textarea {color: #333; background: #fff;}

a {
	display: inline-block;
	color: #000;
	line-height: 1.2;
}
a:hover {
	background: #50E3C2;
	border-radius: 3px;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* タップ時の色 */
a:link {-webkit-tap-highlight-color: rgba(255,255,255,0.5);}

.disabled {
	opacity: 0.3;
	-webkit-filter: grayscale(100%); /* モノトーンに変換 webkit */
	-moz-filter: grayscale(100%); /* モノトーンに変換 Firefox */
	filter: grayscale(100%); /* モノトーンに変換 CSS3 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.3, GrayScale=1); /* モノトーンに変換 IE5.5以降用 */
}
.center {
	text-align: center;
}
.left {
	text-align: left !important;
}
.bt,
input[type=submit],
input[type=button] {
	display: inline-block;
	margin: 2em 10px;
	padding: 10px 20px;
	background: #333;
	color: #fff;
	border: 0 none;
	border-radius: 4px;
	line-height: 1.2;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-appearance: none;
}
input[type=button],
input[name=submitBack] {
	background: #666;
}
.bt:hover,
input[type=submit]:hover,
input[type=button]:hover {
	background: #000;
	color: #fff;
}
.pcbr {
	display: block;
	height: 0;
	overflow: hidden;
}
.spbr {
	display: inline;
}
.pc-view {
	display: block;
}
.sp-view {
	display: none;
}
.social-icon a {
	display: inline-block;
	min-width: 28px;
	padding: 7px;
	line-height: 0;
	background: #fff;
	border-radius: 100px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.social-icon-facebook a {
	background: #3B5998;
}
.social-icon-twitter a {
	background: #55ACEE;
}
.social-icon-facebook a:hover,
.social-icon-twitter a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* 点滅 */
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.imgblock {
	line-height: 0;
}


main {
	display: block;
}
.wrapper {
	position: relative;
	z-index: 2;
}

.social {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}
.social.sp-view {
	position: static;
	top: 0;
	left: 0;
	text-align: center;
}
.social li {
	display: inline-block;
	vertical-align: top;
}
.figure-frame {
	margin: 25px auto;
}
.figure-frame img {
	/* box-shadow: 0 0 0 10px #fff,0 0 5px 10px rgba(1,197,153,.25); */
	box-shadow: 0 0 0 10px #fff;
}
.important {
	color: #e00;
}



/* home
-------------------------------------------------------------------------------*/
.home main {
	position: relative;
	width: 1140px;
	max-width: 100%;
	/*height: 1313px;*/
	margin: 0 auto;
	padding: 10px 15px;
	overflow: hidden;
}
.home .logo {
	padding: 180px 0 40px;
}
.home .keyvisual {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 2;
}
.home .content {
	width: 421px;
	margin-left: auto;
}
.home .content section {
	margin: 0 0 10px;
}
.home .information {
	line-height: 0;
	text-align: right;
}
.home .information a:hover {
	background: none;
}
.home .information li {
	margin: 0 0 15px;
}
.home .content .news {
	width: 360px;
	max-width: 100%;
	height: 193px;
	margin: 0 30px 10px auto;
	padding: 40px 0 0 40px;
	background: url(../img/10th-home-news.png) no-repeat left top,
					url(../img/10th-home-news2.png) no-repeat center bottom;
	overflow: hidden;
	font-size: 12px;
}
.home .content .column {
	background: url(../img/10th-home-staffcolumn.png) no-repeat left top,
					url(../img/10th-home-news2.png) no-repeat center bottom;
}
.home .news ul {
	max-width: 100%;
	height: 110px;
	margin-right: 20px;
	overflow: auto;
	text-align: left;
}
.home .news li {
	margin: 0 0 5px;
}
.home .news dt {
	margin: 0 0 3px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
}
.home .content .twitter {
	width: 360px;
	max-width: 100%;
	height: 304px;
	margin: 0 auto 80px -16px;
	padding: 40px 0 0 15px;
	background: url(../img/10th-home-twtter.png) no-repeat left top,
					url(../img/10th-home-twtter2.png) no-repeat right bottom;
}
.twitter-frame {
	height: 217px;
	max-width: 100%;
	padding-right: 15px;
}
.home .news p,
.home .twitter p {
	margin: 5px 0 0 0;
	padding-right: 20px;
}
.home .broadcast {
	position: absolute;
	top: 1050px;
	left: 0;
	z-index: 2;
}
.broadcast-frame-wrap {
	position: relative;
	display: table;
	width: 100%;
	max-width: 550px;
	margin: 25px 0;
}
.broadcast-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 40px 60px 30px;
}
.home .go-tv {
	position: absolute;
	top: 1435px;
	left: 70px;
	z-index: 2;
}
.home .go-tv img {
	width: 521px;
	max-width: 100%;
	height: auto;
}
.broadcast-detail li {
	display: none;
}
.broadcast-detail li:nth-child(1) {
	display: block;
}
.broadcast-tab {
	margin: 0 0 15px;
	text-align: center;
}
.broadcast-tab li {
	display: inline;
}
.adp-tab-wrap {
	text-align: center;
}
.adp-tab {
	display: inline-block;
	margin: 10px auto 40px;
	text-align: center;
}
.broadcast {
	display: inline;
}
.adp-tab li {
	display: inline-block;
	margin: 5px 10px;
	text-align: left;
}
.broadcast-tab a.active,
.adp-tab a.active {
	display: inline-block;
	background: #50E3C2;
	border-radius: 4px;
}
.adp-tab li a,
.adp-tab a.active {
	display: block;
	width: 320px;
	padding: 0 5px 5px 0;
	border: 2px solid #11B196;
	border-radius: 4px;
	line-height: 0;
	overflow: hidden;
}
/*
#adp-detail > li {
	display: none;
}
#adp-detail > li:first-child {
	display: block;
}
*/
#adp-detail > li:nth-child(4) p {
	text-align: left;
}
.special #adp-detail section {
	margin: 0 auto 40px;
}
.special #adp-detail section h1,
.special #adp-detail section h2 {
	padding: 0 20px;
	line-height: 0;
}
.special #adp-detail section h2 {
	margin: 20px 0;
}
.special #adp-detail section #goods-list h2 {
	margin: 0;
	padding: 0;
}
.special #adp-products section h3 {
	margin: 20px auto 10px;
}
.adp-story-fig,
.adp-character-fig,
.adp-mecha-fig {
	text-align: center;
}
.adp-character-fig {
	margin: 20px 0 0;
}
.adp-story-fig li,
.adp-character-fig li,
.adp-mecha-fig li {
	position: relative;
	display: inline-block;
	margin: 3px;
	line-height: 0;
	z-index: 2;
}
.adp-mecha-fig li {
	margin: 3px;
}
.adp-mecha-fig li figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	padding: 4px 5px 3px;
	line-height: 1.2;
	background: #3bc9ab;
	font-size: 13px;
	color: #fff;
	border-radius: 0px 5px 0px 0px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.15);
}
.adp-story-fig li img {
	border-radius: 3px;
}
.adp-character-fig li,
.adp-mecha-fig li {
	border-radius: 5px;
	box-shadow: 0 0 5px #50E3C2;
	overflow: hidden;
}
.adp-character-fig li img,
.adp-mecha-fig li img {
	border-radius: 5px;
}
.adp-keyvisual {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}
.adp-keyvisual figcaption {
	position: absolute;
	top: 0;
	left: -50px;
}
#adp-products p {
	text-align: left;
	font-size: 0.8em;
}
#adp-products .goods-list-adp p {
	font-size: 13px;
}
#adp-products h1,
#adp-products h2,
#adp-products h3 {
	text-align: center;
}

.home .information li.home-wallpaper {
	position: absolute;
	right: 0;
	top: 45px;
	z-index: 10;
}
.home .information li.home-wallpaper .wallpaper-pcview {
	display: block;
}
.home .information li.home-wallpaper .wallpaper-spview {
	display: none;
}







/* special
-------------------------------------------------------------------------------*/
main nav {
	max-width: 920px;
	margin: 50px auto 70px;
}
main nav li {
	display: inline-block;
	margin: 7px;
	vertical-align: middle;
}
.special-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.special-bg-s {
	position: absolute;
	top: 0;
	left: 50%;
	width: 981px;
	height: 722px; 
	background: url(../img/10th-bg.png) no-repeat 0 0;
}
.special-bg-l {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1333px;
	height: 1145px;
	background: url(../img/10th-bg-l.png) no-repeat 0 0;
}
.special-bg-p1 {
	top: -574px;
	margin-left: -860px;
}
.special-bg-p2 {
	top: 175px;
	margin-left: -533px;
}
.home .special-bg-p2 {
	top: 305px;
	margin-left: -640px;
}
.special-bg-p3 {
	top: 390px;
	margin-left: -1023px;
}
.special-bg-p4 {
	top: 635px;
	margin-left: -533px;
}
.special-bg-p5 {
	top: -87px;
	margin-left: -68px;
}
.special {
	text-align: center;
}
.special header {
	margin: 50px auto;
}
.special section {
	max-width: 920px;
	margin: 0 auto 70px;
	font-size: 18px;
	line-height: 1.8;
}
.special section h2 {
	margin: 0 0 20px;
}
.special section h3 {
	display: inline-block;
	min-width: 280px;
	padding: 5px 10px;
	font-weight: normal;
	line-height: 1.2;
	border: 1px solid #333;
	border-radius: 30px;
}
.special section p {
	margin: 1em 0;
}
.special .note {
	display: inline-block;
	font-size: 14px;
	text-align: left;
}
.special-spec li {
	text-align: left;
}
.special section.section-spec {
	margin: 0 auto 40px;
}
.special section.spec-col2 {
	margin: 20px auto 20px;
}
.special section.section-spec p,
.special section.section-spec li,
.special .section-flower-notice li {
	margin: 1em 0;
	text-align: left;
}
.special section.section-spec p.center {
	text-align: center;
}
.special section.section-spec li,
.special .section-flower-notice li {
	margin: 0.5em 0 0.5em 1.5em;
}
.special section.section-spec li:before,
.special .section-flower-notice li:before {
	content: "❖";
	/*font-family: "FontAwesome";*/
	display: inline-block;
	margin-left: -1.5em;
	width: 1.5em;
	color: #148f75;
}
.special section.section-spec li li:before,
.special .section-flower-notice li li:before {
	content: "✸";
	/*font-family: FontAwesome;*/
	display: inline-block;
	margin-left: -1.5em;
	width: 1.5em;
	color: #148f75;
}
.special .section-spec .note,
.special .section-flower-notice .note {
	display: block;
	font-size: 0.8em;
}
.spec-col2 {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.reserve-end,
.sold-out {
	position: relative;
	z-index: 1;
	text-align: center;
}
.reserve-end:before,
.sold-out:before {
	z-index: 2;
	content: "予約終了";
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -90px;
	line-height: 1.2;
	padding: 8px 20px;
	color: #c00;
	font-weight: bold;
	font-size: 32px;
	border: 5px solid #c00;
	border-radius: 8px;
	transform: rotate(-15deg);
	/*background: rgba(255,255,255,.5);*/
}
.sold-out:before {
	content: "完　売";
	margin: -32px 0 0 -70px;
}
.reserve-end-text,
.sold-out-text {
	display: inline-block;
	padding: 10px;
	opacity: 0.4;
	filter: alpha(opacity=4);
	background: rgba(0,0,0,.25);
	border-radius: 5px;
}
.special .special-frame {
	margin-top: 150px;
	padding: 20px;
	/*border: 6px solid rgba(1,197,153,.25);
	background: rgba(255,255,255,.5);*/
	border-radius: 10px;
	border: 0 none;
	background: rgba(255,255,255,.6);
	box-shadow: 0 0 15px rgba(1,197,153,.50);
}
.special #theater.special-frame {
	margin-top:50px;
	border: 0 none;
	background: rgba(255,255,255,.6);
	box-shadow: 0 0 15px rgba(1,197,153,.20);
}
.special .special-frame > h2 {
	margin: -110px 0 0 0;
}
.special .special-frame > h2 img {
	max-width: 100%;
	height: auto;
}
.special .section-flower-notice h3 {
	margin: 2em auto 0.8em;
	text-align: center;
}
.special .section-flower-notice p {
	text-align: left;
}
.special section p.period {
	text-align: right;
}
.special .section-flower-notice > h2 {
    margin: -85px 0 0 0;
}
.item-new {
	display: inline-block;
	content: 'NEW!';
	margin: 0 5px 0 0;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #e00;
	border-radius: 3px;
	line-height: 1.2;
	vertical-align: 25%;
	
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
	-moz-animation:blink 0.8s ease-in-out infinite alternate;
	animation:blink 0.8s ease-in-out infinite alternate;
	
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    20% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    20% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    20% {opacity:1;}
    100% {opacity:1;}
}

.special section.section-spec-box-graphic ul {
	overflow: hidden;
	width: 820px;
	max-width: 100%;
	margin: 0 auto;
}
.special section.section-spec-box-graphic li {
	margin: 0;
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	line-height: 1.2;
	font-size: 14px;
	text-align: center;
}
.special section.section-spec-box-graphic li:before {
	content: '';
	display: none;
}
.special section.section-spec-box-graphic figure img {
	max-width: 100%;
	height: auto;
}
.special section.section-spec-box-graphic figcaption {
	margin: 3px 0 0 0;
}
.special-spec-detail table,
.special-frame-adp table {
	display: inline-table;
	margin: 1em auto;
	text-align: left;
}
.special-spec-detail table {
	font-size: 14px;
}
.special-spec-detail th,
.special-spec-detail td,
.special-frame-adp th,
.special-frame-adp td {
	padding: 0 1em 5px 0;
	vertical-align: top;
}
.special-frame-adp th {
	color: #148f75;
}
.special-frame-adp td:last-child {
	padding: 0 0 5px 0;
}
.special-spec-detail th,
.special-frame-adp th,
.special-frame-adp td.tel {
	white-space: nowrap;
}
.special #adp-detail section h2.special-title-color {
	margin: 40px 0 20px;
	padding: 15px 0 14px;
	font-size: 28px;
	color: #148f75;
	font-weight: normal;
	line-height: 1.2;
	/*background: #D3F8EF;*/
	text-align: center;
	border-radius: 4px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	            color-stop(.25, #C9F6E0), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #C9F6E0),
	            color-stop(.75, #C9F6E0), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(45deg, #C9F6E0 25%, transparent 25%,
	          transparent 50%, #C9F6E0 50%, #C9F6E0 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #C9F6E0 25%, transparent 25%,
	          transparent 50%, #C9F6E0 50%, #C9F6E0 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, #C9F6E0 25%, transparent 25%,
	          transparent 50%, #C9F6E0 50%, #C9F6E0 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, #C9F6E0 25%, transparent 25%,
	          transparent 50%, #C9F6E0 50%, #C9F6E0 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(45deg, #C9F6E0 25%, transparent 25%,
	          transparent 50%, #C9F6E0 50%, #C9F6E0 75%,
	          transparent 75%, transparent);
}
.special #adp-detail section:first-child h2.special-title-color {
	margin: 0 0 20px;
}
.special-bonus-fig {
	margin: 0 0 1em;
	text-align: center;
}
.special-bonus-fig img {
	margin: 0 3px;
	border: 3px solid #EEE6B9;
}
.special-product-est-list {
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
}
.special-product-est-list li {
	display: inline-block;
	margin: 5px;
}
.special section.section-spec .adp-products-nav li {
	display: inline-block;
	margin: 0.3em 2em;
}
.adp-button {
	display: inline-block;
	padding: 6px 20px;
	line-height: 1.2;
	border: 2px solid #11B196;
	border-radius: 4px;
	color: #139883;
	font-weight: bold;
	text-decoration: none;
}
.adp-button-down {
	padding: 6px;
	font-size: 15px;
}
.adp-button-down:before {
	content: "▽";
	display: block;
	float: left;
	margin: 0 3px;
}
.adp-button-down-wrap {
	display: block;
	overflow: hidden;
}
.adp-button-down-wrap .item-new {
	transform: rotate(0deg);
}
.special #adp-detail section h2.special-title-image {
	padding: 15px 15px 14px;
	line-height: 0;
}
.adp-special-nav {
	display: inline-block;
	text-align: left;
}
.adp-special-nav li {
	margin: 10px 0;
}
.adp-special-nav a {
	display: block;
}




/* popup
-------------------------------------------------------------------------------*/
#popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
}
#popup-close {
	position: absolute;
	width: 100%;
	z-index: 20;
	padding: 20px;
	text-align: right;
}
.popup-close {
	/* padding: 30px 20px 20px; */
	position: absolute;
	width: 100%;
	bottom: 30px;
	left: 0;
	text-align: center;
}
#popup-close img,
.popup-close img {
	cursor: pointer;
}
#popup-close img:hover,
.popup-close img:hover {
	opacity: 0.7;
	cursor: pointer;
}
#popup-detail {
	position: relative;
	width: 100%;
	height: 100%;
}
.popup-detail-inner {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
.popup-detail-text {
	position: relative;
	display: table-cell;
	padding: 30px 15px 30px;
	vertical-align: middle;
	text-align: center;
}
.popup-detail-text img {
	max-width: 100%;
	max-height: 100%;
}
.popup-broadcast-list {
	margin: 15px 0 0 0;
}
.popup-broadcast-list li {
	display: inline-block;
	margin: 5px;
}
.popup-broadcast-list a {
	display: inline-block;
	min-width: 200px;
	padding: 7px;
	background: #ffea00;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.popup-broadcast-list a:before {
	content: '\f061';
	margin-right: 5px;
	font-family: FontAwesome;
}
.popup-note {
	margin: 5px 0 0 0;
	font-size: 12px;
}





/* news
-------------------------------------------------------------------------------*/
.news {
	width: 1080px;
	margin: 60px auto 50px;
}
.news-side {
	float: right;
	width: 240px;
}
.news-side h1 {
	display: inline-block;
	width: 240px;
	padding: 10px 0;
	text-align: center;
	border-radius: 10px;
}
.news-side nav {
	margin: 15px 0;
	padding: 15px;
	border-radius: 10px;
	background: rgba(255,255,255,.6);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	border-radius: 3px;
	color: #222;
}
.news-side .archive-link li {
	margin: 0 0 15px;
	line-height: 1.4;
}
.news-side nav a {
	font-weight: bold;
	text-decoration: none;
}
.news-side nav .bt {
	padding: 10px 15px;
}
.paging {
	text-align: center;
}
.paging li {
	display: inline-block;
}
.news-main {
	float: left;
	width: 800px;
	font-size: 16px;
}
.news-main h1 {
	line-height: 0;
}
.news-main-frame {
	margin: -10px 0 15px 0;
	color: #222;
}
.the_post {
	position: relative;
	margin: 0 0 60px;
	padding: 20px;
	background: rgba(255,255,255,.6);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	border-radius: 3px;
}
.the_content {
	line-height: 1.8;
}
.the_post h2 {
	margin: 0 0 12px;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.3;
}
.the_time {
	margin: 0 0 12px;
	text-align: left;
}
.the_time li {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.the_date a {
	color: #000;
	font-weight: normal;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #666;
}
.the_date a:hover {
	color: #999;
}
.the_content figure {
	display: table;
	text-align: center;
	margin-bottom: 20px;
}
.the_content figure img {
	max-width: none;
}
.the_content .figure-right {
	float: right;
	margin: 0 0 20px 20px;
}
.the_content .figure-left {
	float: left;
	margin: 0 20px 20px 0;
}
.the_content .figure-center {
	margin-left: auto;
	margin-right: auto;
}
.the_content figcaption {
	font-size: 0.9em;
	color: #777;
}
.the_content p {
	margin: 1em 0;
}
.news .bt {
	background: #3fc7aa;
}
.news .bt:hover {
	background: #666;
}
.link-home {
	text-align: center;
	font-weight: bold;
}
.news-side h1 a {
	background: none;
}



/* Enq
-------------------------------------------------------------------------------*/
.special .enq-lead {
	max-width: 800px;
	margin: 70px auto;
	padding: 0 10px;
	text-align: left;
}
.enq-lead .enq-period {
	font-size: 24px;
	font-weight: bold;
}
.special .enq-body {
	max-width: 800px;
	margin: 70px auto;
	padding: 0 10px;
	text-align: center;
}
.enq-body h2 {
	
}
.enquete-table {
	margin: 0 auto;
	text-align: left;
}
.enquete-table td {
	display: block;
}
.enquete-td-label {
	padding: 30px 0 0 0;
	font-weight: bold;
	color: #07654c;
}
.enquete-table input[type=text],
.enquete-table textarea {
	width: 100%;
	padding: 2px;
	font-size: 1.1em;
	border: 2px solid #999;
	border-radius: 2px;
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
}
.enquete-table textarea {
	min-height: 100px;
}
.enquete-table input[type=radio] {
	vertical-align: middle;
	zoom: 1.3;
}
.enquete-td-input > div {
	display: inline-block;
	width: 50%;
	padding: 5px;
	line-height: 1.2;
}
.enquete-td-input > div > label {
	display: block;
	padding: 3px 5px;
	text-align: left;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
	font-size: 0.9em;
}
.enquete-td-input > div > label.checked {
	border: 3px solid #50E3C2;
}
.enq-body button[type=submit] {
	margin: 2em 10px;
	padding: 10px 100px;
	background: #148f75;
	font-size: 18px;
	color: #fff;
	border: 0 none;
	border-radius: 5px;
	line-height: 1.2;
	vertical-align: middle;
	letter-spacing: 3px;
}
.enq-body button[type=submit]:hover {
	background: #50E3C2;
	color: #000;
}
.enq-body input[type=button] {
	margin: 2em 10px;
	padding: 10px 30px;
	background: #999;
	font-size: 18px;
	border: 0 none;
	border-radius: 5px;
	line-height: 1.2;
	vertical-align: middle;
	letter-spacing: 3px;
}
.enq-body input[type=button]:hover {
	background: #333;
}
#error {
	padding: 10px;
	background: #ffe3e3;
	color: #c00;
	font-weight: bold;
	line-height: 1.2;
	border: 2px solid #c00;
	border-radius: 5px;
}
.enquete-error-input-msg {
	color: #c00;
	font-weight: bold;
}
.enquete-error-input-msg:before {
	margin: 0 6px 0 0;
	content: '\f071';
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #f00;
	-webkit-animation:blink 1s infinite;
	-moz-animation:blink 1s infinite;
	animation:blink 1s infinite;
}
.enquete-td-input > .enquete-error-input-msg {
	width: auto;
}


/* goods
-------------------------------------------------------------------------------*/
#goods-list {
	margin: 30px auto;
}
#goods-list li {
    float: left;
    width: 290px;
    margin-bottom: 25px;
    font-size: 13px;
    text-align: center;
}
#goods-list.goods-list-adp li {
	width: 270px;
	margin-bottom: 15px;
}
#goods-list li > div {
	padding: 15px;
	background: rgba(255,255,255,.9);
	border-radius: 5px;
	box-shadow: 0 0 5px #50E3C2;
}
#goods-list.goods-list-adp li > div {
	padding: 10px;
}
.special section #goods-list h2 {
	margin: 0;
	font-size: 17px;
	line-height: 1.3;
}
.special section #goods-list.goods-list-adp h2 {
	font-size: 14px;
}
.special section #goods-list p {
	margin: 6px 0 0 0;
	line-height: 1.5;
}
.special section #goods-list p.goods-price {
	margin: 6px 0;
}
#goods-list li figure {
	margin: 10px 0;
	line-height: 0;
}
.now-printing {
	display: inline-block;
	width: 200px;
	padding: 30px 0;
	background: #79dcdf;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	background-color: #a4f3f6;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	            color-stop(.25, #79dcdf), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #79dcdf),
	            color-stop(.75, #79dcdf), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(45deg, #79dcdf 25%, transparent 25%,
	          transparent 50%, #79dcdf 50%, #79dcdf 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #79dcdf 25%, transparent 25%,
	          transparent 50%, #79dcdf 50%, #79dcdf 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, #79dcdf 25%, transparent 25%,
	          transparent 50%, #79dcdf 50%, #79dcdf 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, #79dcdf 25%, transparent 25%,
	          transparent 50%, #79dcdf 50%, #79dcdf 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(45deg, #79dcdf 25%, transparent 25%,
	          transparent 50%, #79dcdf 50%, #79dcdf 75%,
	          transparent 75%, transparent);
}
.figure-package {
	float: right;
	text-align: center;
}
.figure-package figcaption {
	font-size: 0.8em;
	display: block;
	margin-top: 5px;
	padding: 4px 20px;
	background: rgba(1,197,153,.15);
	line-height: 1.2;
	font-size: 13px;
	border-radius: 20px;
}
.figure-package.figure-frame {
	margin: -1.5em 0 0 0;
}

.special .adp-title {
	overflow: hidden;
	margin: 15px 0 0 0;
}
.special .adp-title h1 {
	float: right;
	width: 200px;
}
.special .adp-title h1 img {
	width: 100%;
	height: auto;
}
.special .adp-title > div {
	overflow: hidden;
}
.special .adp-title h2 {
	margin: 10px 0 0 0;
	padding: 0 20px;
	text-align: center;
}
.special .adp-title p {
	margin: 0 auto 15px;
	font-size: 1.3em;
	text-align: center;
}
.adp-detail-title {
	margin: 0 0 25px;
	padding: 15px;
}
.project-logo {
	float: right;
	width: 200px;
}
.project-logo img {
	width: 100%;
	height: auto;
}
.adp-detail-title h1 {
	margin: 0;
	padding: 0;
	text-align: left;
}
.adp-shopinfo-wrap {
	margin: 1em 0;
	text-align: center;
}
.adp-shopinfo-wrap > div {
	display: inline-block;
	width: 300px;
	margin: 0 10px;
	vertical-align: top;
}
.adp-shopinfo-wrap iframe {
	max-width: 100%;
}














/* footer
-------------------------------------------------------------------------------*/
footer {
	position: relative;
	margin: 100px 0 0 0;
	padding: 20px 20px 80px;
	/*background: rgba(0,0,0,.15);*/
	background: #D8D8D8;
	text-align: left;
	font-size: 11px;
	line-height: 1.3;
	overflow: hidden;
	z-index: 20;
}
.home footer {
	position: relative;
	z-index: 2;
	margin: 0;
}
.special footer a:hover {
	background: none;
}
footer p,
footer ul,
footer li {
	display: inline-block;
	vertical-align: top;
}
.copyright {
	float: left;
}
.copyright p,
.copyright li {
	margin: 0 10px 0 0;
}
.main-banner {
	float: right;
}
#pagetop {
	display: none;
	position: fixed;
	z-index: 20;
	right: 20px;
	bottom: 20px;
	font-size: 50px;
	line-height: 1;
}
#pagetop span {
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #fff;
}





/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1140px) {
.home .content {
	width: 360px;
}
.home .logo {
	text-align: right;
}
.home .keyvisual img,
.home .logo img,
.home .information img {
	max-width: 100%;
	height: auto;
}
.home .keyvisual {
	margin-right: 400px;
}
}


@media screen and (max-width: 1000px) {
.news {
	width: auto;
	margin: 20px 20px 50px;
}
.news-side,
.news-main {
	float: none;
	width: auto;
}
.news-side {
	text-align: center;
}
.news-side h1 {
	margin: 0 0 10px;
}
.news aside {
	display: none;
}
.news img {
	max-width: 100%;
	height: auto;
}
.home .go-tv {
	position: static;
	text-align: center;
}
.home .content .twitter {
	margin: 0 auto 10px -16px;
}
}


@media screen and (max-width: 940px) {
.wrapper {
	max-width: 100%;
	padding: 0 20px;
}
.news {
	margin: 20px 0 50px;
}
.special img {
	max-width: 100%;
	height: auto;
}
.home main {
	height: auto;
}
.home .content {
	width: auto;
	text-align: center;
}
.home .logo {
	padding: 40px 0 20px;
	text-align: center;
}
.home .keyvisual {
	position: relative;
	margin: 0;
	top: 0;
	left: 0;
	text-align: center;
}
.home .content section,
.home .content .information,
.home .content .news,
.home .content .twitter {
	display: inline-block;
	margin: 10px;
	background-size: contain;
}
.special-bg-p1 {
	display: none;
}
.figure-package {
	width: 200px;
}
.broadcast-frame-wrap {
	display: inline-table;
}
.adp-keyvisual figcaption {
	left: -5.5vw;
}
.adp-keyvisual figcaption img {
	width: 10vw;
}
.special .adp-title {
	overflow: hidden;
	margin: 15px 0 0 0;
}
.special .adp-title h1 {
	float: none;
	width: 200px;
	margin: 0 auto;
}

.adp-detail-title {
	margin: 0 0 15px;
	padding: 15px 0;
}
.project-logo {
	float: none;
	margin: 0 auto 15px;
	text-align: center;
}
.project-logo img {
	width: 100%;
	height: auto;
}
.adp-detail-title h1 {
	margin: 0;
	padding: 0;
	text-align: center;
}
.home .information li.home-wallpaper {
	position: relative;
	right: auto;
	top: auto;
	z-index: 10;
	width: auto;
	margin-top: -40px;
}
.home .information li.home-wallpaper .wallpaper-pcview {
	display: none;
}
.home .information li.home-wallpaper .wallpaper-spview {
	display: block;
}
.home .information li.home-wallpaper .wallpaper-spview img {
	width: 421px;
	max-width: 100%;
}

}

@media screen and (max-width: 700px) {
.special section {
	margin: 0 0 50px;
	font-size: 14px;
}
.copyright,
.main-banner {
	float: none;
}
footer p, footer ul, footer li,
.copyright p, .copyright li {
	display: block;
	margin: 0 0 10px;
	text-align: center;
}
.special .enq-lead {
	margin: 30px 0;
}
.special section h3 {
	min-width: 220px;
}
.figure-package {
	float: none;
	width: auto;
	text-align: center;
}
.figure-package.figure-frame {
	margin: 1em 0;
}
}

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

.pc-view {
	display: none;
}
.sp-view {
	display: block;
}
.social {
	position: relative;
	top: 0;
	left: 0;
	padding: 10px 0;
	text-align: center;
}
.wrapper {
	max-width: 100%;
	padding: 0 15px;
}
.special {
	text-align: left;
}
.pcbr {
	display: inline;
}
.home main {
	padding: 10px 0;
}
.home .logo {
	padding: 40px 0;
}
.news {
	margin: 10px 0 50px;
}
.news-main-frame {
	padding: 12px 0;
	font-size: 13px;
}
.the_post {
	margin: 0 0 30px;
	padding: 10px;
}
.the_post h2 {
	padding: 0;
	border-left: 0 none;
}
.enquete-td-input > div {
	width: 100%;
}
.enq-lead .enq-period p span {
	display: inline-block;
}
.special .enq-body {
	margin: 30px 0;
}
.enq-body button[type=submit] {
	padding: 10px 50px;
}
.enq-confirm .enq-body button[type=submit],
.enq-confirm .enq-body input[type=button] {
	margin: 2em 10px;
	padding: 10px 30px;
}
.special .section-spec {
	text-align: center;
}
.special section.section-spec h2 img {
	height: 50px;
	width: auto;
}
.special #adp-detail section.section-spec h2 img {
	max-width: 100%;
	height: auto;
}
.spec-col2 {
	width: auto;
	display: block;
	vertical-align: top;
}

.special section h3 {
	min-width: auto;
	width: 90%
}
.special .special-frame > h2 {
	margin: -50px 0 0 0;
}
.special .special-frame {
	margin-top: 0;
	padding: 20px 10px;
	border: 4px solid rgba(1,197,153,.25);
}
.broadcast-frame {
	padding: 40px 0px 20px;
	text-align: center;
}
.broadcast-detail {
	padding: 0 70px;
}
.home .keyvisual .broadcast-tab img {
	height: 22px;
	width: auto;
}
.special .section-flower-notice > h2 {
    margin: -60px 0 0 0;
}
.special .section-flower-notice h3 {
	display: block;
}
.special section.special-frame-adp h3 {
	 min-width: auto;
	 width: 100%;
	 text-align: center;
}
.special-frame-adp table {
    display: table;
    margin: 1em auto;
    text-align: left;
}
.adp-keyvisual {
	margin: 0;
	padding: 0;
}
.special #theater.special-frame {
	margin-top: 0;
	padding: 10px 10px 20px 10px;
	border: 0 none;
	background: rgba(255,255,255,.6);
	box-shadow: 0 0 15px rgba(1,197,153,.20);
}
.adp-story-fig img {
	width: 200px;
	height: auto;
}
.adp-character-fig img {
	width: 150px;
	height: auto;
}
.adp-tab li {
	display: block;
}
.adp-tab li a,
.adp-tab a.active {
	width: auto;
}
.adp-tab li a img {
	max-height: 22px;
	width: auto;
}


}

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

.spbr {
	display: block;
	height: 0;
	overflow: hidden;
}

.special section p.period {
	text-align: left;
}
.special section.section-spec-box-graphic li,
.special section.section-spec-box-graphic li:nth-child(1) {
	width: 90%;
	float: none;
	margin: 0 auto 20px;
	padding-bottom: 0;
	text-align: center;
}
.special section.section-spec-box-graphic li:last-child {
	margin: 0 auto;
}
.special-frame-adp th,
.special-frame-adp td {
	display: block;
	padding: 0 0 5px 0;
	vertical-align: top;
	text-align: center;
}
.adp-story-fig img,
.adp-character-fig img,
.adp-mecha-fig img {
	width: auto;
	height: auto;
}
.special #adp-detail section h2.special-title-color {
	font-size: 20px;
	font-weight: bold;
}
#adp-special-information td {
	text-align: left;
}
.special section.section-spec .adp-products-nav li {
	display: block;
	margin: 0.3em 2em;
}
.sold-out:before {
	top: 10%;
}
.adp-mecha-fig li figcaption {
	font-size: 12px;
}

}

@media screen and (max-width: 320px) {
.special section h3 {
	min-width: auto;
	width: 100%
}
.special-spec-detail th,
.special-spec-detail td {
	display: block;
}
.adp-mecha-fig li figcaption {
	padding: 3px 5px;
	font-size: 10px;
}
.broadcast-frame {
	padding: 25px 0px 20px;
}
}