@charset "utf-8";


/* --------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* --------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
	display: block; /* FOR IE8 */
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
} 

html{
	overflow-y: scroll;
	touch-action: manipulation;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 62.5%; /* font-size 1em = 10px */
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:rgba(0,0,0,1.0);
	background:#F3F3F3;
}

a{
	color: inherit;
	text-decoration: none;
}

br{
	letter-spacing: normal;
}

img{
	vertical-align: top;
}

ol, ul, li{
	list-style: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

table tr td{
	padding: 0;
	vertical-align: middle;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* --------------------------------------------- */

.sp_only{
	display: none !important;
}

.pcbr{
	display: block;
}

.spbr{
	display: none;
}

@media all and (min-width: 768px){
}

@media all and (max-width: 767px){
.pc_only{
	display: none !important;
}

.sp_only{
	display: block !important;
}
img.sp_only{
	display: inline !important;
}

.pcbr{
	display: inline;
}

.spbr{
	display: block;
}
}

/* --------------------------------------------- */

#itr{
	position:fixed;
	left: 0;
	top: 0;
	z-index:99999;
	background:#F3F3F3;
	width:100%;
	height:100vh;
}

#ld{
	display:none;
	position:fixed;
	left:-10px;
	top:-10px;
	width:0;
	height:0;
	overflow:hidden;
}

#base{
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}
#base.nvop{
	position:fixed;
}

#base .cnt{
	width:100%;
	position:relative;
}

#base .cnt .subcnt{
	width:100%;
	position:fixed;
}
#base.tch .cnt .subcnt{
	position:static;
}
#base.nvop .cnt .subcnt{
	position:static;
}

#base .sec{
	position: relative;
	width: 100%;
}

#base .hvr{
	cursor:pointer;
}

/* header --------------------------------------------- */

#base .header{
	left:0;
	right:0;
	top:0;
	margin:auto;
	width:93%;
	z-index:10;
	position: absolute;
}

#base .header .hdr1{
	position:relative;
	width: 100%;
	border-bottom:solid 2px rgba(255,255,255,1);
}
#base .header.blk .hdr1{
	border-bottom:solid 2px #383838;
}

#base .header .hdr1 .cpy{
	height:104px;
	display:table;
	
	transform: scale(0.9090909);
	transform-origin:center left;
}

#base .header .hdr1 .cpy p{
	display:table-cell;
	vertical-align:middle;
	
	font-family:'Poppins', sans-serif;
	font-weight:500;
	color:#FFFFFF;
	line-height:1.75;
	font-size:1.1em;
	letter-spacing:0.05em;
}
#base .header.blk .hdr1 .cpy p{
	color:#383838;
}

#base .header .hdr1 .logo{
}

#base .header .hdr1 .logo img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	
	height:64px;
	width:auto;
}

#base .header .hdr1 .navicn{
	position:absolute;
	z-index:10;
	right:-20px;
	top:16px;
	width:72px;
	height:72px;
	cursor:pointer;
}

#base .header .hdr1 .navicn div{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	margin:auto;
	width:32px;
	height:2px;
	background:rgba(255,255,255,1.0);
	
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .header .hdr1 .navicn:hover div{
	opacity:0.4;
}
#base .header.blk .hdr1 .navicn div{
	background:#383838;
}
#base .header .hdr1 .navicn div:nth-child(1){
	top:-12px;
}
#base .header .hdr1 .navicn div:nth-child(2){
	top:12px;
}
#base .header .hdr1 .navicn div:nth-child(3){
	top:0;
}

#base .header .hdr2{
	border-bottom:solid 2px rgba(255,255,255,1);
}
#base .header.blk .hdr2{
	border-bottom:solid 2px #383838;
}

#base .header .hdr2 .navi{
	position:relative;
	display:table;
	margin:auto;
}

#base .header .hdr2 .navi li{
	display:table-cell;
	padding-left:30px;
	padding-top:22px;
	padding-bottom:20px;
	
	font-family:'Poppins', sans-serif;
	font-weight:800;
	color:#FFFFFF;
	font-size:1.6em;
	letter-spacing:0.02em;
}
#base .header.blk .hdr2 .navi li{
	color:#383838;
}
#base .header .hdr2 .navi li:first-child{
	padding-left: 0;
}

#base .header .hdr2 .navi li a{
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .header .hdr2 .navi li a:hover{
	opacity:0.4;
}

@media all and (max-width: 767px){
#base .header{
	width:calc(100% - 40px);
}

#base .header .hdr1 .cpy{
	height:92px;
	transform: scale(0.61363636);
}

#base .header .hdr1 .logo{
}

#base .header .hdr1 .logo img{
	height:52px;
}

#base .header .hdr1 .navicn{
	right:-20px;
	top:12px;
	width:68px;
	height:68px;
}

#base .header .hdr1 .navicn div{
	width:28px;
}

#base .header .hdr2{
	display:none;
}
}

/* fixed_header --------------------------------------------- */

#base .fixed_header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1000;
	pointer-events:none;
}
#base .fixed_header.vw{
	pointer-events:auto;
}

#base .fixed_header .hdr1{
	position:relative;
	top:-72px;
	width:100%;
	height:70px;
	background:#F3F3F3;
	border-bottom:solid 2px #383838;
	
	-webkit-transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
}
#base .fixed_header.vw .hdr1{
	top:0;
}

#base .fixed_header .hdr1 .logo{
}

#base .fixed_header .hdr1 .logo img{
	position:absolute;
	left:25px;
	top:0;
	bottom:0;
	margin:auto;
	
	height:18px;
	width:auto;
}

#base .fixed_header .hdr1 .navi{
	position:relative;
	display:table;
	height:100%;
	margin:auto;
}

#base .fixed_header .hdr1 .navi li{
	display:table-cell;
	vertical-align:middle;
	padding-left:30px;
	
	font-family:'Poppins', sans-serif;
	font-weight:800;
	color:#383838;
	font-size:1.6em;
	letter-spacing:0.02em;
}
#base .fixed_header .hdr1 .navi li:first-child{
	padding-left: 0;
}

#base .fixed_header .hdr1 .navi li a{
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .fixed_header .hdr1 .navi li a:hover{
	opacity:0.4;
}

#base .fixed_header .hdr1 .navicn{
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	cursor:pointer;
}

#base .fixed_header .hdr1 .navicn div{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	margin:auto;
	width:32px;
	height:2px;
	background:#383838;
	
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .fixed_header .hdr1 .navicn:hover div{
	opacity:0.4;
}
#base .fixed_header .hdr1 .navicn div:nth-child(1){
	top:-12px;
}
#base .fixed_header .hdr1 .navicn div:nth-child(2){
	top:12px;
}
#base .fixed_header .hdr1 .navicn div:nth-child(3){
	top:0;
}

@media all and (max-width: 767px){
#base .fixed_header .hdr1{
	top:-62px;
	height:60px;
}

#base .fixed_header .hdr1 .logo{
}

#base .fixed_header .hdr1 .logo img{
	left:20px;
}

#base .fixed_header .hdr1 .navi{
	display:none;
}

#base .fixed_header .hdr1 .navicn{
	width:68px;
	height:60px;
}

#base .fixed_header .hdr1 .navicn div{
	width:28px;
}
}

/* ナビ --------------------------------------------- */

#base .navisec{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:2000;
	
	opacity:0;
	pointer-events:none;
	
	-webkit-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}
#base .navisec.vw{
	opacity:1.0;
	pointer-events:auto;
}

#base .navisec .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120%;
	background:#383838;
	opacity:0.95;
}

#base .navisec .cont{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:calc(100% - 120px);
	width:92%;
	display:table;
}

#base .navisec .cont .subcont{
	width:100%;
	display:table;
}

#base .navisec .cont .lft{
	display:table-cell;
	vertical-align:top;
	position:relative;
}

#base .navisec .cont .lft .logo{
	position:relative;
	left:-3px;
}

#base .navisec .cont .lft .logo img{
	width:250px;
	height:auto;
}

#base .navisec .cont .lft .cpy{
	font-family:'Poppins', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	line-height:1.75;
	font-size:1.3em;
	letter-spacing:0.05em;
	padding-top:17px;
}

#base .navisec .cont .rgh{
	display:table-cell;
	vertical-align:top;
}

#base .navisec .cont .rgh .navi{
	width:790px;
	margin-left:auto;
}

#base .navisec .cont .rgh .navi li .btn{
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .navisec .cont .rgh .navi li .btn:hover{
	opacity:0.4;
}

#base .navisec .cont .rgh .navi li .btn{
	display:table;
	width:370px;
	border-bottom:solid 4px #FFFFFF;
	margin-top:27px;
}
#base .navisec .cont .rgh .navi li:nth-child(1) .btn,
#base .navisec .cont .rgh .navi li:nth-child(2) .btn{
	margin-top:0;
}
#base .navisec .cont .rgh .navi li:nth-child(2n+1) .btn{
	float:left;
}
#base .navisec .cont .rgh .navi li:nth-child(2n) .btn{
	float:right;
}

#base .navisec .cont .rgh .navi li .btn .en{
	display:table-cell;
	vertical-align:bottom;
	
	padding-bottom:11px;
}

#base .navisec .cont .rgh .navi li .btn .en img{
	height:27px;
	width:auto;
}

#base .navisec .cont .rgh .navi li .btn .ja{
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	
	color:#FFFFFF;
	font-weight:700;
	font-size:1.6em;
	line-height:1.0;
	letter-spacing:0.02em;
	
	padding-bottom:12px;
}

#base .navisec .cont .sns{
	position:absolute;
	left:0;
	bottom:-3px;
	display:table;
}

#base .navisec .cont .sns li{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
}
#base .navisec .cont .sns li:first-child{
	padding-left:0;
}

#base .navisec .cont .sns li p{
	font-family:'Poppins', sans-serif;
	font-weight:400;
	color:rgba(255,255,255,0.8);
	font-size:1.1em;
	letter-spacing:0.06em;
	line-height:1.0;
	padding-right:3px;
}

#base .navisec .cont .sns li img{
	width:34px;
	height:auto;
}

#base .navisec .cont .sns li a{
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .navisec .cont .sns li a:hover{
	opacity:0.4;
}

#base .navisec .close{
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	background:#FFFFFF;
	cursor:pointer;
}

#base .navisec .close img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .navisec .close:hover img{
	opacity:0.4;
}

@media all and (max-width: 767px){

#base .navisec .cont{
	width:calc(100% - 40px);
}

#base .navisec .cont .subcont{
}

#base .navisec .cont .lft{
	display:table-cell;
	vertical-align:top;
	position:relative;
	
	display:block;
	width:auto;
}

#base .navisec .cont .lft .logo{
	position:relative;
	left:0;
	padding-top:6px;
}

#base .navisec .cont .lft .logo img{
	width:100%;
}

#base .navisec .cont .lft .cpy{
	line-height:1.75;
	font-size:1.1em;
	padding-top:6px;
	padding-bottom:8px;
	white-space:nowrap;
}

#base .navisec .cont .rgh{
	display:table-cell;
	vertical-align:top;
	
	display:block;
	width:auto;
}

#base .navisec .cont .rgh .navi{
	width:790px;
	margin-left:auto;
	
	width:auto;
}

#base .navisec .cont .rgh .navi li .btn{
	display:table;
	width:370px;
	border-bottom:solid 4px #FFFFFF;
	margin-top:27px;
	
	width:100%;
	margin-top:20px;
	border-bottom:solid 3px #FFFFFF;
}
#base .navisec .cont .rgh .navi li:nth-child(1) .btn,
#base .navisec .cont .rgh .navi li:nth-child(2) .btn{
	margin-top:0;
	margin-top:20px;
}
#base .navisec .cont .rgh .navi li:nth-child(2n+1) .btn{
	float:left;
	float:none;
}
#base .navisec .cont .rgh .navi li:nth-child(2n) .btn{
	float:right;
	float:none;
}

#base .navisec .cont .rgh .navi li .btn .en{
	padding-bottom:8px;
}

#base .navisec .cont .rgh .navi li .btn .en img{
	height:27px;
	
	height:20px;
}

#base .navisec .cont .rgh .navi li .btn .ja{
	font-size:1.6em;
	
	padding-bottom:9px;
	font-size:1.4em;
}

#base .navisec .cont .sns{
	position:static;
	margin-top:28px;
}

#base .navisec .cont .sns li{
	padding-left:10px;
}
#base .navisec .cont .sns li:first-child{
	padding-left:0;
}

#base .navisec .cont .sns li p{
	padding-right:6px;
}

#base .navisec .cont .sns li img{
	width:32px;
	height:auto;
}

#base .navisec .close{
	width:48px;
	height:48px;
}

#base .navisec .close img{
	width:24px;
	height:24px;
}
}

/* FOOTER --------------------------------------------- */

#base .footer{
	background:#383838;
}

#base .footer .contact{
	display:table;
	width:100%;
	height:400px;
}

#base .footer .contact p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	
	font-family:'Poppins', sans-serif;
	font-weight:800;
	color:#FFFFFF;
	font-size:12.0em;
	letter-spacing:-0.02em;
	line-height:1.0;
}

#base .footer .contact p a{
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
#base.hvr_on .footer .contact p a:hover{
	opacity:0.4;
}

#base .footer .lr{
	display:table;
	width:93%;
	height:160px;
	margin:0 auto;
	border-top:solid 2px #FFFFFF;
}

#base .footer .lr .lft,
#base .footer .lr .rgh{
	display:table-cell;
	vertical-align:middle;
}

#base .footer .lr .lft{
	text-align:left;
}

#base .footer .lr .rgh{
	text-align:right;
}

#base .footer .naviall{
	display:table;
}

#base .footer .naviall .navi1,
#base .footer .naviall .navi2{
	display:table-cell;
	vertical-align:middle;
}

#base .footer .navi{
	display:table;
}

#base .footer .navi li{
	display:table-cell;
	vertical-align:middle;
	padding-right:25px;
	
	font-family:'Poppins', sans-serif;
	font-weight:800;
	color:#FFFFFF;
	font-size:1.7em;
	letter-spacing:0.02em;
	line-height:1.0;
}
#base .footer .navi li a{
	-webkit-transition: opacity .15s;
	-o-transition: opacity .15s;
	transition: opacity .15s;
}
#base.hvr_on .footer .navi li a:hover{
	opacity:0.4;
}
#base .footer .naviall .navi2 .navi li:nth-last-child(1){
	padding-right:0;
}

#base .footer .sns{
	display:table;
	margin-left:auto;
}

#base .footer .sns li{
	display:table-cell;
	vertical-align:middle;
	padding-left:16px;
}
#base .footer .sns li a{
	-webkit-transition: opacity .15s;
	-o-transition: opacity .15s;
	transition: opacity .15s;
}
#base.hvr_on .footer .sns li a:hover{
	opacity:0.4;
}
#base .footer .sns li:first-child{
	padding-left:0;
}

#base .footer .sns li p{
	font-family:'Poppins', sans-serif;
	font-weight:400;
	color:rgba(255,255,255,0.8);
	font-size:1.3em;
	letter-spacing:0.06em;
	line-height:1.0;
	padding-right:5px;
}

#base .footer .daytonapark img{
	width:auto;
	height:25px;
}

#base .footer .copyright{
	font-family:'Poppins', sans-serif;
	font-weight:400;
	color:rgba(255,255,255,0.7);
	font-size:1.1em;
	letter-spacing:0.03em;
	line-height:1.0;
	
	/*transform: scale(0.818181);
	transform-origin: 100% 50%;
	white-space: nowrap;*/
}

@media all and (max-width: 767px){
#base .footer{
}

#base .footer .contact{
	height:180px;
}

#base .footer .contact p{
	font-size:4.8em;
}

#base .footer .lr{
	width:calc(100% - 40px);
	height:auto;
}
#base .footer .fnavi{
}

#base .footer .fnavi .lft,
#base .footer .fnavi .rgh{
	display:block;
	text-align:left;
}
#base .footer .fnavi .lft{
	padding:23px 0;
}
#base .footer .fnavi .rgh{
	border-top:solid 2px #FFFFFF;
}

#base .footer .naviall{
	display:table;
	margin:0 auto;
}

#base .footer .naviall .navi1,
#base .footer .naviall .navi2{
	display:block;
}

#base .footer .navi{
	display:table;
	margin:0 auto;
}

#base .footer .navi li{
	display:table-cell;
	vertical-align:middle;
	padding-right:22px;
	
	font-size:1.5em;
	line-height:2.3;
}
#base .footer .navi li:nth-last-child(1){
	padding-right:0;
}

#base .footer .sns{
	margin-left:0;
	height:100px;
	margin:0 auto;
}

#base .footer .sns li{
	padding-left:12px;
}
#base .footer .sns li:first-child{
	padding-left:0;
}

#base .footer .sns li p{
	font-size:1.2em;
	padding-right:15px;
}

#base .footer .sns li img{
	width:32px;
	height:auto;
}

#base .footer .cr{
	height:100px;
}

#base .footer .daytonapark img{
	height:17px;
}

#base .footer .copyright{
	transform: scale(0.727272);
	transform-origin: 100% 50%;
	white-space: nowrap;
}
}

/* media_dtl --------------------------------------------- */

#base .media_dtl{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:2000;
	
	opacity:0;
	pointer-events:none;
	
	-webkit-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}
#base .media_dtl.vw{
	opacity:1.0;
	pointer-events:auto;
}

#base .media_dtl .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120%;
	background:#383838;
	opacity:0.95;
}

#base .media_dtl .cont_all{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#base .media_dtl .cont_all ul{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#base .media_dtl .cont_all ul li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*display:none;*/
}
#base .media_dtl.loaded .cont_all ul li{
	display:none;
}

#base .media_dtl .cont_all ul li .area{
	position:absolute;
	left:95px;
	top:70px;
	width:calc(100% - 190px);
	height:calc(100% - 140px);
	display:table;
}

#base .media_dtl .cont_all ul li .area .subarea{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl{
	display:table;
	margin:auto;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .pct{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}
#base .media_dtl.loaded .cont_all ul li .area .subarea .tbl .pct{
	overflow:auto;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .pct img{
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .txt{
	display:table-cell;
	vertical-align:middle;
	background:#666666;
	background:#555555;
	width:300px;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .txt p{
	margin-left:40px;
	width:225px;
	color:#FFFFFF;
	
	font-weight:400;
	font-size:1.6em;
	line-height:2.0;
}

#base .media_dtl .arrow .lft,
#base .media_dtl .arrow .rgh{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	
	width:45px;
	height:32px;
	
	cursor:pointer;
}
#base .media_dtl .arrow .lft{
	left:25px;
}
#base .media_dtl .arrow .rgh{
	right:25px;
}

#base .media_dtl .arrow img{
	position:relative;
	width:45px;
	height:32px;
	
}
#base .media_dtl .arrow .lft img{
	left:0;
	-webkit-transition: left .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .media_dtl .arrow .rgh img{
	right:0;
	-webkit-transition: right .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: right .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: right .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base.hvr_on .media_dtl .arrow .lft:hover img{
	left:-15px;
}
#base.hvr_on .media_dtl .arrow .rgh:hover img{
	right:-15px;
}

#base .media_dtl .close{
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	background:#FFFFFF;
	cursor:pointer;
}

#base .media_dtl .close img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
}
#base.hvr_on .media_dtl .close:hover img{
	opacity:0.4;
}

@media all and (max-width: 767px){
#base .media_dtl{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:2000;
	
	opacity:0;
	pointer-events:none;
	
	-webkit-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}
#base .media_dtl.vw{
	opacity:1.0;
	pointer-events:auto;
}

#base .media_dtl .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120%;
	background:#383838;
	opacity:0.95;
}

#base .media_dtl .cont_all{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#base .media_dtl .cont_all ul{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#base .media_dtl .cont_all ul li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*display:none;*/
}
#base .media_dtl.loaded .cont_all ul li{
	display:none;
}

#base .media_dtl .cont_all ul li .area{
	position:absolute;
	left:95px;
	top:70px;
	width:calc(100% - 190px);
	height:calc(100% - 140px);
	display:table;
	
	left:20px;
	top:0px;
	width:calc(100% - 40px);
	height:100%;
}

#base .media_dtl .cont_all ul li .area .subarea{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl{
	display:table;
	margin:auto;
	
	width:100%;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .pct{
	display:table-cell;
	vertical-align:middle;
	
	display:block;
	width:auto;
	text-align:center;
	background:#000000;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .pct img{
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .txt{
	display:table-cell;
	vertical-align:middle;
	background:#666666;
	background:#555555;
	width:300px;
	
	
	display:block;
	width:auto;
}

#base .media_dtl .cont_all ul li .area .subarea .tbl .txt p{
	margin-left:40px;
	width:225px;
	color:#FFFFFF;
	
	font-size:1.4em;
	margin-left:20px;
	width:calc(100% - 35px);
	padding:15px 0;
}

#base .media_dtl .arrow .lft,
#base .media_dtl .arrow .rgh{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	
	width:45px;
	height:32px;
	
	cursor:pointer;
	
	top:auto;
	bottom:15px;
	width:34px;
	height:24px;
}
#base .media_dtl .arrow .lft{
	left:15px;
}
#base .media_dtl .arrow .rgh{
	right:15px;
}

#base .media_dtl .arrow img{
	position:relative;
	width:45px;
	height:32px;
	
	width:34px;
	height:24px;
}

#base .media_dtl .close{
	width:48px;
	height:48px;
}

#base .media_dtl .close img{
	width:24px;
	height:24px;
}
}