@charset "utf-8";

#next_header_in{
	width:1200px;
	margin:0 auto;
	padding-top:100px;
}
.firstsunrise {
	background: url("../images/firstsunrise.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
#next_header {
	height: 430px;
}
div.sunrise_title{
	text-align:center;
	margin:30px auto 60px;
}
div.sunrise_title p {
	display: inline-block;
	font-size:34px;
	line-height:1;
	vertical-align:middle;
	color:#151e49;
}
div.sunrise_title p span{
	font-size:20px;
}

div.sunrise_title::before {
	content: url("../../images/next/spot_left.svg");
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
}

div.sunrise_title::after {
	content: url("../../images/next/spot_right.svg");
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

h2::before{
	vertical-align: -moz-middle-with-baseline;
	margin-right: 5px;
	position:absolute;
	left:5px;
	top:14px;
}
h2 {
	font-size: 24px;
	color:#151e49;
	font-weight:bold;
	border-bottom: 2px solid #151e49;
	border-image: linear-gradient(to right, #151e49 0%, #fcf9d9 100%);
	border-image-slice: 1;
	margin:20px 0;
	background-color: #ffffee;
	padding: 10px 0 5px 50px;
	position:relative;
}

ul.checklist {
	border: dotted 2px #ffb03f;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}

ul.checklist li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;/*ポチ消す*/
}

ul.checklist li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0a4";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #ffb03f; /*アイコン色*/
}
.indent{
	text-indent: -1em;
	margin-left: 1em;
}
.contentone{
	margin-bottom:80px;
}
.date{
	font-size:150%;
}
.date b{
	color:#c00000;
}
.date span{
	font-size:80%;
}

.checklist li b{
	color:#c00000;
	font-weight:normal;
}


ol.numberbox {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0.5em;
	background: #FFF8F4;
}
ol.numberbox li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

ol.numberbox li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*以下数字のデザイン変える*/
	display:inline-block;
	background: #FF8040;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	/*以下 上下中央寄せのため*/
	top: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.money{
	font-size:20px;
}
.money b{
	font-size:34px;
	color:#c00000;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.money span{
	font-size:16px;
}
.moneyinfo li{
	margin-left:20px;
}


h3 {
	position: relative;
	background: #FFDACA;
	box-shadow: 0px 0px 0px 5px #FFDACA;
	border: dashed 2px white;
	padding: 0.2em 0.8em;
	color: #454545;
	font-size: 120%;
	font-weight: bold;
	margin-bottom:20px;
}

h3:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #FF8040;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#next_main {
    background-color: #FFFFFF;
}

.pointbox{
}
.pointbox li{
	display:inline-block;
	width:25%;
}

.pointbox li{
	background-repeat:no-repeat;
	background-position:left top;
	min-height:80px;
	padding-left:90px;
}
.pointbox li b{
	font-size:18px;
	color:#c00000;
}
.point1{
	background-image:url('../images/point01.png');
}
.point2{
	background-image:url('../images/point02.png');
}
.point3{
	background-image:url('../images/point03.png');
}
.point4{
	background-image:url('../images/point04.png');
}

.photobox li{
	margin:10px 0;
}
.photobox li img{
	border:solid 1px #cccccc;
	padding:5px;
	box-sizing: border-box;
}

.nextbutton{
	margin:0 auto 50px;
	text-align: center;
}

.nextbutton a {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	color: #FFFFFF;
	background: #cf121b;
	transition: .4s;
	font-size: 30px;
	width: 80%;
	text-align: center;
}

.nextbutton a:hover {
	background: #ff8040;
	color: #FFFFFF;
}

.nextbutton2 span{
	margin:0 auto 50px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	color: #000000;
	background: #E2E2E2;
	transition: .4s;
	font-size: 30px;
	width: 80%;
	text-align: center;
}


/* 初日の出フライト */
.tinymce ul.sunrisepoint,
#tinymce ul.sunrisepoint,
ul.sunrisepoint{
	display:flex;
	align-items: center;
	flex-flow: wrap;
}
.tinymce ul.sunrisepoint li,
#tinymce ul.sunrisepoint li,
ul.sunrisepoint li{
	background-image: url('/travel/plan/firstsunrise/images/bk_point.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width:23%;
	margin:0 1%;
	padding:10px 0;
	list-style: none;
}


/*******************************************

	申込フォーム

*******************************************/
table.inquiry_table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px auto;
}

table.inquiry_table tr.top {
	border-top: 1px solid #1367a3;
}

table.inquiry_table tr {
	border-bottom: 1px solid #1367a3;
}

table.inquiry_table th {
	width: 25%;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	border-right: 1px solid #1367a3;
	background-color: #d0efff;
	text-align: left;
	box-sizing: border-box;
}

table.inquiry_table th span {
	float: right;
	color: #ff0000;
}

table.inquiry_table th span:after {
	content: "";
	display: block;
	clear: both;
}

table.inquiry_table td {
	width: 75%;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	box-sizing: border-box;
}

table.inquiry_table td .text {
	font-size: 14px;
	padding-top: 5px;
}

table.inquiry_table td input {
	width: 60%;
	padding: 5px 10px;
}

/*table.inquiry_table td input.auto {
	width: auto;
}*/

table.inquiry_table td select {
	padding: 5px 10px;
}

table.inquiry_table td textarea {
	width: 100%;
	padding: 5px 10px;
}

.submit_btn {
	display: block;
	text-align: center;
	padding: 15px 20px;
	font-size: 18px;
	min-width: 280px;
	background-color: #1367a3;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	margin:2em auto 0;
}
.submit_btn:hover{
	cursor: pointer;
}

.submitbutton:hover{
	cursor: pointer;
}

.submitbutton {
	width: auto;
	margin: 10px;
	padding: 20px 40px;
	background-color: #1367a3;
	font-size: 18px;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.submitbutton.backbutton {
	background-color: #808080;
}

.error_message{
	color:#FF0000;
	font-weight:bold;
	padding: 5px;
	margin: 5px 0 0 0;
	line-height: 1.4;
	background-color:#FFFF80;
	display:inline-block;
}

.inquiry_comment{
	text-align:center;
}

.inquiry_button{
	text-align:center;
}

.inquiry_l{
	float:left;
	width:60%;
}
.inquiry_r{
	float:right;
	width:40%;
}
.inquiry_r a {
	display: block;
	padding: 15px;
	background-color: #067dc2;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	border-radius: 50px;
	text-align: left;
	border: none;
	cursor: pointer;
	position: relative;
}
.inquiry_r a::after {
	content: url("/images/common/arw_right3.svg");
	position: absolute;
	right: 20px;
}

/* 申込フォーム */
span.w60{
	width:60px;
	text-align:right;
	display:table-cell;
}
span.w90{
	width:90px;
	text-align:right;
	display:table-cell;
}
.texttable{
	display:table-cell;
}
.additem{
	padding:5px 0;
}

.haneibtn{
	color:#FFFFFF;
	padding:8px 30px;
	cursor: pointer;
	border-radius: 5px;
	background-color: #1a4d7a;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	border: solid 1px #1a4d7a;
}
.haneibtn:hover{
	color:#000;
	background-color: #DAEAF8;
}


.entryend_title{
	font-size:30px;
	font-weight:bold;
}
.entryend_alert{
	font-size:24px;
	font-weight:bold;
	color:#FF0000;
}
.entryend_text{
	padding:10px;
}
.entryend_text b{
	color:#FF0000;
	text-decoration:underline;
	font-weight:normal;
}
.entryend_text p{
	margin-bottom:10px;
}

.data .membertr2 th,
.data .membertr4 th,
.data .membertr6 th,
.data .membertr8 th,
.data .membertr10 th,
.data .membertr12 th{
	background-color:#C1DCF2;
}
.data .membertr2 td,
.data .membertr4 td,
.data .membertr6 td,
.data .membertr8 td,
.data .membertr10 td,
.data .membertr12 td{
	background-color:#E7E7E7;
}
.data tr .splbl{
	background-color:#00699B;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
}

