@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/dog/campaign/2018/ferry-sunflower/ for SP

++++++++++++++++++++++++++++++++++++++++ */

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

#contents_area {
	letter-spacing: -.04em;
	font-size: 16px;
	font-size: -webkit-calc(16 * 100vw / 320);
	font-size: calc(16 * 100vw / 320);
	line-height: 2;
}

#contents_area img[src*='_pc.jpg'],
#contents_area img[src*='_pc.png'] {
	display: none !important;
}

.section+.section {
	margin-top: 0;
}
.section img {
	display: block;
	width: 100%;
}
.section h3,
.section .block p {
	z-index: 2;
}
.section h3 {
	position: relative;
	margin: 0;
	padding: 0;
}
.section p {
	margin: 0 6.25%;
}

.section_inner {
	margin: 0;
}

.section .block_wrap,
.section .block,
.section .block figure,
.section .block p {
	position: relative;
}
.section .block_wrap,
.section .block,
.section .block figure {
	z-index: 1;
}

.section .block small {
	display: inline-block;
	font-size: 14px;
	font-size: -webkit-calc(20 * 100vw / 480);
	font-size: calc(20 * 100vw / 480);
}

.section .copy {
	margin: 0;
}

.section .point:after {
	content: '';
	display: block;
	margin-top: 5%;
	padding-top: 5%;
	background: url(../image/point_foot_sp.png) 0 100% no-repeat;
	background-size: 100%;
}
.section .point h4,
.section .point h5,
.section .point h6 {
	overflow: hidden;
	height: 0;
	padding-top: 6.25%;
	background: url(../image/point_head_sp.png) 0 no-repeat;
	background-size: 100%;
}
.section .point ul,
.section .point li,
.section .point figure {
	position: relative;
}
.section .point ul {
	margin-top: 3.75%;
}
.section .point li {
	margin: 0 10%;
	line-height: 1.5;
}
.section .point li+li {
	margin-top: 3.75%;
}
.section .point p {
	margin: 3.125% 0 0;
	padding-left: 8.59%;
}
.section .point li p {
	white-space: nowrap;
}
.section .point figure:before,
.section .point figure:after {
	content: '';
	position: absolute;
	background: 50% 50% no-repeat;
	background-size: contain;
}

.section_contents h3 {
	margin: 0;
	padding-top: 15%;
}
.section_contents h3:before,
.section_contents h3 img {
	position: absolute;
	top: 14%;
	height: 72%;
}
.section_contents h3:before {
	content: '';
	right: 6.25%;
	width: 6.25%;
	background: url(../image/btn_open.png) 50% 50% no-repeat;
	background-size: contain;
}

.section_contents.open h3:before {
	background-image: url(../image/btn_close.png);
}

.section_contents h3 .num,
.section_contents h3 .title {
	width: auto;
}
.section_contents h3 .num {
	left: 6.25%;
}

.section_contents h3 .title {
	left: 50%;
	top: 11%;
	height: 78%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section_contents h4 {
	margin: 0;
}

.section_contents .contents_inner {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	transition: .5s;
	transition-property: visibility, opacity;
}

.section_contents.open .contents_inner {
	visibility: visible;
	opacity: 1;
	position: relative;
}

.section_contents .section_inner {
	padding: 3.75% 0 17.5%;
}

.qa h4,
.qa h5 {
	width: 84.375%;
	margin: auto;
}
.qa>div {
	margin-top: -6.875%;
	padding: 5.625% 0 10.625%;
	background-size: 100% 100%;
}
.qa dd+dt {
	margin-top: 5.625%;
}
.qa dd {
	position: relative;
	margin: 0 6.25%;
	padding: 2.5% 3.75%;
	border-radius: 12px;
	background: #fff;
}
.qa dd:before {
	content: '';
	position: absolute;
	left: 83.57%;
	top: 0;
	width: 10%;
	margin-top: -2.14%;
	padding-top: 5%;
	background: 0 0 no-repeat;
	background-size: contain;
}

.section .column {
	margin-top: -8.75%;
}
.section .column>div {
	box-sizing: border-box;
	background: 50% 0 no-repeat;
	background-size: 100% 100%;
}
.section .column figure {
	margin: 6.25% 6.25% 0;
}
.section .column figure+p {
	margin-top: 3.75%;
}
.section .column li {
	position: relative;
	z-index: 1;
}
.section .column li+li {
	margin-top: -15%;
}


/* ----------------------------------------
	section_top
---------------------------------------- */


#section_top [data-top='1'] {
	margin-top: 1.875%;
}
#section_top [data-top='1'] p {
	margin-top: 6.25%;
}

#section_top [data-top='2'] {
	margin-top: 3.125%;
}
#section_top [data-top='2'] p {
	margin-top: 8.75%;
}

#section_top .apply {
	margin: 7.5% 6.25% 10%;
	padding: 2.5% 3.125% 5%;
	border: solid #00387d 2px;
	border-radius: 10px;
}
#section_top .apply p {
	margin: 0;
}
#section_top .apply a {
	display: block;
	margin-top: 7.5%;
}


/* ----------------------------------------
	section_ready
---------------------------------------- */

#section_ready {
	margin-top: 6.875%;
}

#section_ready .heading {
	z-index: 2;
}
#section_ready .heading p {
	margin-top: 5%;
}
#section_ready .heading figure {
	margin-top: 1.25%;
}

#section_ready [data-ready='1'] {
	margin-top: -5.625%;
}

#section_ready [data-ready='1']+.point {
	margin-top: 4.375%;
}
#section_ready [data-ready='1']+.point:after,
#section_ready [data-ready='1']+.point p {
	margin-top: 3.75%;
}

#section_ready [data-ready='2'] {
	margin-top: 3.125%;
}
#section_ready [data-ready='2'] figure {
	margin-top: 3.75%;
}
#section_ready [data-ready='2'] figure+p {
	margin-top: 4.375%;
}

#section_ready [data-ready='2']+.point li+li {
	margin-top: 8.75%;
}
#section_ready [data-ready='2']+.point li:nth-child(1) figure:before {
	left: -3.9%;
	bottom: -30.15%;
	width: 9.375%;
	height: 25.79%;
	background-image: url(../image/point_deco01.png);
}
#section_ready [data-ready='2']+.point li:nth-child(2) figure:before {
	left: 33.59%;
	top: -11.9%;
	width: 10.93%;
	height: 7.14%;
	background-image: url(../image/point_deco02.png);
}
#section_ready [data-ready='2']+.point li:nth-child(2) figure:after {
	right: 5.46%;
	bottom: -17.46%;
	width: 7.03%;
	height: 23.8%;
	background-image: url(../image/point_deco03.png);
}


/* ----------------------------------------
	section_contents01
---------------------------------------- */

#section_contents01 {
	margin-top: 8.75%;
}
#section_contents01 h3 {
	background: #63c4dd;
}

#section_contents01 .section_inner {
	padding-bottom: 0;
}

/* boarding
---------------------------------------- */

#boarding .heading h4+p {
	margin-top: 5.625%;
}
#boarding .heading figure {
	margin-top: 2.5%;
}
#boarding .heading figure+p {
	margin-top: -8.75%;
}

/* move */

#move {
	margin-top: 2.5%;
}
#move [data-move='1'] p {
	margin: 3.75% 0 0;
	padding: 3.75% 6.25%;
	background: #fce9df;
}

#move .point {
	margin-top: 5%;
}
#move .point p {
	padding-left: 8.59%;
}
#move .point li:nth-child(1) figure:before {
	left: -3.9%;
	bottom: -29.76%;
	width: 9.375%;
	height: 25.79%;
	background-image: url(../image/point_deco01.png);
}
#move .point li:nth-child(2) figure:before {
	right: 5.46%;
	bottom: -17.46%;
	width: 7.03%;
	height: 23.8%;
	background-image: url(../image/point_deco03.png);
}
#move [data-move='2'] {
	margin-top: 6.875%;
}
#move [data-move='2'] figure {
	margin: 0 18.75%;
}
#move [data-move='2'] figure img {
	margin: 0;
}
#move [data-move='2'] p {
	margin-top: 5%;
}

/* checkin */

#checkin {
	margin-top: -3.125%;
}

#checkin .slick-arrow {
	top: 0;
	width: 7.5%;
	height: 0;
	margin-top: 26.875%;
	padding: 7.5% 0 0;
	background: 50% 50% no-repeat;
	background-size: contain;
}

#checkin .slick-prev {
	left: 3.75%;
	background-image: url(../image/contents01/boarding/checkin_btn_prev_sp.png);
}
#checkin .slick-next {
	right: 3.75%;
	background-image: url(../image/contents01/boarding/checkin_btn_next_sp.png);
}

#checkin_image {
	margin-top: 8.75%;
}
#checkin_image p {
	margin: 0;
	background: url(../image/contents01/boarding/checkin_text_bg_sp.png);
	background-size: 100%;
	text-align: center;
	white-space: nowrap;
}
#checkin_image p:after,
#checkin_image p span {
	display: inline-block;
	vertical-align: middle;
}
#checkin_image p:after {
	content: '';
	padding-top: 34.375%;
}
#checkin_image p span {
	max-width: 87.5%;
	text-align: left;
	white-space: normal;
}

#checkin [data-checkin='1']>p {
	margin-top: 6.875%;
}

#checkin .point {
	margin-top: 9.375%;
}
#checkin .point li {
	margin: 0 23.125% 1.25%;
}
#checkin .point p {
	padding: 0 6.25%;
}

#checkin [data-checkin='2'] {
	margin-top: 5.625%;
}
#checkin [data-checkin='2'] p {
	margin-top: 5%;
}

/* detail */

#detail [data-detail='1'] figure {
	margin-top: 3.125%;
}

#detail [data-detail='2'] {
	margin-top: 6.25%;
}
#detail [data-detail='2'] figure {
	margin-top: 3.75%;
}

#detail [data-detail='3'] {
	margin-top: 1.875%;
}
#detail [data-detail='3'] p {
	margin-top: 2.5%;
}

#detail [data-detail='4'] {
	margin-top: 2.5%;
}
#detail [data-detail='4'] p {
	margin-top: 3.75%;
}

#detail .point {
	margin-top: 6.875%;
}
#detail .point li:nth-child(1) figure:before {
	left: 7.18%;
	bottom: -14.28%;
	width: 10.93%;
	height: 21.42%;
	background-image: url(../image/contents01/boarding/detail_point01_deco01.png);
}
#detail .point li:nth-child(1) p {
	padding-left: 25%;
}
#detail .point li:nth-child(2) figure:before {
	right: 9.375%;
	bottom: -19.84%;
	width: 6.25%;
	height: 26.98%;
	background-image: url(../image/contents01/boarding/detail_point01_deco02.png);
}
#detail .point li:nth-child(2) p {
	padding-left: 14.06%;
}
#detail .point li:nth-child(3) figure:before {
	left: 7.03%;
	bottom: -21.42%;
	width: 7.81%;
	height: 25%;
	background-image: url(../image/contents01/boarding/detail_point01_deco03.png);
}
#detail .point li:nth-child(3) p {
	padding-left: 25%;
}
#detail .point li:nth-child(4) figure:before {
	right: 5.46%;
	bottom: -21.42%;
	width: 7.03%;
	height: 23.8%;
	background-image: url(../image/point_deco03.png);
}
#detail .point li:nth-child(4) p {
	padding-left: 26.56%;
}

/* qa */

#boarding .qa {
	margin-top: 8.125%;
}
#boarding .qa>div {
	background-image: url(../image/contents01/boarding/qa_bg_sp.png);
}

#boarding .qa [data-qa='1']+dd:before { background-image: url(../image/contents01/boarding/qa_a01.png); }
#boarding .qa [data-qa='2']+dd:before { background-image: url(../image/contents01/boarding/qa_a02.png); }

/* room */

#room {
	margin-top: 8.125%;
}

#room [data-room='1'] p {
	margin-top: 3.75%;
}

#room_list {
	margin-top: 2.5%;
	padding-bottom: 15%;
	background: #f5fbfe;
}
#room_list h6 {
	position: relative;
	background: #63c4dd;
	text-align: center;
}
#room_list h6:before,
#room_list h6:after,
#room_list h6 img {
	display: inline-block;
	vertical-align: middle;
}
#room_list h6:before,
#room_list h6:after {
	content: '';
}
#room_list h6:before {
	width: 11.25%;
	margin-right: 3.125%;
	padding-top: 2.5%;
	background: url(../image/contents01/boarding/room_list_title.png) 50% 50% no-repeat;
	background-size: 100%;
}
#room_list h6:after {
	padding-top: 15%;
}
#room_list h6 img {
	width: 16.875%;
}

#room_list .slick-arrow {
	top: 0;
	width: 6.25%;
	height: 0;
	margin-top: 58.75%;
	padding: 8.75% 0 0;
	background: 50% 50% no-repeat;
	background-size: contain;
}

#room_list .slick-prev {
	left: 6.25%;
	background-image: url(../image/contents01/boarding/room_list_btn_back.png);
}
#room_list .slick-next {
	right: 6.25%;
	background-image: url(../image/contents01/boarding/room_list_btn_next.png);
}

#room_list .name,
#room_list figure {
	margin-top: 6.25%;
}
#room_list .name,
#room_list .data {
	color: #00387d;
}
#room_list .name {
	text-align: center;
	font-weight: bold;
	line-height: 1.25;
}
#room_list figure {
	margin-left: 1.875%;
	margin-right: 1.875%;
}
#room_list figure+p {
	margin-top: 1.25%;
}

#room_list .data {
	margin: 2.5% 6.25% 0;
	border-bottom: solid 2px #00387d;
	line-height: 1.5;
}
#room_list .data>p {
	overflow: hidden;
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 3.33%;
	background: url(../image/contents01/boarding/room_list_data.png) 0 0 no-repeat;
	background-size: auto 100%;
}
#room_list .data>p:before {
	content: '';
	position: absolute;
	left: 19%;
	right: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #00387d;
}
#room_list .data dl {
	position: relative;
	padding: 3.57% 0 5.71%;
}
#room_list .data dt {
	position: absolute;
	box-sizing: border-box;
	width: 31.42%;
	padding-left: 5.71%;
	font-weight: bold;
}
#room_list .data dt:before {
	content: '';
	position: absolute;
	left: 0;
	width: 13.63%;
	height: 1.5em;
	background: 0 50% no-repeat;
	background-size: contain;
}

#room_list .data .rooms:before { background-image: url(../image/contents01/boarding/room_list_data_icon_rooms.png); }
#room_list .data .num:before { background-image: url(../image/contents01/boarding/room_list_data_icon_num.png); }
#room_list .data .facility:before { background-image: url(../image/contents01/boarding/room_list_data_icon_facility.png); }

#room_list .data dd {
	margin-left: 31.42%;
}

/* column */

#boarding .column>div {
	padding: 8.125% 0 3.75%;
	background-image: url(../image/contents01/boarding/column_bg_sp.png);
}
#boarding .column ul {
	margin-top: -3.125%;
}
#boarding .column li:first-child {
	z-index: 2;
}

/* departure
---------------------------------------- */

#departure .heading h4+p {
	margin-top: 5.625%;
}
#departure .heading figure+p {
	margin-top: 3.75%;
}

#departure [data-departure='1'] {
	margin-top: 6.875%;
}
#departure [data-departure='1'] p {
	margin-left: 26.875%;
	margin-top: 3.75%;
}

/* dogrun */

#dogrun {
	margin-top: -9.375%;
}

#dogrun [data-dogrun='1'] h5+p {
	margin-top: 1.25%;
}
#dogrun [data-dogrun='1'] figure {
	margin-top: 2.5%;
}
#dogrun [data-dogrun='1'] figure+p {
	margin: 0 10% 0 12.5%;
}

#dogrun [data-dogrun='2'] {
	margin-top: 7.5%;
}
#dogrun [data-dogrun='2'] figure {
	margin-top: 3.75%;
}

#dogrun [data-dogrun='3'] {
	margin-top: -5.625%;
}
#dogrun [data-dogrun='3'] p {
	margin-top: 6.25%;
}

/* facility */

#facility {
	margin-top: -6.25%;
	padding-bottom: 5.625%;
}

#facility [data-facility='1'] p {
	margin-top: 7.5%;
}

#facility .promenade p,
#facility .kidsroom p {
	margin-left: 27.5%;
}
#facility .promenade h6+p {
	margin-top: -1.875%;
}
#facility .promenade figure {
	margin-top: -6.875%;
}
#facility .promenade figure+p {
	position: absolute;
	bottom: 0;
	margin-right: 0;
}

#facility .shop {
	margin-top: 6.25%;
}
#facility .shop p {
	margin-left: 12.5%;
}
#facility .shop h6+p {
	margin-top: -2.5%;
}
#facility .shop figure {
	margin-top: -6.25%;
}
#facility .shop figure+p {
	margin-top: -6.25%;
}

#facility .kidsroom {
	margin-top: -2.5%;
}
#facility .kidsroom h6+p {
	margin-top: -1.25%;
}
#facility .kidsroom figure {
	margin-top: -6.875%;
}
#facility .kidsroom figure+p {
	position: absolute;
	bottom: 0;
	margin-right: 0;
	padding-bottom: 10%;
	white-space: nowrap;
	letter-spacing: -.08em;
}

/* column */

#departure .column>div {
	padding: 6.875% 0 8.125%;
	background-image: url(../image/contents01/departure/column_bg_sp.png);
}


/* ----------------------------------------
	section_contents02
---------------------------------------- */

#section_contents02 h3 {
	background: #a895c4;
}

#section_contents02 .heading p+p {
	margin-top: 5.625%
}

/* dinner */

#dinner {
	margin-top: 7.5%;
}
#dinner h4+figure {
	margin-top: 5.625%;
}

#dinner [data-dinner='2'] {
	margin-top: 3.75%;
}
#dinner [data-dinner='2'] figure {
	margin-top: -2.5%;
}

#dinner [data-dinner='3'] {
	margin-top: 1.875%;
}
#dinner [data-dinner='3'] p {
	margin-top: 6.875%;
}

#dinner [data-dinner='4'] {
	margin-top: 4.375%;
}

#dinner .image_list {
	margin-top: 10%;
	line-height: 1.5;
}
#dinner .image_list>div {
	margin: 0 16.66%;
}
#dinner .image_list>div+div {
	margin-top: 5%;
}
#dinner .image_list figure:before {
	content: '';
	position: absolute;
	background: 50% 50% no-repeat;
	background-size: contain;
}
#dinner .image_list p {
	margin: 5.625% 0 0;
}

#dinner [data-dinner='5'] figure:before {
	left: -5%;
	bottom: -21.5%;
	width: 13.75%;
	height: 37%;
	background-image: url(../image/contents02/dinner_img05_deco.png);
}
#dinner [data-dinner='5'] p {
	padding-left: 13.125%;
}

#dinner [data-dinner='6'] figure:before {
	left: -8.75%;
	bottom: -19%;
	width: 6.875%;
	height: 30%;
	background-image: url(../image/contents02/dinner_img06_deco.png);
}
#dinner [data-dinner='6'] p {
	padding-left: 2.5%;
}

#dinner [data-dinner='7'] figure:before {
	right: 6.875%;
	bottom: -36%;
	width: 9.0625%;
	height: 39.5%;
	background-image: url(../image/contents02/dinner_img07_deco.png);
}
#dinner [data-dinner='7'] p {
	padding-left: 16.875%;
}

#dinner [data-dinner='8'] {
	margin-top: 5%;
}

#dinner [data-dinner='9'] {
	margin-top: 1.875%;
}
#dinner [data-dinner='9'] p {
	margin-top: 1.875%;
}

#dinner .open {
	margin: 5% 0 0;
}

/* qa */

#section_contents02 .qa {
	margin-top: 6.25%;
}
#section_contents02 .qa>div {
	padding-bottom: 7.5%;
	background-image: url(../image/contents02/qa_bg_sp.png);
}

#section_contents02 .qa [data-qa='1']+dd:before { background-image: url(../image/contents02/qa_a01.png); }

#section_contents02 .qa ul {
	margin-top: 5%;
}
#section_contents02 .qa li {
	margin-left: 8.125%;
	width: 84.375%;
}
#section_contents02 .qa li+li {
	margin-top: 1.25%;
}
#section_contents02 .qa ul+p {
	margin: 1.875% 10.625% 0;
}

/* projectionmapping */

#projectionmapping {
	margin-top: 9.375%;
}
#projectionmapping figure {
	margin-top: 1.875%;
}
#projectionmapping p,
#spa p,
#night p {
	margin: 0 10.625%;
}
#projectionmapping p {
	margin-top: 8.125%;
}

/* spa */

#spa {
	margin-top: 2.5%;
}
#spa figure {
	margin-top: 5.625%;
}
#spa p {
	margin-top: 4.375%;
}

/* night */

#night {
	margin-top: -1.875%;
}
#night p {
	margin-top: 7.5%;
}


/* ----------------------------------------
	section_contents03
---------------------------------------- */

#section_contents03 h3 {
	background: #eece5f;
}

/* morning
---------------------------------------- */

#morning h4+p {
	margin-top: 6.25%;
}

#breakfast {
	margin-top: 10%;
}

#breakfast [data-breakfast='1'] p {
	margin-top: 5%;
}
#breakfast [data-breakfast='1'] figure {
	margin-top: -2.5%;
}

#breakfast [data-breakfast='2'] {
	margin-top: 3.125%;
}
#breakfast [data-breakfast='2'] figure {
	margin-top: 12.5%;
}

#breakfast [data-breakfast='3'] {
	margin-top: 1.875%;
}
#breakfast [data-breakfast='3'] p {
	margin-top: 6.25%;;
}

#breakfast .open {
	margin: 3.75% 0 0;
}

/* arrive
---------------------------------------- */

#arrive {
	margin-top: 9.375%;
}

#arrive .heading p {
	margin-top: 3.125%;
}

#arrive [data-arrive='1'] {
	margin-top: 5%;
}
#arrive [data-arrive='1'] p {
	margin-top: 1.25%;
}

/* leave */

#leave {
	margin-top: 3.125%;
}
#leave h5 {
	width: 71.66%;
	margin: auto;
}

#leave [data-leave='1'] {
	margin-top: 3.75%;
	padding: 5.625% 0 4.375%;
	background: #f8eabc;
}

#leave [data-leave='1'] .step {
	margin: 0;
}
#leave [data-leave='1'] .step+p {
	margin-top: 8.125%;
}

#leave [data-leave='2'] {
	margin-top: 5.625%;
}

#leave [data-leave='3'] {
	margin-top: -6.25%;
}
#leave [data-leave='3'] p {
	margin-top: 1.25%;
}

/* welcome */

#welcome {
	margin-top: 3.75%;
}
#welcome figure {
	margin-top: 5.625%;
}

/* message */

#message {
	margin-top: 3.75%;
}
#message p+p {
	margin-top: 7.5%;
}


/* ----------------------------------------
	section_contents04
---------------------------------------- */

#section_contents04 h3 {
	background: #85c57a;
}

#section_contents04 .section_inner {
	padding-bottom: 0;
}

#section_contents04 .copy+figure {
	margin-top: 3.125%;
}

#section_contents04 h4+p {
	position: absolute;
	top: 0;
}

/* spot01
---------------------------------------- */

#spot01,
#spot02 {
	line-height: 1.75;
}
#spot01 {
	margin-top: 4.375%;
}
#spot01 h4+p {
	padding-top: 25.625%;
}
#spot01 figure {
	margin-top: -13.125%;
}
#spot01 figure+p {
	margin-top: 7.5%;
}

/* spot02
---------------------------------------- */

#spot02 {
	margin-top: 3.75%;
}
#spot02 h4+p {
	padding-top: 25.625%;
}
#spot02 p+figure {
	margin-top: -3.75%;
}
#spot02 figure+figure {
	margin-top: -9.375%;
}
#spot02 figure+p {
	margin-top: 5%;
}

/* spec
---------------------------------------- */

#spec {
	margin-top: 3.125%;
}
#spec>div {
	padding: 6.875% 0 16.25%;
	background: #fcfcf6;
}
#spec h5,
#spec th {
	color: #006934;
	font-weight: bold;
}
#spec h5 {
	text-align: center;
	line-height: 1.25;
}
#spec h5:before {
	content: '';
	display: inline-block;
	width: 5%;
	margin-right: 2.5%;
	padding-top: 6.25%;
	background: url(../image/contents04/spec_deco.png) 0 50% no-repeat;
	background-size: contain;
	vertical-align: top;
}
#spec h5 span {
	display: block;
	margin-top: 1.875%;
}
#spec h5+div {
	margin-top: 1.25%;
}
#spec p,
#spec dl,
#spec table {
	font-size: 14px;
	font-size: -webkit-calc(20 * 100vw / 480);
	font-size: calc(20 * 100vw / 480);
	line-height: 1.5;
}

/* schedule */

#schedule table,
#schedule th,
#schedule td {
	border: solid #006934 1px;
}
#schedule table {
	width: 87.75%;
	margin: 5% 0 0 6.25%;
	border-width: 1px 0 0 1px;
	background: #fff;
}
#schedule table+table {
	margin-top: 1.875%;
}
#schedule th,
#schedule td {
	border-width: 0 1px 1px 0;
	text-align: center;
}
#schedule thead {
	background: #e0f0e2;
}
#schedule tbody td {
	padding: 2px 3px;
}
#schedule tbody td:nth-child(2n) {
	border-right-style: dotted;
}
#schedule p {
	margin-top: 1.25%;
}

/* fee */

#fee {
	margin-top: 6.875%;
}
#fee>div>div,
#fee dt,
#fee .detail {
	border-radius: 10px;
}
#fee>div>div {
	margin: 0 3.125%;
	padding: 4.375% 3.125%;
	background: #fff;
}
#fee dl+dl {
	margin-top: 4.28%;
}
#fee dt {
	background: #85c57a;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 2;
}
#fee dt div:before {
	content: '';
	display: inline-block;
	width: 50%;
	height: 2em;
	margin-right: 2.85%;
	background: 0 50% no-repeat;
	background-size: contain;
	vertical-align: top;
}

#fee .deluxe:before {
	width: 15.71%;
	background-image: url(../image/contents04/spec_icon_deluxe.png);
}

#fee .car:before {
	width: 7.62%;
	background-image: url(../image/contents04/spec_icon_car.png);
}

#fee .pet:before {
	width: 6.43%;
	background-image: url(../image/contents04/spec_icon_pet.png);
}

#fee dt .plus {
	color: #85c57a;
	background: #fff;
	width: 1.5em;
	margin: .25em auto;
	border-radius: 1em;
	font-size: 120%;
	line-height: 1.5;
}
#fee dt .plus:before {
	display: none;
}

#fee dd {
	margin-top: 3.33%;
	text-align: center;
}
#fee dd>span:not(.switch_pc) {
	display: inline-block;
	border-bottom: solid 1px #bac527;
}
#fee dd br.sp+span {
	margin-top: 5.95%;
}
#fee dd>span b {
	letter-spacing: .02em;
	font-weight: bold;
	font-size: 130%;
}
#fee dd small {
	margin-top: 3.33%;
	text-align: left;
}

#fee .detail {
	margin-top: 4.375%;
	background: #f0f2d4;
	text-align: center;
}
#fee .detail p {
	margin: 0;
}
#fee .detail a {
	display: block;
	width: 61.9%;
	margin: 5% auto 0;
}
#fee dl+p {
	margin: 2.5% 0;
}

/* attention */

#attention {
	margin-top: 8.75%;
}
#attention p {
	margin-top: 5.625%;
}


/* ----------------------------------------
	section_contents05
---------------------------------------- */

#section_contents05 h3 {
	background: #e83c1e;
}

#section_contents05 .section_inner {
	padding: 15% 0 17.5%;
	background: url(../image/contents05/bg_sp.jpg);
	background-size: 100% 100%;
}

#section_contents05 .heading p+p {
	margin-top: 5.625%;
}

#section_contents05 .contents {
	margin-top: 6.25%;
	padding-top: 8.75%;
	background: url(../image/contents05/border_sp.png) 50% 0 no-repeat;
	background-size: 100%;
}

#section_contents05 h4 {
	width: 22.08%;
	margin: auto;
}
#section_contents05 h4+p {
	margin-top: 1.875%;
}

#section_contents05 .note {
	margin-top: 5%;
}

#section_contents05 a {
	display: block;
	width: 87.5%;
	margin: 6.25% 0 0 3.75%;
}

#section_contents05 .fin {
	margin-top: 6.25%;
	padding: .5em 0;
	border: solid 2px;
	text-align: center;
	color: #00387d;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.5;
}

/* ----------------------------------------
	annotation
---------------------------------------- */
#contents_area .annotation-block {
	margin-top: 30px;
}

}