﻿@charset "UTF-8";
/* CSS Document */

/* reset */
img,iframe,li{vertical-align:top;}
img{border:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,li,p{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,p,th,td,li,dt,dd{font-size:100%;max-height:100%;}
li{list-style-type:none;}
a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{_zoom:1;}

/* common */
html,body{height:100%;}
html {font-size: 62.5%;}
body {
 min-width: 950px;
 line-height: 1;
 font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 color: #3e3a39;
}
a {color: #595757;}
a:hover {opacity: .7;}
header .top a,.copy {
 color: #7A7979;
}
footer #address {
 background: #620000;
 color: #fff;
}
footer .copy {
 background: #9e9e9f;
 color: #040000;
}
#bar {
 width: 100%;
 height: 61px;
 padding-bottom: 9px;
 background: url("../img/shadow.jpg") bottom left repeat-x;
}
#bar .left {
 margin-top: 15px;
}
#bar .right {
 margin-top: 13px;
}
#bar .right a {
 display: block;
 float: left;
}
#bar .right a:first-child {
 margin-top: 1px;
 margin-right: 20px;
}

/* comingsoon */
#top .comingsoon .thumbnail {
 position: relative;
}
#top .comingsoon .thumbnail:after {
 content: 'Coming Soon';
 display: inline-block;
 display: block;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 line-height: 184px;
 font-size: 23px;
 color: #fff;
 background: url("../img/topics/comingsoon.png");
}
#top .comingsoon a {
 cursor: default;
}

/* permanent */

#detail.ballroom #style li a,
#detail.ballroom #plan li a {background: #653236;}
#detail.convention_hall #style li a,
#detail.convention_hall #plan li a {background: #00516C;}
#detail.small_and_medium #style li a,
#detail.small_and_medium #plan li a {background: #8F7543;}
#detail.sky_banquet #style li a,
#detail.sky_banquet #plan li a {background: #577143;}

#detail.ballroom #contents #chart .right table tr.odd th,
#detail.ballroom #contents #chart .right table tr.odd td {background: #EFEAEB;}
#detail.ballroom #contents #chart .right table tr:first-child th {background: #74464A;}

#detail.convention_hall #contents #chart .right table tr.odd th,
#detail.convention_hall #contents #chart .right table tr.odd td {background: #E5EDF0;}
#detail.convention_hall #contents #chart .right table tr:first-child th {background: #19627A;}

#detail.small_and_medium #contents #chart .right table tr.odd th,
#detail.small_and_medium #contents #chart .right table tr.odd td {background: #FAF9F6;}
#detail.small_and_medium #contents #chart .right table th.sub,
#detail.small_and_medium #contents #chart .right table tr.odd th.sub {background: #F0EDE6;}
#detail.small_and_medium #contents #chart .right table tr:first-child th {background: #9A8355;}

#detail.sky_banquet #contents #chart .right table tr.odd th,
#detail.sky_banquet #contents #chart .right table tr.odd td {background: #EEF1EC;}
#detail.sky_banquet #contents #chart .right table tr:first-child th {background: #677F55;}

/* layout */
header .top,nav ul,#contents,.wrap {
	width: 950px;
	margin: 0 auto;
}

/* header */
header {
 background:url(../img/bg_header.jpg) center center no-repeat;
 background-size:cover;
 height:145px;
 text-align: center;
}
header a {
 display:inline-block;
 margin-top: 58px;
}
header {
 position: relative;
}
header .right {
 position: absolute;
 right:0;
 top:0;
}
header .right a {
 color: #fff;
 font-size:14px;
 line-height:1.4;
 margin: 1.5em 2em 0 0;
}
header .right a:first-child {
 margin-right: 1.5em;
}

/* nav */
nav {
}
#navinner {
 background:#9e9e9f;
 padding:7px 0;
}
#navinner.fixed {
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 z-index: 999;
}
nav li {
 float:left;
 border-left:1px solid #fff;
}
nav li:first-child {
 border-left:none;
}

/* main */
#top #main img {
 width: 100%;
}
#top #main .bottom {
 overflow:hidden;
}
#top #main .bottom div {
 width: 50%;
 float:left;
}
#top #main .bottom div span {
 display:block;
 margin: 4px 0 0 2px;
}
#top #main .bottom div:first-child span {
 margin: 4px 2px 0 0;
}

/* children */
.children .article {
 width: 950px;
 margin:100px auto;
 padding-top:100px;
 border-top:1px solid #620000;
}
.children .article:first-child {
 padding-top:0;
 border-top:none;
}
.children .article#main {
 margin-top:50px;
 padding-top:0;
 border-top:none;
}
.children .article h1 {
 margin-bottom:12px;
}
.children .article img {
 width: auto;
}
.children .article .top {
 overflow: hidden;
}
.children .article .slide,
.children .article .thum {
 display:block;
}
.children .article#main .slide,
.children .article#main .thum {
 float:left;
}
.children .article .slide li,
.children .article .thum li {
 display:block;
}
.children .article .thum li img {
 max-height:100%;
}
.children .article#main .slide {
 width: 768px;
 height: 484px;
}
.children#medium .article#main .slide {
 width: 708px;
 height: 482px;
}
.children .article .slide {
 width: 100%;
 height: 550px;
 position: relative;
}
.children .article .slide li {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background:#eee;
 z-index:1;
}
.children .article .slide li.current {
 z-index:2;
}
.children .article .thum {
 width: 100%;
 overflow: hidden;
}
.children .article#main .thum {
 width: 178px;
 margin-left: 4px;
}
.children .article .thum li {
 margin-left: 4px;
}
.children .article#main .thum li {
 width: 178px;
 margin-left: 0;
}
.children#medium .article#main .thum {
 width: 238px;
}
.children .article .thum li {
 width:202px;
 height: 118px;
 line-height: 118px;
 vertical-align: middle;
 background:#eee;
 margin-top: 4px;
 cursor: pointer;
 position: relative;
 text-align: center;
 float:left;
}
.children#medium .article .thum li {
 height: 158px;
 line-height: 158px;
}
.children .article#main .thum li {
 width: 100%;
 cursor: pointer;
 position: relative;
 text-align: center;
}
.children .article .thum li:first-child {
 margin-left: 0;
}
.children .article#main .thum li:first-child {
 margin-left: 0;
}
.children .article#main .thum li:first-child {
 margin-top: 0;
}
.children .article .thum li:before {
 content:"";
 display:block;
 position: absolute;
 width: 100%;
 height: 100%;
 left:0;
 top:0;
 background:#3e3a39;
 opacity:0;
}
.children .article .thum li img {
 position: relative;
 z-index:2;
 vertical-align: middle;
 opacity:0;
}
.children .article .thum li.current:before,
.children .article .thum li:hover:before {
 opacity:.6;
}
.children .article .thum li:hover img,
.children .article .thum li.current img {
 opacity:1;
}
.children .article h2 {
 font-size:16px;
 line-height:1.4;
 padding-top:3em;
 margin-bottom:.5em;
}
.children .article table{
 width:100%;
 font-size:15px;
 border-collapse: collapse;
 margin-top:1em;
}
.children .article#main table{
 margin-top:0;
}
.children .article table,
.children .article .middle .right p{
 line-height:40px;
}
.children .article#main tr:first-child{
 background: #eee;
}
.children .article#main table a{
 font-weight: bold;
 color: #620000;
}
.children .article#main table,
.children .article#main .middle p {
  line-height: 54px;
}
.children#small .article#main .middle td p {
  line-height: 1.4;
  text-align: left;
}
.children#small .article#main .middle p{
 font-size:10px;
 text-align: right;
}
.children#small .article#main .middle p:first-child{
 font-size:15px;
}
.children .article#main .middle p,
.children .article .middle .right p {
 font-size:10px;
 text-align:right;
}
.children .article th,
.children .article td{
 text-align: right;
}
.children .article th:first-child,
.children .article td:first-child {
 text-align: left;
}
.children .article th{
 border-bottom: 1px solid;
 font-weight:normal;
}
.children .article#main th{
 border-top: 1px solid;
}
.children .article td {
 border-bottom: 1px solid;
}
.children .article h2:before,
.children .article tr:first-child th:first-child:before {
 content:"■";
 padding-right:.5em;
 color:#620000;
}
.children .article#main tr:first-child th:first-child:before {
 display:none;
}
.children .article .middle .left p {
 font-size:16px;
 line-height:29px;
 margin-top:1.5em;
}
.children .article .middle,
.children .article .middle .right {
 overflow: hidden;
}
.children .article .middle .left {
 float:left;
 width:560px;
 margin-right:50px;
}



/* article */
article .thumbnail{
 width:100%;
 height: auto;
 background: url(../img/topics/comingsoon.jpg) center center no-repeat;
 background-size:cover;
}
#top article h1{
 padding-left:.6em;
}
#top #contents article h1 {
 font-size:21px;
 line-height:1.4;
 font-weight: normal;
 margin-top: .6em;
 position: relative;
}
#top #contents article h1:before{
  content: '';
  display: block;
  width: 6px;
  height: 100%;
 position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #a62126, #780b11);
}
#top #contents article p {
 font-size:18px;
 line-height:1.4;
 margin-top: .6em;
}

/* #top .pdf */

/* aside
aside {
  width: 950px;
  margin: 150px auto 0;
  text-align: center;
}
aside h1 {
 font-size:18px;
 line-height:1.4;
 display:block;
 position: relative;
}
aside h1:before {
 content:"";
 width:100%;
 height:1px;
 background: #333333;
 position: absolute;
 top:49%;
 left:0;
}
aside h1 span {
 display:inline-block;
 background: #fff;
 padding: 0 1em;
 position: relative;
}
aside a {
 font-size:16px;
 line-height:42px;
 display:inline-block;
}
aside ul {
 width:700px;
 margin: 35px auto 0;
 display:block;
}
aside ul li {
 width:50%;
 margin-top: 24px;
 display:inline-block;
}
aside ul li:first-child {
 width:100%;
 margin-top: 0;
}
aside ul span {
 margin: 0 12px;
 display:block;
 border: 1px solid #620000;
}
aside ul a {
 display:inline-block;
 width:100%;
 background: url(../img/arw_red.png) right center no-repeat #fff;
 position: relative;
}
aside ul li:first-child a {
 background: url(../img/arw_white.png) right center no-repeat #620000;
 color: #fff;
}

/* .pdf */
.pdf {
  width: 950px;
  margin: 10px auto 0;
  text-align: center;
}
#top .pdf {
  margin: 150px auto 0;
}
#main .pdf {
  margin-top: 75px;
}
.pdf h1 {
 font-size:18px;
 line-height:1.4;
 display:block;
 position: relative;
}
.pdf h1:before {
 content:"";
 width:100%;
 height:1px;
 background: #333333;
 position: absolute;
 top:49%;
 left:0;
}
.pdf h1 span {
 display:inline-block;
 background: #fff;
 padding: 0 1em;
 position: relative;
}
.pdf a {
 font-size:16px;
 line-height:42px;
 display:inline-block;
}
.pdf ul {
 width:700px;
 margin: 35px auto 0;
 display:block;
}
.pdf ul:first-child {
 margin-top: 0;
}
.pdf ul li {
 width:50%;
 display:inline-block;
}
#top .pdf ul li,
#main .pdf ul li {
 margin-top: 24px;
}
#main .pdf ul li:first-child {
 width:50%;
 margin-top: 0;
}
#top .pdf ul li:first-child,
#medium #main .pdf ul li:first-child {
 width:100%;
 margin-top: 0;
}
#small #main .pdf ul li.li2 {
 margin-top: 0;
}
#large #main .pdf ul li {
 margin-top: 0;
}
#small .pdf ul li.w100 {
 width:100%;
}
.pdf ul span {
 margin: 0 12px;
 display:block;
 border: 1px solid #620000;
}
.pdf ul a {
 display:inline-block;
 width:100%;
 background: url(../img/arw_white.png) right center no-repeat #620000;
 color: #fff;
 position: relative;
}
#top .pdf ul a,
#main .pdf ul a {
 display:inline-block;
 width:100%;
 background: url(../img/arw_red.png) right center no-repeat #fff;
 position: relative;
 color: #595757;
}
#top .pdf ul li:first-child a,
#main .pdf ul li:first-child a {
 background: url(../img/arw_white.png) right center no-repeat #620000;
 color: #fff;
}






#top #main {
 width: 100%;
}
#top #main .mainwrap{
 width: 100%;
 max-width: 1600px;
 margin: 0 auto;
}
#top #main img {
 width: 100%;
}
#top #main li {
 display: block;
 float: left;
 width: 33.3%;
 overflow: hidden;
 position: relative;
}
#top #main li:first-child {
 width: 100%;
 border-bottom: 1px solid #fff;
}
#top #main li.second {
 width: 33.4%;
}
#top #main li:before {
 content: "";
 width: 1px;
 height: 100%;
 position: absolute;
 background: #fff;
}
#top #main li:first-child:before,
#top #main li.second:before {
 content: none;
}
#top #main li a {
 display: block;
 width: 100%;
 height: 100%;
}

/* top */
#top #contents {
 position: relative;
 margin-top: 50px;
}
#top #contents #topics {
 /*padding-top: 68px;*/
 /*margin-top: -68px;*/
}
#top #contents article {
	width: 455px;
 float: left;
 margin-left: 40px;
}
#top #contents article a {
 display: block;
}
#top #contents article:first-child {
 margin-left: 0;
}
#top #contents .row {
 margin-top: 35px;
}
#top #contents .row:first-child {
 margin-top: 30px;
}

/* footer */
footer {
 margin-top: 70px;
}
footer .wrap {
 text-align: right;
}
footer #address {
 margin-top: 20px;
 padding: 20px 0;
}
footer #address p {
 font-size: 13px;
 text-align: center;
}
.inquiry a {
 display: inline-block;
 text-align: center;
 background: #534741;
 width: 100%;
 padding: 30px 0;
}
.copy {
 padding: 10px 0 15px;
}
.copy p {
 font-size: 10px;
 text-align: center;
}

/* detail */
#detail #contents {
 text-align: center;
}
#detail #main ul {
 float: left;
 margin-left: 10px;
}
#detail #main ul:first-child {
 margin-left: 0;
}
#detail #main .view {
 width: 705px;
 height: 485px;
}
#detail #main .view li {
 display: none;
}
#detail #main .view li.current {
 display: block;
}
#detail #main .thumbnail li {
 margin-top: 10px;
 cursor: pointer;
}
#detail #main .thumbnail li.current {
 cursor: default;
}
#detail #main .thumbnail li:first-child {
 margin-top: 0;
}
#detail #contents #text {
 margin-top: 30px;
}
#detail #contents #text p {
 font-size: 15px;
 margin-top: 1em;
 line-height: 1.6;
}
#detail #contents #chart {
 margin-top: 100px;
}
#detail #contents #chart .left,
#detail #contents #chart .right {
 width: 465px;
}
#detail.small_and_medium #contents #chart .right {
 width: 100%;
 float: none;
 margin: 0 auto;
}
#detail #contents #chart .left a {
 diaplay: block;
}
#detail #contents #chart .left p {
 text-align: left;
 font-size: 11px;
 margin-top: 1.5em;
 color: #808080;
}
#detail #contents #chart .left img {
 width: 100%;
}
#detail #contents #chart .right table {
 width: 100%;
 font-size: 12px;
 line-height: 1.8;
 border-collapse: collapse;
 border: none;
}
#detail #contents #chart .right table th,#detail #contents .right table td {
 border-bottom: 1px solid #ddd;
}
#detail #contents #chart .right table tr:first-child th {
 color: #fff;
 font-weight: normal;
 border-top: 1px solid #ddd;
}
#detail #style {
 margin: 60px auto 0;
}
#detail #style a {
 font-size: 17px;
 color: #fff;
}
#detail #style h1 {
 position: relative;
}
#detail #style h1:before,
#detail #plan h1:before {
 position: absolute;
 display: block;
 content: "";
 width: 100%;
 height: 1px;
 top: 8px;
 left: 0;
 background: #808080;
}
#detail #style h1 img,
#detail #plan h1 img {
 position: relative;
 z-index: 5;
 padding: 0 20px;
 background: #fff;
}
#detail #style ul,
#detail #plan ul {
 margin-top: 30px;
}
#detail #style li {
 float: left;
 width: 465px;
 margin-left: 20px;
}
#detail #style li:first-child {
 margin-left: 0;
}
#detail #style li a {
 display: block;
 padding: 25px 0;
}
#detail #style li.overall {
 width: 100%;
 margin-top: 20px;
 margin-left: 0;
}
#detail #style li.overall a {
 background: #808080;
 padding: 15px 0;
 letter-spacing: .1em;
 padding-left: .1em;
}
#detail #plan {
 margin: 70px auto 0;
}
#detail #plan a {
 font-size: 17px;
 color: #fff;
}
#detail #plan h1 {
 position: relative;
}
#detail #plan li {
 width: 100%;
}
#detail #plan li a {
 display: block;
 padding: 25px 0;
 letter-spacing: .1em;
 padding-left: .1em;
}
#detail footer {
 margin-top: 150px;
}







.pcspnone {
 display: none;
}
.brpc {
 display: inline;
}
.brsp {
 display: none;
}
.pcnone {
 display: none;
}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;}
.popup div{position:absolute;top:50%;left:50%;margin-left:-420px;margin-top:-297px;
 width:841px;height:595px;}
.popup div img{width:100%;}


@media screen and (max-height: 595px) {
.popup div{overflow:scroll;
 /*overflow-x:hidden;*/
 top:0;margin-top:0;}
}

@media screen and (max-width: 320px) {

.popup div{position:absolute;top:50%;left:0%;margin-left:-0;margin-top:-113px;
 width:320px;height:auto;}
.popup img{max-width:320px;}
.brpc {
 display: none;
}
.brsp {
 display: inline;
}

.spnone {
 display: none;
}

.pcnone {
 display: inline;
}

/* main */
#top #main .bottom div{
 width:100%;
 float: none;
}
#top #main .bottom div span{
 margin-left:0 !important;
 margin-right:0 !important;
}

/* .pdf */
.pdf {
  width: 290px;
}
#top .pdf {
  margin-top:90px;
}
.children #main .pdf {
  margin-top:30px;
}
.pdf ul {
  width: 290px;
  margin-top:20px;
}
.pdf ul li {
 width: 100%;
 margin-top:12px;
}
#top .pdf ul li {
 margin-top:12px;
}
.pdf ul li:first-child {
 margin-top:0;
}
.pdf h1 {
  font-size:14px;max-height:100%;
}
.pdf a {
  font-size:12px;max-height:100%;
}
.pdf ul span {
 margin: 0 0;
}
.children .pdf ul li {
 width: 100%;
}


.children .article#main {
 padding-top:20px;
}






#spnav {
 position:fixed;
 top:48px;
 left:0;
 width:100%;
 text-align: center;
 z-index: 999;
 background: #fff;
}
#spnav img {
 max-width: 100%;
}
#spnav ul a {
  display: block;
  padding: 15px 0;
  font-size:16px;
  line-height:30px;
  padding: 15px 0;
  border-bottom: 1px solid #9e9e9e ;
  background: #fff;
}
#spnav ul:first-child a {
  /*padding: 15px 0;*/
  background: #9e9e9e;
  color:#fff;
  border-top: 1px solid #fff ;
}
#spnav ul:first-child li:first-child a {
  border-top: none;
}




body, header, #spnav {
 min-width: 320px;
}

/* layout */
header .top,nav ul {
	width: 100%;
}
#contents,footer .wrap {
 width: 290px;
 padding: 0 15px;
}
.wrap {
 width: 100%;
 padding: 0;
}
header {
 margin-top: 0;
 padding-bottom: 0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10;
 height: 48px;
}
header a {
 margin-top: 18px;
}
header img {
 height: 16px;
}

#spnavbtn {
 height: 48px;
 width: 48px;
 position: fixed;
 top: 0;
 right: 0;
 z-index: 20;
}
#spnavbtn img {
 height: 48px;
 width: 48px;
}






header .top {
 margin-bottom: 0;
 background: #fff;
 height: 48px;
}
header img {
 position: static;
}
header .logo {
 display: inline-block;
 margin-top: 13px;
}
header .logo img {
 width: 110px;
}
header .right {
 display: none;
}
header #menu {
 position: absolute;
 display: inline-block;
 padding: 15px;
 width: 18px;
 right: 0;
 top: 0;
}
header #menu img {
 width: 18px;
}
header #spnav {
 display: none;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -o-box-sizing: content-box;
 -ms-box-sizing: content-box;
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 padding-top: 48px;
 background: #fff;
}
header #spnav .scroll {
 width: 100%;
 height: 100%;
 overflow: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;
}
header #spnav ul:first-child {
 box-shadow: 0px 1px 4px rgba(0,0,0,.13);
}
header #spnav li {
 border-top: 1px solid #ddd;
}
header #spnav li:first-child {
 border-top: none;
}
header #spnav li:first-child a {
 padding-top: 5px;
}
header #spnav li a {
 display: inline-block;
 font-size: 16px;
 width: 100%;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -o-box-sizing: content-box;
 -ms-box-sizing: content-box;
 box-sizing: border-box;
 padding-left: 15px;
 border-left: 5px solid #acabab;
 height: 55px;
 line-height: 55px;
}
header #spnav .information {
 width: 100%;
 border-top: 1px solid #ddd;
}
header #spnav .information table {
 width: 320px;
 margin: 0 auto;
 border-collapse:collapse;
 border:none;
 border-spacing:0;
}
header #spnav .information th {
 width: 110px;
 position: relative;
}
header #spnav .information th img {
 width: 84px;
}
header #spnav .information td span {
 display: block;
 margin: 15px 0 15px 12px;
}
header #spnav .information th a:after {
 content: '';
 display: block;
 position: absolute;
 right: 0;
 top: 50%;
 width: 1px;
 height: 34px;
 margin-top: -17px;
 background: #ddd;
}
header #spnav .information h1,
header #spnav .information p,
header #spnav .information a {
 font-size: 11px;
}
header #spnav .information h1 {
 font-weight: normal;
}
header #spnav .information p {
 margin-top: .25em;
 line-height: 1.3;
}
header #spnav .information .group {
 text-align: center;
 border-top: 1px solid #ddd;
 padding: 15px 0;
}
header #spnav .information .group a {
 margin-left: 12px;
}
header #spnav .information .group a:first-child {
 margin-left: 0;
}
#main {
 margin-top: 48px;
}
#detail #main {
 padding-top: 20px;
}

/* permanent */
#detail.small_and_medium #contents #chart .right table th.sub,
#detail.small_and_medium #contents #chart .right table tr.odd th.sub {width:1.4em;}
#detail.small_and_medium #contents #chart .right table th.sub div,
#detail.small_and_medium #contents #chart .right table th.line div {line-height:1.3;}
#detail.small_and_medium #contents #chart .right table .last {width:2.8em;}

/* top */
#top #main li, #top #main li.second {
 width: 100%;
}
#top #main li {
 float: none;
}
#top #main li img{
 display: none;
}
#top #main li:before {
 width: 100%;
 height: 1px;
}
#top #main li:after {
 content: '';
 display: block;
 width: 100%;
 height: 20px;
 position: absolute;
 bottom: 0;
 right: 0;
}
#top #main li.first {background: url(../img/main_ballroom.jpg) center center;background-size: cover;}
#top #main li.second {background: url(../img/main_convention_hall.jpg) center center;background-size: cover;}
#top #main li.third {background: url(../img/main_small_and_medium.jpg) center center;background-size: cover;}
#top #main li.fourth {background: url(../img/main_sky_banquet.jpg) center center;background-size: cover;}
#top #main li.first:after {background: url(../img/sp_ballroom.png) center center;background-size: cover;}
#top #main li.second:after {background: url(../img/sp_convention_hall.png) center center;background-size: cover;}
#top #main li.third:after {background: url(../img/sp_small_and_medium.png) center center;background-size: cover;}
#top #main li.fourth:after {background: url(../img/sp_sky_banquet.png) center center;background-size: cover;}
#top .comingsoon .thumbnail:after {
 line-height: 117px;
 font-size: 16px;
}
#top #contents article {
 float: none;
 margin-left: 0;
 width: 100%;
}
#top #contents .row, #top #contents .row:first-child, #top #contents article {
 margin-top: 15px;
}
#top #contents article:first-child {
 margin-top: 0;
}
#top #contents article img {
 width: 100%;
}
#top #contents #topics img,
.children h1 img {
 height: 24px;
}
#top #contents article h1 {
 font-size: 14px;
}
#top #contents article p {
 font-size: 12px;
}
#top #main p.pcnone {
 font-size: 12px;
 line-height: 1.4;
 display: block;
 position: absolute;
 bottom:.5em;
 right:.5em;
 color:#fff;
 text-shadow: #000 0 0 6px;
}
#top #main div,
#top #main div span {
 position: relative;
}

/* footer */
footer {
 margin-top: 55px;
}
footer .wrap {
 text-align: center;
}
footer #pagetop img {
 width: 54px;
}
footer #pagetop {
 padding: 5px 0;
 border: 1px solid;
 display: inline-block;
 width: 100%;
}
footer .inquiry {
 margin-top: 25px;
}
.inquiry a {
 width: 50%;
 position: relative;
 padding: 25px 0;
}
.inquiry a:before {
 content: "";
 width: 1px;
 height: 100%;
 position: absolute;
 background: #fff;
 left: 0;
 top: 0;
}
.inquiry a:first-child:before {
 content: none;
}
.inquiry img {
 height: 11px;
}
.copy {
 padding: 5px 0 10px;
}
.copy p {
 font-size: 9px;
}

/* .children */
.children .article#main .slide,
.children .article#main .thum {
 float:none;
}
.children h1 img{max-width:100%}
.children .article {
 width: 290px;
 margin: 50px auto;
 padding-top: 50px;
}
.children .article#main .slide {
 width: 290px;
 height: 178px;
}
.children#medium .article#main .slide {
 width: 290px;
 height: 178px;
}
.children .article .slide {
 width: 290px;
 height: 178px;
 position: relative;
}
.children .article#main .thum {
 width: 290px;
}
.children#medium .article#main .thum {
 width: 290px;
}
.children .article .thum li,
.children .article#main .thum li,
.children#medium .article .thum li {
 width:143px;
 height: 93px;
 line-height: 93px;
 width:69px;
 height: 44px;
 line-height: 44px;
}
.children .article#main .thum {
  margin-left:0;
}
.children .article#main .thum li {
  margin-left:4px;
}
.children .article#main .thum li:nth-child(even) {
  margin-left:5px;
}
.children .article .thum li:first-child {
 margin-left: 0;
}
.children .article#main .thum li:first-child {
 margin-top: 4px;
 margin-left: 0;
}
.children .article .thum li:before {
  content:"";
  display:block;
 position: absolute;
 width: 100%;
 height: 100%;
 left:0;
 top:0;
 background:#3e3a39;
 opacity:0;
}
.children .article .thum li img {
 position: relative;
 z-index:2;
 vertical-align: middle;
 opacity:0;
}
.children .article .thum li:before {
 opacity:.6;
}
.children .article .thum li img {
 opacity:1;
}
.children .article h2 {
 padding-top:1.5em;
}
.children .article table{
 width:100%;
 font-size:15px;
 border-collapse: collapse;
 margin-top:1em;
}
.children .article table,
.children .article .middle .right p{
 line-height:14px;
}
.children#small .article#main .middle td p{
 line-height:14px;
 text-align: left;
}
.children .article#main table,
.children .article#main .middle p {
  line-height: 14px;
}
.children .article#main .middle p,
.children .article .middle .right p {
 font-size:10px;
 text-align:right;
}
.children .article .middle .left {
 float:none;
 width:290px;
 margin-right:0;
}
.children .article table,
.children#small .article#main .middle p:first-child {
 font-size: 10px;
 line-height:14px;
}
.children #main .pdf ul li,
#large.children #main .pdf ul li,
#small #main .pdf ul li.li2{
 width: 100%;
 margin-top: 12px;
}
#large #main .pdf ul li:first-child{
 margin-top: 0;
}
footer #address {
 margin-top:30px;
 line-height: 1.6;
 padding: 10px 0;
}



}