@charset "UTF-8";
/*
style.css
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/* base */
html {
	font-size: 62.5%;
	background: #000;
}
body {
	position: relative;
	min-width: 1040px;
	color: #fff;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	line-height: 1;
	background: url(../img/top/body_bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
a {
	color: #4aaf9b;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover img {
	opacity: 0.8;
}

/* display switch */
.pc {
	display: block;
}
.sp {
	display: none;
}

/* = header
----------------------------------------------- */
.headertop {
	background: ;
}
.headertop_in {
	position: relative;
	width: 1000px;
	height: 160px;
	margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 1140px) {

.headertop_in {
	position: relative;
	width: 100%;
	max-width: 700px;
	height: 160px;
	margin: 0 auto;
}
}


@media screen and (min-width: 1141px) and (max-width: 1350px) {

.headertop_in {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 160px;
	margin: 0 auto;
}
}



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

.headertop_in {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: 160px;
	margin: 0 auto;
}
}
.headertop .logo {
	position: absolute;
	top: 25px;
	left: 0px;
}

.headertop .nav {
	position: absolute;
	top: 0;
	right: 12px;
}

.header {
	background: url(../img/top/body_bg.jpg) repeat-x 50% 0;
}
.header_in {
	position: relative;
	width: 1000px;
	height: 315px;
	margin: 0 auto;
}
body.page_news .header_in {
	background: url(../img/news/header_bg01.jpg) no-repeat 50% 0;
}
body.page_outline .header_in {
	background: url(../img/outline/header_bg01.jpg) no-repeat 50% 0;
}
body.page_cast .header_in {
	background: url(../img/cast/header_bg01.jpg) no-repeat 50% 0;
}
body.page_ticket .header_in {
	background: url(../img/ticket/header_bg01.jpg) no-repeat 50% 0;
}
body.page_movie .header_in {
	background: url(../img/movie/header_bg01.jpg) no-repeat 50% 0;
}
.header .logo {
	position: absolute;
	top: 25px;
	left: 0px;
}
.header .pagettl {
	text-align: center;
	padding-top: 60px;
}
.header .nav {
	position: absolute;
	top: 0;
	right: 12px;
}

/* = nav
----------------------------------------------- */
.nav ul {
	overflow: hidden;
}
.nav ul li {
	float: right;
	margin-left: 18px;
}
.nav ul li a,
.nav ul li span {
	position: relative;
	display: block;
	height: 80px;
	padding: 25px 0 0;
}
.nav ul li img {
	position: relative;
	z-index: 1;
}
.nav ul li span img {
	opacity: 0.2;
}
.nav ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 0;
	background: #0a463a;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul li a:hover:before,
.nav ul li.current a:before {
	height: 105px;
}

/* = footer
----------------------------------------------- */
.footer {
	padding: 100px 0;
}
.footer .pagetop {
	display: block;
	position: fixed;
	bottom: 40px;
	right: 40px;
}
.footer .pagetop a {
	cursor: pointer;
}
.footer .sns {
	display: table;
	margin: 0 auto 100px;
}
.footer .sns li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	text-align: center;
}
.footer .copyright {
	padding: 58px 0;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}


.firstbanner {
	position: absolute;
	top: 30px;
	right: 80px;
	width: 100px;
	height: 100px;
}
/* = top
----------------------------------------------- */
.top_main {
	position: relative;
	max-width: 2000px;
	margin: 0 auto;
  background: url(../img/top/body_bg.jpg) no-repeat;
	background-size: 100% auto;
}
.top_main h1 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 100px;
}
.top_main h1 img {
	width: 100%;
}
.top_main .top_nav {
	position: absolute;
	top: 135px;
	top: 17.3%;
	width: 100%;
}
.top_main .top_nav .nav {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.top_main .top_nav .nav ul {
	float: left;
}
.top_main .top_nav .nav ul li a,
.top_main .top_nav .nav ul li span {
	height: 85px;
	padding: 20px 0 0;
}
.top_contents {
	z-index: 1;
	width: 1200px;
	margin: 0px auto 0 auto;
	overflow: hidden;
}
.top_contents h2 {
	margin-bottom: 30px;
}
.top_contents_wrap {
	border-left: 0px solid #fff;
}
.top_news {
	float: left;
	width: 641px;
	margin: 80px auto 0 auto;
}

.top_contents_inner {
	z-index: 1;
	width: 1000px;
	margin: 0px auto 0 auto;
	overflow: hidden;
}
.top_news .item_wrap {
	margin: 0 0 36px;
	overflow: hidden;
}
.top_news .item {
	float: left;
	width: 280px;
	margin: 0 40px 30px 0;
	color: #fff;
}
.top_news .item a {
	display: block;
	color: #fff;
}
.top_news .item a > img {
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	box-sizing: border-box;
}
.top_news .item:nth-child(2n) a > img {
	border-left: 0px solid #fff;
}
.top_news .item .update {
	padding: 23px 0px;
	color: #4aaf9b;
	font-size: 15px;
	font-weight: normal;
}
.top_news .item .title {
	padding: 0 0px 22px;
	font-size: 14px;
	line-height: 1.7;
}
.top_news .more {
	margin: 0;
}
.top_twitter {
	float: right;
	width: 321px;
	margin: 80px auto 0 auto;
}
.top_twitter .timeline {
	margin-bottom: 35px;
	border-bottom: 0px solid #fff;
}
.top_twitter .banner li + li {
	margin-top: 18px;
}
#movie {
	clear: both;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
#movie_inner {
	position: relative;
}
#movie_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(1,0,10,0.6);
}
#movie .embed {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	margin-top: -321px;
	margin-left: -500px;
}
#movie .embed iframe {
	width: 100%;
	height: 562px;
}
#movie_close {
	margin: 20px 0 0;
	color: #fff;
	cursor: pointer;
	text-align: right;
}
#movie_close img {
	width: 60px;
}
#movie_close:hover {
	color: rgba(255,255,255,0.8)
}
/* --------------------------------------
TABLET only
-------------------------------------- */
@media print, screen and (min-width:751px) and (max-width:1024px) {
	#movie .embed {
		width: 960px;
		margin-left: -480px;
	}
} /* @media */

/* = news
----------------------------------------------- */
.news_contents {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0;
}
.news_contents .item {
	display: table;
	width: 100%;
	padding: 70px 0 0;
	border-bottom: 0px solid #fff;
}
.news_contents .item .img,
.news_contents .item .box {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 70px;
}
.news_contents .item .img {
	width: 280px;
	border-right: 0px solid #fff;
}
.news_contents .item .img img {
	width: 100%;
}
.news_contents .item .box {
	padding-left: 40px;
}
.news_contents .item .update {
	margin: 20px 0 0;
	color: #4aaf9b;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
}
.news_contents .item .title {
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: left;
}
.news_contents .item .text {
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.85;
	text-align: left;
}
.news_contents .item .text p + p {
	margin-top: 20px;
}
.news_contents .item .text a:hover {
	text-decoration: underline;
}

/* = outline
----------------------------------------------- */
.outline_contents {
	width: 960px;
	margin: 0 auto;
	padding: 80px 0 0;
	color: #b8bdcd;
	font-size: 1.4rem;
	line-height: 2.57;
}
.outline_contents .block {
	display: table;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.outline_contents .block .box {
	display: table-cell;
	vertical-align: top;
}
.outline_contents .block .box.title {
	text-align: center;
}
.outline_contents .block .box p {
	margin-top: -10px;
	margin-bottom: 58px;
	letter-spacing: 0.15em;
}
.outline_contents .intro .box.title {
	width: 214px;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.outline_contents .intro .box.title img {
	margin-right: 5px;
}
.outline_contents .intro .box.text {
	padding-left: 40px;
}
.outline_contents .story .box.title {
	width: 314px;
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% 0;
	border-left: 1px solid rgba(255,255,255,0.5);
}
.outline_contents .story .text_set {
	display: table;
	margin: 70px auto 0;
	padding-right: 40px;
}

/* = cast_contents
----------------------------------------------- */
.cast_contents {
	width: 960px;
	margin: 0 auto;
}
.cast_contents .subttl {
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% 0;
	text-align: center;
}
.cast_contents .subttl.cast {
	background-position: 50% -20px;
}
.cast_contents .block.cast {
	overflow: hidden;
}
.cast_contents .block.cast .item {
	float: left;
	width: 290px;
	margin: 0 0 50px;
}
.cast_contents .block.cast .item:nth-child(3n-1),
.cast_contents .block.cast .item:nth-child(3n-2) {
	padding-right: 45px;
}
.cast_contents .block.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block.staff {
	margin: 14px 0 0;
	text-align: center;
}



.cast_contents .block4dan.cast {
	overflow: hidden;
}
.cast_contents .block4dan.cast .item {
	float: left;
	width: 200px;
	margin: 0 0 50px;
}
.cast_contents .block4dan.cast .item:nth-child(4n-1),
.cast_contents .block4dan.cast .item:nth-child(4n-2),
.cast_contents .block4dan.cast .item:nth-child(4n-3) {
	padding-right: 45px;
}
.cast_contents .block4dan.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block4dan.staff {
	margin: 14px 0 0;
	text-align: center;
}



.cast_contents .block3dan.cast {
	overflow: hidden;
}
.cast_contents .block3dan.cast .item {
	float: left;
	width: 200px;
	margin: 0 0 50px;
}
.cast_contents .block3dan.cast .item:nth-child(3n-1),
.cast_contents .block3dan.cast .item:nth-child(3n-2) {
	padding-right: 45px;
}
.cast_contents .block3dan.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block3dan.staff {
	margin: 14px 0 0;
	text-align: center;
}




.cast_contents .block1dan2.cast {
	overflow: hidden;
}
.cast_contents .block1dan2.cast .item {
	float: left;
	width: 200px;
	margin: 0 0 50px;
}
.cast_contents .block1dan2.cast .item:nth-child(3n-1),
.cast_contents .block1dan2.cast .item:nth-child(3n-2) {
	padding-right: 0px;
}
.cast_contents .block1dan2.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block1dan2.staff {
	margin: 14px 0 0;
	text-align: center;
}


.cast_contents .block2dan.cast {
	overflow: hidden;
}
.cast_contents .block2dan.cast .item {
	float: left;
	width: 290px;
	margin: 0 0 50px;
}
.cast_contents .block2dan.cast .item:nth-child(2n-1),
.cast_contents .block2dan.cast .item:nth-child(2n-2) {
	padding-right: 45px;
}
.cast_contents .block2dan.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block2dan.staff {
	margin: 14px 0 0;
	text-align: center;
}


.cast_contents .block1dan.cast {
	overflow: hidden;
}
.cast_contents .block1dan.cast .item {
	float: left;
	width: 290px;
	margin: 0 0 50px;
}
.cast_contents .block1dan.cast .item:nth-child(1n-1) {
	padding-right: 45px;
}
.cast_contents .block1dan.cast .item.item04 {
	clear: left;
	float: none;
	width: auto;
	margin: 0 0 20px;
}
.cast_contents .block1dan.staff {
	margin: 14px 0 0;
	text-align: center;
}

/* = ticket_contents
----------------------------------------------- */
.ticket_contents {
	width: 750px;
	margin: 0 auto;
}
.ticket_contents .subttl {
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% -20px;
	text-align: center;
}
.ticket_contents .lead01 {
	margin-bottom: 70px;
	text-align: center;
}
.ticket_contents .lead02 {
	margin-bottom: 80px;
	text-align: center;
}
.ticket_contents .lead03 {
	margin-bottom: 20px;
	text-align: center;
}
.ticket_contents .block {
	margin-bottom: 70px;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}


.ticket_contents_live .block {
	margin-bottom: 70px;
	border-left: 1px solid #fff;
}


.ticket_contents .block2 {
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
}

.ticket_contents .block_wrap {
	position: relative;
	margin: 60px 0 0;
	padding: 20px 0 0;
}
.ticket_contents .block_wrap .img_closed {
	position: absolute;
	top: 0;
	left: 460px;
	z-index: 1;
}
.ticket_contents .block.closed {
	opacity: 0.5;
}
.ticket_contents .block h3 {
	border-bottom: 1px solid #fff;
}
.ticket_contents .block2 h3 {
	border-bottom: 1px solid #fff;
}
.ticket_contents  table {
	margin: 50px 0 0 25px;
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}
.ticket_contents  table th,
.ticket_contents  table td {
	vertical-align: top;
}
.ticket_contents  table th {
	padding: 0 25px 18px 0;
}
.ticket_contents  table td {
	padding: 0 0 18px 0;
}
.ticket_contents  table a {
	color: #b8bdcd;
}
.ticket_contents  h4 {
	margin: 25px 0 10px 25px;
	font-size: 2rem;
	line-height: 1.8;
}

.ticket_contents  p,
.ticket_contents  li {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}
.ticket_contents  h4 {
	margin: 25px auto 10px 21px;
	font-size: 2rem;
	line-height: 1.8;
	text-align: left;
}

.ticket_contents  h5 {
	margin: 25px auto 10px 0px;
	font-size: 18px;
	line-height: 1.8;
	color: #3990bd;
}


.ticket_contents  p,
.ticket_contents  li {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}
.ticket_contents  ul {
	margin: 0 0 0 25px;
}
.ticket_contents  li {
	margin: 0 0 10px 1em;
	line-height: 1.8;
	text-indent: -1em;
}
.ticket_contents  p {
	margin: 0 0 30px 25px;
}
.ticket_contents .contact h4 {
	margin: 25px 0 10px;
	font-size: 2rem;
	line-height: 1.8;
}
.ticket_contents .contact p {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}
.ticket_contents .contact p a {
	color: #b8bdcd;
}
.ticket_contents a:hover {
	text-decoration: underline;
}




/* = products
----------------------------------------------- */
.products_contents {
	width: 960px;
	margin: 0 auto;
}
.products_contents .subttl {
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% -20px;
	text-align: center;
}
.products_contents .block {
	display: table;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.products_contents .block .box {
	display: table-cell;
	vertical-align: top;
}
.products_contents .block .box.title {
	text-align: center;
}

.products_contents .intro .box.title {
	width: 320px;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.products_contents .intro .box.title img {
	margin-right: 5px;
}
.products_contents .intro .box.text {
	padding-left: 40px;
}
.products_contents .story .box.title {
	width: 314px;
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% 0;
	border-left: 1px solid rgba(255,255,255,0.5);
}
.products_contents .story .text_set {
	display: table;
	margin: 70px auto 0;
	padding-right: 40px;
}

.products_contents .block .box p {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}

.products_contents .block2 {
	margin: 25px auto 30px auto;
	font-size: 2rem;
	line-height: 1.8;
padding-left: 10px;	
padding-right: 10px;	
}

.products_contents .block2 h4 {
	margin: 25px auto 10px 0px;
	font-size: 2rem;
	line-height: 1.8;
}

.products_contents .block2 h5 {
	margin: 25px auto 10px 0px;
	font-size: 18px;
	line-height: 1.8;
	color: #3990bd;
}


.products_contents .block2 p,
.products_contents .block2 li {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}

/* = movie_contents
----------------------------------------------- */
.movie_contents {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 400px;
}
.movie_contents .subttl {
	margin: 0 0 40px;
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% -20px;
	font-size: 1.6rem;
	text-align: center;
}
.movie_contents .movie_item {
	width: 450px;
	margin: 0 auto;
}
.movie_contents .movie_item h3 {
	margin: 0 0 15px;
}

.place ul li{
display: inline-block;
width: 45%;
}


.product_etc ul li{
display: inline-block;
width: 30%;
}

#fixedBnr{
	color:#fff;
	position:fixed;
	right:0px;	
	top:30px;
	display:block;
	width:55px;
	background:rgba(0,0,0,0.7);
	z-index:2;
	opacity:1;
}

#fixedBnr:hover{
	opacity:0.7;
}



.rh0-0				{line-height: 1px;}
.rh0				{line-height: 2px;}
.rh1				{line-height: 5px;}
.rh2				{line-height: 11px;}
.rh3				{line-height: 17px !important;}
.rh20				{line-height: 20px;}	
.rh30				{line-height: 30px;}	
.rh4				{line-height: 20px;}	
.rh25				{line-height: 25px;}

.fs7				{font-size: 7px}
.fs8				{font-size: 8px}
.fs9				{font-size: 9px}
.fs10				{font-size: 10px}
.fs11				{font-size: 11px}
.fs12				{font-size: 12px}
.fs13				{font-size: 13px}
.fs14				{font-size: 14px}
.fs15				{font-size: 15px}
.fs16				{font-size: 16px}
.fs17				{font-size: 17px}
.fs18				{font-size: 18px}
.fs19				{font-size: 19px}
.fs20				{font-size: 20px}
.fs21				{font-size: 21px}
.fs22				{font-size: 22px}
.fs25				{font-size: 23px}
.fs24				{font-size: 24px}
.fs25				{font-size: 25px}
.fs26				{font-size: 26px}
.fs27				{font-size: 27px}
.fs28				{font-size: 28px}
.fs29				{font-size: 29px}
.fs30				{font-size: 30px}
.fs31				{font-size: 31px}
.fs32				{font-size: 32px}
.fs33				{font-size: 33px}
.fs34				{font-size: 34px}
.fs35				{font-size: 35px}
.fs36				{font-size: 36px}
.fs37				{font-size: 37px}
.fs38				{font-size: 38px}
.fs39				{font-size: 39px}
.fs40				{font-size: 40px}
.fs41				{font-size: 41px}
.fs42				{font-size: 42px}
.fs43				{font-size: 43px}
.fs44				{font-size: 44px}
.fs45				{font-size: 45px}
.fs46				{font-size: 46px}
.fs47				{font-size: 47px}
.fs48				{font-size: 48px}
.fs49				{font-size: 49px}
.fs50				{font-size: 50px}

.fs52				{font-size: 52px}
.fs75				{font-size: 75px}




.fc1				{color:#af3f3a}
.fc2				{color:#faad08}
.fc3				{color:#c5cf2b}
.fc4				{color:#509fda}
.fc5				{color:#747576}
.fc6				{color:#000000}
.fc7				{color:#97051f}
.fc8				{color:#6b0101}
.fc9				{color:#D85950}
.fc10				{color:#032b7c}
.fc11				{color:#72AAE2}
.fc12				{color:#e5bd3a}
.fc13				{color:#7c6700}
.fc14   			{color:#e0bd31}
.fc15   			{color:#fff6d5}
.fc16   			{color:#b7a155}
.fc17				{color:#1865ab}
.fc18				{color:#fff}
.fc20			{color:#ffb504}
.fcblue			{color:#00a0e9}
.fcgold			{color:#deae00}
.fcwhite			{color:#ffffff}
.fcgray {color:#6f6f6f;}
.fcnavy {color:#034484;}
.fcdarkgold			{color:#b69474}
.fcdarkgray {color:#5c5f6c;}



.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid black;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}


.x0					{padding-top: 3px}
.x1					{vertical-align: top;}
.x2					{vertical-align: bottom;}
.x3					{font-weight: bold;}
.x4					{vertical-align:middle;}
.x5					{text-decoration:underline;}
.x6					{text-align: center;}
.x7					{font-weight: normal;}
.x8					{text-align: left;}
.x9					{text-align: right;}
.x10 					{color: #FFF; -webkit-text-stroke: 1px #000;}
.x11				{ font-family: "heisei-mincho-std",sans-serif;}



.table_001	{
width: 100%;
margin:0px auto 0px auto;
}



.table_001 th	{
width: 30%;
font-size: 17px;
vertical-align: top;
text-align: center;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
padding: 10px 15px;

}


.table_001 td	{
width: 30%;
font-size: 15px !important;
vertical-align: top;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
padding: 0 15px;
}
.table_002	{
width: 100%;
margin:0px auto 0px auto;
}



.table_002 th	{
width: 30%;
font-size: 15px;
vertical-align: top;
text-align: let;
padding:  0px 15px 30px 0px;
color: #3990bd;
line-height: 40px;

}


.table_002 td	{
width: 70%;
font-size: 15px !important;
vertical-align: top;
padding: 0 15px;
line-height: 40px;
padding:  0px 15px 30px 0px;
}



.secondbanner {
  position: absolute;
  top: 30px;
  right: 80px;
  width: 100px;
  height: 100px;
  z-index: 999;
}


.firstbanner {
  position: absolute;
  top: 150px;
  right: 80px;
  width: 100px;
  height: 100px;
  z-index: 999;
}

.topbanner {
  margin: 0px auto 0 auto;
  width: 442px;
  height: 95px;
  z-index: 999;
  padding-top: 110px;
}



/*naviArea
----------------------------------------------*/


#naviArea{
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}

#naviWrap .logo{
	float:left;
}

#naviWrap.naviWrap{
	padding:25px 30px 30px;
}

#navi{
	float:right;
}

.naviList{
	letter-spacing:-6px;
}

.naviList li{
	letter-spacing:normal;
	display:inline-block;
	position:relative;
	margin:0 0 0 20px;
	vertical-align:top;
}

.naviList li:nth-of-type(1){
	padding-top:1px;
}

.naviList li:before{
	position:absolute;
	content:".";
	color:rgba(255,255,255,0);
	background:#ff0000;
	display:block;
	opacity:0;
	width:2px;
	height:1px;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}

.naviList li:hover:before{
	opacity:1;
	height:100%;
}

.naviList a{
	display:inline-block;
	width:100%;
	height:100%;
	padding:0 0 0 10px;
}

/*headerArea
----------------------------------------------*/

.headerArea{
	width:100%;
	max-width:1500px;
	min-width:1120px;
	}

.headerWrap{
	width:100%;
	max-width:1500px;
	min-width:1120px;
	margin:0 auto;
	padding:0 30px;	
}

.snsBtnList{
	letter-spacing:-5px;
}

.snsBtnList li{
	letter-spacing:normal;
	display:inline-block;
	line-height:1;
	vertical-align:top;
}


/*オーバーレイ*/

#overArea{
	display:none;
	position:fixed;
	z-index:20;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);	
	min-width:1120px;
	opacity:0;
	top:0;
}

#overArea:hover{
	cursor:pointer;
}

#overWrap{
	position:relative;
	z-index:25;
	display:none;
	width:920px;
	height:516px;
	margin:45px auto;
	opacity:0;
	color:#fff;
}

.overFixed{
	position:fixed;
	left:0;
	right:0;
	z-index: 999;
}

#overCloseBtn{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	overflow:hidden;
	text-indent:-999px;
	top:-55px;
	right:-55px;
	background:url(../img/common/btnClose.png) no-repeat;
	background-size:auto 100%;
}

#overCloseBtn:hover{
	cursor:pointer;
}

#overContents{
	overflow:hidden;
	text-align:center;
}

.overBtn{
	display:none;
/*	position:fixed;
	bottom:-9999px;
	opacity:0;*/
}

#movie1{
	text-align:left;
}


.goods_contents {
	width: 900px;
	margin: 0 auto;
}

.goods_contents  p,
.goods_contents  li {
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	font-weight: normal !important;
}

.lead03 {
	margin-bottom: 20px;
	text-align: center;
}

.block2 {
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	text-align: left;
	padding-left: 20px;
}


/* = products
----------------------------------------------- */


 .block {
	display: table;
	width: 100%;
	border-bottom: 1px solid #fff;
}
 .block .box {
	display: table-cell;
	vertical-align: top;
}
 .block .box.title {
	text-align: center;
}

 .intro .box.title {
	width: 320px;
}
 .intro .box.title img {
	margin-right: 5px;
}
 .intro .box.text {
	padding-left: 40px;
}
 .story .box.title {
	width: 314px;
	background: url(../img/shared/subttl_bg01.png) no-repeat 50% 0;
	border-left: 1px solid rgba(255,255,255,0.5);
}
 .story .text_set {
	display: table;
	margin: 70px auto 0;
	padding-right: 40px;
}

 .block .box p {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}

 .block2 {
	margin: 25px auto 30px auto;
	font-size: 2rem;
	line-height: 1.8;
padding-left: 10px;	
padding-right: 10px;	
}

 .block2 h4 {
	margin: 25px auto 10px 0px;
	font-size: 2rem;
	line-height: 1.8;
}

 .block2 h5 {
	margin: 25px auto 10px 0px;
	font-size: 18px;
	line-height: 1.8;
	color: #3990bd;
}


 .block2 p,
 .block2 li {
	color: #b8bdcd;
	font-size: 1.6rem;
	line-height: 2.5;
}



.table_001	{
width: 100%;
margin:0px auto 0px auto;
}



.table_001 th	{
width: 30%;
font-size: 17px;
vertical-align: top;
text-align: left;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
padding: 10px 15px;

}


.table_001 td	{
width: 30%;
font-size: 15px !important;
vertical-align: top;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
padding: 0 15px;
}
.table_002	{
width: 100%;
margin:0px auto 0px auto;
}


.table_002 th	{
width: 27%;
font-size: 15px;
vertical-align: top;
text-align: let;
padding:  0px 15px 30px 0px;
color: #1aa589;
line-height: 40px;

}


.table_002 td	{
width: 73%;
font-size: 15px !important;
vertical-align: top;
padding: 0 15px;
line-height: 40px;
padding:  0px 15px 30px 0px;
}

.table_003 th	{
width: 14%;
font-size: 15px;
vertical-align: top;
text-align: let;
padding:  0px 15px 30px 0px;
color: #1aa589;
line-height: 40px;

}


.table_003 td	{
width: 81%;
font-size: 15px !important;
vertical-align: top;
padding: 0 15px;
line-height: 40px;
padding:  0px 15px 30px 0px;
}