@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}

/* = all
-------------------------------------------------------------- */
body {
	font-family: 'Lato', 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	text-align: center;
	line-height: 1;
	color: #181818;
	background: none;
}
a img, a svg, input[type="submit"], input[type="reset"] {
	-webkit-transition: color .1s , opacity .1s, background .1s , fill .1s;
	transition: color .1s , opacity .1s, background .1s , fill .1s;
	opacity: 1;
}
img , svg {
	max-width: 100%;
	height: auto;
}
input[type="submit"],input[type="reset"] {
	-webkit-appearance: none;
}
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
.fl {float: left;}
.fr {float: right;}
.bold {font-weight: bold;}

.mf {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

@media ( min-width: 897px ){
	body {
		font-size: 12px;
	}
}
@media ( max-width: 896px ){
	body {
		-webkit-text-size-adjust: 100%;
		font-size: 11px;
	}
}

/* = styles
-------------------------------------------------------------- */

.opw {
	opacity: 0;
	transform: translate(0,40px);
	-webkit-transform: translate(0,40px);
	transition: opacity .5s ease-out, transform .5s ease-out;
}
.opw.show {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.kvw {
	opacity: 0;
	transform: translate(-40px,0);
	-webkit-transform:translate(-40px,0);
	transition: opacity .5s ease-out, transform .5s ease-out;
}
.kvw.show {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}


@media ( min-width: 897px ){
	#header {
		padding: 50px 38px 45px;
	}
	#header .log {
		max-width: 190px;
	}
}
@media ( max-width: 896px ){
	#header {
		padding: 20px 19px 20px;
	}
	#header .log {
		max-width: 180px;
	}
}

#start_up {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	visibility: visible;
	transition: opacity .8s ease-out, visibility .8s ease-out;
}
#start_up.hide {
	opacity: 0;
	visibility: hidden;
}
#start_up .line {
	float: left;
	width: 33.3%;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: width .5s ease-in;
}
#start_up.move .line.taiwan {
	width: 100%;
}
#start_up.move .line.thailand,
#start_up.move .line.nightzoo {
	width: 0px;
}
#start_up .line img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
@media ( min-width: 897px ){
	#start_up .line img {
		width: 20px;
	}
	#start_up .line.taiwan {
		background: url(img/kv_img_taiwan.jpg) no-repeat center;
		background-size: cover;
	}
	#start_up .line.thailand {
		background: url(img/kv_img_thailand.jpg) no-repeat center;
		background-size: cover;
	}
	#start_up .line.nightzoo {
		background: url(img/kv_img_nightzoo.jpg) no-repeat center;
		background-size: cover;
	}
}
@media ( max-width: 896px ){
	#start_up .line img {
		width: 13px;
	}
	#start_up .line.taiwan {
		background: url(img/roading_taiwan_bg.jpg) no-repeat left center;
		background-size: cover;
	}
	#start_up .line.thailand {
		background: url(img/roading_thailand_bg.jpg) no-repeat center;
		background-size: cover;
	}
	#start_up .line.nightzoo {
		background: url(img/roading_nightzoo_bg.jpg) no-repeat center;
		background-size: cover;
	}
}
.main_block .kv_box .cover {
	position: relative;
	overflow: hidden;
}
.main_block .kv_box .cover img {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}
@media ( min-width: 897px ){
	.main_block .kv_box {
		padding: 0 165px 0 0;
	}
	.main_block .kv_box .cover {
		height: 900px;
	}
	#taiwan_wrap.main_block .kv_box .cover {
		background: url(img/kv_img_taiwan.jpg) no-repeat right center;
		background-size: cover;
	}
	#thailand_wrap.main_block .kv_box .cover {
		background: url(img/kv_img_thailand.jpg) no-repeat right center;
		background-size: cover;
	}
	#nightzoo_wrap.main_block .kv_box .cover {
		background: url(img/kv_img_nightzoo.jpg) no-repeat right center;
		background-size: cover;
	}
	.main_block .kv_box .cover img {
		width: 86px;
	}
	.main_block .kv_box .cover img.spbg {
		display: none;
	}
}
@media ( max-width: 896px ){
	.main_block .kv_box {
		padding: 0 75px 0 0;
	}
	.main_block .kv_box .cover {
		height: 615px;
	}
	.main_block .kv_box .cover img.spbg {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		width: auto;
		max-width: none;
		height: 100%;
		z-index: 0;
	}
	.main_block .kv_box .cover img {
		width: 60px;
	}
}

.main_block {
	position: relative;
}
#thailand_wrap {
	background: #ce7bb1;
}
#nightzoo_wrap {
	background: #181818;
	color: #fff;
}
.main_block .movie_box .cover {
	position: relative;
}
.main_block .movie_box .cover:after {
	content: '';
	height: 0%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: height 1.5s ease-in;
}
.main_block .movie_box.show .cover:after {
	height: 100%;
}
#taiwan_wrap.main_block .movie_box .cover:after {
	background: #ce372b;
}
#thailand_wrap.main_block .movie_box .cover:after {
	background: #5b27c8;
}
#nightzoo_wrap.main_block .movie_box .cover:after {
	background: #4ca7b4;
}
.main_block .movie_box .cover video {
	width: 100%;
	max-width: 745px;
	position: relative;
	z-index: 1;
}
.main_block .item_wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.main_block .item_wrap .item .img img {
	width: 100%;
}
.main_block .item_wrap .item .txt ul li a {
	display: inline;
	text-decoration: none;
	color: #181818;
	background: url(img/cart.png) no-repeat right center;
}
#nightzoo_wrap.main_block .item_wrap .item .txt ul li a {
	color: #fff;
	background: url(img/cart_wi.png) no-repeat right center;
}
.main_block .btn_area .buy {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	transition: color .3s ease-out, background .3s ease-out;
}
#taiwan_wrap.main_block .btn_area .buy {
	color: #ce372b;
	border-color: #ce372b;
}
#taiwan_wrap.main_block .btn_area .buy span:after {
	background: #ce372b;
}
#thailand_wrap.main_block .btn_area .buy {
	color: #5b27c8;
	border-color: #5b27c8;
}
#thailand_wrap.main_block .btn_area .buy span:after {
	background: #5b27c8;
}
#nightzoo_wrap.main_block .btn_area .buy {
	color: #4ca7b4;
	border-color: #4ca7b4;
}
#nightzoo_wrap.main_block .btn_area .buy span:after {
	background: #4ca7b4;
}
.main_block .btn_area .buy span {
	position: relative;
}
.main_block .btn_area .buy span:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin: auto;
}
.fix_icon {
	position: fixed;
	opacity: 0;
	transition: opacity .3s ease-out;
}
.fix_icon.show {
	opacity: 1;
}
#footer .ft_link_wrap {
	text-align: left;
}
#footer .ft_link_wrap a {
	color: #000;
	text-decoration: none;
}
#footer .ft_link_wrap .credit {
	line-height: 2;
}
#footer .ft_link_wrap .credit dl {
	display: table;
}
#footer .ft_link_wrap .credit dl dt,
#footer .ft_link_wrap .credit dl dd {
	display: table-cell;
	vertical-align: top;
}
#footer .ft_link_wrap .credit dl dd {
	padding: 0 0 0 0.5em;
}
#footer .ft_link_wrap .copy {
	letter-spacing: 0.1em;
}
@media ( min-width: 897px ){
	.main_block {
		padding: 190px 0 180px;
	}
	#taiwan_wrap.main_block {
		padding: 0 0 180px;
	}
	.main_block .movie_box .cover {
		max-width: 940px;
		margin: 0 auto;
		padding: 135px 0;
	}
	.main_block .movie_box .cover:after {
		width: 150px;
	}
	.main_block .item_wrap {
		max-width: 1320px;
		margin: 0 auto;
		padding: 0 30px 0 0;
	}
	.main_block .item_wrap .item {
		width: 29%;
		margin: 0 2% 30px;
	}
	.main_block .item_wrap .item .img {
		margin: 0 0 20px;
	}
	.main_block .item_wrap .item .img a {
		pointer-events: none;
	}
	.main_block .item_wrap .item .txt {
		text-align: left;
	}
	.main_block .item_wrap .item .txt ul li {
		margin: 0 0 10px;
		line-height: 1.4;
		letter-spacing: 0.08em;
	}
	.main_block .item_wrap .item .txt ul li a,
	#nightzoo_wrap.main_block .item_wrap .item .txt ul li a {
		padding: 0 18px 0 0;
		background-size: 14px;
	}
	.main_block .item_wrap .item .txt ul li a:hover {
		text-decoration: underline;
	}
	.main_block .btn_area {
		position: absolute;
		right: 0;
		bottom: 650px;
		width: 165px;
	}
	.main_block .btn_area .buy {
		font-size: 18px;
		padding: 25px 15px 23px;
		border: 2px solid;
		border-right: 0;
	}
	.main_block .btn_area .buy span {
		padding: 0 30px 0 0;
	}
	.main_block .btn_area .buy span:after {
		width: 20px;
		height: 2px;
		bottom: 3px;
	}
	#taiwan_wrap.main_block .btn_area .buy:hover {
		background: #ce372b;
		color: #fff;
	}
	#taiwan_wrap.main_block .btn_area .buy:hover span:after {
		background: #fff;
	}
	#thailand_wrap.main_block .btn_area .buy:hover {
		background: #5b27c8;
		color: #fff;
	}
	#thailand_wrap.main_block .btn_area .buy:hover span:after {
		background: #fff;
	}
	#nightzoo_wrap.main_block .btn_area .buy:hover {
		background: #4ca7b4;
		color: #fff;
	}
	#nightzoo_wrap.main_block .btn_area .buy:hover span:after {
		background: #fff;
	}
	.fix_icon {
		width: 10px;
		right: 25px;
		bottom: 30px;
	}
	#footer {
		padding: 170px 300px 30px 90px;
		position: relative;
	}
	#footer .log {
		position: absolute;
		width: 177px;
		height: 24px;
		right: 90px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#footer .ft_link_wrap {
		font-size: 10px;
	}
	#footer .ft_link_wrap .block {
		letter-spacing: 0.2em;
	}
	#footer .ft_link_wrap .contact {
		margin: 0 0 40px;
	}
	#footer .ft_link_wrap .store {
		margin: 0 0 60px;
	}
	#footer .ft_link_wrap .credit {
		margin: 0 0 55px;
	}
	#footer .ft_link_wrap .credit dl {
		margin: 0 0 10px;
	}
}
@media ( min-width: 1340px ){
	.main_block .item_wrap {
		padding: 0;
	}
	.main_block .btn_area .buy {
		padding: 30px 15px 28px;
	}
	.main_block .btn_area {
		width: 224px;
	}
	.fix_icon {
		right: 50px;
	}
}
@media ( max-width: 896px ){
	.main_block {
		padding: 85px 0 80px;
	}
	#taiwan_wrap.main_block {
		padding: 0 0 80px;
	}
	.main_block .movie_box {
		max-width: 88%;
		margin: 0 auto;
	}
	.main_block .movie_box .cover {
		padding: 65px 0;
	}
	.main_block .movie_box .cover:after {
		width: 20vw;
	}
	.main_block .movie_box .cover video {
		width: 70vw;
	}
	.main_block .item_wrap {
		padding: 0 25px 0 5px;
		margin: 0 0 50px;
	}
	.main_block .item_wrap .item {
		width: 47%;
		margin: 0 1.5% 3%;
	}
	.main_block .item_wrap .item .txt {
		display: none;
	}
	.main_block .btn_area {
		width: 230px;
		max-width: 80%;
		margin: 0 auto;
	}
	.main_block .btn_area .buy {
		font-size: 13px;
		padding: 23px 10px 21px;
		border: 1px solid;
	}
	.main_block .btn_area .buy span {
		padding: 0 20px 0 0;
	}
	.main_block .btn_area .buy span:after {
		width: 15px;
		height: 1px;
		bottom: 2px;
	}
	.fix_icon {
		width: 8px;
		right: 12px;
		bottom: 30px;
	}
	#footer {
		padding: 100px 30px 20px;
	}
	#footer .log {
		width: 183px;
		height: 33px;
		margin: 0 0 90px;
	}
	#footer .ft_link_wrap {
		font-size: 12px;
	}
	#footer .ft_link_wrap .block {
		letter-spacing: 0.1em;
	}
	#footer .ft_link_wrap .contact {
		margin: 0 0 30px;
	}
	#footer .ft_link_wrap .store {
		margin: 0 0 50px;
	}
	#footer .ft_link_wrap .credit {
		margin: 0 0 50px;
	}
	#footer .ft_link_wrap .credit dl {
		margin: 0 0 8px;
	}
}

.popup_wrap {
	display: none;
}
@media ( max-width: 896px ){
	.popup_wrap {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		z-index: 10;
		box-sizing: border-box;
		overflow-y: scroll;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
	}
	.popup_wrap .w_shadow {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
	}
	#taiwan_sldier.popup_wrap .w_shadow {
		background: rgb(255 255 255 / 80%);
	}
	#thailand_sldier.popup_wrap .w_shadow {
		background: rgb(206 123 177 / 90%);
	}
	#nightzoo_sldier.popup_wrap .w_shadow {
		background: rgb(24 24 24 / 80%);
	}
	.popup_wrap:after {
		content: '';
		width: 100%;
		height: 120px;
		display: block;
		z-index: 11;
		position: absolute;
		top: 200px;
	}
	#taiwan_sldier.popup_wrap .w_shadow {
		z-index: 10;
	}
	#taiwan_sldier.popup_wrap:after {
		background: #ce372b;
	}
	#thailand_sldier.popup_wrap:after {
		background: #5b27c8;
	}
	#nightzoo_sldier.popup_wrap:after {
		background: #4ca7b4;
	}
	.popup_wrap .slider_wrap {
		position: relative;
		z-index: 12;
	}
	.popup_wrap .close_btn {
		position: fixed;
		width: 20px;
		height: 20px;
		top: 10px;
		right: 8px;
		z-index: 14;
		padding: 10px;
	}
	.popup_wrap .item {
		padding: 65px 0 0;
	}
	.popup_wrap .item .imgbox {
		padding: 0 40px;
		margin: 0 0 25px;
	}
	.popup_wrap .item .imgbox img {
		width: 100%;
		max-width: 380px;
	}
	.popup_wrap .item .textarea ul {
		padding: 0 20px;
		max-width: 460px;
		margin: 0 auto;
		text-align: left;
	}
	.popup_wrap .item .textarea ul li {
		margin: 0 0 12px;
		font-size: 11px;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.popup_wrap .item .textarea ul li a {
		color: #181818;
		display: inline;
		text-decoration: none;
		background: url(img/cart.png) no-repeat right center;
		background-size: 14px;
		padding: 0 16px 0 0;
	}
	#nightzoo_sldier.popup_wrap .item .textarea ul li a {
		background: url(img/cart_wi.png) no-repeat right center;
		background-size: 14px;
	}
	#nightzoo_sldier.popup_wrap .item .textarea ul li,
	#nightzoo_sldier.popup_wrap .item .textarea ul li a {
		color: #fff;
	}
	.popup_wrap .bx-controls .bx-controls-direction .bx-prev,
	.popup_wrap .bx-controls .bx-controls-direction .bx-next {
		width: 8px;
		height: 14px;
		display: block;
		top: 240px;
		position: absolute;
		z-index: 12;
		padding: 15px;
	}
	.popup_wrap .bx-controls .bx-controls-direction .bx-prev {
		background: url(img/slide_arrow_left.png) no-repeat center;
		background-size: 8px;
		left: 0px;
	}
	.popup_wrap .bx-controls .bx-controls-direction .bx-next {
		background: url(img/slide_arrow_right.png) no-repeat center;
		background-size: 8px;
		right: 0px;
	}
	.popup_wrap .bx-controls .bx-pager {
		position: absolute;
		top: 40px;
		z-index: 11;
		width: 100%;
	}
	.popup_wrap .bx-controls .bx-pager .bx-pager-item {
		display: inline-block;
		margin: 0 3px;
	}
	.popup_wrap .bx-controls .bx-pager .bx-pager-item a {
		text-indent: -9999px;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		display: block;
		transition: background .3s ease-out;
	}
	#taiwan_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a {
		border: 1px solid #ce372b;
	}
	#taiwan_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a.active {
		background: #ce372b;
	}
	#thailand_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a {
		border: 1px solid #5b27c8;
	}
	#thailand_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a.active {
		background: #5b27c8;
	}
	#nightzoo_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a {
		border: 1px solid #4ca7b4;
	}
	#nightzoo_sldier.popup_wrap .bx-controls .bx-pager .bx-pager-item a.active {
		background: #4ca7b4;
	}
}