#tinymce.container{
	padding:10px 20px;
	background-color:#FFFFFF;
	box-sizing: border-box;
}
#tinymce .commentbox{
	display:flex;
	padding:20px 0 30px;
	box-sizing: border-box;
}
#tinymce .dispcomment8{
	width:24%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment8.dispcnt2{
	width:74%;
}
#tinymce .dispcomment7{
	width:74%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment7.dispcnt2{
	width:24%;
}
#tinymce .dispcomment6{
	width:33%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment6.dispcnt2{
	width:66%;
}
#tinymce .dispcomment5{
	width:66%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment5.dispcnt2{
	width:33%;
}
#tinymce .dispcomment4{
	width:25%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment3{
	width:33%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment2{
	width:50%;
	padding:0 1%;
	box-sizing: border-box;
}
#tinymce .dispcomment1{
	width:100%;
	box-sizing: border-box;
}

#tinymce h1 {
	font-size: 24px;
	background-color: #151e49;
	color: #FFFFFF;
	padding: 10px 0 5px 10px;
}
#tinymce h2 {
	font-size: 24px;
	color: #151e49;
	font-weight: bold;
	border-bottom: 2px solid #151e49;
	border-image: linear-gradient(to right, #151e49 0%, #EEF0FB 100%);
	border-image-slice: 100%;
	border-image-slice: 1;
	margin: 20px 0;
	background-color: #EEF0FB;
	padding: 10px 0 5px 10px;
	position: relative;
	text-align:left;
}

#tinymce h3 {
	position: relative;
	background: #1f224a;
	box-shadow: 0px 0px 0px 5px #1f224a;
	border: dashed 2px white;
	padding: 0.2em 0.8em;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}
#tinymce h3::after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #1f224a;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.lbl{
	font-size:180%;
}
#tinymce table{
	border:unset;
	width:100% !important;
}
#tinymce table th,
#tinymce table td{
	padding:10px;
	border:unset;
}
table.data input[type="text"],
table.data select,
table.data textarea,
table.cmstbl input[type="text"],
table.cmstbl select,
table.cmstbl textarea {
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 14px;
	width:80%;
}

.data .required {
	display: inline-block;
	margin-left: 8px;
	padding: 0 4px;
	border-radius: 4px;
	background: #c73c3c;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}
span.tablet{
	display:block;
}
span.sp{
	display:none;
}
table.data th.pc{
	display:table-cell;
}
.sponly{
	display:none;
}

table.data td,
table.cmstbl td{
	padding:0.5em 1em;
}

table.data th,
table.data td,
table.cmstbl th,
table.cmstbl td{
	display:table-cell;
	/*width:auto !important;*/
	width:unset;
}

#h_logo{
	width:auto;
	margin-top:10px;
}
#h_tel{
	width:auto;
}
#h_logo img,
#h_tel img{
	width:auto;
	max-height:50px;
	vertical-align:bottom;
}

#tinymce .pointbox li b,
#tinymce .pointbox li strong{
	font-size:18px;
	color:#c00000;
}
.point1{
	background-image:url('/travel/images/common/point01.png');
}
.point2{
	background-image:url('/travel/images/common/point02.png');
}
.point3{
	background-image:url('/travel/images/common/point03.png');
}
.point4{
	background-image:url('/travel/images/common/point04.png');
}

ol.numberbox {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0.5em;
	background: #E6E7F4;
}
ol.numberbox li::before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #1f224a;
	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%);
}
ol.numberbox li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}
#tinymce .pointbox {
	list-style-type: none !important;
	padding: 0.5em;
	background: #E6E7F4;
}
#tinymce .pointbox li:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
#tinymce .pointbox li:nth-child(1):before {
	background-image: url('../images/point01.png');
}
#tinymce .pointbox li:nth-child(2):before {
	background-image: url('../images/point02.png');
}
#tinymce .pointbox li:nth-child(3):before {
	background-image: url('../images/point03.png');
}
#tinymce .pointbox li:nth-child(4):before {
	background-image: url('../images/point04.png');
}
#tinymce .pointbox li:nth-child(5):before {
	background-image: url('../images/point05.png');
}
#tinymce .pointbox li:nth-child(6):before {
	background-image: url('../images/point06.png');
}
#tinymce .pointbox li:nth-child(7):before {
	background-image: url('../images/point07.png');
}
#tinymce .pointbox li:nth-child(8):before {
	background-image: url('../images/point08.png');
}
#tinymce .pointbox li:nth-child(9):before {
	background-image: url('../images/point09.png');
}
#tinymce .pointbox li:nth-child(10):before {
	background-image: url('../images/point10.png');
}
#tinymce .pointbox li {
	min-height: 50px;
	padding-left: 0;
	display: block;
	width: 100%;
	margin: 10px;
}

.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;
}



/* 新バージョン */
#tinymce .planbox{
	color:#221f4a;
	text-align:center;
	border: solid 1px #221f4a;
}
#tinymce .boxheader{
	padding:10px;
	color:#FFFFFF;
	font-size:16px;
	background-color:#221f4a;
}
#tinymce .planboxin{
	padding:0 10px;
}
#tinymce .namelbl{
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 1px #221f4a;
}

#tinymce .planboxin ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 5px 0;
}
#tinymce .planboxin ol li {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 30px;
	position: relative;
}
#tinymce .planboxin ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #333;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px;
	color: #ffffff;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

#tinymce table.hoteltbl{
	width:100%;
	border:solid 1px #221f4a;
	border-collapse: collapse;
}
#tinymce table.hoteltbl th{
	color:#FFFFFF;
	text-align:center;
	background-color:#221f4a;
	padding:2px;
}
#tinymce table.hoteltbl th.thitem{
	color:#FFFFFF;
	text-align:center;
	background-color:#786b86;
}
#tinymce table.hoteltbl td{
	border:solid 1px #221f4a;
	text-align:center;
	padding:2px;
}
#tinymce table.hoteltbl th{
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
}



table.cmstbl th{
	background-color:#E1EEF9;
	border-top:#9DC6EA solid 2px;
	border-right:#9DC6EA solid 2px;
	border-bottom:#9DC6EA solid 2px;
	border-left:#9DC6EA solid 2px;
	font-weight:bold;
	white-space: nowrap;
	width:12%;
	text-align:left;
}




@media screen and (max-width: 640px) {
	table.data th,
	table.data td{
		display:block;
		width:100%;
	}
}