@charset "UTF-8";
/* CSS Document */

/* reset */
img,iframe{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{font-size: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 {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: #595757;
}
a {color: #595757;}
a.line {text-decoration: underline;}
header .top a,.copy {
 color: #7A7979;
}
footer #address {
 color: #534741;
}
#bar {
 width: 100%;
 height: 61px;
 padding-bottom: 9px;
 background: url("../img/shadow.jpg") bottom left repeat-x;
}
.left {
 float: left;
}
.right {
 float: right;
}
#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;
}
#bar .right a.logo {
	width: 160px;
	height: 100%;
	margin-top: -12px;
}

/* 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 */
header nav .first.on a,header nav .first.permanent a,header #spnav .first a {border-color: #577143;}
header nav .second.on a,header nav .second.permanent a,header #spnav .second a {border-color: #653236;}
header nav .third.on a,header nav .third.permanent a,header #spnav .third a {border-color: #00516C;}
header nav .fourth.on a,header nav .fourth.permanent a,header #spnav .fourth a {border-color: #8F7543;}

#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 {
 width: 100%;
 margin-top: 17px;
 padding-bottom: 68px;
 position: relative;
}
header .top {
 width: 950px;
 margin-bottom: 10px;
 text-align: center;
 position: relative;
 z-index: 5;
}
header .top img {
 position: relative;
 left: -10px;
 top: 0;
}
header .top ul {
 position: absolute;
 top: 15px;
 right: 0;
}
header .top li {
 float: left;
 font-size: 14px;
 margin-left: 1.5em;
}

/* main */
#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;
}
#top #contents article h1 {
 font-size: 21px;
 font-weight: normal;
 line-height: 1.2;
 margin-top: .7em;
}
#top #contents article p {
 font-size: 14px;
 margin-top: .3em;
 line-height: 1.3;
}

/* footer */
footer {
 margin-top: 70px;
}
footer .wrap {
 text-align: right;
}
footer #address {
 margin-top: 20px;
 padding: 20px 0;
 border-top: 1px solid #ddd;
}
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: 12px 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;
}

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

body, header, #spnav {
 min-width: 320px;
}
.spnone {
 display: none !important;
}

/* 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;
 background: #fff;
}
header .top {
 margin-bottom: 0;
 background: #fff;
 height: 48px;
 box-shadow: 0px 1px 4px rgba(0,0,0,.13);
}
header .top img {
 position: static;
}
header .top .logo {
 display: inline-block;
 margin-top: 13px;
}
header .top .logo img {
 width: 110px;
}
header .top #menu {
 position: absolute;
 display: inline-block;
 padding: 15px;
 width: 18px;
 right: 0;
 top: 0;
}
header .top #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_sky_banquet.jpg) center center;background-size: cover;}
#top #main li.second {background: url(../img/main_ballroom.jpg) center center;background-size: cover;}
#top #main li.third {background: url(../img/main_convention_hall.jpg) center center;background-size: cover;}
#top #main li.fourth {background: url(../img/main_small_and_medium.jpg) center center;background-size: cover;}
#top #main li.first:after {background: url(../img/sp_sky_banquet.png) center center;background-size: cover;}
#top #main li.second:after {background: url(../img/sp_ballroom.png) center center;background-size: cover;}
#top #main li.third:after {background: url(../img/sp_convention_hall.png) center center;background-size: cover;}
#top #main li.fourth:after {background: url(../img/sp_small_and_medium.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 {
 width: 80px;
}
#top #contents article h1 {
 font-size: 14px;
}
#top #contents article p {
 font-size: 12px;
}

/* 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: 12px 0 10px;
}
.copy p {
 font-size: 9px;
}

/* detail */
#detail #main .view {
 width: 290px;
 height: auto;
}
#detail #main .view img {
 width: 100%;
}
#detail #main ul {
 margin-left: 0;
}
#detail #main .thumbnail li {
 width: 93px;
 float: left;
}
#detail #main .thumbnail li,
#detail #main .thumbnail li:first-child {
 margin-top: 5px;
 margin-left: 5px;
}
#detail #main .thumbnail li:first-child {
 width: 94px;
 margin-left: 0;
}
#detail #main .thumbnail li img {
 width: 100%;
}
#detail #contents #text {
 text-align: left;
 margin-top: 15px;
}
#detail #contents #text h1 img {
 height: 15px;
 margin-top: 4px;
}
#detail #contents #text h1 img:first-child {
 margin-top: 0;
}
#detail #contents #text p {
 font-size: 12px;
 line-height: 1.3;
}
#detail #contents #chart {
 margin-top: 35px;
}
#detail #contents #chart .left, #detail #contents #chart .right {
 width: 100%;
}
#detail #contents #chart .left p {
 margin-top: 1em;
}
#detail #contents #chart .right {
 margin-top: 25px;
}
#detail #contents #chart .right table {
 font-size: 9px;
}
#detail #style li {
 width: 100%;
 margin-left: 0;
}
#detail #style li, #detail #style li.overall,#detail #plan li {
 margin-top: 10px;
}
#detail #style ul li:first-child,
#detail #plan ul li:first-child {
 margin-top: 0;
}
#detail #style li.overall a {
 padding: 10px 0;
}
#detail #style li a,#detail #plan li a {
 font-size: 12px;
 padding: 15px 0;
}
#detail #style img,#detail #plan img {
 height: 13px;
}
#detail #style h1:before,
#detail #plan h1:before {
 top: 6px;
}
#detail #style h1 img,
#detail #plan h1 img {
 padding: 0 15px;
}
#detail #style ul,
#detail #plan ul {
 margin-top: 20px;
}
#detail #style,
#detail #plan {
 margin-top: 40px;
}
#detail footer {
 margin-top: 75px;
}

}

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

.pcnone {
 display: none !important;
}

/* nav */
header nav {
 position: absolute;
 width: 100%;
 background: #fff;
 border-bottom: 1px solid #fff;
}
header nav.fixed {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10;
}
header nav a {
 display: block;
 float: left;
 padding: 10px 0 4px;
 border-bottom: 5px solid #fff;
}
header nav li {
 float: left;
}
header nav li:after,
header nav li:first-child:before {
 float: left;
 content: "";
 display: block;
 width: 1px;
 margin-top: 20px;
 height: 28px;
 background: #ddd;
}

/* permanent */
#detail.ballroom #contents #chart .left {
 position: relative;
 top: -3px;
 left:0;
}

#detail.small_and_medium #contents #chart .right table {font-size: 13px;}
#detail.small_and_medium #contents #chart .right table .last {width: 8em;}
#detail.small_and_medium #contents #style {margin-top: 70px;}

#detail.sky_banquet #contents #chart .left {width: 305px;}
#detail.sky_banquet #contents #chart .right {width: 625px;}

#detail.sky_banquet #contents #chart .right table {font-size: 13px;line-height:4;}
#detail.sky_banquet #contents #chart .right table tr:first-child th {line-height:3;}

}


/*youtube*/
#ymv{padding: 0px 0 40px;}

#ymv div.mvwrap{max-width: 760px; margin: auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
#ymv div.mv{
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    height: 0;
    overflow: hidden;
	}
#ymv div.mv + .mv{
	margin-top: 30px;
	}
#ymv div.mv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 0;}
	
@media all and (max-width: 767px) {	
#ymv div.mvwrap{max-width: 85%; margin: auto;}
}

.lyt-bnr{
	padding: 80px 0;
}
@media all and (max-width: 767px) {	
.lyt-bnr{
	padding: 0px 0 40px;
}
}
.lyt-bnr a{
	display: block;
}
.lyt-bnr a figure{
	line-height: 0;
	margin: 0;
	padding: 0
}
.lyt-bnr a figure img{
	width: 100%;
	height: auto;
	border: 1px solid rgba(0,0,0,.15)
}


/*25.03.26 追加*/
.link-txt{
	font-weight: bold;
	color: #8F7543;
	text-decoration: underline;
}