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


/* ----------------------
   body
---------------------- */
@media screen and (max-width: 640px){

/*--- pc_sp change ---*/
body {
	overflow: hidden;
	min-width: inherit;
	padding-top: 110px;
}
body .pc_only {
	display: none !important;
}
body .sp_only {
	display: block !important;
}
/* ::: float ::: */
.fl { float: none !important; }
.fr { float: none !important; }



.anchor {
	margin-top: -172px;
	padding-top: 172px;
}

/* ----------------------
   wrapper
---------------------- */
body #wrapper {
	width: 640px;
	overflow: hidden;
}


/*-------------------------
	header
--------------------------*/
header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 900;
	width: 100%;
	height: 110px;
}
/*--- header_up ---*/
header .header_up_cover {
	width: 100%;
	background: #eee;
}
header .header_up_cover .header_up {
	width: 640px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .header_up_cover .header_up a img{
	height: 40px;
	width: auto;
}
/*--- header_down ---*/
header .header_down_cover {
	width: 100%;
	background: #030000;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	height: 50px;
}
header .header_down_cover .header_down {
	width: 640px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 50px;
}
header .header_down_cover .header_down .text_box {
	color: #fff;
	font-size: 1.6rem;
	width: 240px;
}

/* ----------------------
    sp_menu
---------------------- */

/* Toggle(Button) */
.sp_header_menu #sp_toggle {
	position: fixed;/*to body*/
	right:20px;
	top:67px;
	width:95px;
	height:95px;
	cursor:pointer;
	z-index: 910;
	padding: 15px 8px 5px;
	box-sizing: border-box;
	transition: ease-in-out 0.3s;
	background: #e73828;
}
.sp_header_menu #sp_toggle .txt {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: 50px;
	color: #050000;
	transition: ease-in-out 0.3s;
}
/*-- change txt ---*/
.sp_header_menu #sp_toggle #op_t.txt {
	display: block;
}
.sp_header_menu.openNav #sp_toggle #op_t.txt {
	display: none;
}
.sp_header_menu #sp_toggle #cl_t.txt {
	display: none;
}
.sp_header_menu.openNav #sp_toggle #cl_t.txt {
	display: block;
	color: #fff;
}

.sp_header_menu #sp_toggle div {position:relative}
.sp_header_menu #sp_toggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 4px #050000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
.sp_header_menu #sp_toggle span:nth-child(1) {top:0}
.sp_header_menu #sp_toggle span:nth-child(2) {top:15px}
.sp_header_menu #sp_toggle span:nth-child(3) {top:30px}

/*--- open #sp_toggle ---*/
.sp_header_menu.openNav #sp_toggle {
	right: 81%;
}
.sp_header_menu.openNav #sp_toggle span {
	border-bottom: solid 4px #fff;
}
.sp_header_menu.openNav #sp_toggle span:nth-child(1) {
	top: 20px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.sp_header_menu.openNav #sp_toggle span:nth-child(2),
.sp_header_menu.openNav #sp_toggle span:nth-child(3) {
	top: 20px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}

/*---change .sp_header_menu ---*/
.sp_header_menu.openNav {
	height: 100%;
	background: none;
}
/*--- gnav_cover ---*/
.sp_header_menu .gnav_cover {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 760px;
	z-index: 909;
	transition: ease-in-out 0.3s;
	background: rgba(0,0,0,0.5);
}
.sp_header_menu.openNav .gnav_cover {
	transform: translateX(-760px); 
}
/*--- slide_nav ---*/
.sp_header_menu .gnav_cover .slide_nav {
	width: 78.66%;
	margin-left: 21.34%;
	background: #fff;
	height: 100%;
	overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
	border-left: 6px double #050000;
	padding-left: 15px;
	box-sizing: border-box;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel {
	width: 100%;
	padding: 10px 0 20px 0;

	height: auto;
}
/*--- logo_cover ---*/
.sp_header_menu .gnav_cover .slide_nav .nav_cel .logo_cover {
	margin-bottom: 10px;
	text-align: center;
}
/*--- btn_cover ---*/
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover {
	margin-bottom: 15px;
	width: 100%;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover a {
	display: block;
	position: relative;
	padding: 20px 20px 20px 50px;
	box-sizing: border-box;
	background: #e73828;
	font-size: 2.2rem;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover a:after {
	display: block;
	content: "";
	position: absolute;
	width: calc( 100% - 5px );
	height: calc( 100% - 10px );
	border: 2px solid #050000;
	border-right: none;
	top: 5px;
	left: 5px;
	box-sizing: border-box;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover a:before {
	display: block;
	content: "";
	position: absolute;
	background: url(../img/img_shuri02.png) no-repeat center center;
	background-size: 30px;
	width: 30px;
	height: 30px;
	top: calc( 50% - 15px );
	left: 10px
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover.type_yoyaku a {
	display: block;
	position: relative;
	padding: 20px 20px 20px 50px;
	box-sizing: border-box;
	background: #aaa9a9;
	font-size: 2.2rem;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover.type_yoyaku a:after {
	display: block;
	content: "";
	position: absolute;
	width: calc( 100% - 5px );
	height: calc( 100% - 10px );
	border: 2px solid #fff;
	border-right: none;
	top: 5px;
	left: 5px;
	box-sizing: border-box;
}
.sp_header_menu .gnav_cover .slide_nav .nav_cel .btn_cover.type_yoyaku a:before {
	display: block;
	content: "";
	position: absolute;
	background: url(../img/img_shuri03.png) no-repeat center center;
	background-size: 30px;
	width: 30px;
	height: 30px;
	top: calc( 50% - 15px );
	left: 10px
}
/*-- btn_cover --*/
header .header_down_cover .header_down .btn_cover {
	flex-grow: 2;
	display: none;
	justify-content: flex-end;
}
header .header_down_cover .header_down .btn_cover .lange_btn {
	width: 120px;
	height: 30px;
	color: #fff;
	background: #e73828;
	font-size: 1.4rem;
	padding: 5px 15px 0 25px;
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
	position: relative;
	display: block;
}
header .header_down_cover .header_down .btn_cover .lange_btn:before {
	content: "";
	background: url(../img/img_shuri01.png) no-repeat center;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 3px; 
	left: 6px;
  animation: linear rotation 3s infinite;
}
header .header_down_cover .header_down .btn_cover .lange_btn_cn {
	width: auto;
	height: 30px;
	color: #0D2D00;
	background: url(../img/logo_ch.png) no-repeat center left 5px #fff;
	background-size: 24px;
	font-size: 1.6rem;
	padding: 2px 10px 0 30px;
	margin: 0 8px;
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
	position: relative;
	display: block;
	border: 2px solid #84be00;
}

/*--- share_area ---*/
header .header_down_cover .header_down .share_area {
	display: none;
}

/*-------------------------
	lang_drop
--------------------------*/
header .header_down_cover .header_down .lang_drop {
	width: 200px;
	background: #fff;
	text-align: center;
	font-size: 1.8rem;
	position: relative;
	margin-right: 100px;
}
header .header_down_cover .header_down .lang_drop .open_dog {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	visibility: hidden;
	transition: ease-in-out 0.3s;
	overflow: hidden;
}
header .header_down_cover .header_down .lang_drop .open_dog a {
	height: 50px;
	text-align: center;
	width: 100%;
	color: #05000;
	background: #e73828;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .header_down_cover .header_down .lang_drop .open_dog a.lange_btn_cn {
	color: #0D2D00;
	background: url(../img/logo_ch.png) no-repeat center left 5px #fff;
	background-size: 36px;
	font-size: 1.8rem;
	padding: 2px 10px 0 30px;
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
	position: relative;
	border: 2px solid #84be00;
}
header .header_down_cover .header_down .lang_drop .open_dog a.lange_btn:before {
	content: "";
	background: url(../img/img_shuri01.png) no-repeat center;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 112px; 
	left: 16px;
  animation: linear rotation 3s infinite;
}

header .header_down_cover .header_down .lang_drop .open_dog a.lange_btn_cn:first-child {
	border-bottom: none;
}
header .header_down_cover .header_down .lang_drop .btn_dog {
	font-weight: bold;
	position: relative;
	height: 35px;
}
header .header_down_cover .header_down .lang_drop .btn_dog:before {
	position: absolute;
	content: "〉";
	display: block;
	transform: rotateZ(90deg);
	top: 8px;
	right: 10px;
	transition: ease-in-out 0.3s;
}
header .header_down_cover .header_down .lang_drop .btn_dog.active:before {
	transform: rotateZ(-90deg);
	transition: ease-in-out 0.3s;
	top: -3px;
}

header .header_down_cover .header_down .lang_drop .btn_dog.active + .open_dog {
	height: 150px;
	visibility: visible;
	bottom: -150px;
}
/*-------------------------
	sp_header
--------------------------*/
body .sp_header {
	width: 640px;
	background: #e2e1e0;
	padding: 10px 100px 10px 15px;
	box-sizing: border-box;
	display: flex;
	border-top: 2px solid gray;
	overflow: hidden;
}
/*--- share_area ---*/
body .sp_header .share_area {
	display: flex;
	width: 230px;
	justify-content: space-between;
	color: #000;
	align-items: center;
	padding: 0;
	box-sizing: border-box;
	margin-right: 10px;
}
body .sp_header .share_area .text_cel {
	font-size: 1.6rem;
	padding-right: 10px;
	box-sizing: border-box;
}
body .sp_header .share_area .share_btn_cover a {
	display: inline-block;
	margin-right: 10px;
}
body .sp_header .share_area .share_btn_cover img {
	position: relative;
	top: 0;
	width: 40px;
	height: auto;
}
/*--- head_m_btn ---*/
body .sp_header .btn_cel {
	width: 200px;
	display: flex;
	color: #05000;
	background: #fff;
	text-align: center;
	font-size: 1.8rem;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: bold;
	border: 1px solid #000;
}
body .sp_header .btn_cel:before {
	position: absolute;
	content: "";
	display: block;
	width: calc( 100% - 8px );
	height: calc( 100% - 8px );
	border: 1px solid #000;
	top: 4px;
	left: 4px;
	box-sizing: border-box;
}

/*-------------------------
	key_visual
--------------------------*/
#key_visual {
	width: 100%;
	position: relative;
	z-index: 800;
}
#key_visual .slide_top .slick_box {
	position: relative;
	box-sizing: border-box;
}
#key_visual .slide_top .slick_box > img {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 850;
}
#key_visual .slide_top .slick_box .slick_in {
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	z-index: 860;
}
#key_visual .slide_top .slick_box .slick_in img {
	width: 100%;
	height: auto;
}
#key_visual .slide_top .slick_box .slick_in .top_box {
	width: 74.95%;
	margin: 0 auto;
	display: flex;
}
#key_visual .slide_top .slick_box .slick_in .top_box .left_img  {
	width: 53.39%; 
}
#key_visual .slide_top .slick_box .slick_in .top_box .right_img  {
	width: 46.6%; 
}

/*--- slide_top_movie ---*/
#key_visual .slide_top_movie {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	z-index: 820;
	background: url(../img/hishi.jpg) ;
	border-bottom: 3px solid #fff;
	min-width: 640px;
}
#key_visual .slide_top_movie  .top_white {
	width: 100%;
	min-width: 640px;
	background: #fff;
	padding: 10px 0;
	box-sizing: border-box;
}
#key_visual .slide_top_movie  .top_white img {
	display: block;
	margin: 0 auto;
	width: 201;
	height: auto;
}

/*--- wide_movie ---*/
#key_visual .slide_top_movie .wide_movie {
	width: 100%;
	min-width: 640px;
	position: relative;
	padding-bottom:20px;
}
#key_visual .slide_top_movie .wide_movie:before {
	width: 100%;
	min-width: 640px;;
	content: "";
	position: absolute;
	height: 30%;
	background: url(../img/kawara.jpg);
	bottom: 0;
	left: 0;
	z-index: 3;
}


#key_visual .slide_top_movie .wide_movie .top_text {
	width: 100%;
	min-width: 640px;;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 2px #000;
}

/*--- movie_box ---*/
#key_visual .slide_top_movie .wide_movie .movie_box {
	max-width: 640px;
	max-height: 619px;  
	position: relative;
	padding-top: 0;
	z-index: 800;
	margin: 0 auto;
}
#key_visual .slide_top_movie .wide_movie .movie_box iframe {
	width: 620px;
	height: 348px;
	margin: 0 10px;
	position: relative;
	top: 0;
}

/*--- image_box ---*/
#key_visual .slide_top_movie .wide_movie .image_box {
	max-width: 640px;
	position: relative;
	margin: 0 auto ;
	padding: 100px 0 0;
}

	.signboard {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	z-index: 10;
}
.wide_movie .image_box .signboard img {
	width: 420px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.wide_movie .image_box .img_cel {
	display: block;
	width: 100%;
	height: 616px;
	position: relative;
	overflow: hidden;
	z-index: 5;
	background: url("../img/main-visual_sp.jpg");
	background-size: cover;
	background-position: center;
}
.wide_movie .image_box .img_cel .slide_back {
	width: 160%;
	height: auto;
}
.wide_movie .image_box .img_cel .lead_top {
	position: absolute;
	top: -20px;
	left: 10px;
	width: 340px;
	height: auto;
}

.wide_movie .image_box .img_cel .lead_right {
	position: absolute;
	top: auto;
	bottom: 30px;
	right: 20px;
	width: 200px;
	height: auto;
}
/*--- banner_cel ---*/
.wide_movie .image_box .banner_cel {
	position: relative;
	margin: 0 auto;
	z-index: 50;
	width: 600px;
	background: #efeeef;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	top: -30px;
	left: auto;
}
.wide_movie .image_box .banner_cel .banner_link {
	color: #fff;
	background: #ce3a2a;
	font-size: 2.0rem;
	padding: 10px 30px;
	box-sizing: border-box;
	font-weight: normal;
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.4;
	border: 6px double #000;
}
.wide_movie .image_box .banner_cel .banner_link .mini {
	font-size: 1.6rem;
}
.wide_movie .image_box .banner_cel .banner_link:after {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px ); 
	left: 10px;
    animation: linear rotation 3s infinite;
}
.wide_movie .image_box .banner_cel .banner_link:before {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px ); 
	right: 10px;
    animation: linear rotation 3s infinite;
}


/*--- news_cel ---*/
.wide_movie .image_box .news_cel {
	position: relative;
	margin: 0 auto;
	z-index: 50;
	width: 600px;
	background: #efeeef;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	display: flex;
	flex-wrap: wrap;
}
.wide_movie .image_box .news_cel .news_title {
	width: 100%;
	background: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-right: 0;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	padding: 16px 10px;
	box-sizing: border-box;
	font-size: 2.6rem;
}
.wide_movie .image_box .news_cel .news_title:after {
	content: "";
	display: block;
	width:  calc( 100% - 16px );
	height: calc( 100% - 16px );
	border: 2px solid #000;
	position: absolute;
	top: 10px;
	left: 8px;
}
.wide_movie .image_box .news_cel .news_list {
	font-size: 2.5rem;
	line-height: 1.6;
	padding: 13px;
	box-sizing: border-box;
}
.wide_movie .image_box .news_cel .news_list .news_li {
	padding-left: 30px;
	box-sizing: border-box;
	display: flex;
	position: relative;
}
.wide_movie .image_box .news_cel .news_list .news_li:after {
	content: "";
	width: 22px;
	height: 22px;
	border: 5px solid #000;
	box-sizing: border-box;
	top: 8px;
	left: 0;
	position: absolute;
}
/*.wide_movie .image_box .news_cel .news_list .news_li .date {
	box-sizing: border-box;
	width: 120px;
	padding-right: 10px;
}*/
.wide_movie .image_box .news_cel .news_list .news_li .text {
	width: 570px;
}
.wide_movie .image_box .news_cel .news_dog {
	font-size: 1.8rem;
	line-height: 1.8;
	padding: 13px 20px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	min-height: inherit;
}
.wide_movie .image_box .news_cel .news_dog .defo_p {
	padding-bottom: 15px;
	letter-spacing: -0.04em;
}
.wide_movie .image_box .news_cel .news_dog .title_defo {
	font-size: 2.2rem;
	font-weight: bold;
	padding-bottom: 15px;
}
.wide_movie .image_box .news_cel .news_dog .red {
	color: #ce3a2a;
}



/*-------------------------
	button_modal
--------------------------*/
.button_modal {
	z-index: 960;
}
.button_modal .switch_b {
	width: 86px;
	height: 287px;
	position: fixed;
	top: 140px;
	right: 5px;
	transition: ease-in-out 0.5s;
	display: none;
	background: url(../img/btn_goods.png) no-repeat center center;
	cursor: pointer;
	z-index: 970;
}
.button_modal .switch_b:hover {
	width: 86px;
	height: 287px;
	display: block;
	trasition: ease-in-out 0.3s;
	opacity: 1;
}
.openmodal .button_modal .switch_b {
	width: 86px;
	height: 287px;
	display: block;
	transition: ease-in-out 0.5s;
	position: fixed;
	background: url(../img/btn_goods_off.png) no-repeat center center;
	top: -140px;
	right: -100px;
}


/*-------------------------
	modal_area
--------------------------*/
body .modal_area {
	width: 0;
	height: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 920;
}
body .modal_area .modal_wrapper {
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.7);
	position: relative;
	top: 0;
	right: 0;
	z-index: 930;
}
body .modal_area .modal_wrapper .modal_q {
	width: 1000px;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	right: -1000px;
	z-index: 980;
	transition: ease-in-out 0.3s;
}
body #modal.openmodal .modal_wrapper {
	width: 100%;
	height: 100%;
}
body #modal.openmodal .modal_wrapper .modal_q {
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 940;
	transition: ease-in-out 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
body .modal_area .modal_wrapper .modal_q .slick_box {
	width: 630px;
	height: 487px !important;
	height: auto;
	background: url(../img/maki_back_sp.png) no-repeat center center;
	background-size: contain;
	overflow: visible;
	padding: 50px 0 0 30px;
	z-index: 998;
}

/*左右の矢印の色を変える*/
.slick_box .slick-prev:before,
.slick_box .slick-next:before {
    color: #d2231a;
}
/*左右の矢印の位置を変える*/
.slick_box .slick-next {
    right: -50px;
    z-index: 99;
}
.slick_box .slick-prev {
     left: -50px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick_box .slick-dots li.slick-active button:before,
.slick_box .slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slick_box img {
    max-width: 100%;
     height: auto;
}
.slick_box .thumb-item {
	width: 400px !important;
	height: 225px !important;
	margin: 0 auto;
}
.slick_box .thumb-item .title {
	display: block;
	font-size:2.4rem;
}
.slick_box .thumb-item .prace {
	display: block;
	font-size:1.8rem;
	padding-bottom: 5px;
}
.slick_box .thumb-item-nav {
	width: 410px !important;
	margin: 0 auto;
	top: 80px;
	position: relative;
}

/*-------------------------
	main_contents
--------------------------*/
#main_contents {
	width: 100%;
	background: #000;
}

/*-- content --*/
#main_contents .content {
	width: 100%;
	padding: 0;
}

#main_contents .content .content_inner {
	width: 640px;
	margin: 0 auto;
	background: none;
	display: flex;
	padding: 10px 0 0;
}

/*-------------------------
	left_content
--------------------------*/
#main_contents .content .content_inner .left_content {
	display: none;
}

/*-------------------------
	right_content
--------------------------*/
#main_contents .content .content_inner .right_content {
	width: 100%;
	background: #030000;
	position: relative;
	z-index: 10;
}

/*--- title_cel ---*/
#main_contents .content .content_inner .right_content .title_cel {
	background: #e73828;
	text-align: center;
	box-sizing: border-box;
	font-size: 2.8rem;
	margin-bottom: 30px;
	position: relative;
	z-index: 10;
}
#main_contents .content .content_inner .right_content .title_cel:after {
	content: none;
}
#main_contents .content .content_inner .right_content .title_cel:before {
	content: none;
}
/*--- title_in ---*/
#main_contents .content .content_inner .right_content .title_cel .title_in {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
}
#main_contents .content .content_inner .right_content .title_cel .title_in:after {
	position: absolute;
	content: "";
	width: 300%;
	height: calc( 100% - 16px);
	top: 8px;
	left: -100%;
	border-top: 2px solid #030000;
	border-bottom: 2px solid #030000;
	z-index: 320;
}
/*--- anime_t ---*/
#main_contents .content .content_inner .right_content .title_cel .title_in .anime_t {
	padding: 30px 55px;
	box-sizing: border-box;
	display: inline-block;
	font-weight: bold;
	width: auto;
	position: relative;
	color: #030000;
}
#main_contents .content .content_inner .right_content .title_cel .title_in .anime_t:after {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px );
	right: 0;
}
#main_contents .content .content_inner .right_content .title_cel .title_in .anime_t:before {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px );
	left: 0;
}


/*--- con_box item ---*/
#main_contents .content .content_inner .right_content .con_box {
	width: 100%;
	background: url(../img/content_back.png) no-repeat center center #030000;
	color: #fff;
	background-size: 100% auto;
	position: relative;
	overflow:visible;
	padding-bottom: 60px;
}
#main_contents .content .content_inner .right_content .con_box .defo_p {
	font-size: 2.2rem;
	line-height: 1.6;
}

/*--- text_big ---*/
.right_content .con_box .text_big {
	width: 100%;
	font-size: 2.2rem;
	line-height: 2;
	text-align: center;
	margin: 0 auto 30px; 
}
.right_content .con_box .text_big .mini {
	font-size: 1.8rem;
	display: inline-block;
	margin-bottom: 100px;
}
/*--- colume_two ---*/
.right_content .con_box .colume_two {
	width: 100%;
	margin: 0 auto 60px;
	justify-content: space-between;
	flex-direction: column;
}
.right_content .con_box .colume_two .defo_p {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 40px;
}
.right_content .con_box .colume_two .img_cel {
	width: 100%;
	text-align: center;
	height: auto;
}


/*--- course_cel ---*/
.right_content .con_box .course_cel {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0 30px;
	box-sizing: border-box;
}
.right_content .con_box .course_cel .img_map {
	margin-bottom: 30px;
}
.right_content .con_box .course_cel .img_map img {
	width: 100%;
	height: auto;
}
.right_content .con_box .course_cel .img_map iframe {
	width: 580px;
	height: 326px;
}
.right_content .con_box .course_cel .times {
	margin-bottom: 30px;
	justify-content: space-between;
}
.right_content .con_box .course_cel .times .times_dig {
	width: 50%;
}
.right_content .con_box .course_cel .times .times_dig .times_list {
	width: 240px;
	margin-left: 36px;
	text-align: center;
	font-size: 2.8rem;
}
.right_content .con_box .course_cel .times .times_dig .times_list .ti_li {
	width: 240px;
	border: 2px solid #fff;
	margin-bottom: 23px;
	position: relative;
}
.right_content .con_box .course_cel .times .times_dig .times_list .ti_li:first-child, 
.right_content .con_box .course_cel .times .times_dig .times_list .ti_li:last-child {
	border: 2px solid #da3a2a;
}
.right_content .con_box .course_cel .times .times_dig .times_list .ti_li:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 23px;
	background: #fff;
	bottom: -25px;
	left: calc(50% - 1px);
}
.right_content .con_box .course_cel .times .times_dig .times_list .ti_li:last-child:after {
	content: none;
}
/*--- squ_title ---*/
.right_content .con_box .squ_title {
	position: relative;
	padding-left: 44px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 3rem;
	margin-bottom: 20px;
}
.right_content .con_box .squ_title.cb {
	color: #030000;
}
.right_content .con_box .squ_title:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 8px solid #da3a2a;
	top: 8px;
	left: 3px;
}
 .right_content .con_box .caution_tx {
	width: 100%;
	max-width: 590px;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
}
.right_content .con_box .caution_tx.cw {
	width: 100%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;

}
/*--- hop ---*/
.right_content .con_box.hop {
    position: relative;
	z-index: 700;
}
.right_content .con_box.hop:after {
	content: none;
}
.right_content .con_box.hop > * {
    position: relative;
	z-index: 50;
}


/*--- aqua ---*/
.right_content .con_box#aqua {
	margin-top: 0;
    position: relative;
	z-index: 40;
}
.right_content .con_box#aqua:before {
	content: none;
}
.right_content .con_box#aqua:after {
	content: none;
}
.right_content .con_box .title_cel {
	position: relative;
	z-index: 50;
}

/*--- top_cel ---*/
.right_content .con_box .top_cel {
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	flex-direction: column;
	padding: 0 30px;
	box-sizing: border-box;
	margin-bottom: 60px;
	position: relative;
	z-index: 50;
}
.right_content .con_box .top_cel .black_dig {
	width: 420px;
	margin: 0 auto 30px;
	background: #efeeed;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	color: #030000;
}
.right_content .con_box .top_cel .black_dig .title_t {
	text-align: center;
	background: #030000;
	padding: 20px 0 18px;
	box-sizing: border-box;
	color: #fff;
	font-size: 3.6rem;
	font-weight: bold;
    box-shadow:0px 3px 3px 0px rgba(3,0,0,0.6);
	position: relative;
	border: 1px solid #fff;
}
.right_content .con_box .top_cel .black_dig .title_t:after {
	content: "";
	width: 100%;
	position: absolute;
	top: 7px;
	left: 0;
	height: calc(100% - 14px);
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.right_content .con_box .top_cel .black_dig .text_d {
	padding: 12px 0;
	box-sizing: border-box;
	font-size: 3.6rem;
	color: #da3a2a;
	text-align: center;
	font-weight: bold;
}
.right_content .con_box .top_cel .black_dig .text_d .number {
	font-size: 4.8rem;
}

/*--- white_cel ---*/
.right_content .con_box .white_cel {
	width: calc(100% - 60px);
	margin: 0 auto;
	margin-bottom: 60px;
	position: relative;
	z-index: 100;
	background: #efeeed;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	color: #030000;
}
.right_content .con_box .white_cel:last-child {
	margin-bottom: 0;
}
.right_content .con_box .white_cel .white_title {
	width: 100%;
	background: #fff;
	padding: 15px 0;
    box-shadow:0px 6px 6px 0px rgba(3,0,0,0.6);
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	color: #030000;
	margin-bottom: 30px;
	position: relative;
}
.right_content .con_box .white_cel .white_title:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	height: calc(100% - 14px);
	width: calc(100% - 14px);
	border: 2px solid #030000;
}

/*--- wide ---*/
.right_content .con_box .white_cel .wide {
	padding: 0 25px 25px;
	box-sizing: border-box;
	justify-content: space-between;
	flex-direction: column;
}
.right_content .con_box .white_cel .wide .left_eme {
	width: 100%;
	margin-bottom: 30px;
}
.right_content .con_box .white_cel .wide .left_eme .time_list {
	width: 280px;
	margin: 0 auto;
	background: #fff;
}
.right_content .con_box .white_cel .wide .left_eme .time_list .ti_li {
	display: flex;
	font-size: 2.8rem;
}
.right_content .con_box .white_cel .wide .left_eme .time_list .ti_li .num {
	width: 50px;
	text-align: center;
	background: #030000;
	color: #fff;
}
.right_content .con_box .white_cel .wide .left_eme .time_list .ti_li:nth-child(2n) .num {
	background: #fff;
	color: #030000;
}
.right_content .con_box .white_cel .wide .left_eme .time_list .ti_li .time {
	width: 230px;
	text-align: center;
}
.right_content .con_box .white_cel .wide .left_eme .time_list .ti_li:nth-child(2n) .time {
	background: #030000;
	color: #fff;
}

/*-- button_box --*/
.right_content .con_box .white_cel .wide .left_eme .button_box {
	width: 280px;
	margin: 0 auto;
}
.right_content .con_box .white_cel .wide .left_eme .button_box .shuri_button {
	width: 280px;
	height: 53px;
	font-size: 2.2rem;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	position: relative;
	margin-bottom: 20px;
}
.right_content .con_box .white_cel .wide .left_eme .button_box .shuri_button:before {
	content: "";
	background: url(../img/img_shuri03.png) no-repeat center;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 6px; 
	left: 6px;
  animation: linear rotation 3s infinite;
}

/*-- caution_tx --*/
.right_content .con_box .white_cel .wide .left_eme .caution_tx {
	width: 100%;
	margin-left: 0;
	text-align: center;
	color: #030000;
}


/*-- right_eme --*/
.right_content .con_box .white_cel .wide .right_eme {
	width: 100%;
}
.right_content .con_box .white_cel .wide .right_eme .map_fit {
	background: #fff;
	width: 100%;
}
.right_content .con_box .white_cel .wide .right_eme .map_fit .text_on {
	padding: 20px;
	box-sizing: border-box;
	font-size: 2.2rem;
	width: 100%;
}
.right_content .con_box .white_cel .wide .right_eme .map_fit iframe {
	margin: 0 20px;
	width: 480px;
}
.right_content .con_box#aqua .caution_tx {
	position: relative;
	z-index: 200;
}

/*---- white_cel nar ----*/
.right_content .con_box .white_cel.nar {
	width: 500px;
	magin: 0 auto;
	padding-bottom: 25px;
}
.right_content .con_box .white_cel.nar .price_dig {
	width: 450px;
	margin: 0 auto 30px;
	background: #fff;
	text-align: center;
}
.right_content .con_box .white_cel.nar .price_dig .title_eme {
	background: #030000;
	font-size: 3.6rem;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 13px;
	position: relative;
	line-height: 1;
}
.right_content .con_box .white_cel.nar .price_dig .title_eme .mini {
	font-size: 2.4rem;
}
.right_content .con_box .white_cel.nar .price_dig .title_eme:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 8px solid #da3a2a;
	top: 16px;
	left: 13px;
}
.right_content .con_box .white_cel.nar .price_dig .text_eme {
	font-size: 4.8rem;
	color: #da3a2a;
	font-weight: bold;
	padding: 16px 0 13px;
	position: relative;
	line-height: 1;
}
.right_content .con_box .white_cel.nar .price_dig .text_eme .yen {
	font-size: 3.6rem;
}
.right_content .con_box .white_cel.nar .caus {
	font-size: 1.6rem;
	width: 450px;
	margin: 0 auto;
}

/*--- ticket_dig ---*/
.right_content .con_box .white_cel.type_wide {
	padding-bottom: 25px;
}
.right_content .con_box .white_cel .ticket_dig {
	width: calc( 100% - 50px);
	margin: 0 auto 30px;
	background: #fff;
}
.right_content .con_box .white_cel .ticket_dig .title_eme {
	background: #030000;
	font-size: 3rem;
	color: #fff;
	font-weight: bold;
	padding: 29px 0 26px;
	position: relative;
	line-height: 1;
	text-align: center;
}
.right_content .con_box .white_cel .ticket_dig .title_eme:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 8px solid #da3a2a;
	top: calc( 50% - 15px );
	left: 25px;
	transform: rotate(45deg);
}
.right_content .con_box .white_cel .ticket_dig .title_eme:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 8px solid #da3a2a;
	top: calc( 50% - 15px );
	right: 25px;
	transform: rotate(45deg);
}
.right_content .con_box .white_cel .ticket_dig .text_eme {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 1.6;
}
.right_content .con_box .white_cel .ticket_dig .text_eme.type_center {
	text-align: center;
}
.right_content .con_box .white_cel .ticket_dig .text_eme.type_center .big {
	font-size: 2.4rem;
	font-weight: bold;
}
.right_content .con_box .white_cel .ticket_dig .text_eme.type_center .number {
	font-size: 3.6rem;
	font-weight: bold;
}

/*--- scroll_cover ---*/
.right_content .con_box .scroll_cover {
	width: calc( 100% - 60px );
	height: 354px;
	margin: 0 auto 60px;
	background: #efeeed;
	padding: 15px;
	box-sizing: border-box;
}
.right_content .con_box .scroll_cover .scroll_dig {
	width: 100%;
	height: 324px;
	padding: 15px;
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #030000;
	background: #fff;
}
.right_content .con_box .scroll_cover .scroll_dig .center {
	margin: 25px 0 15px;
	font-size: 1.8rem;
}

/*---- bottom_dig ----*/
.right_content .con_box .bottom_dig {
	text-align: center;
}
.right_content .con_box .bottom_dig .btn_form {
	width: 100%;
}
.right_content .con_box .bottom_dig .btn_form .btn_form_to {
	width: 500px;
	padding: 10px;
	background: linear-gradient( #ffffff, #d7d7d7);
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	border: 5px solid #d1392a;
	border-radius: 20px;
	font-weight: bold;
	color: #d1392a;
	font-size: 3rem;
	position: relative;
	padding-left: 40px;
}
.right_content .con_box .bottom_dig .btn_form .btn_form_to:before {
	content: "";
	background: url(../img/img_shuri03.png) no-repeat center;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 11px; 
	left: 13px;
  animation: linear rotation 3s infinite;
  transition: 0.3s;
}
@keyframes rotation {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.right_content .con_box .bottom_dig .btn_form .btn_form_to:hover {
	opacity: 1;
}
.right_content .con_box .bottom_dig .btn_form .btn_form_to:hover:before {
  animation: linear rotation-fast 1s infinite;
  transition: 0.3s;
}
@keyframes rotation-fast {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.right_content .con_box .bottom_dig .first {
	font-size: 3rem;
	margin-top: 20px;
}
.right_content .con_box .bottom_dig .second {
	font-size: 2.2rem;
	margin-top: 20px;
	font-weight: normal;
}
.right_content .con_box .bottom_dig .third {
	font-size: 4.8rem;
	margin-top: 20px;
	line-height: 1.2;
}
.right_content .con_box .bottom_dig .third ruby rb {
	line-height: 1.2;
}
.right_content .con_box .bottom_dig .third ruby rt {
	line-height: 1.2;
	position: relative;
	top: 20px;
}
.right_content .con_box .bottom_dig .fourth {
	font-size: 2.2rem;
	margin-top: 20px;
}
.right_content .con_box .bottom_dig .fourth a {
	color: #3295d3;
	text-decoration: underline;
}

/*-------------------------
	footer 
--------------------------*/
.footer_cover {
	padding-top: 8px;
	border-top: 8px solid #e73828;
	width: 100%;
}
.footer_cover .footer_inner {
	padding-top: 0;
	background: #fff;
	width: 100%;
	font-size: 1.8rem;
}
.footer_cover .footer_inner .up_area {
	width: 640px;
	margin: 0 auto;
	justify-content: space-between;
	flex-direction: column;
	padding: 15px 0 10px;
}
.footer_cover .footer_inner .up_area .left_text {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.footer_cover .footer_inner .up_area .middle_sns {
	text-align: center;
	margin-bottom: 30px;
}
.footer_cover .footer_inner .up_area .middle_sns .share_btn_cover {
	text-align: center;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.footer_cover .footer_inner .up_area .middle_sns .btn {
	display: block;
	margin: 0 20px;
}
.footer_cover .footer_inner .up_area .middle_sns .btn img {
	width: 70px;
	height: auto;
}

.footer_cover .footer_inner .up_area .right_btn {
	text-align: center;
	width: 100%;
	height: 60px;
}
.footer_cover .footer_inner .up_area .right_btn .yabumi_btn {
	text-align: right;
	display: block;
	border: 2px solid #030000;
	width: 240px;
	height: 60px;
	margin: 0 auto;
	padding: 10px 20px;
	background: url(../img/img_yabumi.png) no-repeat center left 15px;
	transition: ease-in-out 0.3s;
	font-size: 2.4rem;
}
.footer_cover .footer_inner .up_area .right_btn .yabumi_btn:hover {
	opacity: 0.7;
}
.footer_cover .footer_inner .copy {
	font-size: 1.4rem;
	text-align: center;
	width: 640px;
	margin: 30px auto 150px;
}

/*---- 180420 top_YouTube ----*/
body .iframe_cover {
	width: 100%;
	max-width: 1536px;
	padding-top: 56.25%;
	margin: 0 auto;
	position: relative;
}
body .iframe_cover iframe {
	position: absolute;
	top: 33%;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*-- トップスライド用アニメーション --*/

.anime_s {
  opacity: 0;   
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
}

.slick-active .anime_s {
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.anime_s_r {
  opacity: 0;   
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(40px, 0);
  transform: translate(40px, 0);
}

.slick-active .anime_s_r {
  opacity: 1;
  transition-delay: 0.8s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.anime_s_l {
  opacity: 0;   
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
}

.slick-active .anime_s_l {
  opacity: 1;
  transition-delay: 1.1s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.anime_s_2 {
  opacity: 0;   
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
}

.slick-active .anime_s_2 {
  opacity: 1;
  transition-delay: 0.8s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.anime_s_3 {
  opacity: 0;   
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
}

.slick-active .anime_s_3 {
  opacity: 1;
  transition-delay: 1.1s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}



/*----- nav_fixed_bottom -----*/
body .nav_fixed_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 900;
}
body .nav_fixed_bottom #fix_cover {
	width: 100%;
}
body .nav_fixed_bottom #fix_cover a {
	width: 100%;
	height: 110px;
	padding-left: 80px; 
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/sp_btn_back.png) no-repeat center center #aaa9a9;
	font-size: 4rem;
	font-weight: bold;
	text-shadow: 0 1px 1px #aaa9a9;
	position: relative;
}
body.en .nav_fixed_bottom #fix_cover a {
	font-size: 3.4rem;
}
body .nav_fixed_bottom #fix_cover a:before {
	content: "";
	background: url(../img/img_shuri04.png) no-repeat center;
	width: 55px;
	height: 55px;
	position: absolute;
	top: 30px; 
	left: 40px;
  animation: linear rotation 3s infinite;
  transition: 0.3s;
}
body .nav_fixed_bottom #fix_cover a:after {
	content: "";
	width: 100%;
	position: absolute;
	height: calc(100% - 20px);
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	left: 0;
	top: 10px;
}
@keyframes rotation {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
body .nav_fixed_bottom #fix_cover a:hover {
	opacity: 1;
}

/*---- 180614 caution_box ----*/
body .caution_box {
	width: 100%;
	min-width: 640px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	text-align: left;
	box-sizing: border-box;
	border-top: 2px solid #030000;
	background: #ccc;
}
body .caution_box .cau_text {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
}
body .caution_box .cau_text .red_d {
	font-size: 1.6rem;
	padding: 5px 10px;
}
body .caution_box .cau_text .text {
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
}

/*---- suc_slide_cover ----*/
.suc_slide_cover {
	max-width: 600px;
	padding-top: 60px;
	margin: 0px auto 50px;
}
.suc_slide_cover #slide {
	width: 100%;
	margin: 0 auto;
	display: block;
	height: auto;
	clear: both;
}
.suc_slide_cover #slide .slide_li {
	width: 100%;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.suc_slide_cover #slide li img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.suc_slide_cover .bx-wrapper .bx-prev {
	left: 10px;
	background: url(../img/img_arrow_btn_b.png) no-repeat rgba(255,255,255,0.7);
	width:37px;
	height:71px;
	z-index: 700;
}

.suc_slide_cover .bx-wrapper .bx-next {
	right: 10px;
	background: url(../img/img_arrow_btn.png) no-repeat rgba(255,255,255,0.7);
	width:37px;
	height:71px;
	transform: rotateZ(180deg);
	z-index: 700;
}

/*--- inner_cel ---*/
.suc_slide_cover .slide_li a {
	width: 100%;
	display: block;
	height: auto;
	position: relative;
}

/*--- custom-thumb ---*/
.suc_slide_cover .custom-thumb {
	width: 100%;
	max-width: 600px;
	margin: 5px auto;
	display: flex;
	flex-wrap: wrap;
}
.suc_slide_cover .custom-thumb a {
	display: block;
	width: calc( 100% / 6 );
	border: 1px solid #000;
	border-right: none;
	background: #000;
}
.suc_slide_cover .custom-thumb a:nth-child(n-7) {
	border-bottom: none;
}
.suc_slide_cover .custom-thumb a:last-child {
	border-right: 1px solid #19557a;
}
.suc_slide_cover .custom-thumb a img {
	width: 100%;
	height: auto;
	opacity: 0.7;
}
.suc_slide_cover .custom-thumb a.active img {
	opacity: 1;
}

/*--- chip_area ---*/
.chip_area {
	width: 100%;
	margin: 0 auto;
	padding: 30px 25px;
	box-sizing: border-box;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E;	
	font-size: 10px; 
	font-size: 1rem; 
}

/*--- lang_area ---*/
.chip_area .lang_area {
	justify-content: space-between;
	flex-wrap: wrap;
}
.chip_area .lang_area .lang_cover {
	width: 100%;
	margin-bottom: 30px;
}
.chip_area .lang_area .lang_cover.tab_hidden {
	display: none;
}
.chip_area .text_box {
	color: #fff;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.chip_area .text_box .top {
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.chip_area .lang_area .lang_cover .squ_title + .text_box {
	font-size: 2rem;
}
.chip_area .lang_area .lang_cover .squ_title + .text_box .top {
	font-size: 2.2rem;
}

.chip_area .title_cel {
	background: #e73828;
	background-size: 60px 60px;
	text-align: center;
	box-sizing: border-box;
	font-size: 3.2rem;
	position: relative;
	z-index: 10;
	margin-bottom: 30px;
}
.en .chip_area .title_cel {
	font-size: 1.8rem;
}
.chip_area .title_cel:after {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	right: -100%;
	height: 100%;
	background: linear-gradient(90deg, #e73828, #000000);
}
.chip_area .title_cel:before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: -100%;
	height: 100%;
	background: linear-gradient(-90deg, #e73828, #000000);
	z-index: 0;
}
/*--- title_in ---*/
.chip_area .title_cel .title_in {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.chip_area .title_cel .title_in:after {
	position: absolute;
	content: "";
	width: 300%;
	height: calc( 100% - 16px);
	top: 8px;
	left: -100%;
	border-top: 2px solid #030000;
	border-bottom: 2px solid #030000;
	z-index: 320;
}
/*--- anime_t ---*/
.chip_area .title_cel .title_in .anime_t {
	padding: 20px 55px;
	box-sizing: border-box;
	display: inline-block;
	font-weight: bold;
	width: auto;
	position: relative;
	color: #030000;
}
.chip_area .title_cel .title_in .anime_t:after {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px );
	right: 0;
}
.chip_area .title_cel .title_in .anime_t:before {
	content: "";
	background: url(../img/img_shuri02.png) no-repeat center;
	width: 52px;
	height: 52px;
	position: absolute;
	top: calc( 50% - 26px );
	left: 0;
}

/*--- squ_title ---*/
.chip_area .squ_title {
	position: relative;
	padding-left: 44px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 3rem;
	margin-bottom: 10px;
}
.chip_area .squ_title.cw {
	color: #fff;
}
.chip_area .squ_title:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 8px solid #da3a2a;
	top: 8px;
	left: 3px;
}

/*--- chip_btn_box ---*/
.chip_area .chip_btn_box {
	margin: 10px 0 30px;
	justify-content: space-between;
}
.chip_area .chip_btn_box .chip_btn {
	width: 47%;
	background: gray;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 5px 20px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.chip_area .chip_btn_box .chip_btn .mini {
	font-weight: normal;
	font-size: 1.4rem;
}

/*--- lang_switch --*/
.chip_area .lang_switch {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.chip_area .lang_switch .la_btn {
	width: 48%;
	padding: 5px 10px;
	background: linear-gradient( #ffffff, #d7d7d7);
	box-sizing: border-box;
	display: block;
	border: 3px solid #d1392a;
	border-radius: 20px;
	font-weight: bold;
	color: #d1392a;
	font-size: 3rem;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
}
.chip_area .lang_switch .la_btn.current {
	background: #d1392a;
	color: #fff;
}

/*--- inline_frame---*/

.inline_frame {
	width: 630px;
	height: 487px !important;
	height: auto;
	background: url(../img/maki_back_sp.png) no-repeat center center;
	background-size: contain;
	overflow: visible;
	padding: 50px 0 0 90px;
	z-index: 998;
}
.inline_frame .inline_title {
	font-size: 2.6rem;
}
.inline_frame .in_wide {
	width: 490px;
	height: 340px;
	padding: 10px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.inline_frame .in_wide .in_box {
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}
.inline_frame .in_wide .in_box .in_img_cel {
	width: 48%;
	padding-right: 2%;
}
.inline_frame .in_wide .in_box .in_img_cel img {
	width: 100%;
	height: auto;
}
.inline_frame .in_wide .in_box .in_text_cel {
	width: 50%;
	font-size: 1.8rem;
	line-height: 1.6;
}
.inline_frame iframe {
	width: 490px;
	height: 340px;
}


/*--- cue ---*/
.cue {
	z-index: 60;
}

.cue .signboard {
	  transform-origin: center top;
	  animation: ease-in-out top-appear 1.5s both;
	  opacity: 0;
	  animation-delay: 2s;
}
@keyframes top-appear {
0% {
		transform:translate(0,-2em);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
.cue .news_cel {
	  transform-origin: center top;
	  animation: ease-in-out bottom-appear 1.5s both;
	  opacity: 0;
	  animation-delay: 2s;
}
@keyframes bottom-appear {
0% {
		transform:translate(0,2em);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
.cue .img_cel .lead_top {
	  transform-origin: center top;
	  animation: ease-in-out left-appear 1.5s both;
	  opacity: 0;
	  animation-delay: 3s;
}
@keyframes left-appear {
0% {
		transform:translate(2em,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
.cue .img_cel .lead_right {
	  transform-origin: center top;
	  animation: ease-in-out right-appear 1.5s both;
	  opacity: 0;
	  animation-delay: 3s;
}
@keyframes right-appear {
0% {
		transform:translate(-2em,0);
		opacity:0;
	}
	100% {

		transform:translate(0,0);
		opacity:1;
	}
}
.cue .img_cel .slide_back {
	  transform-origin: right center;
	  animation: linear back-appear 1.8s both;
	  opacity: 1;
}
@keyframes back-appear {
0% {
		transform: scale(1);
		opacity:1;
	}
	60% {
		opacity:1;
	}
	100% {
		transform: scale(1.8);
		opacity:0;
	}
}

	/*=====リニューアルスタイルここから=====*/
	
	#tubular-container iframe {
		display: none;
	}

	#key_visual {
		background-image: url("../img/main-visual_sp.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.movie_box_bottom {
		margin-top: -80px;
	}

	.movie_box_bottom .inner {
		width: 90%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}

	.movie_box_bottom .inner .news_box,
	.movie_box_bottom .inner .fb-container {
		display: block;
		margin: 20px 0;
	}
	
	.movie_box_bottom .inner .fb-container {
		width: 100%;
		margin: 40px auto;
		text-align: center;
	}

	.movie_box_bottom .inner .news_box {
		width: 100%;
		margin: 0 auto;
	}

	.movie_box_bottom .inner .news_box .news_box_inner.breaking {
		display: block;
		margin-bottom: 40px;
		background: rgba(255,255,255,0.95);
		border: 3px solid #ce3a2a;
	}

	.movie_box_bottom .inner .news_box .news_box_inner.breaking.ds-n {
		display: none;
	}

	.movie_box_bottom .inner .news_box .news_box_inner {
		display: block;
		padding: 10px;
	}

	.movie_box_bottom .inner .news_box .news_box_inner .news_title {
		display: block;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		box-shadow: 6px 0px 6px 0px rgba(3,0,0,0.6);
	}

	.movie_box_bottom .inner .news_box .news_box_inner .news_title h4 {
		font-size: 2.5rem;
		font-weight: normal;
	}

	.movie_box_bottom .inner .news_box .news_box_inner .new-list {
		width: 100%;
	}

	.movie_box_bottom .inner .news_box .news_box_inner.breaking .new-list {
		width: 100%;
	}

	.movie_box_bottom .inner .news_box .news_box_inner .new-list li {
		padding: 10px 20px;
	}
	
	.time-table tr th {
		width: 150px;
		font-size: 1.8rem;
		word-break: break-all;
	}
	
	.time-table tr th,
	.time-table tr td {
		padding: 2px;
	}
	
	.tategaki {
		width: 100px;
	}

	.tategaki .td-title {
		display: inline-block;
		width: 10px;
		padding: 15px;
		letter-spacing: normal;
		vertical-align: top;
		word-break: break-all;
	}
	
	.time-table tr td p {
		width: 100px;
		font-size: 1.6rem;
	}

	.time-table tr td p span {
		display: block;
		font-size: 1.2rem;
	}
	
	.time-table tr.bd-w th small {
		font-size: 1.4rem;
	}

	.entertainment {
		width: 90%;
	}

	
	.entertainment h2 img,
	.entertainment h5 img {
		width: 500px;
		height: auto;
	}

	.entertainment table {
		width: 500px;
	}

	.entertainment .prof_box {
		width: 500px;
	}
	
	.shuri_button_pdf.news {
		width: 100%;
	}

	

/*common_sp end */
}