@charset "UTF-8";

/* 
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");



/* --------------------------------------------------
  SECOND GENERAL
-------------------------------------------------- */


/* ------------------------------------------------------------
  CINTENTS
------------------------------------------------------------ */

.contents_min {
	width:88%;
	height:auto;
    padding:0% 3% 7% 3%;
	background-color:#FFFFFF;
	overflow:hidden;
}


/* --------------------------------------------------
  PAGE NAVI
-------------------------------------------------- */

#page_navi{
    width:100%;
    margin:5% 0px 0px 3%;
    padding:0px;
}

#page_navi ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:11px;
}

#page_navi ul li {
    margin:0px 0px 0px 0px;
    padding:0px 3px 0px 8px;
	height:16px;
	line-height:16px;
	background:url(../common/pn_icon01.png) no-repeat;
    display:inline;
}

#page_navi ul li a {
}


/* --------------------------------------------------
 FACILITY LOGO
-------------------------------------------------- */

.facility_logo{
    position: relative;
	margin:8% 0% 5% 0%;
    padding:0% 0% 8% 0%;
	width:100%;
	height:auto;
	overflow:hidden;
}

.facility_logo h2{
	margin:0% 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.facility_logo h2 img{
    position: absolute;
    left: -50%;
    right: -50%;
    margin: 0 auto;
    display: block;
	max-width:55%;
}


/* --------------------------------------------------
  EMERGENCY  -  ADD.2020.06.09
-------------------------------------------------- */

.emergency_box {
	width:94%;
	height:auto;
    padding:0px 0px 0% 0px;
	overflow: hidden;
}

.emergency_box img {
	width:100%;
	height:auto;	
}


/* ------------------------------------------------------------
  CONTENTS MENU
------------------------------------------------------------ */

#contents_menu {
    margin:0% 1% 0px 3%;
    padding:0px 0px 0px 0px;
    max-width:120%;
	overflow:hidden;
}

#contents_menu ul {
    margin:0px 0px 5% 0px;
    padding:0px;
    max-width:120%;
    list-style: none;
}

#contents_menu li {
	float: left;
	width: 48.5%;
    margin:0px 1% 1% 0px;
    padding:3.5% 0% 3.5% 0%;
	background-color:#000;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
}

#contents_menu li.on{
	background-color:#333;
	color:#FFFFFF;
}

#contents_menu li a:link {
    text-decoration:none;
	color:#FFFFFF;
}

#contents_menu li a:visited {
    text-decoration:none;
	color:#FFFFFF;
}

#contents_menu li a:hover {
    text-decoration:nene;
	color:#FFFFFF;
}

#contents_menu li a:active {
    text-decoration:none;
	color:#FFFFFF;
}

#contents_menu .line {
	clear:both;
	float:left;
    padding:6% 0px 0px 0px;
    width:98%;
    border-bottom:1px solid #666;
}

/* ------------------------------------------------------------
  CINTENTS HOME
------------------------------------------------------------ */

/* --------------------------------------------------
  MAIN VISUAL 
-------------------------------------------------- */

#main_visual{
    margin:0% auto 5% auto;
	width:100%;
}

#main_visual img{
	width:100%;
	height:auto;	
	}

.bx-wrapper img {
	width:100%;
	height:auto;/*auto又は100%に指定・縦横比を維持する*/
	display:block;
}
.bx-wrapper .bx-pager {/*ページャーの表示位置など*/
	position:absolute;
	bottom:-30px;
	width:100%;
}

.ass_box {
    padding:0px 0px 8% 0px;
	width:94%;
}

.ass_box img{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:100%;
    height:auto;
}



/* --------------------------------------------------
  NOW SHOWING & COMMING SOON
-------------------------------------------------- */

.movie_box {
	width:94%;
	height:auto;
    padding:0px 0px 5% 0px;
	background-color:#FFF;
	overflow: hidden;
}

.movie_box .title_box01{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#16AC8F;
	color:#FFF;
	overflow: hidden;
}

.movie_box h3{
	float:left;
	margin:8px 0px 0px 8px;
	padding:3px 0px 8px 22px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	background:url(../home/ct_icon01_sp.png) no-repeat;
	overflow: hidden;
}

.movie_box h3 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	overflow: hidden;
}


.movie_box .title_box02{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#2980B9;
	color:#FFF;
	overflow: hidden;
}

.movie_box h4{
	float:left;
	margin:8px 0px 0px 8px;
	padding:3px 0px 8px 22px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	background:url(../home/ct_icon02_sp.png) no-repeat;
	overflow: hidden;
}

.movie_box h4 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	overflow: hidden;
}



/*** MOVIES LIST ***/

.movie_list {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}


.movie_list ul {
    margin:0% 3% 0px 3%;
    padding:0px 0px 0px 0px;
    width:94%;
	list-style: none;
}

.movie_list li{
	float:left;
    margin:5% 0% 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
}

.movie_list li .photo {
	float:left;
    margin:2px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:40%;
	height:50%;
	/*** background:url(../movies/movie_image/movie_img_back.png) no-repeat; ***/
}

.movie_list li .photo img{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:100%;
    height:auto;
}


.movie_list li .detail_box {
	float:right;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:57%;
}

.movie_list li .detail_box .title_box {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	height:15%;
}

.movie_list li .detail_box .title_box .title {
	line-height:1.2em;
    text-align:left;
	font-size:12px;
	color:#555;
	font-weight:bold;
}

.movie_list li .detail_box .annotation_box {
    margin:6% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.movie_list li .detail_box .annotation_box .date_end {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color:#E74C3C;
}

.movie_list li .detail_box .annotation_box .date_cs {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color:#2980B9;
}

.movie_list li .detail_box .annotation_box .annotation {
	float:left;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:11px;
	color:#333;
}


.movie_list li .detail_box .facility {
	float:left;
    margin:6% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.movie_list li .detail_box .facility ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.movie_list li .detail_box .facility ul li{
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	background-color:#E74C3C;
	color:#FFFFFF;
}


.movie_list li .detail_box .line{
	clear:both;
    margin:0px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    width:100%;
    border-bottom:1px solid #ccc;

}

.movie_list li .detail_box .rule {
	float:left;
    margin:3px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:110%;
	overflow:hidden;
}

.movie_list li .detail_box .rule ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.movie_list li .detail_box .rule ul li{
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	background-color:#4B77BE;
	color:#FFFFFF;
}


.movie_list li .detail_box .next {
	float:right;
    margin:6px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:20%;
	font-size:10px;
	text-align:right;
	overflow:hidden;
}


.movie_list .line{
	clear:both;
	float:left;
    padding:5% 0px 0px 0px;
    width:100%;
    border-bottom:1px dotted #333;
}



/* --------------------------------------------------
  INFORMATION
-------------------------------------------------- */

.title_box03{
	width:94%;
	padding:0px;
	background-color:#9269B6;
	color:#FFF;
	overflow: hidden;
}

.title_box03 h5{
	float:left;
	margin:8px 0px 0px 8px;
	padding:3px 0px 8px 22px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	background:url(../home/ct_icon03_sp.png) no-repeat;
	overflow: hidden;
}

.title_box03 h5 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	overflow: hidden;
}

.info_box {
	width:100%;
	height:auto;
    padding:0px 0px 0% 0px;
	background-color:#FFF;
	overflow: hidden;
}


.info_box h3.case01{
	float:left;
    margin:5% 0px 0px 0px;
    padding:2px 0px 0px 18px;
    width:94%;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

/*** INFO LIST ***/

.info_list {
	float:left;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.info_list ul {
    margin:8% 0% 0px 0%;
    padding:0px 0px 0px 0px;
    width:100%;
	list-style: none;
}

.info_list li{
    margin:4% 0% 0px 0%;
    padding:0px 0px 3% 0px;
    border-bottom:#CCC 1px dotted;
}

.info_list li .category {
	float:left;
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	color:#fff;
}

.info_list li .date {
	float:left;
    margin:0px 5px 3% 0px;
    padding:2px 0px 0px 0px;
	font-size:12px;
	width:50px;
	font-weight:bold;
}

.info_list li p {
	clear:both;
    margin:0% 0px 0px 0px;
	font-size:12px;
	line-height:1.5em;
	font-weight:normal;
}


/*** INFO DATAIL ***/

.info_detail {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.info_detail h3.case01{
	float:left;
    margin:5% 0px 0px 0px;
    padding:2px 0px 0px 18px;
    width:94%;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

.info_detail ul {
	float:left;
    margin:5% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	list-style: none;
}

.info_detail li{
    margin:0px 0px 0px 0px;
    padding:0px 0px 15px 0px;
}

.info_detail li .category {
	float:left;
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	color:#fff;
}

.info_detail li .date {
	float:left;
    margin:0px 5px 3% 0px;
    padding:3px 0px 0px 0px;
	font-size:12px;
	width:50px;
	font-weight:bold;
}

.info_detail .title {
    margin:3% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	line-height:1.2em;
	font-size:13px;
	text-align:left;
	color:#555;
	font-weight:bold;
}



/* -----------------------------------------------------
  NOW SHOWING & COMMING SOON & INFORMATION  LIST JUMP
-------------------------------------------------------- */

/*** h2 title_box right ***/

.list_b{
	float:right;
	margin:0px;
	padding:2px 8px 0px 14px;
	height:30px;
	line-height:30px;
	font-size:10px;
	background:url(../home/list_b_icon_sp.png) no-repeat;
	overflow: hidden;
}

.title_box01 a:link,
.title_box02 a:link,
.title_box03 a:link {
    text-decoration:none;
    color:#FFF;
}

.title_box01 a:visited,
.title_box02 a:visited,
.title_box03 a:visited {
    text-decoration:none;
    color:#FFF;
}

.title_box01 a:hover,
.title_box02 a:hover,
.title_box03 a:hover {
    text-decoration:none;
    color:#EEE;
}

.title_box01 a:active,
.title_box02 a:active,
.title_box03 a:active {
    text-decoration:none;
    color:#FFF;
}


/* --------------------------------------------------
  BLOG
-------------------------------------------------- */

.title_box04{
	width:94%;
	padding:0px;
	background-color:#E67E22;
	color:#FFF;
	overflow: hidden;
}

.title_box04 h5{
	float:left;
	margin:8px 0px 0px 8px;
	padding:3px 0px 8px 22px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	background:url(../home/ct_icon04_sp.png) no-repeat;
	overflow: hidden;
}

.title_box04 h5 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	overflow: hidden;
}

.blog_box {
	width:100%;
	height:auto;
    padding:0px 0px 0% 0px;
	background-color:#FFF;
	overflow: hidden;
}


/*** INFO LIST ***/

.blog_list {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.blog_list ul {
    margin:8% 0% 0px 0%;
    padding:0px 0px 0px 0px;
    width:100%;
	list-style: none;
}

.blog_list ul li{
    margin:3% 0% 0px 0%;
    padding:0px 0px 3% 0px;
    border-bottom:#CCC 1px dotted;
}

.blog_list li .category {
	float:left;
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	background-color:#E74C3C;
	color:#FFFFFF;
}

.blog_list li .date {
	float:left;
    margin:0px 5px 3% 0px;
    padding:2px 0px 0px 0px;
	font-size:12px;
	width:50px;
	font-weight:bold;
}

.blog_list li p {
	clear:both;
    margin:0% 0px 0px 0px;
	font-size:12px;
	line-height:1.5em;
	font-weight:normal;
}

.info_nav {
    height:20px;
    margin:10% 0px 0px 0px;
    padding:10px 0px;
	letter-spacing:0.5em;
	font-size:13px;
    text-align:center;
    color:#C56C7E;
}


/*** BLOG MENU ***/

.blog_menu {
	width:84%;
	height:auto;
    padding:6% 5% 3% 5%;
	background-color:#FFFFFF;
	overflow:hidden;
}

.blog_menu .title01 {
    margin:3% 0px 15px 0px;
    padding:0px 0px 3px 0px;
    width:100%;
	font-size:13px;
	text-align:left;
	color:#555;
	font-weight:bold;
	border-bottom:solid 2px #E74C3C;
}

.blog_menu .theme ul{
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	overflow:hidden;
}

.blog_menu .theme ul li{
	float:left;
    margin:0px 5% 5% 0px;
    padding:0px 0px 0px 0px;
	width:45%;
	overflow:hidden;
}


.blog_menu .title02 {
    margin:3% 0px 15px 0px;
    padding:0% 0px 3px 0px;
    width:100%;
	font-size:13px;
	text-align:left;
	color:#555;
	font-weight:bold;
	border-bottom:solid 2px #E74C3C;
}

.blog_menu .month {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.blog_menu .month ul{
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	overflow:hidden;
}

.blog_menu .month ul li{
	float:left;
    margin:0px 5% 5% 0px;
    padding:0px 0px 0px 0px;
	width:45%;
	overflow:hidden;
}


/*** BLOG DATAIL ***/

.blog_detail {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}


.blog_detail .title {
    margin:8% 0px 0px 0px;
    padding:0px 0px 1% 0px;
    width:100%;
	line-height:1.2em;
	font-size:13px;
	text-align:left;
	color:#555;
	font-weight:bold;
	border-bottom:solid 1px #E74C3C;
}

.blog_detail .date {
	float:right;
    margin:2% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	color:#555;
	font-weight:bold;
}




/* ------------------------------------------------------------
  CINTENTS SECOND
------------------------------------------------------------ */


/* --------------------------------------------------
  PAGE TITLE
-------------------------------------------------- */

.sub_title_box{
	padding:0px;
    width:94%;
	background-color:#C0392B;
	color:#FFF;
	overflow: hidden;
}

h3{
	float:left;
	margin:15px 0px 0px 8px;
	padding:1px 0px 15px 22px;
	line-height:15px;
	font-size:14px;
	font-weight:bold;
	overflow: hidden;
}


h3 span{
	margin:0px;
	padding:0px 0px 0px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	overflow: hidden;
}

h3.icon02{
	background:url(../common_sp/facility_icon02.png) no-repeat;
}

h3.icon03{
	background:url(../common_sp/facility_icon03.png) no-repeat;
}

h3.icon04{
	background:url(../common_sp/facility_icon04.png) no-repeat;
}

h3.icon05{
	background:url(../common_sp/facility_icon05.png) no-repeat;
}

h3.icon06{
	background:url(../common_sp/facility_icon06.png) no-repeat;
}

h3.icon07{
	background:url(../common_sp/facility_icon07.png) no-repeat;
}

h3.icon08{
	background:url(../common_sp/facility_icon08.png) no-repeat;
}

h3.icon09{
	background:url(../common_sp/facility_icon09.png) no-repeat;
}

h3.icon10{
	background:url(../common_sp/facility_icon10.png) no-repeat;
}

h3.icon11{
	background:url(../common_sp/facility_icon11.png) no-repeat;
}


.page_back{
    width:100%;
    margin:6% 0px 0px 3%;
    padding:0px;
}

.page_back ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:11px;
}

.page_back ul li {
    margin:0px 0px 0px 0px;
    padding:0px 3px 0px 8px;
	height:16px;
	line-height:16px;
	background:url(../common_sp/pb_icon02.png) no-repeat;
    display:inline;
}

.page_back ul li a {
}

.page_back ul li a:link {
    text-decoration:none;
    color:#333;
}

.page_back ul li a:visited {
    text-decoration:none;
    color:#333;
}

.page_back ul li a:hover {
    text-decoration:none;
    color:#333;
}

.page_back ul li a:active {
    text-decoration:none;
    color:#333;
}


/* --------------------------------------------------
  MAIN PARTS
-------------------------------------------------- */

.com{  
    padding:0px;
	line-height:1.5em;
}

.base_box{
	float:left;
    margin:5% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.base_box img{
    margin:0% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	height:auto;
}

/* --------------------------------------------------
  SCEDULE
-------------------------------------------------- */


/*** SCEDULE CALENDER ***/

#calender {
    padding:0% 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

#calender h3.case01{
    margin:5% 0px 0px 0px;
    padding:2px 0px 0px 18px;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

#calender ul{
	margin:5% 0px 10px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}


#calender ul li{
	margin:6% 0% 0px 0%;
    padding:0px 0px 0% 0px;
    height:46px;
	line-height:46px;
	background-color:#4DA7D8;
	overflow: hidden;
}


#calender ul li .date{
	float:left;
	margin:0px;
	padding:0px 0px 0px 15px;
	font-size:12px;
	color:#fff;
}

#calender ul li .next_b{
	float:right;
	margin:0px;
	padding:16px 15px 0px 0px;
}

#calender ul li.special{
	margin:10% 0% 0px 0%;
    padding:13px 0px 0% 0px;
    height:50px;
	line-height:1.5em;
	background-color:#e6846e;
	overflow: hidden;
}

#calender ul li.special .next_b{
	float:right;
	margin:0px;
	padding:13px 15px 0px 0px;
}



/*** SCEDULE INFORMATION ***/

.schedule_info {
	margin:8% 0% 0px 0%;
	padding:0px;
    width:120%;
	overflow:hidden;
}

.schedule_info ul{
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	overflow:hidden;
}

.schedule_info ul li{
	float:left;
    margin:0px 1% 1% 0px;
    padding:9px 10px 8px 10px;
	width:35.5%;
    border:#555 1px solid;
    color:#555;
	overflow:hidden;
}

.schedule_info ul li .explanation{
	float:left;
    margin:0px 0px 5px 0px;
    padding:1px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
}

.schedule_info ul li .title{
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.schedule_info ul li .title a:link {
    text-decoration:none;
    color:#555;
}

.schedule_info ul li .title a:visited {
    text-decoration:none;
    color:#555;
}

.schedule_info ul li .title a:hover {
    text-decoration:none;
    color:#999;
}

.schedule_info ul li .title a:active {
    text-decoration:none;
    color:#555;
}


.schedule_info .com{
    margin:2% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:1.5em;
	width:85%;
}


.schedule_info .sub_box{
	margin:10px 0px 0px 0px;
    padding:5px 10px 5px 10px;
    width:78%;
	border:1px solid #ccc;
	overflow:hidden;
}

.schedule_info .sub_box .sub_com{
    margin:2% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:1.5em;
	width:100%;
}

/*** SCEDULE  ***/

.schedule_box {
    margin:0% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
	height:auto;
	overflow:hidden;
}

.schedule_box h3.case01{
    margin:5% 0px 8% 0px;
    padding:2px 0px 0px 18px;
    width:100%;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
	overflow:hidden;
}

.schedule_box .date{
    margin:0% 0px 0px 0px;
    padding:0% 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	font-weight:bold;
}

.schedule_box .date span{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
	font-size:15px;
	color:#666;
	font-weight:bold;
}


.schedule_box .movie_title{
    margin:8% 0px 0px 0px;
    padding:9px 5px 9px 10px;
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;
	background-color:#6C7A89;
	color:#FFFFFF;
}

.schedule_box .detail_box {
    margin:3% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
}

.schedule_box .detail_box .annotation_box {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    width:100%;
	overflow:hidden;
}

.schedule_box .detail_box .annotation_box .annotation {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#666;
}

.schedule_box .detail_box .annotation_box .date_end {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#C0392B;
    line-height: 1.35em;
}

.schedule_box .detail_box .annotation_box .date_new {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#446CB3;
    line-height: 1.35em;
}

.schedule_box .detail_box .line{
    margin:5px 15px 0px 10px;
    padding:0px 0px 0px 0px;
    width:100%;
    border-bottom:1px solid #ccc;

}

.schedule_box .detail_box .rule {
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 10px;
	width:620px;
	overflow:hidden;
}

.schedule_box .detail_box .rule ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.schedule_box .detail_box .rule ul li{
	float:left;
    margin:0px 5px 0px 0px;
    padding:4px 0px 0px 0px;
	width:50px;
	height:13px;
	font-size:9px;
	text-align:center;
	background-color:#4B77BE;
	color:#FFFFFF;
}


.schedule_box .detail_box .remarks_box {
    margin:0px 0px 0px 10px;
    padding:2.5% 2%;
    max-width:100%;
	overflow:hidden;
    border: 1px solid #6f7a88;
}

.schedule_box .detail_box .remarks_box p{
    line-height: 1.5em;
}




.sub_title_link{
	padding:0px;
	background-color:#E6846E;
	color:#FFF;
	overflow: hidden;
}

h3.schedule{
	margin:0px auto 0px auto;
	padding:20px 0px 20px 22px;
	line-height:15px;
	font-size:15px;
	font-weight:bold;
	overflow: hidden;
}

.sub_title_link a:link {
    text-decoration:none;
	color:#FFFFFF;
}

.sub_title_link a:visited {
    text-decoration:none;
	color:#FFFFFF;
}

.sub_title_link a:hover {
    text-decoration:none;
	color:#FFFFFF;
}

.sub_title_link a:active {
    text-decoration:none;
	color:#FFFFFF;
}

.sub_title_link a:hover img	{
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


.caution{
    display: block;
    padding: 2%;
    border: 1px solid #af4333;
}

.caution p{
    color: #af4333;
    line-height: 1.65em;
}






/* --------------------------------------------------
  PRICE
-------------------------------------------------- */

.price_detail {
    padding:0% 0px 0px 0px;
    width:100%;
	overflow:hidden;
}


/*** PRICE ***/

.price_detail .price_box{
	float:left;
    padding:0px 0px 0px 0px;
    width:94%;
	overflow:hidden;
}

.price_detail .price_box .title{
    padding:0px 0px 0px 0px;
    width:100%;
	line-height:16px;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	border-bottom:3px solid #555; 
}

.price_detail .price_box .sub_com{
    padding:0px 0px 0px 0px;
    width:94%;
	font-size:10px;
	line-height:1.5em;
}


/*** PRICE DETAIL ***/

.price_detail .price_box ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.price_detail .price_box ul li{
    margin:0px 0px 0px 0px;
    padding:16px 10px 15px 10px;
    width:94%;
	border-bottom:1px solid #555; 
}

.price_detail .price_detail{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
}

.price_detail .price_detail .name{
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	font-size:13px;
	font-weight:bold;
	color:#3A539B;
}

.price_detail .price_detail .price{
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	font-size:13px;
	color:#555;
}

.price_detail .price_detail .etc{
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:340px;
    line-height: 1.35em;
}



/*** 3D PRICE DETAIL ***/


.price_detail .price3d_box{
	float:left;
    padding:0px 0px 0px 0px;
    width:94%;
	overflow:hidden;
}

.price_detail .price3d_box .title{
    padding:0px 0px 0px 0px;
    width:100%;
	font-size:16px;
	font-weight:bold;
	color:#555555;
	border-bottom:3px solid #555; 
}

.price_detail .price3d_box .com{
    padding:0px 0px 0px 0px;
    width:98%;
}

.price_detail .price3d_box .sub_com{
    padding:0px 0px 0px 0px;
    width:94%;
	font-size:10px;
	line-height:1.5em;
}


/*** PRICE 3D DETAIL ***/

.price_detail .price3d_detail{
	float:left;
    padding:0px 0px 0px 0px;
    width:100%;
}

.price_detail .price3d_detail .case01{
    padding:0px 0px 0px 0px;
	width:160px;
	height:50px;
	line-height:50px;
	background-color:#019875;
    text-align:center;
	color:#FFFFFF;
}

.price_detail .price3d_detail .case02{
    padding:0px 0px 0px 0px;
	width:160px;
	height:50px;
	line-height:50px;
	background-color:#3A539B;
    text-align:center;
	color:#FFFFFF;
}

.price_detail .price3d_detail .case03{
    padding:0px 0px 0px 0px;
	width:160px;
	height:50px;
	line-height:50px;
	background-color:#F27935;
    text-align:center;
	color:#FFFFFF;
}

.price_detail .price3d_detail .and{
    padding:0px 0px 0px 50px;
	width:60px;
	height:30px;
	line-height:30px;
    text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#555;
}



/*** MEMBERS DETAIL ***/

.price_detail .members_box{
	float:left;
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.price_detail .members_box .left{
	float:left;
    padding:0px 0px 0px 0px;
    width:96%;
	overflow:hidden;
}

.price_detail .members_box .right{
	float:left;
	margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:96%;
	overflow:hidden;
}

.price_detail .members_box .right img{
	max-width:70%;
	height:auto;
}


.price_detail ul.members_box02{
    padding:0px 0px 0px 0px;
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	overflow:hidden;
}

.price_detail .members_box02 li{
    width:100%;
}

.price_detail .members_box02 li img{
    margin: 0 0 3% 0;
    width:80%;
    height: auto;
}

.price_detail .members_box .left02{
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:96%;
	overflow:hidden;
}

.price_detail .members_box .right02{
	margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:96%;
	overflow:hidden;
}

.price_detail .members_box .right02 img{
	max-width:70%;
	height:auto;
}


.price_detail ul.members_box02{
    padding:0px 0px 0px 0px;
    width:640px;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
	overflow:hidden;
}

.price_detail ul.members_box02 li{
    margin:0px 0px 0px 0px;
    width:300px;
}

.price_detail ul.members_box02 li img{
    width:100%;
    height: auto;
}

/*** PRICE STD ***/


.price_detail h3.case01{
    margin:5% 0px 0px 0px;
    padding:2px 0px 0px 18px;
	line-height:16px;
	height:16px;
	width:94%;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}
.price_detail h3.case02{
    margin:5% 0px 0px 0px;
    padding:2px 0px 0px 18px;
	line-height:16px;
	height:16px;
	width:94%;
	font-size:12px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

.price_detail h4.case01{
    margin:5% 0px 0px 0px;
    padding:0px 0px 0px 19px;
	line-height:16px;
	height:16px;
	width:94%;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}


.price_detail .price_std{
	float:left;
    padding:0px 0px 0px 0px;
    width:96%;
	overflow:hidden;
}

.price_detail .price_std .com{
    padding:0px 0% 0px 0px;
    width:100%;
}

.price_detail .price_std .sub_com{
    margin:3% 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:96%;
	font-size:10px;
	line-height:1.5em;
}

.price_detail .price_std ul{
    margin:0px;
    padding:0px;
    width:96%;
    list-style-type:none;
}

.price_detail .price_std ul li{
    margin:0px 0px 6px 0px;
    padding:0px 0% 0px 0px;
    width:100%;
    text-indent:-1em;
    padding-left:1em;
}



/*** BANNER ***/


ul.banner_box{
    margin: 5% 0 0 0;
    padding: 0% 0%;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

ul.banner_box li{
    width: 65%;
    height: auto;
}


ul.banner_box li img{
    width: 100%;
    height: auto;
}

ul.banner_box li .bn_caption{
    margin-bottom: 3%;
    color: #af4434;
    line-height: 1.35em;
    text-align: center;
    padding: 2% 0%;
    border-top:  2px dotted #ddd;
    border-bottom:  2px dotted #ddd;
}









/* --------------------------------------------------
  FACILITY
-------------------------------------------------- */

.facility_box {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.facility_detail {
    margin:0% 0% 0px 0%;
    padding:0px 0px 0px 0px;
    width:94%;
	overflow:hidden;
}

.facility_detail ul{
    padding:0px;
    list-style-type:none;
}

.facility_detail ul li{
	float:left;
    margin:0% 5% 5% 0px;
    padding:0px 0px 3% 0px;
    width:100%;
	height:auto;
	background-color:#FFF;
}

.facility_detail ul li .title{
    margin:0px 0px 0px 0px;
    padding:4% 3% 0px 3%;
    width:94%;
	font-size:13px;
	line-height:1.3em;
	font-weight:bold;
	color:#555555;
}

.facility_detail ul li .photo{
    margin:0px 0px 0px 0px;
    padding:3% 3% 0px 3%;
    width:94%;
}

.facility_detail ul li .photo img{
    padding:0px 0px 0px 0px;
    width:100%;
	height:auto;
}


.facility_detail ul li .com{
    margin:0px 0px 0px 0px;
    padding:3% 3% 0px 3%;
    width:94%;
	font-size:12px;
	line-height:1.5em;
}


table.theater01 {
    display: block;
    position: relative;
	border-collapse:collapse;
	border-top:1px solid #799979;
	width:100%;
}

table.theater01 thead {
    display: block;
    float: left;
}

table.theater01 tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

table.theater01 th,
table.theater01 td {
    display: block;
	padding:10px;
	border-right:1px solid #799979;
	border-bottom:1px solid #799979;
	border-left:1px solid #799979;
	text-align:center;
}


table.theater01 tr {
    display: inline-block;
}

table.theater01 tbody tr {
    margin-right: -5px;
}







/* --------------------------------------------------
  ADVANCE
-------------------------------------------------- */

.advance_detail {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.advance_detail h3.case01{
    margin:8% 0px 0px 0px;
    padding:2px 0px 0px 18px;
    width:100%;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

.advance_detail img{
    padding:0px 0px 0px 0px;
	max-width:100%;
	height:auto;
}

/* --------------------------------------------------
  ACCESS
-------------------------------------------------- */

.access_detail {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.access_detail h3.case01{
    margin:8% 0px 0px 0px;
    padding:2px 0px 0px 18px;
    width:100%;
	line-height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}

.access_parking {
    padding:0px 0px 0px 0px;
}

.access_parking img{
    width:100%;
	height:auto;
}


/* --------------------------------------------------
  TICKET INFORMATION
-------------------------------------------------- */

.ticket_detail {
    padding:0px 0px 0px 0px;
    width:100%;
	overflow:hidden;
}

.ticket_detail h3.case01{
    margin:8% 0px 0px 0px;
    padding:2px 0px 0px 18px;
    width:100%;
	line-height:16px;
	height:16px;
	font-size:14px;
	background:url(../common_sp/ct_icon01.png) no-repeat;
	color:#555;
	font-weight:bold;
}


.ticket_title {
	float:left;
    margin:8% 0px 0px 0px;
    padding:0px 0px 0px 24px;
    width:94%;
	line-height:20px;
	font-size:14px;
	color:#555;
	font-weight:bold;
}

.ticket_title.no01{
	background:url(../common/tk_number01.png)no-repeat;
}

.ticket_title.no02{
	background:url(../common/tk_number02.png)no-repeat;
}

.ticket_title.no03{
	background:url(../common/tk_number03.png)no-repeat;
}

.ticket_title.no04{
	background:url(../common/tk_number04.png)no-repeat;
}

.ticket_title.no05{
	background:url(../common/tk_number05.png)no-repeat;
}

.ticket_title.no06{
	background:url(../common/tk_number06.png)no-repeat;
}

.ticket_title.no07{
	background:url(../common/tk_number07.png)no-repeat;
}

.ticket_title.no08{
	background:url(../common/tk_number08.png)no-repeat;
}

.ticket_detail .com{
	float:left;
    margin:3% 5% 0px 5%;
    padding:0px 0px 0px 0px;
    width:92%;
	line-height:1.5em;
}

.ticket_detail .sub_com{
	float:left;
    margin:4% 5% 0px 5%;
    padding:0px 0px 0px 0px;
    width:92%;
	font-size:10px;
	line-height:1.5em;
}

.attention_com {
	float:left;
    margin:3% 5% 0px 5%;
    padding:0px 0px 0px 0px;
    width:92%;
	line-height:20px;
	font-size:14px;
	color:#555;
	font-weight:bold;
}

.attention_com span{
    padding:0px 0px 1% 0px;
	font-weight:none;
    color:#af4434;
	line-height:23px;
}

.attention_com span.emphasis{
	color:#af4434;
    border-bottom: 1px solid #af4434;
}



/* --------------------------------------------------
  IMAGE (ONLY） 
-------------------------------------------------- */

.image_box{
    padding:0px 0px 0px 0px;
    width:94%;
	overflow: hidden;
}


.image_box li img{
	max-width:100%;
	height:auto;
}


/* --------------------------------------------------
  IMAGE (2LINE） 
-------------------------------------------------- */

.image2_box{
    padding:0px 0px 0px 0px;
    width:100%;
	overflow: hidden;
}

.image2_box ul {
    margin:0px 0px 0px 0px;
    padding:0px;
	list-style: none;
}

.image2_box li{
	float:left;
    width:94%;
    margin:0px 5% 5% 0px;
}

.image2_box li img{
	max-width:100%;
	height:auto;
}


/* --------------------------------------------------
  RENTAL
-------------------------------------------------- */

.rental_box{
    padding:0px 0px 0px 0px;
    width:100%;
	overflow: hidden;
}

ul.rental_box {
    display: flex;
    margin:0px 0px 0px 0px;
    padding:0px;
	list-style: none;
    justify-content: space-between;
}

.rental_box li{
	width:48%;
}

.rental_box li img{
	width:100%;
	height:auto;
}


ul.note_box{
    display: block;
}

ul.note_box li{
    margin-bottom: 2%;
    padding-left:1.2em;
	text-indent:-1.2em;
    line-height: 1.65em;
}

ul.note_box li::first-letter{
    margin-right: 3px;
    color: #231756;
}


table.theater02 {
    display: block;
    position: relative;
	border-collapse:collapse;
	border-top:1px solid #799979;
	width:100%;
}

table.theater02 thead {
    display: block;
    float: left;
}

table.theater02 tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

table.theater02 th,
table.theater02 td {
    display: block;
	padding:10px;
	border-right:1px solid #799979;
	border-bottom:1px solid #799979;
	border-left:1px solid #799979;
	text-align:center;
}

table.theater02 td.line_02 {
    display: block;
	padding:16px;
	border-right:1px solid #799979;
	border-bottom:1px solid #799979;
	border-left:1px solid #799979;
	text-align:center;
}


table.theater02 tr {
    display: inline-block;
}

table.theater02 tbody tr {
    margin-right: -5px;
}


.format_rental {
	width:100%;
}

.format_rental th {
	width:35%;
	border-top:1px solid #799979; 
    padding:10px 10px 10px 15px;
}

.format_rental td {
	width:65%;
	border-top:1px dotted #799979; 
    padding:10px 10px 10px 15px;
}

.format_rental td span{
    color: #405396;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.format_rental th.last {
	border-bottom:1px solid #799979;
}

.format_rental td.last {
	border-bottom:1px dotted #799979;
}





/* --------------------------------------------------
  recruit
-------------------------------------------------- */

h4.occupation_title{
    padding:3px 0px 3px 10px;
    width:640px;
	line-height:20px;
	height:20px;
	font-size:16px;
	color:#211953;
	font-weight:bold;
    border-left: 3px solid #C0392B;
    letter-spacing: 0.05em;
}


h5.occupation_title{
    padding:0px 0px 0px 0px;
    width:640px;
	line-height:1em;
	height:auto;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #211953;
}

h5.occupation_title_02{
    margin-bottom: 10px;
    padding:0px 0px 0px 0px;
    width:590px;
	line-height:1.5em;
	height:auto;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #211953;
    border-bottom: 1px solid #211953;
	font-size:13.5px!important;
    -webkit-text-size-adjust: 100%;
}

h5.occupation_title_02 span{
    font-size: 1.1em;
    padding-right: 0.5em;
}



p.recruit_com span{
    letter-spacing: 0.07em;
    font-weight: bold!important;
    font-size: 17px;
    color: #211953;
}


.recruit_image_box{
    padding:0px 0px 0px 0px;
    /*width:640px;*/
    text-align: center;
	overflow: hidden;
	
	width: 100%;
}

.recruit_image_box img{
	max-width:100%;
	height:auto;
}


ul.point_box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 4%;
}

ul.point_box li{
    font-size: 1.1em;
    padding-left: 1em;
}

ul.point_box li.point::before{
    content: "●";
    padding-right: 0.5em;
    font-size: 0.8em;
    color: #211953;
}

ul.point_box li:nth-child(n+2){
    margin-top: 2%;
}




/* --------------------------------------------------
  TABLE
-------------------------------------------------- */

.schedule {
	width:100%;
}

.schedule th {
	width:20%;
	border-top:1px solid #799979; 
    padding:10px 10px 10px 15px;
}

.schedule td {
	width:80%;
	border-top:1px dotted #799979; 
    padding:10px 10px 10px 15px;
}



.format01 {
	width:100%;
}

.format01 th {
	width:25%;
	border-top:1px solid #799979; 
    padding:10px 10px 10px 15px;
}

.format01 td {
	width:75%;
	border-top:1px dotted #799979; 
    padding:10px 10px 10px 15px;
}

.format01 th.last {
	border-bottom:1px solid #799979;
}

.format01 td.last {
	border-bottom:1px dotted #799979;
}


/* --------------------------------------------------
  FAQ
-------------------------------------------------- */

.faq {
  margin-bottom: 7%;
}

.faq__dt, .faq__dd {
  position: relative;
  padding-left: 24px;
}

.faq__dt::before, .faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.faq__dt {
  font-weight: bold;
  border-bottom: 1px solid #999;
    padding-bottom: 3%;
    line-height: 1em;
}

.faq__dd {
    margin-top: 2%;
    line-height: 1.5em;
}

.faq__dd span{
  font-weight: bold;
    line-height: 1.95em;
}

.faq__dt::before {
  content: 'Q.';
  color: #c80021; /* 「Q」の文字色 */
}

.faq__dd::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
}

.faq a:link {
    text-decoration:underline;
    color:#333;
}

.faq a:visited {
    text-decoration:underline;
    color:#333;
}

.faq a:hover {
    text-decoration:underline;
    color:#999;
}

.faq a:active {
    text-decoration:underline;
    color:#999;
}

.faq a:hover img	{
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


/* --------------------------------------------------
  sakiuri
-------------------------------------------------- */


 
.popupCheck {
  display: none;
}
 
label {
  cursor: pointer;
}
 
.button {
  text-align: center;
}
.button label {
  display: inline-block;
  text-decoration: none;
}
 
.button label img {
    width: 100%;
}



.popupWrap, .popupBg {
  position: fixed;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 10;
}
 
.popupWrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s cubic-bezier(1, 0, 0, 1);
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  will-change: opacity;
}
 
.popupBg {
  opacity: 0.7;
  background-color: #000;
  z-index: 2;
}

.popupBg label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
 
.popupCon {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  width: 92%;
  max-width: 100%;
  height: auto;
  margin: auto;
  z-index: 3;
}
 
.popupInner {
  top:20%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
  padding: 4% 2%;
  cursor: default;
  background-color: #fffafa;
  border-radius: 5px;
}
 
.popupButton_Close {
  position: absolute;
  top: 0%;
  right: 5%;
}
.popupButton_Close label {
  display: inline-block;
  padding: 10%;
  color:333;
  text-decoration: none;
  font-size: 2.2rem;
}
 
.popupCheck:not(:checked) ~ .wrapper .popupWrap {
  opacity: 0;
  visibility: hidden;
}
 
 
 
 
#popup01:checked ~ .wrapper #popup01Con {
  opacity: 1;
  visibility: visible;
}
 
.popupText {
    margin: 7% 0%;
    padding: 0% 4% 0% 4%;
    line-height: 1.7em;
    font-size: 14px;
    text-align: left;
}

 
.popupText p {
    margin: 4% 0%;
    padding: 0% 0% 0% 0%;
    line-height: 1.7em;
    font-size: 14px;
    text-align: left;
}

.popupText p.mark{
    margin: 0% 0%;
    padding: 0% 0% 2% 0%;
    text-align:center;
  line-height: 1.5em;
    font-size: 16px;
    color: #d35745;
    font-weight: bold;
    border-bottom: 1px solid #f6c6c4;
}


.pop_image{
    margin: 1% auto;
    text-align: center;
}

.pop_image img{
    width: 50%;
}

.pop_buttun{
    background: #d35745;
    border-radius: 5px;
}

.pop_buttun p{
    padding: 3% 0%;
    text-align: center;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0.1em;
}

.pop_buttun a:link {
    text-decoration:none;
    color: #FFFFFF;
}

.pop_buttun a:visited {
    text-decoration:none;
    color: #FFFFFF;
}

.pop_buttun a:hover {
    text-decoration:none;
    color: #FFFFFF;
}

.pop_buttun a:active {
    text-decoration:none;
    color: #FFFFFF;
}






/*** END ***/




