@charset "utf-8";
/* Dollfie Owners Hotel Newakao 2019 _ CSS (lastupdate _ 2019.02.15)

- 全ての要素 _ box sizing = border-box 指定
- <img> _ absolute時は、.img-abslt を付けて、位置は直接タグへ指定

*/

*, *::before, *::after { /* box-sizing all */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.boxsizing-content	{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing:content-box;
}

html { font-size:62.5%; }
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	background:#fff;
	color:#161d41;
	letter-spacing:normal;
	text-align:center;
	-webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
	}

h1,h2,h3,h4,h5,h6,ul,ol,dl,caption,th,td,p { font-size:1.4rem; text-align:left;}

/*-------------------------------
 Base _ link
---------------------------------*/
	a			{ text-decoration:none; color:#0095d9; /* 青系 color:#;*/}
	a:hover		{ text-decoration:underline; color:#19448e; /* 青系 color:#0095d9;color:#;*/}
	
	a:hover > img[src$=".jpg"]	{
		background:#fff;
	
    -webkit-filter:brightness(1.1);
    filter:brightness(1.1);
		transition : all .2s; /* Animation Effect */
		}

	/* Link _ Botton
	-----------------------------*/
	p.linkBlock	{
		padding:15px 0;
		margin:20px 0;
	}
		p.linkBlock a	{ width:40%;}
		
	a.linkBtn	{
		padding:1.2rem 2em 1.2em 1em;
		margin:0 1rem 2rem;
		/*background:#0095d9;*/
		background:rgba(255,160,0,0.9);
		color:#fff;
		font-size:1.6rem;
		line-height:1.2;
		border-radius:5px;
		display:inline-block;
		text-decoration:none;
		text-align:center;
		position:relative;
	}
	
	a.linkBtn:hover	{ /*background:#2973ba;*/ background:rgba(255,160,0,0.8); color:#fff; text-shadow:0 0 1px #fcc, 0 0 5px #fcc, 0 0 10px #fcc; }
	
	a.linkBtn.mrknxt::after	{
		color: #fff;
		content: ">";
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		position:absolute; right:1rem; top:50%;
		margin-top:-0.6em;
	}
	a.linkBtn.mrkdwn::after	{ color: #fff;
		content: "▼";
		position:absolute; right:1rem; top:50%;
		margin-top:-0.6em;
	}
	

	/* Return to Page Top
	-----------------------------*/		
	p.linkPtop	{
		max-width:960px; height:2em;
		padding:0 0 15px;
		margin:0 auto 40px; position:relative;
		font-size:1rem;
		font-style:italic;
		text-align:right;
		color:#fff;
		clear:both;
		}
	p.linkPtop a	{
		height:1em;
		padding:0.5em 0.5rem 0.5em 1rem;
		margin-right:1rem;
		background:#0095d9 /*brown #6b4840*/ /*blue #0095d9*/;
		color:#fff;
		border-radius:5px;
		text-decoration:none;
		
		box-shadow:0 2px 4px 1px rgba(0,0,0,0.5);
		}
		
	p.linkPtop a:hover	{ background:#ab3936 /*blue #19448e*/;}

/*-------------------------------
 Base _ text
---------------------------------*/
	
	/* Text */
	/*p	{ font-size:1.2rem;}*/
	.txtl	{ text-align:left;}
	.txtc	{ text-align:center;}
	.txtr	{ text-align:right;}
	
	sup	{ font-size:1rem !important;}
	strong { font-size:112.5%;}
	small { font-size:75%; font-weight:normal;}

	/* Text Color */
	.tc_inport { color:#fc3959;}
	.tc_drd	{ color:#b81b30;} /* darkred */
	.tc_org	{ color:#f0960c;} /* orange */


	/* Text Shadow */
	.ts_blu	{ text-shadow:0 0 40px #748dac, 0 0 25px #748dac, 0 0 20px #748dac, 0 0 0.40px #748dac;}
	.ts_pnk	{ text-shadow:0 0 40px #ba6568, 0 0 25px #ba6568, 0 0 20px #ba6568, 0 0 0.40px #ba6568;}

	/* Note text */
	.note	{ }

	/* Note list */
	ul.note-list	{
		padding:5px 0;
		font-size:1.4rem;
		line-height:1.3;
	}
		ul.note-list li	{
			padding-left:1em;
			margin-bottom:0.5em;
			text-indent:-1em;
		}
		ul.note-list li strong	{ margin:auto; }

/*-------------------------------
 Base _ placement
---------------------------------*/
	/* Float*/
		.fltl	{ float:left;}
		.fltr	{ float:right;}

	/* Clear Fix */
		.clrfx::after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
		.clrfx	{ zoom:1;}
		.clr		{ clear:both;}
		
/*-------------------------------
 Base _ image
---------------------------------*/
	img {
		max-width:100%;
		height:auto;
	}
	
	/* Image Position */
		img.img_abslt { position:absolute;} /* 位置は直接タグへ指定 */
		
	
	/* Box shadow */
	.bs_wht	{ box-shadow:0 0 5px 0 rgba(256,256,256,0.9);}
	.bs_brw	{ box-shadow:0 0 5px 0 rgba(166,154,152,0.9);}


/*-------------------------------
 Header
---------------------------------*/
div#header	{
	padding:10px 10vw;
	background:#fff;
	text-align:center;
	position:relative;
}


/*-------------------------------
 Hero Area
---------------------------------*/
div.heroarea {
	min-height:100vh;
	padding:2vh 1.5625% 0;
	background:#0064ba url(/owners/newakao2019/image/bg_hero_newakao.jpg) center bottom no-repeat;
	background-size:cover;
	overflow:hidden;
	text-align:center;
	position:relative;
}

	div.heroarea h1 { margin:0 auto; position:relative; display:inline-block; z-index:2;}

	/* image */
	img#pic_photo_main { margin-top:-10%;}
	
/*-------------------------------
 Catch Area
---------------------------------*/
div.catcharea {
	background:#f4edde url(/owners/newakao2019/image/bg_rosegarden.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding:2%;
}
	div.catchcopy {
		max-width:720px;
		margin:0 auto 2rem;
		text-align:center;
		position:relative;
	}
	div.catchcopy p {
		color:#fff;
		font-size:1.6rem;
		text-align:justify;
		text-shadow:0 0 1px #fc3959 , 0 0px 2px #fc3959 , 0 2px 5px #fc3959 , 0 5px 10px #fc3959;
	}
	
	img#img_logo_akaoresort_wht {
		max-width:50%;
		background:url(/owners/newakao2019/image/img_logo_akaoresort_wht_ds.png) 50% 50% no-repeat;
		background-size:100%;
	}


	/* Contents _Pinfobox
	-----------------------------*/
	.infobox {
		/*background:#f4edde url(/owners/newakao2019/image/teaser_bg_garden.jpg) 50% 50% no-repeat;*/
	}
		.infobox .textbox {
			max-width:720px;
			padding:1em 0.5em;
			margin:auto;
			position:relative;
			background:#55322c;
			color:#fff;
			text-align:center;
		}
		.infobox .textbox p {
			width:90%;
			margin:1.5em auto;
			font-size:1.4rem;
			text-align:center;
		}
		.infobox .textbox ul {
			text-align:center;
		}
		.infobox a.link_news {
			padding:0.4em 2em;
			margin-bottom:-1em;
			background:#fff;
			border-radius:5px;
			font-weight:normal;
			line-height:1.4;
			display:block;
			position:relative;
		}
		.infobox a.link_news::after	{
			content: ">";
			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
			position:absolute; right:1rem; top:50%;
			margin-top:-0.7em;
		}
	

	/* Link VS/VIP
	-----------------------------*/
	div#lnkVSVIP	{
		max-width:720px;
		padding:2em 0.5em 0;
		margin:0 auto;
		background:rgba(256,256,256,0.9);	
		text-align:center;
		}
		/* Text color */
		.col_vsvip,
		div#lnkVSVIP,
		div#lnkVSVIP a	{ color:#952531; }
		div#lnkVSVIP a:hover	{ color:#952531; text-decoration:none;}
		
		
		div#lnkVSVIP p	{
			padding-bottom:3em;
			font-size:1.4rem;
			position:relative;
			text-align:center;
		}
		div#lnkVSVIP p strong	{ font-size:1.25em;}
		div#lnkVSVIP p > em	{
			padding:0.5em 1.5em 0.5em 0.5em;
			margin:2em 3em 0 1em;
			background:#952531;		
			color:#fff;
			font-size:1.2rem;
			line-height:1.2rem;
			display:inline-block;
			position:relative;
		}
		div#lnkVSVIP p > em::before	{
			content:"";
			width:0; height:0;
			margin-top:-2em;
			border:2.4rem solid transparent;
			border-left-color:#952531;
			position:absolute; right:-3.6em; top:50%;
		}
			div#lnkVSVIP a:hover p > em	{ background:#ab3c48; text-decoration:underline;}
			div#lnkVSVIP a:hover p > em::before	{ border-left-color:#ab3c48;}


/*-------------------------------
 Wrapper
---------------------------------*/
div.wrapper	{
	padding:5vh 3vw;
	background:#f6f0e2 url(/owners/newakao2019/image/bg_wrapper.gif) 50% 50% repeat;
	position:relative;
	overflow:hidden;
}

	/* image */

	/* text */
	h1.cont_title {
		padding:0.5em;
		margin:20px auto 0;
		background:#003ea0;
		color:#fff;
		font-size:4rem;
		display:block;
		text-align:center;
	}
	
	.text {
		padding:0.5em;
		margin:1em 0.5em;
		font-size:1.8rem;
		text-align:justify;
	}

	/* Contents _ Common
	-----------------------------*/
	.contbox {
		max-width:960px;
		margin:0 auto 10%;
		position:relative;
	}
		.border_box {
			padding:2% 1.5625%;
			background:rgba(256,256,256,0.6);
			border:1px dotted #70504d;
			position:relative;
		}
	
	.contbox h2 {
		margin-bottom:10px;
		color:#fc3959;
		font-size:3.2rem;
		font-weight:bold;
		line-height:1.2;
		text-align:center;
	}

	/* Contents _ After Report Link
	-----------------------------*/
	.link_list {
		/*max-width:640px;*/
		padding:/*240px*/ 360px 0.5em 0.5em;
		background:rgba(256,256,256,0.8) url(/owners/afterreport/image/bnr_afterreportlink.jpg) 50% 0 no-repeat;
		background-size:100%;
		margin:0 auto;
		box-shadow:0 2px 5px 1px rgba(85,50,44,0.5);
		position:relative;
	}
		.link_list dt {
			padding:0.5em 0;
			background:#0095d9;
			color:#fff;
			margin:0.5em auto;
			text-align:center;
		}
		.link_list dd {
			padding:0.2em 0;
			margin:0;
			line-height:1.6;
		}
		
		.link_list dd a::before {
			content:"・";
			color:#0095d9;
		}

	/* Contents _ Entrysite
	-----------------------------*/
	a.link_entry	{
		padding:2rem 2em 1em 2em;
		margin:1rem auto;
		/*background:#0095d9;*/
		background:rgba(255,160,0,1);
		border-radius:5px;
		color:#fff;
		font-size:1.6rem;
		line-height:1.2;
		display:block;
		text-decoration:none;
		text-align:center;
		text-shadow:0 0 3px #ab4e00;
		position:relative;
	}
		a.link_entry:not(.link_not)::after	{
				content: url(/image/cmnPrts/blank_ic01_alf05.png);
				position:absolute; right:1em; top:50%;
				margin-top:-0.5em;
			}
		a.link_entry:not(.link_not):hover	{ background:rgba(255,160,0,0.8); text-shadow:none;}
		
		a.link_not { background:#aaa !important; color:#555 !important; text-shadow:none; pointer-events: none;}
	

	/* Contents _ Q&A
	-----------------------------*/
	.list_qa {
		margin:0 auto 1rem;
		position:relative;
	}
		.list_qa > dt {
			padding:0.2em 0.5em 0.2em 1.8em;
			border-bottom:2px dotted #70504d;
			color:#fc3959;
			font-size:1.8rem;
			font-weight:bold;
			text-indent:-1.2em;
		}
		
		.list_qa > dd {
			padding:0.4em 0.5em 0.2em 2.1em;
			font-size:1.6rem;
			line-height:1.5;
			text-indent:-1.3em;
			
		}

	/* Contents _ Caoution
	-----------------------------*/	
	.cont_notices {
		max-width:960px;
		padding:0;
		margin:-5% auto 2%;
		background:rgba(256,256,256,0.8);
		border:2px solid #fb879a;
		border-radius:10px;
		position:relative;
		overflow:hidden;
	}
		.cont_notices h2 {
			padding:0.5em;
			margin-bottom:1rem;
			background:#fb879a;
			color:#fff;
			text-align:center;
			font-size:2rem;
			font-weight:bold;
			letter-spacing:0.2em;
		}
			.cont_notices h2 small { margin-right:-10em; letter-spacing:normal;}
			
		.cont_notices > dl {
			margin:1em 4%;
		}
			.cont_notices > dl > dt {
				font-size:2rem;
				font-weight:bold;
			}
				.cont_notices > dl > dt ~ dt {
					margin-top:1em;
				}
			
			.cont_notices > dl > dd {
				padding-left:1em;
				text-indent:-1em;
				line-height:1.5;
			}
				.cont_notices > dl > dd + dd {
					margin-top:0.5em;
				}
				.cont_notices > dl > dd::before {
					content:"●";
				}
				
				.cont_notices > dl > dd > ol {
					margin:0.5em 1em;
				}
					.cont_notices > dl > dd > ol > li {
						padding:0.5em 0;
					}
					.cont_notices > dl > dd > ol > li:first-line {
						font-weight:bold;
					}
	

/*-------------------------------
 Common Parts
---------------------------------*/
.inner	{
	max-width:960px;
	padding:0 1.5625%;
	margin:0 auto;
	position:relative;
}

	/* Data _ Event
	-----------------------------*/
	.data_event {
		padding-left:1em;
		margin:0 auto 1em;
		font-size:2.5rem;
		font-weight:bold;
		display:inline-block;
		overflow:hidden;
	}
		.data_event dt,
		.data_event dd {
			float:left;
		}
		.data_event dt {
			clear:left;
			margin-left:-1em;
		}
			.data_event dt::before {
				content:"●";
				
			}
			.data_event dt::after {
				content:"："
			}
		
		.data_event dd {
			margin-bottom:0.5em;
		}
		
		.data_event small {
			font-size:1.4rem;
			display:block;
		}

	/* Table _ Information
	-----------------------------*/
	table.tbl_info	{
		width:100%;
		position:relative;
	}
		
		table.tbl_info caption h2 {
			padding:0.2em 1rem;
			margin:0.5em auto;
			background:#fb879a;
			border-radius:10em;
			color:#fff;
			font-size:2rem;
			font-weight:bold;
			text-align:center;
		}
		
		table.tbl_info th,
		table.tbl_info td {
			font-size:1.6rem;
			padding:0.6em 1em;
			vertical-align:middle;
		}
		table.tbl_info th {
			padding:0.5em 1em;
			background:#161d41;
			border:1px solid #161d41;
			color:#fff;
			text-align:center;
			white-space:nowrap;
		}
		
		table.tbl_info td {
			
		}

/*-------------------------------
 Contact
---------------------------------*/
div.contact {
	padding:3vh 0;
	background:#d2dde9 url(/owners/newakao2019/image/br_border.gif) 50% 50% repeat;
	position:relative;
}

	div.contact table.tbl_info	{
		border-collapse:separate;
		border-spacing:1rem;
	}




/*-------------------------------
 Footer
---------------------------------*/
#footer	{
	padding:3% 0;
	background:#fb879a;
}
	/* Footer _ Inner
	-----------------------------*/
		#footer p	{
			margin:1em auto;
			color:#fff;
			font-size:1.2rem;
			line-height:1.5;
			text-align:center;
		}
		#footer	p.copy{
			margin:1.5em auto 2em;
		}
		
	.note_copyright {
		margin:1em auto;
		color:#fff;
		font-size:1.2rem;
		text-align:center;
	}
		.note_copyright li {
			padding:0.2em 1em;
			text-indent:-1em;
			line-height:1.2;
		}

/*-------------------------------
 Navigation
---------------------------------*/
.navi_global {
	width:100%;
	padding:0;
	margin:0 auto;
	background:#d2dde9 url(/owners/newakao2019/image/br_border.gif) 50% 50% repeat;
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);
	font-size:1.6rem;
	text-align:center;
	position:relative;	
	z-index:10;
}
	.navi_global > li {
		line-height:1;
		display:inline-block;
		vertical-align:middle;
	}
	.navi_global > li > a,
	.navi_global > li > span {
		padding:1em 2vw;
		font-weight:bold;
		text-shadow:0 1px 1px #c9dae9;
		display:block;
	}
	.navi_global > li a,
	.navi_global > li span { color:#003ea0;}

	/* Navi _ Gloval - Select Language */
	li.lang {
		max-width:7em;
		position:relative;
	}
	li.lang > span	{
		padding:0.5em 1em 0.5em 1.5em;
		text-indent:-1.5em;
		cursor:pointer;
	}
		li.lang > span:hover {
			background:rgba(201,218,233,0.9);
		}
		li.lang > span::before	{
			content:"\0025b6";
			margin-right:0.5em;
		}
	li.lang > span.active	{
		background:rgba(201,218,233,0.9);
	}
		li.lang span.active::before	{
			content:"\0025bc";
		}

	ul.select_language	{
		width:100%;
		box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);
		position:absolute; left:0; top:3.4em;
		z-index:100;
		display:none;
		
	}
	
	ul.select_language li	{
		text-align:center;		
	}
	ul.select_language li a,
	ul.select_language li span	{
		padding:1em 2vw;
		background:rgba(201,218,233,1);
		display:block;
	}
	ul.select_language li a:hover	{
		background:rgba(201,218,233,0.9);
	}
	ul.select_language li span	{
		background:rgba(256,256,256,0.9);
		color:#999;
	}

	/* After _ Fixed
	-----------------------------*/
	div.fxblnk	{ width:100%; height:6rem;  position:relative;z-index:0;}
	.navi_global { margin-top:-6rem;}
	.navi_global.fixed	{
		margin-top:0;
		position: fixed; left:0; top: 0;
		z-index: 10000;
		transition : all .8s; /* Animation Effect */
		}

	/*  Link _ Anchor
	-----------------------------*/
	.anchor-link {
		display: block;
		height: 1px;
		overflow: hidden;
		position: absolute;
		top: -150px;
		width: 1px;
	}
	.anchor-inner {
		height:150px;
		margin-top:-150px;
		display:block;
	}

	/* Navi _ Global _ Site top
	-----------------------------*/
	div.heroarea .navi_global:not(.fixed) {
		background:none;
		box-shadow:none;
		margin-bottom:1vh;
	}
		div.heroarea .navi_global:not(.fixed) > li {}
		div.heroarea .navi_global:not(.fixed) > li a,
		div.heroarea .navi_global:not(.fixed) > li span {
			color:#fff;
			text-shadow:0 0 10px rgb(230, 135, 137) , 0 1px 2px rgb(230, 135, 137) , 0 0 5px rgb(230, 135, 137);
		}
		


	/* Navi Local
	-----------------------------*/
	.navi_local {
		background:#fff;
		box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);
		font-size:1.6rem;
		text-align:center;
		position:relative;	
		z-index:1;
	}
		.navi_local > li {
			line-height:1;
			display:inline-block;
			vertical-align:middle;
		}
		.navi_local > li a,
		.navi_local > li span {
			padding:1em 1vw;
			display:block;
		}




/*-------------------------------
 Second Page / Overseas Customer
---------------------------------*/
div.header {
	background:#0064ba url(/owners/newakao2019/image/bg_hero_newakao.jpg) 50% 0 no-repeat;
	background-size:100%;
	overflow:hidden;
	text-align:center;
	position:relative;	
}


h1.os_title { 
	padding:1em 0.5em;
	margin:20px auto 0;
	background:#003ea0;
	color:#fff;
	font-size:2rem;
	display:block;
	text-align:center;
}
	.os_title small {
		font-size:1.2rem;
	}
	
div.wrapper.overseas {
}


	/* Application Steps
	-----------------------------*/
	.cont_flow {
		padding:0;
		color:#70504d;
	}
		.cont_flow dt {
			padding:0.5rem 2rem;
			background:#70504d;
			color:#fff;
			font-size:2rem;
		}
		.cont_flow dd {
			padding:2rem;
			margin-bottom:4rem;
			background:rgba(256,256,256,0.8);
			border:2px solid #70504d;
			font-size:1.8rem;
			text-align:center;
			position:relative;
		}
		.cont_flow dd::after {
			content:"\0025bc";
			width:calc(100% - 4rem);
			font-size:3rem;
			position:absolute; left:2rem; bottom:-4rem;
			text-align:center;
		}
		.cont_flow dd:last-of-type::after {
			all: initial;
		}
	
	/* 上書き
	-----------------------------*/
	.overseas .contbox h2 {
	}
	
	.overseas .tbl_info {
		border-collapse:separate;
		border-spacing:1px;
	}
		.overseas .tbl_info td {
			background:rgba(256,256,256,0.8);
			text-align:center;
		}
		
/*-------------------------------
 Image Box
---------------------------------*/
div.imgbox {
		width:50%;
		margin:0 auto;
		text-align:center;
		float:left;
		position:relative;
	}
div.imgbox_single {
	margin:0 auto;
	text-align:center;
	position:relative;
}
	
div.imgbox + hr,
div.imgbox_single + hr {
	height:0;
	margin:3% auto;
	visibility:hidden;
	clear:both;
}


/*-------------------------------
 After report
---------------------------------*/
div.heroarea.afterrepo--img {
  background: url("/owners/newakao2019/image/ar_bg_heroheader.jpg") center bottom no-repeat , #7cc4fe;
  -webkit-background-size: contain;
  background-size: contain;
}

div.inner.afterrepo--img {
  min-height: 1130px;
}

.afterrepo {
  max-width: 960px;
  padding: 1rem 0;
  margin: 5rem auto;
  background: rgba(256,256,256,0.9);
  box-shadow: 0 5px 10px -5px #b5a094;
  color: #08459b;
  text-align: left;
  position: relative;
}

.afterrepo:nth-child(3n-0) {
  background: linear-gradient(90deg , rgba(255,238,236,0.9) 0%, rgba(256,256,256,0.9) 30% 60%, rgba(255,238,236,0.9) 100%);
}
.afterrepo:nth-child(3n-1) {
  background: linear-gradient(90deg , rgba(255,248,245,0.9) 0%, rgba(256,256,256,0.9) 30% 60%, rgba(255,248,245,0.9) 100%);    
}
.afterrepo:nth-child(3n-2) {
 background: rgba(254,250,240,0.9);
}

.afterrepo h3 {
  padding: 1em;
  margin:0 1rem 3rem;
  background: #c13f45;
  border: 3px solid #c13f45;
  box-shadow: 0 0 0 2px #fff inset;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.afterrepo > p {
  padding: 0 1rem;
  margin: 2rem;
  font-size: 1.8rem;
  line-height: 1.6;
}
.afterrepo > ul + p {
  margin-top: 4rem;
}
.afterrepo > p.ar_text_end {
  margin: 3rem 2rem;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.afterrepo hr {
  width: 96%;
  margin: 5rem auto;
  border: none;
  border-top: 2px dashed #72718a;
}

.gallery {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
.gallery li {
  padding: 0;
  line-height: 0;
  flex: 0 1 calc(100% / 3);
}
.gallery li.ar_col1 {
  flex-basis: 100%;
}

.mfp-bottom-bar::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 22px;
  z-index: 1;
  background: url(/image/logo_VS_repostamp_cyan.png) 0 100% no-repeat;
  display: block;
  width: 15.7407407%;
  height: 200%;
  background-size: contain;
}

/* Youtube _ Responsive */
.video {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  margin: 0 auto 4rem;
}
.video iframe {
  position: absolute; left: 0; top: 0;
}

/* media screen -----------------------------------------------------*/

@media screen and (max-width: 1280px) {
/*-------------------------------
 Image Box
---------------------------------*/
div.imgbox {
		width:100%;
		float:none;

	}
}

@media screen and (max-width: 959px) {
/*-------------------------------
 Hero Area
---------------------------------*/
div.heroarea {
	min-height:50vh;
}

	/* image */
	img#pic_photo_main { max-width:120%; margin:-15% auto auto -15%;}


/*-------------------------------
 After report
---------------------------------*/
div.heroarea.afterrepo--img {
  -webkit-background-size: 150%;
  background-size: 150%;
}

div.inner.afterrepo--img {
  min-height: 1080px;
}
  
  
}

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

	html { font-size:50%;}


/*-------------------------------
 Catch Area
---------------------------------*/
div.catcharea {
}

/*-------------------------------
 Wrapper
---------------------------------*/
div.wrapper	{
	background-size:15%;
}

/*-------------------------------
 Common Parts
---------------------------------*/

	/* Data _ Event
	-----------------------------*/
		.data_event dt,
		.data_event dd {
			float:none;
		}

	/* Contents _ Common
	-----------------------------*/

	/* Contents _ After Report Link
	-----------------------------*/
	.link_list {
		padding-top:37.5%;
	}
		.link_list dd {
			padding:0.5em 0;
			font-size:1.3rem;
		}

	/* Contents _ Q&A
	-----------------------------*/	
	.list_qa > dt {
		border-bottom:1px solid #70504d;
	}

	/* Table _ Information
	-----------------------------*/
	table.tbl_info,
	.overseas .tbl_info { border-collapse:collapse;}
	table.tbl_info th,
	table.tbl_info td,
	table.tbl_info caption h2 {
		display:block;
	}
	

/*-------------------------------
 Contents _Pinfobox
---------------------------------*/
.infobox {

}

/*-------------------------------
 Footer
---------------------------------*/

	/* Footer _ Inner
	-----------------------------*/
	img#img_logo_vs_footer	{ width:25%;}
	div.inner .note_copyright {
		text-align:left;
	}
	
/*-------------------------------
 Navigation
---------------------------------*/
	.navi_global > li a,
	.navi_global > li span,
	.navi_local > li a,
	.navi_local > li span { font-size:1.25rem;}

	li.lang {
		max-width:none;
		margin:0;
		float:right;
	}
		li.lang a,
		li.lang span { color:#fff; text-shadow:0 0 1px #003ea0 , 0 1px 1px #003ea0 , 0 0 5px #003ea0;}
		
	ul.select_language	{
		top:1.7em;	
	}

	.navi_global.fixed li.lang {
		margin:-0.2em 0 0 0;
	}

	/*  Link _ Anchor
	-----------------------------*/
	.anchor-link {
		top: -16.5rem;
	}
	.anchor-inner {
		height:-16.5rem;
		margin-top:-16.5rem;
	}

  /*-------------------------------
 After report
---------------------------------*/
div.heroarea.afterrepo--img {
  -webkit-background-size: 150%;
  background-size: 150%;
}

div.inner.afterrepo--img {
  min-height: 75vh;
}
.afterrepo {
  box-shadow: none;
}
  
}




/* ----------------------------------------------------- media screen*/