@charset "UTF-8";
/*==================================================
=			defalut			 =
==================================================*/
#ultraman-okinawa,#ultraman-okinawa div,#ultraman-okinawa span,#ultraman-okinawa object,#ultraman-okinawa iframe,#ultraman-okinawa h1,#ultraman-okinawa h2,#ultraman-okinawa h3,#ultraman-okinawa h4,#ultraman-okinawa h5,#ultraman-okinawa h6,#ultraman-okinawa p,#ultraman-okinawa blockquote,#ultraman-okinawa pre,#ultraman-okinawa abbr,#ultraman-okinawa address,#ultraman-okinawa cite,#ultraman-okinawa code,#ultraman-okinawa del,#ultraman-okinawa dfn,#ultraman-okinawa em,#ultraman-okinawa img,#ultraman-okinawa ins,#ultraman-okinawa kbd,#ultraman-okinawa q,#ultraman-okinawa samp,#ultraman-okinawa small,#ultraman-okinawa strong,#ultraman-okinawa sub,#ultraman-okinawa sup,#ultraman-okinawa var,#ultraman-okinawa b,#ultraman-okinawa i,#ultraman-okinawa dl,#ultraman-okinawa dt,#ultraman-okinawa dd,#ultraman-okinawa ol,#ultraman-okinawa ul,#ultraman-okinawa li,#ultraman-okinawa fieldset,#ultraman-okinawa form,#ultraman-okinawa label,#ultraman-okinawa legend,#ultraman-okinawa table,#ultraman-okinawa caption,#ultraman-okinawa tbody,#ultraman-okinawa tfoot,#ultraman-okinawa thead,#ultraman-okinawa tr,#ultraman-okinawa th,#ultraman-okinawa td,#ultraman-okinawa li,#ultraman-okinawa aside,#ultraman-okinawa dialog,#ultraman-okinawa figure,#ultraman-okinawa footer,#ultraman-okinawa header,#ultraman-okinawa hgroup,#ultraman-okinawa menu,#ultraman-okinawa nav,#ultraman-okinawa section,#ultraman-okinawa time,#ultraman-okinawa mark,#ultraman-okinawa audio,#ultraman-okinawa video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}
#ultraman-okinawa{line-height:1;}#ultraman-okinawa li,#ultraman-okinawa aside,#ultraman-okinawa dialog,#ultraman-okinawa figure,#ultraman-okinawa footer,#ultraman-okinawa header,#ultraman-okinawa hgroup,#ultraman-okinawa nav,#ultraman-okinawa section{display:block;}#ultraman-okinawa nav ul{list-style:none;}#ultraman-okinawa blockquote,#ultraman-okinawa q{quotes:none;}#ultraman-okinawa blockquote:before,#ultraman-okinawa blockquote:after,#ultraman-okinawa q:before,#ultraman-okinawa q:after{content:'';content:none;}#ultraman-okinawa a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}#ultraman-okinawa ins{background-color:#ff9;color:#000;text-decoration:none;}#ultraman-okinawa mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;text-decoration:line-through;}#ultraman-okinawa abbr[title],#ultraman-okinawa dfn[title]{border-bottom:1px dotted #000;cursor:help;}#ultraman-okinawa table{border-collapse:collapse;border-spacing:0;}#ultraman-okinawa hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}#ultraman-okinawa input,#ultraman-okinawa select{vertical-align:middle;}#ultraman-okinawa img{vertical-align:bottom;}

#ultraman-okinawa .cf:before,#ultraman-okinawa .cf:after {content:"";display:table;}
#ultraman-okinawa .cf:after {clear:both;}
#ultraman-okinawa .cf {*zoom:1;}

#ultraman-okinawa img{
	image-rendering: -webkit-optimize-contrast;
	height: auto !important;
	width: auto!important;
	max-width: 100%!important;
}
#ultraman-okinawa a{
	transition: 0.3s;
	word-wrap:break-word;
}
#ultraman-okinawa a:hover{
	opacity:0.7;
	transition: all .3s;
}
#ultraman-okinawa p{
	line-height:1.8;
	text-align: left;
}
#ultraman-okinawa{
	width: 100%;
	min-width: 1120px;
	text-align:center;
	margin:0 auto;
	color:#000;
	/* background-color: #FBE5E8; */
  font-family: 'Noto Sans JP', sans-serif, Meiryo, sans-serif, "ヒラギノ角ゴ", "Hiragino Sans", "Hiragino Kaku Gothic ProN";
	position: relative;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	line-height: 1.5;
	padding-bottom: 60px;
	background-color:#fff;
	z-index: 1;
}

#ultraman-okinawa .rubik{
	font-family:  'Rubik', sans-serif;
}
#ultraman-okinawa .hov,a{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#ultraman-okinawa .hov:hover{
	text-decoration: transparent;
	opacity:0.6;
}
#ultraman-okinawa .hov:active{
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
#ultraman-okinawa i{
	font-family: 'Font Awesome 5 Free';
}
#ultraman-okinawa section{
	position: relative;
}
#ultraman-okinawa .sp_img{
	display:none;
}
#ultraman-okinawa .tab_img{
	display:none;
}
#ultraman-okinawa .pc_img{
	display:block;
}
#ultraman-okinawa .wrapper{
	box-sizing: border-box;
	position: relative;
	/* width: 1120px; */
	width: 1060px;
	margin: 0 auto;
}
/* #ultraman-okinawa .wrapper-inner{
	width:95%;
	max-width: 1060px;
	margin:0 auto;
	position: relative;
} */
#ultraman-okinawa .content-box {
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
#ultraman-okinawa .flexbox{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#ultraman-okinawa .flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#ultraman-okinawa .ex{
	font-size: 12px!important;
	margin: 10px auto 0;
}
#ultraman-okinawa .common-h{
	background-color: #194BDB;
	color: #fff;
	padding: 10px 30px;
	box-sizing: border-box;
	line-height: 1;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	position: relative;
	z-index: 0;
}
#ultraman-okinawa .common-h strong{
	display: block;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	color:#194BDB; 
	font-size: 90px;
	z-index: -1;
}
#ultraman-okinawa .common-h strong span{
	color: #E51F6B;
}
#ultraman-okinawa .cmmon-btn{
	text-align: center;
	padding: 30px 0;
}
#ultraman-okinawa .cmmon-btn > a{
	background-color: #EA5A00;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 30px 10px;
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	position: relative;
	line-height: 1.1;
	box-shadow: 0 5px 0 #C6C6C6;
	border-radius: 9px;
	margin-bottom: 20px;
}
#ultraman-okinawa .cmmon-btn > a::after{
	content: '>';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s;
}
#ultraman-okinawa .cmmon-btn > a:hover{
	background-color: #E50000;
	opacity: 1;
}
#ultraman-okinawa .cmmon-btn > a:hover::after{
	right: 5px;
}
#ultraman-okinawa .cmmon-btn p{
	font-weight: 700;
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	color: #C40000;
	display: inline-block;
}
#ultraman-okinawa .cmmon-btn p a{
	color: #0062C4;
	text-decoration: underline;
}


/*プラン*/
#ultraman-okinawa {

}
/*===============================================*=================================*==============================================================================================================*/
/*メイン*/
#ultraman-okinawa #main {
	padding: 30px 0;
	background-color: #0533BA;
}
#ultraman-okinawa #main h1 img{ 
	width: 100%;
}

/*リード*/
#ultraman-okinawa .lead{
	margin-top: 70px;
}
#ultraman-okinawa .lead .flexbox-bt{
	align-items: center;
	z-index: 0;
}
#ultraman-okinawa .lead img{
	box-shadow: 0 0 26px rgba(0,0,0,0.3);
	box-sizing: border-box;
	width: 37%;
	z-index: 2;
}
#ultraman-okinawa .lead .lead-txt{
	z-index: 1;
	width: 60%;
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}
#ultraman-okinawa .lead .lead-txt::before,#ultraman-okinawa .lead .lead-txt::after{
	content: '';
	background-color: rgba(6,44,152,0.5);
	z-index: -1;
	width: 110%;
	height: 140%;
	display: block;
	position: absolute;
}
#ultraman-okinawa .lead .lead-txt::before{
	top: -90px;
	right: 0;
}
#ultraman-okinawa .lead .lead-txt::after{
	bottom: -40px;
	left: -40px;
}
#ultraman-okinawa .lead .lead-txt p{
	z-index: 1;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: #fff;
}
#ultraman-okinawa .lead .lead-txt  p span{
	font-weight: 900;
	font-size: 36px;
	display: inline-block;
	/* padding-bottom: 5px; */
	line-height: 1.4;
	border-bottom: 3px solid #FFF83E;
}
#ultraman-okinawa .lead .term{
	margin-top: 50px;
	background-color: #EDF2FF;
}
#ultraman-okinawa .lead .term h3{
	display: block;
	width: 100%;
	padding: 10px 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	background-color: #000;
	font-size: 40px;
	font-weight: 700;
}
#ultraman-okinawa .lead .term h3 span{
	font-size: 56px;
}
#ultraman-okinawa .lead .term .wrapper{
	padding: 20px 0;
}
#ultraman-okinawa .lead .term .wrapper img{
	box-shadow: none;
}

/*ポイント*/
#ultraman-okinawa .point{
	margin-top: 120px;
	background-color: #EDF2FF;
}
#ultraman-okinawa .point ul li{
	display: block;
	width: 100%;
	display: grid;
	grid-template-columns:130px calc(100% - 130px);
	place-items: center;
	padding: 20px 0;
	border-bottom: solid #9FB6F8 2px;
}
#ultraman-okinawa .point ul li:last-of-type{
	border-bottom: none;
}
#ultraman-okinawa .point ul li p{
	padding-left: 20px;
	box-sizing: border-box;
	text-align: left;
	width: 100%;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
}
#ultraman-okinawa .point ul li p span{
	color: #C70000;
	font-weight: 700;
}

/*プラン*/
#ultraman-okinawa .plan{
	padding: 90px 0 30px;
	box-sizing: border-box;
	background: url(/static/img/entertainment/ultraman-okinawa/bg01.jpg) repeat;
}
#ultraman-okinawa .plan .common-h{
	text-align: left;
	font-size: 50px;
}
#ultraman-okinawa .plan .common-h:nth-of-type(5){
	margin-top: 100px;
}

#ultraman-okinawa .plan .common-h strong{
	text-align: left;
	left: 0;
	transform: translateX(0);
	top: -85px;
}

#ultraman-okinawa .plan .plan-list_inner{
	padding: 20px 0;
	border-bottom: dashed 2px #194BDB;
	align-items: flex-start;
}
#ultraman-okinawa .plan .plan-list_inner img{
	width: 200px!important;
}
#ultraman-okinawa .plan .plan-list_inner .plan-place{
	text-align: left;
	display: inline-block;
	width: calc(100% - 220px);
}
#ultraman-okinawa .plan .plan-list_inner .plan-place h3{
	font-size: 20px;
	font-weight: 700;
	padding-left: 14px;
	position: relative;
}
#ultraman-okinawa .plan .plan-list_inner .plan-place h3::before{
	content: '';
	width: 7px;
	height: 100%;
	border-radius: 20px;
	background-color: #194BDB;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
#ultraman-okinawa .plan .plan-list_inner .plan-place p{
	font-size: 16px;
	margin-top: 10px;

}

#ultraman-okinawa .plan .seminar{
	padding: 50px 0 200px;
	position: relative;
	z-index: 0;
}
#ultraman-okinawa .plan .seminar .seminar-inner{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#ultraman-okinawa .plan .seminar::before,#ultraman-okinawa .plan .seminar::after,#ultraman-okinawa .plan .seminar .seminar-inner::before,#ultraman-okinawa .plan .seminar .seminar-inner::after{
	content: '';
	background: url(/static/img/entertainment/ultraman-okinawa/kakko.png) no-repeat center;
	background-size: contain;
	width: 42px;
	height: 45px;
	position: absolute;
	z-index: -1;
}
#ultraman-okinawa .plan .seminar::before{
	top: 100px;
	left: 0;
}
#ultraman-okinawa .plan .seminar::after{
	top: 100px;
	right: 0;
	transform: rotate(90deg);
}
#ultraman-okinawa .plan .seminar .seminar-inner::before{
	bottom: 150px;
	left: 0;
	transform: rotate(270deg);
}
#ultraman-okinawa .plan .seminar .seminar-inner::after{
	bottom: 150px;
	right: 0;
	transform: rotate(180deg);
}

#ultraman-okinawa .plan .seminar h4,#ultraman-okinawa .special h3{
	font-size: 40px;
	font-weight: 900;
	padding-bottom: 10px;
	position: relative;
	color: #194BDB;
	display: block;
	margin: 0 auto;
	text-align: center;
}
#ultraman-okinawa .plan .seminar h4::after,#ultraman-okinawa .special h3::after{
	content: '';
	width: 50%;
	max-width: 100px;
	height: 4px;
	border-radius: 10px;
	background-color: #194BDB;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
#ultraman-okinawa .plan .seminar p{
	font-size: 16px;
	margin-top: 10px;
}
#ultraman-okinawa .plan .seminar p.smnr-p{
	color: #194BDB;
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
	text-align: center;
	display: block;
}
#ultraman-okinawa .plan .seminar img.portrait{
	width: 140px!important;
	margin-top: 30px;
}
#ultraman-okinawa .plan .seminar .smnr-plofile{
	width: calc(100% - 160px);
}
#ultraman-okinawa .plan .seminar .smnr-plofile .smnr-name{
	font-size: 22px;
	font-weight: 700;
	color: #194BDB;
	padding-left: 13px;
	border-left: solid 9px #194BDB;
	line-height: 1;
}
#ultraman-okinawa .plan .seminar .smnr-plofile .smnr-name span{
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

/*スペシャル*/
#ultraman-okinawa .special{
	margin-top: 100px;
}
#ultraman-okinawa .special h3{
	font-size: 28px;
	margin-top: 20px;
}
#ultraman-okinawa .special p{
	font-size: 16px;
	margin-top: 15px;
	display: block;
	text-align: center;
}
#ultraman-okinawa .special .sp-imag{
	display: grid;
	grid-template-columns: 50% 50%;
	place-items: center;
	margin: 20px auto;
	max-width: 700px;

}

/*注意事項*/
#ultraman-okinawa .caution{
	margin-top: 50px;
	background-color: #E0E0E0;
	padding-bottom: 50px;
}
#ultraman-okinawa .caution h2{
	font-size: 30px;
	font-weight: 900;
	color: #fff;
	display: block;
	width: 100%;
	padding: 7px 10px;
	box-sizing: border-box;
	text-align: center;
	background-color: #000;
}
#ultraman-okinawa .caution a{
	color: #058aba;
	text-decoration: underline;
}
#ultraman-okinawa .caution .caution_box{
	 margin-top: 30px;
	 background-color: #fff;
	 border-radius: 20px;
	 padding: 20px;
	 box-sizing: border-box;
	 text-align: left;
	 margin-bottom: 50px;
}
#ultraman-okinawa .caution .caution_box p{
	font-size: 16px;
}
#ultraman-okinawa .caution .caution_box .ctn-box{
	width: 100%;
	padding:10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #d5d5d5;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#ultraman-okinawa .caution .caution_box .ctn-box span{
	display: inline-block;
	min-width: 165px;
	font-weight: 700;
}



/*======================================

画面サイズ750px以下

======================================*/
@media screen and (max-width: 750px){
	#ultraman-okinawa .pc_img{
		display:none!important;
	}
	#ultraman-okinawa .sp_img{
		display:block;
	}
	#ultraman-okinawa .tab_img{
		display:block;
	}
	#ultraman-okinawa{
		min-width: auto;
	}
	#ultraman-okinawa::after{
		width: 20px;
	}
	#ultraman-okinawa .wrapper{
		width: 100%;
		padding: 0 3% ;
		box-sizing: border-box;
	}
	#ultraman-okinawa .wrapper-inner{
		max-width: 690px;
		width: 100%;
    padding: 0 25px;
		box-sizing: border-box;
	}
	#ultraman-okinawa .ex{
		font-size: 12px!important;
		margin: 10px auto 0;
	}
	#ultraman-okinawa .common-h{
		padding: 10px 20px;
		font-size: 20px;
	}
	#ultraman-okinawa .common-h strong{
		top: -50px; 
		font-size: 60px;
	}

	/*メイン*/
	#ultraman-okinawa #main {
		background-size: 100%;
	}


	/*リード*/
	#ultraman-okinawa .lead{
		margin-top: 40px;
	}
	#ultraman-okinawa .lead .flexbox-bt{
		display: block;
	}
	#ultraman-okinawa .lead img{
		width: 100%!important;
		max-width: 300px!important;
	}
	#ultraman-okinawa .lead .lead-txt{
		z-index: -1;
		width: 100%;
		position: relative;
		padding: 20px;
		box-sizing: border-box;
	}
	#ultraman-okinawa .lead .lead-txt::before,#ultraman-okinawa .lead .lead-txt::after{
		background-color: rgba(6,44,152,0.8);
		z-index: -1;
		width: 100%;
		height: calc(100% + 30px);
	}
	#ultraman-okinawa .lead .lead-txt::before{
		top: -30px;
		right: 0;
	}
	#ultraman-okinawa .lead .lead-txt::after{
		content: none;
	}
	#ultraman-okinawa .lead .lead-txt p{
		font-size: 18px;
	}
	#ultraman-okinawa .lead .lead-txt  p span{
		font-size: 26px;
	}
	#ultraman-okinawa .lead .term{
		margin-top: 50px;
		background-color: #EDF2FF;
	}
	#ultraman-okinawa .lead .term h3{
		font-size: 20px;
	}
	#ultraman-okinawa .lead .term h3 span{
		font-size: 28px;
	}


	/*ポイント*/
	#ultraman-okinawa .point{
		margin-top: 70px;
	}
	#ultraman-okinawa .point ul li{
		display: block;
	}
	#ultraman-okinawa .point ul li img{
		max-width: 100px!important;
	}
	#ultraman-okinawa .point ul li p{
		padding-left: 20px;
		font-size: 16px;
	}

	/*プラン*/
	#ultraman-okinawa .plan{
		padding: 90px 0 30px;
	}
	#ultraman-okinawa .plan .common-h{
		font-size: 30px;
	}
	#ultraman-okinawa .plan .common-h:nth-of-type(5){
		margin-top: 70px;
	}
	#ultraman-okinawa .plan .common-h strong{
		top: -59px;
	}

	#ultraman-okinawa .plan .plan-list_inner{
		padding: 15px 0;
	}
	#ultraman-okinawa .plan .plan-list_inner img{
		width: 100%!important;
		max-width: 200px!important;
		margin: 0 auto;
	}
	#ultraman-okinawa .plan .plan-list_inner .plan-place{
		width: 100%;
	}
	#ultraman-okinawa .plan .plan-list_inner .plan-place h3{
		font-size: 17px;
		margin-top: 10px;
	}
	#ultraman-okinawa .plan .plan-list_inner .plan-place h3::before{
		width: 5px;
	}
	#ultraman-okinawa .plan .plan-list_inner .plan-place p{
		font-size: 13px;
	}

	#ultraman-okinawa .plan .seminar{
		padding: 50px 0 120px;
		position: relative;
		z-index: 0;
	}
	#ultraman-okinawa .plan .seminar .seminar-inner{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
	#ultraman-okinawa .plan .seminar::before,#ultraman-okinawa .plan .seminar::after,#ultraman-okinawa .plan .seminar .seminar-inner::before,#ultraman-okinawa .plan .seminar .seminar-inner::after{
		width: 22px;
		height: 25px;
	}
	#ultraman-okinawa .plan .seminar::before{
		top: 50px;
	}
	#ultraman-okinawa .plan .seminar::after{
		top: 50px;
	}
	#ultraman-okinawa .plan .seminar .seminar-inner::before{
		bottom: 140px;
	}
	#ultraman-okinawa .plan .seminar .seminar-inner::after{
		bottom: 140px;
	}

	#ultraman-okinawa .plan .seminar h4,#ultraman-okinawa .special h3{
		font-size: 20px;

	}
	#ultraman-okinawa .plan .seminar p{
		font-size: 14px;
		margin-top: 7px;
	}
	#ultraman-okinawa .plan .seminar p.smnr-p{
		font-size: 18px;
		margin-top: 7px;
	}
	#ultraman-okinawa .plan .seminar .flexbox-bt{
		display: block;
	}
	#ultraman-okinawa .plan .seminar img.portrait{
		width: 140px!important;
		margin-top: 20px;
	}
	#ultraman-okinawa .plan .seminar .smnr-plofile{
		width: 100%;
		margin-top: 10px;
	}
	#ultraman-okinawa .plan .seminar .smnr-plofile .smnr-name{
		font-size: 18px;
		padding-left: 10px;
		border-left: solid 4px #194BDB;
	}

	/*スペシャル*/
	#ultraman-okinawa .special h3{
		font-size: 20px;
		margin-top: 15px;
	}
	#ultraman-okinawa .special p{
		font-size: 14px;
	}


	/*注意事項*/
	#ultraman-okinawa .caution{
		margin-top: 30px;
		background-color: #E0E0E0;
		padding-bottom:30px;
	}
	#ultraman-okinawa .caution h2{
		font-size: 20px;
	}

	#ultraman-okinawa .caution .caution_box{
		margin-top: 20px;
		border-radius: 10px;
		margin-bottom: 30px;
	}
	#ultraman-okinawa .caution .caution_box p{
		font-size: 14px;
	}
	#ultraman-okinawa .caution .caution_box .ctn-box{
		display: block;
	}
	#ultraman-okinawa .caution .caution_box .ctn-box span{
		display: inline-block;
		min-width: 100%;
		font-weight: 700;
	}


}
/*======================================

画面サイズ480px以下

======================================*/
@media screen and (max-width: 480px){
	#ultraman-okinawa .sp_img{
		display:block;
	}
	#ultraman-okinawa .sp_img.tab_img{
		display:block;
	}
	#ultraman-okinawa .tab_img{
		display:none;
	}
	#ultraman-okinawa .pc_img{
		display: none!important;
	}
}