@charset "UTF-8";
/* CSS Document */

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

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body{
	font-family: "Noto Sans JP", YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
	font-size: 1.9rem;
	font-weight: normal;
	line-height: 1.8;
	text-align: left;
}
.ro{
	transition: all 0.25s ease-out;
}
.ro:hover{
	transition: all 0.25s ease-out;
	opacity: .85;
	cursor: pointer;
}
.innerWrap{
	max-width: 1000px;
	margin: 0 auto;
}
/*@media only screen and (max-width: 767px) {
	.innerWrap{
		padding-left: 20px;
		padding-right: 20px;
	}
}*/

#container{
	width: 100%;
	overflow: hidden;
	background: #000;
	color: #fff;
}

/*-------------------------
pcCont/spCont
-------------------------*/
.spCont{display:none;}
@media only screen and (max-width: 767px) {
	.pcCont{display:none;}
	.spCont{display:block;}
}


#breadcrumbs {
	color:#333;
	text-align: left;
	margin: 0 auto;
	padding: 12px 0 12px 30px;
	font-size: 12px;
	background-color:#f2f2f2;
}
#breadcrumbs a{
	color:#4e4e4e;
	text-decoration: none;
}
#breadcrumbs ul{
	display: flex;
}
#breadcrumbs li{
	margin-right:15px;
}
#breadcrumbs li:not(:first-child):before {
	content: ">";
	margin-right: 8px;
}
@media screen and (max-width:767px) {
	#breadcrumbs {
			max-width:auto;
			margin: 0 auto;
			padding: 9px 15px;

			overflow-x: scroll;
			word-break: keep-all;
			white-space: nowrap;
			 -webkit-overflow-scrolling: touch;
	}
}

.jgt_price {
	font-family: 'Roboto',sans-serif;
	font-style:italic;
  display: none;
	line-height: 1;
}
/*.jgt_price::after {
  content: '円～';
  font-size: 36px;
}*/
#tyo_from .plan_price .jgt_price::before{
	content: "東京発";
}
#osa_from .plan_price .jgt_price::before{
	content: "関西発";
}
#ngo_from .plan_price .jgt_price::before{
	content: "名古屋発";
}
#fuk_from .plan_price .jgt_price::before{
	content: "九州発";
}
#kan_from .plan_price .jgt_price::before{
	content: "金沢発";
}
#hok_from .plan_price .jgt_price::before{
	content: "北海道発";
}
#tho_from .plan_price .jgt_price::before{
	content: "東北発";
}
#chu_from .plan_price .jgt_price::before{
	content: "中国発";
}
#shi_from .plan_price .jgt_price::before{
	content: "四国発";
}
#oki_from .plan_price .jgt_price::before{
	content: "沖縄発";
}
#ishi_from .plan_price .jgt_price::before{
	content: "石垣島発";
}
#miya_from .plan_price .jgt_price::before{
	content: "宮古島発";
}

#ama_from .plan_price .jgt_price::before{
	content: "奄美大島発";
}

#nii_from .plan_price .jgt_price::before{
	content: "新潟発";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

header {
	display: flex;
	align-items: center;
	background-color: #cc0000;
	padding:0 30px;
	height:80px;
	position:relative;
}

header img {
	width: 103px;
	height: 23px;
}

header h1 {
	position:absolute;
	right:30px;
	width:calc(100% - 60px - 500px);
	font-size: 1.4rem;
	color: #fff;
	text-align:right;
}

header h2{
	margin: 0 40px 0 64px;
	padding: 0;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
}
header h2 big{
	font-size: 19px;
	margin-right: 24px;
}
header select {
	width: auto;
	height: 36px;
	appearance: none;
	padding-right: 20px;
	background: url(../../../wp-content/themes/jumbotours/assets/img/header_select_white.svg) no-repeat right 16px center #000;
	background-size: 10px 12px;
	color: #fff;
	border: 0;
	border-radius: 36px;
	box-sizing: border-box;
	padding: 0 36px 0 24px;
	margin: 0;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
	outline: none;
}
#tyo_from header .departure .tyo,
#osa_from header .departure .osa,
#ngo_from header .departure .ngo,
#fuk_from header .departure .fuk,
#oki_from header .departure .oki,
#kan_from header .departure .kan,
#hok_from header .departure .hok,
#ishi_from header .departure .ishi,
#miya_from header .departure .miya,
#ama_from header .departure .ama{
	display: none;
}

@media screen and (max-width:767px) {
	header {
			padding: 0;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			background: #DBDBDB;
			height: auto;
	}
	header .logo {
			position: relative;
			right:auto;
			order: 2;
			width: 100%;
			height: 56px;
			margin: 0;
			padding: 0 0 0 16px;
			background: #BF0101;
			text-align: left;
			display: flex;
			align-items: center;
	}
	header img {
			width: 70px;
			height: auto;
	}
	header h1{
			font-size:1.3rem;
			line-height: 1.4;
			width:calc(100% - 110px);
			top:10px;
			right:16px;
	}
	header h2 {
			order: 3;
			margin: 0;
			padding: 0 15px;
			font-size: 12px;
			font-weight: bold;
			display: flex;
			align-items: center;
			color:#333;
	}
	header h2 big{
			font-size: 17px;
			margin-right: 0;
	}
	header .departure {
			order: 4;
			flex: 1;
			margin: 0;
			padding: 12px 0;
			text-align: left;
			color:#333;
	}
	header select{
			width: auto;
			height: 32px;
			padding-right: 20px;
			background: url(../../../wp-content/themes/jumbotours/assets/img/header_select_black.svg) no-repeat right 16px center #fff;
			background-size: 10px 12px;
			color: #000;
			border: 0;
			padding: 0 36px 0 24px;
			margin: 0;
			box-shadow: 0;
			font-size: 14px;
			font-weight: bold;
	
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■soon
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.soon{
	font-size: 90px;
	line-height: 1.1;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 100px 0 190px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.soon{
		font-size: 14vw;
		padding:20px 0 80px;
	}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■main_vs
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_vs{
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	height: 600px;
	line-height: 1;
	text-align: center;
}
#main_vs h1{
	height:600px;
}
#main_vs h1 img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
@media only screen and (max-width: 1200px) {
	#main_vs,
	#main_vs h1{
		height:auto;
	}
	#main_vs h1 img{
		width: 100%;
		height:auto;
	}
}
@media only screen and (max-width: 767px) {
	#main_vs{
		height: auto;
	}
	#main_vs h1{
		height: auto;
	}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■特典
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.bf_tokuten {
	width: 1001px;
	margin:10px auto;
	
}

.tokuten_link {
	position: absolute;
	top: 220px;
	right: 50px;
}

.bf_tokuten02 {
	width: 1001px;
	margin:20px auto;
	
}

@media only screen and (max-width: 767px) {
	
.bf_tokuten {
	width: 100%;
	margin:20px auto;
	
}
	
	.bf_tokuten img {
		width: 90%;
		margin: auto;
	}
	
	.tokuten_link {
	position: absolute;
	top: 230px;
	right: 80px;
}
	
.bf_tokuten02 {
	width: 100%;
	margin:20px auto;
	
}
	
.bf_tokuten02 img {
		width: 90%;
		margin: auto;
	}
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#about{
	text-align: center;
	margin-bottom: 60px;
}
@media only screen and (max-width: 1280px) {
	#about img{
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 767px) {
	#about{
		margin-bottom: 25px;
	}
	#about img{
		width: 100%;
		height: auto;
		max-width:350px;
		margin: 0 auto;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■area_link
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.area_link{
	max-width: 1240px;
	margin: 0 auto;
	line-height: 1;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 120px;
}
.area_link li{
	cursor: pointer;
	position: relative;
	margin: 0 1% 15px 0;
}
.area_link li.active::after{
	content:'CHECK';
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	width:140px;
	color:#907700;
	position: absolute;
	left:0;
	bottom:-40px;
}
@media only screen and (max-width: 767px) {
	.area_link{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 400px;
		margin: 0 30px 50px;
	}
	.area_link::after{
		display: block;
		content:'';
		width:31%;
	}
	.area_link li{
		width:31%;
		margin-bottom: 10px;
	}
	.area_link li.active::after{
		content: none;
	}
	.area_link li img{
		width: 100%;
		height: auto;
	}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■plan_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#plan_sec{
	max-width:1440px;
	margin: 0 auto;
	padding-bottom: 100px;
}
/* tab */
.tour_block{
	display: none;
}
.tour_block.show{
  display: block;
	animation: fade-in 0.8s ease-out;
}
@-webkit-keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.tour_block .ttl{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 60px;
}
.tour_block .ttl .from{
	color: #513e00;
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
	width: 187px;
	height: 68px;
	padding-bottom: 2px;
	background: url(../img/bg_from.png) no-repeat left top;
	background-size: 100% 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 30px 0 0;
}
.tour_block .ttl h2{
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}
.tour_block .ttl h2 span{
	font-size: 40px;
	margin-left: 30px;
}
.tour_block .ttl .price{
	color: #d9b700;
	font-size: 36px;
	font-family: 'Roboto';
	font-weight: bold;
	font-feature-settings: "palt";
	margin-left: 40px;
}
.tour_block .ttl .price span{
	font-size: 76px;
}
@media only screen and (max-width: 1000px) {
	.tour_block .ttl{
		display: block;
		text-align: center;
	}
	.tour_block .ttl .from{
		margin:0 auto;
	}
	.tour_block .ttl h2{
		text-align: center;
	}
	.tour_block .ttl .price{
		margin: 0;
	}
}
@media only screen and (max-width: 767px) {
	.tour_block .ttl{
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.tour_block .ttl .from{
		font-size: 28px;
		height: 50px;
		margin-bottom: 10px;
	}
	.tour_block .ttl h2{
		display: block;
		font-size: 54px;
		line-height: 1.4;
		margin-bottom: 14px;
	}
	.tour_block .ttl h2 span{
		font-size: 28px;
		margin: 0;
		display: block;
	}
	.tour_block .jgt_price::after{
		font-size: 24px;
	}
	.tour_block .ttl .price span{
		font-size: 58px;
	}

}

.tour_box{
	margin-bottom: 108px;
}
.tour_box.ro:hover{
	opacity: 1;
	transform: scale(1.01);
}
.tour_box a{
	text-decoration: none;
}
.tour_box h3{
	width:100%;
	height:190px;
	background: url(../img/bg_hd01.png) no-repeat left top;
	background-size: 100% 190px;
	text-align: center;
	color: #493000;
	font-size: 38px;
	font-style: italic;
	font-weight: 900;
	line-height: 1.2;
	font-feature-settings: "palt";
	letter-spacing: 0.01em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tour_box h3 span{
	color: #c70000;
}
.tour_box h3 div::first-letter,
.tour_box h3 strong{
	font-size: 134%;
	font-style: italic;
	font-weight: 900;
	line-height: 0.94;
}
.tour_box h3.big{
	height:auto;
	background-size:100% 100%;
	padding-top:20px;
	padding-bottom:20px;
}

@media only screen and (max-width: 1000px) {
	.tour_box h3{
		height: auto;
		background-size: 100% 100%;
		font-size: 21px;
		padding: 15px 25px;
		margin-bottom: 15px;
	}
}

.tour_box .box{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.tour_box .box .tokuten_area{
	width:42.5%;
	padding: 45px 0 0 20px;
}
.tour_box .box .img_area{	
	width:54.166%;
}
.tour_box .box .img_area .img{
	width: 100%;
	height:auto;
}
/* tokuten_aera */
.tour_box .tokuten_area ul{
	margin: 0 0 24px 0;
}
.tour_box .tokuten_area li{
	position: relative;
	padding:0 0 0 126px;
	margin-bottom: 20px;
	color: #d9b700;
	font-size: 24px;
	font-weight: 900;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.35;
	text-align: left;
}
.tour_box .tokuten_area li::before{
	content:'';
	position: absolute;
	left:0;
	top:-16px;
	background: url(../img/toku01.png) no-repeat left top;
	width:105px;
	height:58px;
}
.tour_box .tokuten_area li:nth-of-type(2)::before{
	background-image: url(../img/toku02.png);
}
.tour_box .tokuten_area li:nth-of-type(3)::before{
	background-image: url(../img/toku03.png);
}
.tour_box .tokuten_area li:nth-of-type(4)::before{
	background-image: url(../img/toku04.png);
}
.tour_box .tokuten_area li:nth-of-type(5)::before{
	background-image: url(../img/toku05.png);
}
.tour_box .tokuten_area li span{
	display: block;
	color: #fff;
	font-size: 15px;
	font-style: italic;
	line-height: 1.55;
	font-weight: 400;
	margin-top: 8px;
}
.tour_box .tokuten_area .price{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
}
.tour_box .tokuten_area .price img:first-child{
	display: none;
}
/* img_area */
.tour_box .img_area{
	position: relative;
}
.tour_box .img_area ul{
	position: absolute;
	top:15px;
	right:15px;
	display: flex;
}
.tour_box .img_area ul li{
	background-color: #ca0000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	border-radius: 50%;
	width: 144px;
	height: 144px;
	text-align: center;
	
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 6px;
	font-feature-settings: "palt";
	font-style: italic;
}
.tour_box .img_area ul li.l4{
	line-height: 1.3;
}
.tour_box .img_area ul li.big{
	width:214px;
}
.tour_box .img_area ul li:not(:last-child){
	margin-right: 15px;
}
@media only screen and (max-width: 1280px) {
	.tour_box .tokuten_area .price{
		display: block;
	}
	.tour_box .tokuten_area .price img:not(:last-child){
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 1000px) {
	.tour_box{
		margin-bottom: 50px;
	}
	.tour_box .box{
		display: block;
	}
	.tour_box .box .tokuten_area,
	.tour_box .box .img_area{
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}
	.tour_box .box .tokuten_area{
		padding-top:35px;
	}
	.tour_box .tokuten_area .price{
		display: flex;
		justify-content: center;
	}
	.tour_box .img_area ul{
		right:40px;
	}
}
@media only screen and (max-width: 767px) {
	.tour_box .img_area .img{
		margin: -32px 0 10px 0;
	}
	.tour_box .img_area ul{
		width: 100%;
		max-width: 325px;
		margin: 0 auto;
		position: relative;
		right:auto;
		top:auto;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.tour_box .img_area ul::after{
		content:'';
		display: block;
		width: 31.2%;
	}
	.tour_box .img_area ul li{
		width: 31.2%;
		font-size: 14px;
		height:auto;
		padding:13px 0 16px;
	}
	.tour_box .img_area ul.p2 li,
	.tour_box .img_area ul li.big{
		width: 48%;
	}
	.tour_box .img_area ul.bad{
		max-width: 360px;
	}
	.tour_box .img_area ul.bad li{
		width:31.5%;
		font-size: 12px;
	}
	.tour_box .img_area ul li:not(:last-child){
		margin-right: 0;
	}
	.tour_box .img_area ul li img{
		width: 100%;
		height: auto;
	}
	.tour_box .box .tokuten_area{
		padding-top: 10px;
	}
	.tour_box .tokuten_area ul{
		margin-bottom: 16px;
	}
	.tour_box .tokuten_area li{
		font-size: 18px;
		padding: 11px 0 0 70px;
		margin-bottom: 5px;
	}
	.tour_box .tokuten_area li span{
		font-size: 13px;
	}
	.tour_box .tokuten_area li::before{
		content:'';
		position: absolute;
		left:-10px;
		top:0;
		width:64px;
		height:45px;
		background-size: 64px auto;
	}
	.tour_box .tokuten_area .price img:not(:last-child){
		width: 90%;
		height: auto;
	}
	.tour_box .tokuten_area .price img:last-child{
		width:180px;
		height: auto;
	}
}
@media only screen and (max-width: 650px) {
	.tour_box .tokuten_area .price{
		display: block;
		text-align: center;
	}
}


.tour_block p.btn{
	max-width:540px;
	margin: 0 auto;
}
.tour_block p.btn a{
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
	line-height: 1.4;
  border-radius: 10px;
  background-color: #c00;
  text-align: center;
  text-decoration: none;
  padding: 25px 30px;
	box-shadow: 5px 5px 0 #444;
  position: relative;
}

.tour_block p.btn a::after {
  content: '';
  position: absolute;
  right: 22px;
  top: 35px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}
@media only screen and (max-width: 767px) {
	.tour_block p.btn a{
		max-width:320px;
		margin: 0 auto;
		font-size: 18px;
		padding: 15px 45px;
	}
	
	.tour_block p.btn a::after {
		right: 18px;
		top: 34px;
		/*top: 22px;*/
	}	
}

.tour_block .area_btn_wrap{
	margin-top: 50px;
}


/* カセットの中の最安値 */
.tour_block .plan_price{
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 45px 0 10px;
}
.tour_block .plan_price .jgt_price::before{
	content: "";
	font-size: 18px;
	margin-right: 10px;
	font-style: normal;
	font-weight: 700;
}
/*.tour_block .plan_price .jgt_price::after{
	content: "円～";
	font-size: 24px;
	margin-left: 5px;
	font-style: normal;
	font-weight: 700;
}*/
.tour_block .plan_price .jgt_price{
	display: inline-block !important;
}
.tour_block .plan_price small {
	font-size: 15px;
	margin-left: 5px;
	font-weight: 700;
	float: left;
}

.plan_room_day {
	font-size: 15px;
	margin-left: 5px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	.tour_block .plan_price{
		font-size: 30px;
		margin: 45px 0 0px;
	}
	.tour_block .plan_price .jgt_price::before{
		font-size: 14px;
		margin-right: 5px;
	}
	.tour_block .plan_price .jgt_price::after{
		font-size: 17px;
	}
	.tour_block .plan_price small {
		font-size: 13px;
	}

	.plan_room_day {
		font-size: 13px;
	}
}



/*/////////////////////////////　フッター　////////////////////////////*/
footer {
  text-align: left;
  position: relative;
  padding: 0 0 0 0;
}

footer ul {
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 11px;
  right: 40px;
}

footer li {
  margin: 0 0 0 24px;
  padding: 0;
}

footer .copyright {
  background: #ececec;
  padding: 24px 40px;
  text-align: left;
  margin: 0 auto;
  font-size: 1rem;
}

footer .copyright a {
  color: inherit !important;
  text-decoration: none;
}

footer div {
  color: #fff;
  background: #445289;
  padding: 40px calc(50% - 450px);
  padding: 40px -webkit-calc(50% - 450px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer dl {
  margin: 0 0 0px 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

footer dd {
  font-size: 13px;
  margin: 0 12px 0 0;
  padding: 0;
}

footer dt {
  margin: 0 16px 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}

footer dd a {
  color: #fff !important;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

footer dd a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  footer {
    padding: 30px 0 0 0;
  }
  footer ul {
    text-align: center;
    display: block;
    position: static;
  }
  footer li {
    margin: 0;
    padding: 0 15px;
  }
  footer .copyright {
    padding: 15px 20px;
  }
  footer div {
    display: block;
    padding: 20px;
    margin-top: 20px;
  }
  footer dl {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer dt {
    width: 100%;
    margin: 0 0 12px 0;
  }
}

/* ページトップ */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 15px;
  z-index: 100;
}

#page-top a {
  background: #AB1436;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
  background: #333;
}

@media screen and (max-width: 560px) {
  #page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    font-size: 13px;
  }
  #page-top a {
    background: #AB1436;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
  }
  #page-top a:hover {
    text-decoration: none;
    background: #333;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■count down
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cdt_wrapper {
	font-size: 24px;
	font-weight: bold;
  text-align: center;
  line-height: 2;
  display: flex;
  justify-content: center;
  align-items: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
}

.cdt_wrapper small {
  font-size: 1.8rem;
  padding: 0 6px;
}
.cdt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cdt_txt {
  font-size: 1.8rem;
  display: inline-block;
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
	.cdt_wrapper small,
	.cdt_txt {
		font-size: 1.4rem;
	}	
}

.cdt_txt span {
  display: block;
  line-height: 1;
}
.cdt_date {
  font-size: 1.8rem;
	line-height: 1.3;
}
.cdt_num {
	font-family: 'Roboto';
	font-size: 4.2rem;
	font-style: italic;
  background-color: #222;
  padding: 5px 12px;
}
@media screen and (max-width: 767px) {
	.cdt_date {
		font-size: 1.6rem;
	}
	.cdt_num {
		font-size: 2.8rem;
		padding: 3px 6px;
	}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■Coming soon
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*body{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	min-width: inherit;
	height: 100vh;
	background: #000000;
}
footer{
	background: #fff;
}
@media only screen and (max-width: 767px) {
	footer{
		padding-top: 20px;
	}
}
#container{
}
.comming{
	color: #ffffff;
	font-size: 1.8rem;
	padding: 90px 30px 130px;
	text-align: center;
}
.main img{
	width: 100%;
	height: auto;
}*/

/*//////////////////////ポップアップ/////////////////////////////*/




.popup-bg-cover{
	position: fixed; /* ブラウザの定位置に固定 */
	background: rgba(0, 0, 0, .5); /* 背景色を半透明の黒色に */
	width: 100%; /* 要素の横幅を画面全体に */
	height: 100%; /* 要素の高さを画面全体に */
	top: 0; /* 要素の固定位置をブラウザ最上部に合わせる */
	left: 0; /* 要素の固定位置をブラウザ左側に合わせる */
	z-index: 1000; /* 要素をコンテンツより前面に（要調整） */
}

#sample-popup-switch {
	/* チェックボックスを非表示 */
	display: none;
}
.sample-popup-background {
	/* 画面全体を暗くする透過背景 */
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	z-index: 1000;
}
.sample-popup-content {
	/* ポップアップ本体 */
	display: inline-block;
	position: fixed;
	width: 75%;
	z-index: 1100;
	background: #fff;
	padding: 2%;
	top: 50%;
	left: 50%;
	color: #000;
	transform: translate(-50%,-50%);
	overflow-y: scroll;}
.sample-popup-content p {
	text-align: center;
}
.sample-popup-close {
	/* ポップアップ内の閉じるボタン */
	position: relative;
	display: inline-block;
	background: #09f;
	color: #fff;
	padding: 0 1em;
	border-radius: 3px;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%);
}
#sample-popup-switch:checked ~ .sample-popup-background, #sample-popup-switch:checked ~ .sample-popup-box {
	/* ポップアップ･透過背景を閉じる */
	display: none;
}