@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/
/* WebP未対応のブラウザ用のスタイル */
.no-webp .element {
  background-image: url("../img/bg_body.jpg");
}

/* WebP対応のブラウザ用のスタイル */
.webp .element {
  background-image: url("../img/bg_body.jpg.webp");
}
html,body{
	overflow-x: hidden;
}
body {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;
	font-size: 16px;
	line-height: 1.6;

    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-style: -ms-autohiding-scrollbar;
	word-break: break-all;
  	font-family: YakuHanRP, "M PLUS Rounded 1c", tbudrgothic-std, -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    xfont-feature-settings: "pkna" 1;
	font-weight: 400 !important;
font-style: normal;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fef9be+0,ffda01+62,e68000+100 */
background: url("../img/bg_event01_01.png"), url("../img/bg_body.png"), #0074bf; /* Old browsers */
	background-repeat: repeat-x, no-repeat;
	background-position: center 110px, center top;
	background-attachment: scroll, fixed;
}



h1, h2, h3, h4, h5, h6, strong {
    font-family: YakuHanRP, "M PLUS Rounded 1c", tbudrgothic-std, -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-weight: 900 !important;
}

hr {
	border-left: none;
	margin-top: 10px;
}
a:focus {
	outline: none;
}

.pb60 {
	padding-bottom: 60px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb10 {
	margin-bottom: 10px;
}

.gray {
	clear: both;
	background: #C5C5C5;
	width: 100%;
}
/* ------- beyond container ------- */
.breaking-out {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	border: 1px solid #FF0000;
}
.section-container {
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}


/* ------- img ------- */
img {
	vertical-align: bottom;
}
.right_img {
	float: right;
	margin-left: 20px;
	margin-right: 100px;
}
.sp_only {
	display: none;
}
.pc_only {
	display: inherit;
}
/* ------- txt ------- */
/* 催事名 */
h1 {
	padding-top: 20px;
}
/* 催事名-サブタイトル */
h2 {
	display: none;
}
/* 見出し大　概要or内容 */
h3 {
	xborder-left: #de0000 10px solid;
	background: url(../img/h3_bg.jpg) no-repeat bottom right;
	padding: 10px 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 30px;
	margin-left: 50px;
	margin-right: 50px;
}
#event_01 h3 {
	background: url(../img/h3_bg_01.png) no-repeat bottom left;
}
x#event_02 h3 {
	background: url(../img/h3_bg_02.jpg) no-repeat bottom right;
	background-color:#006E32;
}
/* 見出し小１　イベント項目メイン */
h4 {
	margin-bottom: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	xborder: 1px solid #ff0000;
}
xh4 img{
	margin-left: auto;
	margin-right: auto;
	xborder: 1px solid #ff0000;
	text-align: left;
}
/* 見出し小2　イベント項目サブ */
h5 {
	border-left: 10px solid;
	border-bottom: 1px solid;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 140%;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
span.none {
	display: none;
}
p {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	xborder: 1px solid #FF0000;
}
p.strong {
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	background: #FF5700;
    color: #FFF;
    border-radius: 1em;
}
span.span_orange {
    color: #FF5700;
}
span.span_green {
    color: #007E06;
}
span.span_red {
    color: #B80003;
}

p.atten {
	font-size: 80%;
	text-align: right;
	
}
.attention img{
	width: 20px;
	height: auto;
	margin-right: 6px;
	margin-left: 10px;
}
p a {
	color: #EB4100;
	font-weight: bolder;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
p a:hover {
	background: #FFD600;
}
/* 概要 */
dl.outline_dl {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
dl.outline_dl dt {
	width: 20%;
	text-align: center;
	display: inline;
	float: left;
	clear: both;
	color: #fff;
	background: #e9460a;
    border-radius: 1em;
}
#event_01 dl.outline_dl dt {
	background: #e9460a;
}
#event_02 dl.outline_dl dt {
	background: #e9460a;
}
dl.outline_dl dd {
	width: 75%;
	float: right;	
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 20px;
}
dl.outline_dl dd font.txt_s {
	font-weight: normal;
	font-size: 80%;
}
dl.outline_dl dd ul.txt_li li {
	font-weight: normal;
	font-size: 80%;
	margin-left: 1em;
	text-indent: -1em;
}
dl.outline_dl dd ul.image_li {
	overflow: hidden;
}
dl.outline_dl dd ul.image_li li {
	float: left;
	width: 48%;
	margin-right: 2%;
}
dl.outline_dl dd ul.image_li li img {
	width: 100%;
	height: auto;
}

dl.outline_dl dd a {
	color: #EB4100;
	font-weight: bolder;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
dl.outline_dl dd a:hover {
	background: #FFD600;
}
dl.outline_dl table.ryokin {
	width: 100%;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid;
	font-weight: normal;
}
dl.outline_dl table.ryokin th {
	padding: 5px 20px;
	border-bottom: 1px solid;
	border-top: 2px solid;
	background-color: #6cbfec;
	font-weight: 700;
	font-size: 130%;	
}
dl.outline_dl table.ryokin th:nth-child(1){
	border-right: 1px solid;	
}
dl.outline_dl table.ryokin td {
	padding: 5px 20px;
	border-bottom: 1px solid;
}
dl.outline_dl table.ryokin td:nth-child(1){
	border-right: 1px solid;
}
dl.outline_dl table.ryokin td.ryokin_title {
	border-right: 1px solid;
	background: url(../img/ryokin_bg.png) repeat;
}
#event_01 dl.outline_dl table.ryokin td.ryokin_title {
	background: url(../img/dt_bg_01.png) repeat;
}
#event_02 dl.outline_dl table.ryokin td.ryokin_title {
	background: url(../img/dt_bg_02.png) repeat;
}

ul.base_li li {
	list-style: disc;
	margin-left: 1em;
	clear: both;
}

/* 概要内料金 */
.left_content {
	float: left;
	width: 48%;
}
.right_content {
	float: right;
	width: 48%;
}
table.ryokin {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid;
	font-weight: normal;
}
table.ryokin td {
	padding: 5px 20px;
	border-bottom: 1px solid;
}
table.ryokin td.ryokin_title {
	border-right: 1px solid;
	background: url(../img/ryokin_bg.png) repeat;
}
#event_01 table.ryokin td.ryokin_title {
	background: url(../img/dt_bg_01.png) repeat;
}
#event_02 table.ryokin td.ryokin_title {
	background: url(../img/dt_bg_02.png) repeat;
}
/* 各イベント概要 */
table.base_table {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid;
	font-weight: normal;
}
table.base_table td {
	padding: 5px 20px;
	border-bottom: 1px solid;
}
table.base_table td.table_title {
	border-right: 1px solid;
	xbackground: url(../img/ryokin_bg.png) repeat;
}
#event_01 table.base_table td.table_title {
	xbackground: url(../img/dt_bg_01.png) repeat;
}
#event_02 table.base_table td.table_title {
	xbackground: url(../img/dt_bg_02.png) repeat;
}
/* チケット */
#ticket_box	{
	width: 80%;
	color: #FFF;	
	margin-left: auto;
	margin-right: auto;
	border: 4px solid;
	text-align: center;
}
#ticket_box p {
	width: auto;
}
#ticket_box a {
	display: block;
	padding: 20px 30px;
	text-decoration: none;
	background: #FF611A;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
#ticket_box a span.strong_txt {
	font-weight: bolder;
	font-size: 140%;
	color: #F0FF00;
}
#ticket_box a span.strong_txt_s {
	font-size: 120%;
	font-weight: bolder;
	color: #FFF;
}
#ticket_box a p {
	color: #FFF;
}
#ticket_box a:hover {
	background: #FFB600;
}

#column_box {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px;
	border: 1px solid;
	overflow: hidden;
}
#column_box dt {
	float: left;
	clear: both;
}
#column_box dd {
	float: left;
}

/*-----------------------------------------------------	*/
/*	parts　*/
/*-----------------------------------------------------	*/
/* header */
header {
	height: 115px;
	background: #fff url(../img/header_bg.jpg) bottom repeat-x;		
	border-bottom: solid 1px #fff;
}
header ul.logo_li {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#outline_box {
	width: 100%;
	height: 210px;
	padding-top: 90px;
	padding-bottom: 0px;
	background: url(../img/outline_bg.png) center top no-repeat;
	text-align: center;
	position: relative;
	color: #FFF;
}

#event_01 {
	width: 100%;
	xbackground: #64C43C;
	xbackground: url(../img/bg_01.jpg) top center repeat-y fixed;
	padding-bottom: 30px;
}



/* event_01_title */
.event_01_title {
	width: 100%;
	height: 780px;
	xbackground: url(../img/bg_event01_01.png) center top repeat-x;
	position: relative;
	padding-top: 20px;
	max-width: 1420px;
	margin-left: auto;
	margin-right: auto;
}
.event_01_title .title_logo {
	width: 586px;
	height: 577px;
	background: url("../img/event_01_title.png") center top no-repeat;
	margin-top: 120px;	
	margin-right: auto;
	margin-left: auto;
	z-index: 900;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;	
	
}

.event_01_title .title_bg_01photo {
	width: 400px;
	height: 472px;
	background: url(../img/logo_01photo.png) center top no-repeat;
	position: absolute;
	bottom: 10px;
	right: 0px;
	xborder: 1px solid #ff0000;	
}
.event_01_title .title_bg_02mole {
	width: 480px;
	height: 245px;
	background: url(../img/logo_02mole.png) center top no-repeat;
	position: absolute;
	bottom: 10px;
	left: 20px;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
	xborder: 1px solid #ff0000;	
}
.event_01_title .title_bg_03penguin {
	width: 380px;
	height: 402px;
	background: url(../img/logo_03penguin.png) center top no-repeat;
	position: absolute;
	bottom: 100px;
	left: -20px;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
	xborder: 1px solid #ff0000;
}
.event_01_title .title_bg_04cheetah {
	width: 550px;
	height: 348px;
	background: url(../img/logo_04cheetah.png) center top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
	xborder: 1px solid #ff0000;
}
.event_01_title .title_bg_05falcon {
	width: 586px;
	height: 374px;
	background: url(../img/logo_05falcon.png) center top no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
	xborder: 1px solid #FF0000;
}
.event_01_title .title_confetti {
	width: 772px;
	height: 645px;
	background: url(../img/confetti.png) center top no-repeat;
	position: absolute;
 top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;	
}
.white_box {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background: #FFF;
	xpadding: 20px 50px;
	padding-top: 30px;
	padding-bottom: 30px;
    border-radius: 1em;
}


#dinoalive {
	width: 100%;
background: rgb(255,59,59);
background: -moz-linear-gradient(90deg, rgba(255,59,59,1) 2%, rgba(21,16,111,1) 47%, rgba(61,129,245,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,59,59,1) 2%, rgba(21,16,111,1) 47%, rgba(61,129,245,1) 100%);
background: linear-gradient(90deg, rgba(255,59,59,1) 2%, rgba(21,16,111,1) 47%, rgba(61,129,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3b3b",endColorstr="#3d81f5",GradientType=1);
	margin-bottom: 50px;
	padding: 40px 0px;
}
#dinoalive_box {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	overflow: hidden;
}
#dinoalive_box h4 {
	background: url(../img/spcontents_photo.png) center top no-repeat;
	width: 931px;
	height: 443px;
	border-left: none;
	border-bottom: none;
	padding: 0px 0px;
	margin: 0px auto 20px auto;
}
#dinoalive_box .right_content {
	float: right;
	width: 28%;
	margin-left: auto;
	margin-right: 0px !important;
	margin-bottom: 20px;
	xborder: 1px solid #FF0000;
}
x#dinoalive_box .right_content img{
	float: right;
	margin-left: auto;
	margin-right: 0px !important;
	margin-bottom: 20px;
	xborder: 1px solid #FF0000;
	display: block;
}

#dinoalive_box .left_content {
	float: left;
	width: 70%;
}
#dinoalive_box h5 {
	width: auto;
	margin-bottom: 40px;
	clear: both;
}
#dinoalive_box p {
	width: auto;
	text-align: center;
	font-size: 110%;	
}
#dinoalive_box figcaption {
	margin-top: 10px;
	text-align: right;
}
#dinoalive_box span.strong_txt {
	font-weight: bolder;

	color: #F0FF00;
}
#dinoalive_box .btn {
	clear: both;
	text-align: right;
	margin-top: 20px;
}
#dinoalive_box .btn a {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid;
	text-decoration: none;
}
#dinoalive_box table{
	width: 100%;
}

#dinoalive_box table.base_table{
	width: 100%;
}

#dinoalive_box table.base_table td.table_title {
	background-color: #E0E0E0;
	color: #0A17A2;
	font-weight: bold;
	border: 1px solid #FFFFFF;
}


.image_box {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.image_box img {
	max-width: 100%;
	height: auto;
}
.youtube {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.image_box80 {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.image_box80 img {
	max-width: 80%;
	height: auto;
}

.none_box {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
}


/* atten_box */
#atten_box {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px;
}
#atten_box .atten_li,
#atten_box dl {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.atten_li li {
	font-size: 80%;
	margin-left: 1em;
	text-indent: -1em;
}
.atten_li .atten_li_s li {
	font-size: 80%;
	margin-left: 1em;
	text-indent: -1em;
}
#atten_box a {
	color: #333;
	text-decoration: underline;
}
#atten_box a:hover {
	background: #E3E3E3;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

footer {
	background: #FFFFFF;
	text-align: center;
	font-size: 80%;
	padding: 20px 0px 60px;
	border-top: solid 1px #ccc;
}



.flexcontainer{
	display: flex;
	max-width: 800px !important;
	margin-left: auto;
	margin-right: auto;
  -webkit-justify-content: center;
  justify-content: center;
	xborder: 1px solid #FF0000;
	margin-bottom: 30px;
}
/*when replacing imgs with photos　⇒ comment out below & replace .flexcontainer written in max-width:1000px & uncomment .flexcontainer .contentsinfo, .flexcontainer .contentsimg*/

/*.flexcontainer .contentsinfo{
	width: 38%;
}
.flexcontainer .contentsimg{
	width: 58%;
}
.flexcontainer p{
	width: 80%;
	margin-left: 0%;
	margin-right: 0%;	
}*/

.flexcontainer .contentsinfo{
	width: 100%; /*photo　→　100%*/
	text-align: left;
	padding-right: 2%; /*photo　→　delete*/
}
.flexcontainer .contentsimg{
	width: 100%;
}

/*replaced S*/
.flexcontainer{
	display: flex;
	width: 96% !important;
	justify-content: center;
}

.flexcontainer{
	flex-direction: column;
}
.flexcontainer .contentsinfo{
	width: 100%;
	text-align: left;
}
/*replaced E*/

/*when replacing imgs with photos　⇒ comment out above & replace .flexcontainer written in max-width:1000px & uncomment .flexcontainer .contentsinfo, .flexcontainer .contentsimg*/


	

/*-----------------------------------------------------	*/
/*	for - 959px以下の記述　*/
/*-----------------------------------------------------	*/

@media screen and (max-width:959px) {
body {
	font-size: 85%;
	background: url("../img/bg_event01_01.png"), url("../img/bg_body.png"), #0074bf; /* Old browsers */
	background-repeat: repeat-x, no-repeat;
	background-position: center 1.5%, center top;
	background-attachment: scroll, fixed;
	boder: 1px solid #FF0000;
}
.pb60 {
	padding-bottom: 6%;
}
.mb60 {
	margin-bottom: 6%;
}
.mb30 {
	margin-bottom: 4%;
}
.mb10 {
	margin-bottom: 1.5%;
}
/* ------- img ------- */
.right_img {
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 6%;
	max-width: 50%;
}
.right_img img {
	max-width: 100%;
	height: auto;
}
x.sp_only {
	display: inherit;
}
x.pc_only {
	display: none;
}
/* ------- txt ------- */
h1 {
	width: 100%;
}
h1 img {
	width: 80%;
	height: auto;
}
h3 {
	margin-bottom: 4%;
	margin-left: 2%;
	margin-right: 2%;
}

h4 {
	margin-bottom: 3%;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
h4 img {
	max-width:90%;
	height: auto;
}
h5 {
	margin-bottom: 3%;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
p.atten {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

dl.outline_dl {
	width: 96%;
}
dl.outline_dl dt {
	float: none;
	width: 100%;
	padding: 0.1em 1.5em;
}
dl.outline_dl dd {
	float: none;
	width: 100%;
	margin-top: 5px;
}
.left_content {
	float: none;
	width: 100%;
}
.right_content {
	float: none;
	width: 100%;
}
#ticket_box	{
	width: 100%;
	color: #FFF;	
}
table.base_table {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
/* header */
header {
	height: 0px;
	padding-bottom: 15%;
}
header ul.logo_li {
	width: 100%;
}
header ul.logo_li img {
	margin-left: 2%;
	max-width: 60%;
	height: auto;
}
#outline_box {
	width: 100%;
	height: 0px;
	padding-top: 7%;
	padding-bottom: 10%;
	background: url(../img/outline_bg.png) center top no-repeat;
	background-size: cover;
}
	

/* event_01_title */
.event_01_title {
	width: 100%;
	height: 0px;
	padding-bottom: 80%;
	xbackground: url(../img/bg_event01_01.png) center top repeat-x;
	background-size: inherit;
	margin-bottom: 0%;
	xborder: #FF0000 1px solid;
}
.event_01_title .title_logo {
	width: 60%;
	height: 0px;
	padding-bottom: 60%;
	xbackground: url("../img/event_01_title.jpg") center top no-repeat;
	background-size: contain;
	margin-top: 6%;
	xborder: #B52E30 1px solid;
}
	/*WebP利用のために追記*/
	.event_01_title .title_logo img{
		max-width: 100%;
	height: auto;
}


.event_01_title .title_bg_01photo {
	width: 36%;
	height: 0px;
	padding-bottom: 42%;
	background: url(../img/logo_01photo.png) center top no-repeat;
	position: absolute;
	bottom: 0%;
	right: 0%;
	background-size: contain;
}
.event_01_title .title_bg_02mole {
	width: 44%;
	height: 0px;
	padding-bottom: 20%;
	background: url(../img/logo_02mole.png) center top no-repeat;
	position: absolute;
	bottom: 0%;
	left: 0%;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
	background-size: contain;	
}
.event_01_title .title_bg_03penguin {
	width: 32%;
	height: 0px;
	padding-bottom: 30%;
	background: url(../img/logo_03penguin.png) center top no-repeat;
	position: absolute;
	bottom: 24%;
	left: 0%;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
	background-size: contain;	
}
.event_01_title .title_bg_04cheetah {
	width: 44%;
	height: 0px;
	padding-bottom: 28%;
	background: url(../img/logo_04cheetah.png) center top no-repeat;
	position: absolute;
	top: 0%;
	left: 0%;
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
	background-size: contain;		
}
.event_01_title .title_bg_05falcon {
	width: 44%;
	height: 0px;
	padding-bottom: 26%;
	background: url(../img/logo_05falcon.png) center top no-repeat;
	position: absolute;
	top: 0%;
	right: 0%;
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
	background-size: contain;		
}
.event_01_title .title_confetti {
	width: 90%;
	height: 0px;
	padding-bottom: 70%;	
	background: url(../img/confetti.png) center top no-repeat;
	position: absolute;
 top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  margin: auto;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
	background-size: contain;	
}
	
.event_01_title .title_bg_insect3 {
	width: 45%;
	height: 0px;
	padding-bottom: 32%;
	background: url(../img/event_01_title_insect3.png) center top no-repeat;
	background-size: contain;
}


.white_box {
	width: 96%;
	xpadding: 1% 2%;
}
	
#dinoalive_box {
	width: 96%;
}
#dinoalive_box h4 {
	background: url(../img/spcontents_photo.png) center top no-repeat;
	background-size: contain;
	width: 100%;
	height: 0px;
	padding: 0px 0px;
	padding-bottom: 47%;
}
#dinoalive_box .right_content {
	float: none !important;
	width: 96% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px !important;
}
	#dinoalive_box .right_content img{
		display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px !important;
}
#dinoalive_box .left_content {
	float: none;
	width: 100%;
}	
#dinoalive_box ul.txt_li {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#dinoalive_box .btn {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#dinoalive_box p{
	font-size: 120%;
}
	
	
#dinoalive_box h5 {
	margin-bottom: 3%;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	xborder: 1px solid #FFF000;
}	
	
	.image_box {
	width: 96%;
}
.image_box80 {
	width: 96%;
}
.youtube {
	width: 92%;
    padding-top: 51.75%;
	margin-left: auto;
	margin-right: auto;
    position: relative;
	text-align: center;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.none_box {
	width: 96%;
}
.none_box img {
	max-width: 100%;
	height: auto;
}

/* atten_box */
#atten_box {
	width: 100%;
	padding: 20px 2%;
}
#atten_box .atten_li,
#atten_box dl {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}





.flexcontainer{
	display: flex;
	width: 96% !important;
	justify-content: center;
}

.flexcontainer{
	flex-direction: column;
}
.flexcontainer .contentsinfo{
	width: 100%;
	text-align: left;
}

	
	
}


/*-----------------------------------------------------	*/
/*	for - 650px以下の記述　*/
/*-----------------------------------------------------	*/

@media screen and (max-width:559px) {
	body{
		background: url("../img/bg_event01_01_sp.png"), url("../img/bg_body.png"), #0074bf; /* Old browsers */
	background-repeat: no-repeat, no-repeat;
	background-position: center 2%, center top;
	background-attachment: scroll, fixed;
	background-size: cover, 150%;
	}
.sp_only {
	display: inherit;
}
.pc_only {
	display: none;
}

/* event_01_title */
.event_01_title {
	width: 100%;
	height: 0px;
	padding-bottom: 76%;
	background: url(../img/bg_event01_01_sp.png) center top repeat-x;
	background-size: inherit;
	margin-bottom: 0%;
	xborder: #B52E30 1px solid;
}	
	
	
}

.clearfix::after {
    content : " ";
    display : block;
    clear : both;
}