@charset "utf-8";
/*********************************************************************
 *
 *  For ALL
 *
*********************************************************************/

@media print, screen and (min-width: 768px) {
/* html body */
/* --------------------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* iPhone */
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #2b2b2b;
	font-size: 1.5rem;
	line-height: 1.7;
	/*letter-spacing:0.05rem;*/
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", sans-serif;
}

/* wrap */
/* --------------------------------------------------------------------------- */
#wrap {
	max-height: 999999px;/* android chrome フォントサイズバグ回避 */
	overflow:hidden;
}

/* header */
/* --------------------------------------------------------------------------- */
header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width: 1200px;
	background-color:#FFF;
	z-index:100;
}
header .inner {
	position:relative;
	margin:0 auto;
	width:1140px;
	height:150px;
}
header h1 {
	position: absolute;
	left:0;
	top:13px;
	width:342px;
}
header h1 a {
	height:110px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/logo.png);
	background-size:auto 110px;
}
header .btnTicket {
	position: absolute;
	right:0;
	top:3px;
	width:302px;
	height:74px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/btn_ticket.png);
	background-size:auto 74px;
}
header .border {
	position:absolute;
	left:0;
	bottom:-33px;
	width:100%;
	height:66px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/border.png);
	background-size:auto 66px;
}
header #navgToggle {
	display:none;
}
/* navG */
/* --------------------------------------------------------------------------- */
#navG {
	display:block !important;
	position:absolute;
	right:0;
	top:82px;
	width:780px;
}
#navG ul {
}
#navG ul li {
	float:left;
	border-right:1px solid #000;
}
#navG ul li.line1{
	margin-bottom:8px;
	/*width:12.3%; テーマありの場合*/
	width:9.0%;
}
#navG ul li.line2{	
	width:11.8%;
}
#navG ul li:nth-child(10){	
	width:15%;
}
#navG ul li:nth-child(11){	
	width:17%;
}
#navG ul li:nth-child(12){	
	width:17%;
}
#navG ul li:nth-child(14){	
	width:15%;
}
#navG ul li a {
	display:block;
	font-size:1.0rem;
	font-weight:bold;
	line-height:12px;
	text-align:center;
}
#navGbg {
	display:none;
}

/* navU */
/* --------------------------------------------------------------------------- */
#navU {
	position:absolute;
	left:390px;
	top:10px;
}
#navU ul {
}
#navU li {
	float:left;
	padding:0 8px;
	width:46px;
}
#navU li a {
	height:46px;
	background-size:auto 46px;
}
#navU li.line a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_line.png);
}
#navU li.twitter a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_tw.png);
}
#navU li.facebook a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_fb.png);
}
#navU li.instagram a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_in.png);
}
#navU li.youtube a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_yt.png);
}
#navU li.mail a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_mail.png);
}

/* footer */
/* --------------------------------------------------------------------------- */
footer {
	position:relative;
	padding-top:70px;
	background-color:#FFF;
}
footer .border {
	position:absolute;
	left:0;
	top:-33px;
	width:100%;
	height:66px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/border.png);
	background-size:auto 66px;
}
footer .info {
	margin-bottom:50px;
	font-size:1.5rem;
	text-align:center;
}
footer .info p {
	margin-bottom:5px;
}
footer .copyright {
	padding:30px 0;
	color:#444342;
	text-align:center;
	background-color:#ffe3e5;
}
footer .copyright .url {
	font-size:2.4rem;
}
footer .copyright .cr {
	font-size:1.5rem;
}
footer .btnPagetop {
	position: fixed;
	bottom:-80px;
	right: 10px;
	width: 50px;
	height:50px;
	z-index:1;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/btn_pagetop.png);
	background-size:50px auto;
}
.displayScroll footer .btnPagetop {
	bottom:20px;
}

/* navF */
/* --------------------------------------------------------------------------- */
#navF {
	margin:0 auto 50px;
	width:800px;
}
#navF ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
#navF li {
	margin-bottom:5px;
	padding:0 28px;
	border-right:1px solid #000;
}
#navF li a {
	font-size:1.2rem;
	line-height:1.6rem;
}

/* navFU */
/* --------------------------------------------------------------------------- */
#navFU {
	margin:0 auto 50px;
	display:table;
}
#navFU ul {
}
#navFU li {
	float:left;
	padding:0 8px;
	width:46px;
}
#navFU li a {
	height:46px;
	background-size:auto 46px;
}
#navFU li.line a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_line.png);
}
#navFU li.twitter a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_tw.png);
}
#navFU li.facebook a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_fb.png);
}
#navFU li.instagram a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_in.png);
}
#navFU li.youtube a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_yt.png);
}
#navFU li.mail a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_mail.png);
}

/* areaContents */
/* --------------------------------------------------------------------------- */
.pageHome #areaContents {
	padding-top:150px;
	padding-bottom:0;
}
.pageCp #areaContents {
	padding-top:220px;
	padding-bottom:130px;
	background:url(/2018_ss/wp-files/common/img/bg/paint_2.jpg) center 150px repeat-y;
	background-size:100% auto;
}

/* section */
/* --------------------------------------------------------------------------- */
section > .inner {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1100px;
}
section.wide > .inner {
	width:100%;
}

/* sound */
/* --------------------------------------------------------------------------- */
p.soundBtn {
	position:fixed;
	left:0;
	bottom:0;
	width: 133px;
	height: 70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	background-image: url(/2018_ss/wp-files/common/img/sound/btn_sound_on.png);
	background-size:133px auto;
	z-index:2;
}
p.clicked {
	background-image: url(/2018_ss/wp-files/common/img/sound/btn_sound_off.png);
}

}
/* min-width: 768px */


@media screen and (max-width: 767px) {
/* html body */
/* --------------------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* iPhone */
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	min-width:320px;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #2b2b2b;
	font-size: 1.3rem;
	line-height: 1.7;
	/*letter-spacing:0.05rem;*/
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", sans-serif;
}

/* wrap */
/* --------------------------------------------------------------------------- */
#wrap {
	max-height: 999999px;/* android chrome フォントサイズバグ回避 */
	overflow:hidden;
}

/* header */
/* --------------------------------------------------------------------------- */
header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#FFF;
	z-index:100;
}
header .inner {
	position:relative;
	width:100%;
	padding-top:7px;
	height: 67px;
}
header h1 {
	position: absolute;
	left:5px;
	top:7px;
	width:140px;
	z-index:101;
}
header h1 a {
	height:45px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/logo.png);
	background-size:auto 45px;
	background-position:left top !important;
}
header .btnTicket {
	margin:0 50px 0 150px;
	height:45px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/btn_ticket.png);
	background-position:center center;
	background-size:contain;
}
header .border {
	position:absolute;
	left:0;
	bottom:-8px;
	width:100%;
	height:33px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/border.png);
	background-size:auto 33px;
}
header #navgToggle {
	position: absolute;
	right: 10px;
	top: 19px;
	display:block;
	width: 30px;
	height: 22px;
	z-index:110;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	border-radius: 0;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

/* navG */
/* --------------------------------------------------------------------------- */
#navG {
	display:none;
	position:fixed;
	left:0;
	top:56px;
	width:100%;
	z-index:90;
}
#navG ul {
	width:100%;
	background-color:#FFF;
}
#navG li {
}
#navG li a {
	display:block;
	padding:6px 0;
	font-size:1.2rem;
	line-height:1;
	color:#000;
	text-align:center;
}
#navGbg {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:50;
}

/* navU */
/* --------------------------------------------------------------------------- */
#navU {
	display:none;
}

/* footer */
/* --------------------------------------------------------------------------- */
footer {
	position:relative;
	padding-top:40px;
	background-color:#FFF;
}
footer .border {
	position:absolute;
	left:0;
	top:-8px;
	width:100%;
	height:33px;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/border.png);
	background-size:auto 33px;
}
footer .info {
	margin-bottom:20px;
	font-size:1.1rem;
	text-align:center;
}
footer .info p {
	margin-bottom:5px;
}
footer .copyright {
	padding:10px 5px 60px;
	color:#444342;
	text-align:center;
	background-color:#ffe3e5;
}
footer .copyright .url {
	font-size:1.8rem;
}
footer .copyright .cr {
	font-size:1.1rem;
}
footer .btnPagetop {
	position: fixed;
	bottom:-80px;
	right: 5px;
	width: 50px;
	height:50px;
	z-index:1;
	background-image:url(/2018_ss/wp-files/common/img/headerfooter/btn_pagetop.png);
	background-size:50px auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.displayScroll footer .btnPagetop {
	bottom:5px;
}

/* navF */
/* --------------------------------------------------------------------------- */
#navF {
	margin:0 auto 20px;
	width:90%;
}
#navF ul {
	border-top:1px solid #000;
}
#navF li {
	float:left;
	width:50%;
	padding:5px 0;
	border-bottom:1px solid #000;
	text-align:center;
}
#navF li a {
	font-size:1.1rem;
	line-height:1.6rem;
}

/* navFU */
/* --------------------------------------------------------------------------- */
#navFU {
	margin:0 auto 20px;
	display:table;
}
#navFU ul {
}
#navFU li {
	float:left;
	padding:0 4px;
	width:23px;
}
#navFU li a {
	height:23px;
	background-size:auto 23px;
}
#navFU li.line a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_line.png);
}
#navFU li.twitter a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_tw.png);
}
#navFU li.facebook a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_fb.png);
}
#navFU li.instagram a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_in.png);
}
#navFU li.youtube a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_yt.png);
}
#navFU li.mail a {
	background-image:url(/2018_ss/wp-files/common/img/ico/social_1_mail.png);
}

/* areaContents */
/* --------------------------------------------------------------------------- */
.pageHome #areaContents {
	padding-top:70px;
	padding-bottom:0;
}
.pageCp #areaContents {
	padding-top:90px;
	padding-bottom:50px;
	background:url(/2018_ss/wp-files/common/img/bg/paint_3.jpg) center 70px repeat-y;
	background-size:105% auto;
}
	
/* section */
/* --------------------------------------------------------------------------- */
section > .inner {
	position:relative;
	margin-left:5%;
	margin-right:5%;
}
section.wide > .inner {
	margin-left:0;
	margin-right:0;
}





}
/* max-width: 767px */