﻿@media only screen and (min-width: 1025px) {}
/*----------------------------------   PC   ----------------------------------*/
main {
	font-family: -apple-system, "メイリオ", Meiryo, 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", sans-serif;
	letter-spacing: 0.05em;
	font-size: 16px;
	color: #000;
}
main .bold {
	font-weight: bold;
}
main a:hover {
	opacity: .6;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

main figure, main ul, main li {
	margin: 0;
	padding: 0;
}
#page_footer {
	margin-top: 0 !important;
}
#wrapper {
	position: relative;
	overflow: hidden;
	padding-bottom: 100px;
}
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
}
#pagetop img {
	width: 100px;
	height: 50px;
}
#pagetop a:hover {
	opacity: .6;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
/*-------------------------------------
color
-------------------------------------*/
.txt-red {
	color: #ce1329;
}
/*-------------------------------------
MV
-------------------------------------*/
.mv {
	position: relative;
	background: #c9e4d2;
	padding: 20px 0;
	z-index: 1
}
.mv::before {
	position: absolute;
	content: url("../images/mv-bg-left.png");
	display: block;
	top: 0;
	left: -100px;
}
.mv::after {
	position: absolute;
	content: url("../images/mv-bg-right.png");
	display: block;
	top: 0;
	right: -100px;
	z-index: 2;
}
.mv .mv-box {
	border-radius: 10px;
	width: 1120px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.mv .mv-box .mv-images {
	float: left;
	width: 960px;
	position: relative;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
	z-index: 3;
}
.mv .mv-box .mv-images .maru {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("../images/maru-green.png") no-repeat center right;
	background-size: 298px 298px;
	width: 300px;
	height: 300px;
	text-align: center;
	z-index: 10;
}
.mv .mv-box .mv-images .maru p {
	font-size: 15px;
	line-height: 1.5;
	color: #FFF;
}
.mv .mv-box .mv-images h1 {
	color: #FFF;
	font-size: 34px;
	font-weight: bold;
	margin-top: 130px
}
.mv .mv-box .mv-images h1::before {
	position: absolute;
	display: inline-block;
	content: "";
	background-image: url("../images/logo-kazoku.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 170px;
	height: 80px;
	top: 50px;
	right: 68px;
}
.mv .mv-box .mv-images figure {
	margin: 0;
	padding: 0;
}
.mv .mv-box .mv-images figure img {
	cursor: none;
}
.mv .mv-box .mv-link {
	width: 160px;
	float: right;
	z-index: 3;
	position: relative;
}
.mv .mv-box .mv-link li {
	height: 170px;
	position: relative
}
.mv .mv-box .mv-link li.mv-link1 {
	background: #dd808f;
}
.mv .mv-box .mv-link li.mv-link1 a::before {
	border-top: 36px solid transparent;
	border-right: 36px solid #cf6072;
}
.mv .mv-box .mv-link li.mv-link2 {
	background: #ebaf51;
}
.mv .mv-box .mv-link li.mv-link2 a::before {
	border-top: 36px solid transparent;
	border-right: 36px solid #dd9333;
}
.mv .mv-box .mv-link li.mv-link3 {
	background: #28b17d;
}
.mv .mv-box .mv-link li.mv-link3 a::before {
	border-top: 36px solid transparent;
	border-right: 36px solid #2d916b;
}
.mv .mv-box .mv-link li img {
	margin-top: 10px;
	margin-bottom: 5px;
}
.mv .mv-box .mv-link a {
	display: block;
	height: 100%;
	width: 100%;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center
}
.mv .mv-box .mv-link a::after {
	position: absolute;
	width: 36px;
	height: 36px;
	content: "";
	background: url("../images/arrow1.png") no-repeat right 5px bottom 5px;
	background-size: 15px 12px;
	bottom: 0;
	right: 0;
}
.mv .mv-box .mv-link a::before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
}
.mv .mv-box .mv-link a:hover {
	opacity: 0.4;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
/* mv */
.kazoku .figure-wrap {
	background: #c9e4d2;
}

/* slider */
.figure-wrap{
  opacity: 0;
  transition: opacity .3s linear;
}
.figure-wrap.slick-initialized{
	opacity: 1;
}

/*------maternity-------*/
.maternity { /* mv */
}
.maternity .mv {
	background: #f3d4d2;
	z-index: 1
}
.maternity .mv::before {
	content: url("../images/mv-bg-left-p.png");
}
.maternity .mv::after {
	content: url("../images/mv-bg-right-p.png");
}
.maternity .mv {
	/: mv-box*/;
}
.maternity .mv .mv-box {
	border-radius: 10px;
	width: 1120px;
	margin: 0 auto;
	clear: both;
	overflow: hidden; /*mv-images*/
}
.maternity .mv .mv-box .mv-images {
	z-index: 3;
}
.maternity .mv .mv-box .mv-images .maru {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url("../images/maru-pink.png") no-repeat center right;
	background-size: 458px 458px;
	width: 458px;
	height: 458px;
	text-align: center;
	z-index: 10;
}
.maternity .mv .mv-box .mv-images .maru p {
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
	color: #FFF;
	padding-right: 44px;
	padding-left: 48px;
	margin-top: 10px;
}
.maternity .mv .mv-box .mv-images h1 {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	margin-top: 140px;
	line-height: 1.2
}
.maternity .mv .mv-box .mv-images h1::before {
	position: absolute;
	display: inline-block;
	content: "";
	background-image: url("../images/logo-maternity.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 152px;
	height: 86px;
	top: 40px;
	left: 50%;
	margin-left: -76px;
}
/*------ baby -------*/
.baby { /* mv */
}
.baby .mv {
	background: #fae29f;
	z-index: 1
}
.baby .mv::before {
	content: url("../images/mv-bg-left-o.png");
}
.baby .mv::after {
	content: url("../images/mv-bg-right-o.png");
}
.baby .mv {
	/: mv-box*/;
}
.baby .mv .mv-box {
	border-radius: 10px;
	width: 1120px;
	margin: 0 auto;
	clear: both;
	overflow: hidden; /*mv-images*/
}
.baby .mv .mv-box .mv-images {
	z-index: 3;
}
.baby .mv .mv-box .mv-images .maru {
	position: absolute;
	top: -165px;
	left: -25px;
	background: url("../images/maru-orange.png") no-repeat center right;
	background-size: 490px 490px;
	width: 490px;
	height: 490px;
	text-align: center;
	z-index: 10;
}
.baby .mv .mv-box .mv-images .maru p {
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
	color: #FFF;
	padding-right: 50px;
	padding-left: 60px;
	margin-top: 10px;
}
.baby .mv .mv-box .mv-images h1 {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	margin-top: 190px;
	line-height: 1.2
}
.baby .mv .mv-box .mv-images h1::before {
	position: absolute;
	display: inline-block;
	content: "";
	background-image: url("../images/logo-baby.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 124px;
	height: 76px;
	top: 370px;
	left: 50%;
	margin-left: -62px;
}
/*-------------------------------------
追従ナビ
-------------------------------------*/
.nav-local {
	padding-top: 96px;
	position: relative;
}
.nav-local .nav-local-inner {
	height: 96px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.nav-local.is-fixed .nav-local-inner {
	position: fixed;
	z-index: 10000;
}
.nav-local::before {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: url("../images/nav-line.png") repeat-x center bottom;
	top: 0;
	z-index: 100;
}
.nav-local ul {
	display: block;
	width: 1120px;
	height: 100%;
	margin: auto;
	clear: both;
	overflow: hidden;
	position: relative;
	list-style: none;
	text-align: center;
}
.nav-local ul li {
	height: 100%;
	display: inline-block;
	text-align: center;
	width: 270px;
}
.nav-local ul a {
	position: relative;
	z-index: 200;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
}
.nav-local ul a p {
	text-align: left;
	display: inline-block;
}
.nav-local .nav1 p {
	background: url("../images/icon1-b.png") no-repeat center left;
	padding-left: 40px;
}
.nav-local .nav2 p {
	background: url("../images/icon2-b.png") no-repeat center left;
	padding-left: 34px;
}
.nav-local .nav3 p {
	background: url("../images/icon3-b.png") no-repeat center left;
	padding-left: 44px;
}
.nav-local .nav4 p {
	background: url("../images/icon4-b.png") no-repeat center left;
	padding-left: 50px;
}
.nav-local .nav5 p {
	background: url("../images/icon5-b.png") no-repeat center left;
	padding-left: 38px;
}
.kazoku-wrap {
	background: #d8f1e0;
	background: rgba(216, 241, 224, .9);
}
.maternity-wrap {
	background: #f9dedc;
	background: rgba(249, 222, 220, .9);
}
.baby-wrap {
	background: #ffecb6;
	background: rgba(255, 236, 182, .9);
}
/*-------------------------------------
コンテンツ
-------------------------------------*/
.family-contents {
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
	position: relative; /*h2*/
}
.family-contents h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.08em;
}
.family-contents h2 .dot-line {
	position: relative;
	padding-left: 44px;
	padding-right: 5px;
	padding-top: 5px
}
.family-contents h2 .dot-line::after {
	position: absolute;
	content: "";
	display: inline-block;
	height: 7px;
	width: 100%;
	bottom: -10px;
	left: 0;
	border-radius: 50px;
	background: url("../images/line-g.png") repeat-x center;
	background-size: auto 7px;
}
.family-contents h2 .dot-line::before {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	content: "";
	left: 0px;
}
.family-contents h2 .small-txt {
	font-size: 22px;
}
.family-contents h2.ttl1-g .dot-line::before {
	background: url("../images/icon1-g.png") no-repeat center left;
	background-size: 35px 36px;
}
.family-contents h2.ttl2-g .dot-line::before {
	background: url("../images/icon2-g.png") no-repeat center left;
	background-size: 29px 45px;
}
.family-contents h2.ttl3-g .dot-line::before {
	background: url("../images/icon3-g.png") no-repeat center left;
	background-size: 36px 31px;
}
.family-contents h2.ttl4-g .dot-line::before {
	background: url("../images/icon4-g.png") no-repeat center left;
	background-size: 42px 36px;
}
/*------maternity-------*/
.maternity .family-contents { /*h2*/
}
.maternity .family-contents h2 .dot-line::after {
	background: url("../images/line-p.png") repeat-x center;
	background-size: auto 7px;
}
.maternity .family-contents h2.ttl1-p .dot-line::before {
	background: url("../images/icon1-p.png") no-repeat center left;
	background-size: 35px 36px;
}
.maternity .family-contents h2.ttl2-p {
	position: relative;
	margin-top: 40px;
}
.maternity .family-contents h2.ttl2-p .dot-line::before {
	background: url("../images/icon2-p.png") no-repeat center left;
	background-size: 29px 45px;
}
.maternity .family-contents h2.ttl2-p .bubble {
	color: #cd6475;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: -45px;
	background: #FFF;
	border-radius: 18px;
	padding: 3px 20px;
}
.maternity .family-contents h2.ttl2-p .bubble::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	margin-left: 45px;
	border-style: solid;
	border-color: #FFF transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
.maternity .family-contents h2.ttl4-p .dot-line::before {
	background: url("../images/icon4-p.png") no-repeat center left;
	background-size: 42px 36px;
}
.maternity .family-contents h2.ttl5-p .dot-line::before {
	background: url("../images/icon5-p.png") no-repeat center left;
	background-size: 36px 42px;
}
/*maternity*/
/*------baby-------*/
.baby .family-contents { /*h2*/
}
.baby .family-contents h2 .dot-line::after {
	background: url("../images/line-o.png") repeat-x center;
	background-size: auto 7px;
}
.baby .family-contents h2.ttl1-o .dot-line::before {
	background: url("../images/icon1-o.png") no-repeat center left;
	background-size: 35px 36px;
}
.baby .family-contents h2.ttl2-o {
	position: relative;
	margin-top: 40px;
}
.baby .family-contents h2.ttl2-o .dot-line::before {
	background: url("../images/icon2-o.png") no-repeat center left;
	background-size: 29px 45px;
}
.baby .family-contents h2.ttl2-o .bubble {
	color: #d26b2d;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: -45px;
	background: #FFF;
	border-radius: 18px;
	padding: 3px 20px;
}
.baby .family-contents h2.ttl2-o .bubble::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	margin-left: 45px;
	border-style: solid;
	border-color: #FFF transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
.baby .family-contents h2.ttl4-o .dot-line::before {
	background: url("../images/icon4-o.png") no-repeat center left;
	background-size: 42px 36px;
}
.baby .family-contents h2.ttl5-o .dot-line::before {
	background: url("../images/icon5-o.png") no-repeat center left;
	background-size: 36px 42px;
}
/*baby*/
/* =============================================================================
    検索
============================================================================= */
.search-tab *{
    outline: none!important;
	box-sizing: border-box;
}
.search-tab{
	margin-top: 50px;
}
.search-tab__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -10px;
}
.search-tab__list li {
	margin-left: 10px;
	width: 100%;
}
.search-tab__list li a {
	position: relative;
	z-index: 0;
	display: block;
    padding: 10px 15px 15px;
	color: #fff;
	height: 100%;
    font-size: 1.2rem;
    line-height: 1.4;
    text-decoration: none;
    transition: .2s;
}
.search-tab__list li a[data-dom="hotel"]{
	background: #ab5041;
}
.search-tab__list li a[data-dom="dp-jr"]{
	background: #b09a26;
}
.search-tab__list li a[data-dom="dp-air"]{
	background: #397485;
}
.search-tab__list li .pc-none{
	display: none;
}

.search-tab__list li a:before {
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 50px;
	display: block;
	content: "";
}
@media screen and (max-width: 1030px) and (min-width: 740px) {
	.search-tab__list li:not(:first-child) {
		margin-left: 5px;
	}
	.search-tab__list li a {
		padding: 10px 5px 15px;
	}
	.search-tab__list li[data-dom="hotel"] a {
		padding-left: 65px;
	}
	.search-tab__list li[data-dom="tour"] a {
		padding-left: 65px;
	}
	.search-tab__list li[data-dom="dp"] a {
		padding-left: 105px;
	}
	.search-tab__list li a:before {
		left: 5px;
	}

		
}
.search-tab__list li a:not(.active):hover {
	opacity: .6;
}
.search-tab__list li em {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 1.8rem;
	font-weight: normal;
}
.search-tab__list li a.active {
	position: relative;
	z-index: 2;
    color: #fff;
}
.search-tab__list li a.active:hover {
	opacity: 1;
}

.search-tab__list li a.active[data-dom="hotel"]{
	background: #ab5041;
}
.search-tab__list li a.active[data-dom="dp-jr"]{
	background: #b09a26;
}
.search-tab__list li a.active[data-dom="dp-air"]{
	background: #397485;
}

.search-tab__box {
	position: relative;
	z-index: 1;
	padding: 15px 15px 60px;
	background: #fff;
}
.hotel-tabbox{
	border-top: solid 6px #ab5041;
	background: #faf7f6;
}
.dp-jr-tabbox{
	border-top: solid 6px #b09a26;
	background: #f6f5ed;
}
.dp-air-tabbox{
	border-top: solid 6px #397485;
	background: #eef4f6;
}

.kkrs-search-label{
	font-weight: bold;
}
.kkrs-top-search-section .kkrs-search-item--check .kkrs-form-checkbox{
	margin: 0!important;
}
.kkrs-input-adornment{
	display: none!important;
}
/* エラー */
.kkrs-top-search-section .kkrs-search-item.kkrs-error{
    border: none!important;
}
.kkrs-top-search-section .kkrs-search-item.kkrs-error .kkrs-search-input input{
    border: 1px solid #cc0000;
}
.kkrs-error-message{
    position: absolute;
    right: 0;
    top: 100%;
    font-size: 1.1px;
    color: #cc0d21;
}
.kkrs-top-search-section .kkrs-alert-popup {
	background-color: #cc0d21;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
	color: #fff;
	display: block;
	font-size: 1.1rem;
	line-height: 1;
	position: absolute;
	top: calc(100% + 4px);
	left: 50%;
	transform: translateX(-50%);
	padding: .6em .8em;
	text-align: center;
	z-index: 20;
	min-width: 180px;
}
.kkrs-top-search-section .kkrs-alert-popup:before {
	content: "";
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #cc0d21 transparent;
	position: absolute;
	top: calc(0% - 8px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}


/*-------------------------------------
日付・条件
-------------------------------------*/
.date {
	margin-top: 40px;
	padding: 40px 30px;
	background: #FFF;
	border: 3px solid #11a96f;
	border-radius: 10px;
}
.date .date-contents::after {
	content: "";
	display: block;
	clear: both;
}
.date .date-contents .left-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.date .date-contents .left-box dt {
	font-weight: bold;
	margin: 20px 6px 0 0;
}
.date .date-contents .left-box dt.form_kodawari {
	display: block;
	width: 140px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.date .date-contents .left-box dt.form_osusume {
	display: block;
	width: 140px;
	float: left;
	clear: both;
	margin-bottom: 0;
}
.date .date-contents .left-box dd {
	margin: 20px 25px 0 0;
}
.date .date-contents .left-box dd select {
	padding: 8px 10px 8px 5px;
	font-size: 15px;
	-webkit-appearance: menulist-button;
	display: inline-block;
	/*
          border: none;
          background: #e7e7e7;
*/
}
.date .date-contents .left-box dd.form_kodawari {
	background: transparent;
}
.date .date-contents .left-box dd.form_kodawari span {
	display: inline-block;
}
.date .date-contents .left-box dd.form_kodawari .checkbox {
	margin-right: 10px;
	margin-left: 4px;
}
/*------maternity-------*/
.maternity .date {
	border: 3px solid #cd6475;
}
.maternity .date .date-contents {}
/*maternity*/
/*------baby-------*/
.baby .date {
	border: 3px solid #d26b2d;
}
.baby .date .date-contents {}
/*baby*/
/*-------------------------------------
おすすめプラン
-------------------------------------*/
.osusume {
	margin-top: 30px;
	padding: 40px 30px;
	border-radius: 10px;
	background: #FFF;
	position: relative;
}
.area-link {
	background: #d6dcda;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.area-link li {
	display: block;
	font-size: 14px;
	text-align: center;
	width: 8.33333%;
}
.area-link a {
	color: #000;
	display: block;
	padding: 4px 0
}
.area-link a.is-selected {
	background: #11a96f;
	color: #FFF;
	font-weight: bold;
}
.area-link a:hover {
	background: #11a96f;
	color: #FFF;
	opacity: 1;
}
.osusume-contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; /*plan-link*/
}
.osusume-contents .osusume-cassette {
	background: #FFF;
	width: 520px;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.osusume-contents .osusume-cassette:nth-child(2) {
	margin-left: 20px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) {
	width: 340px;
}
.osusume-contents .osusume-cassette:nth-child(n + 4) {
	margin-left: 20px;
}
.osusume-contents .article .hotel-name {
	font-size: 20px;
	font-weight: bold;
}
.osusume-contents .article .hotel-name a {
	color: #11a96f;
	background: url("../images/arrow-g.png") no-repeat top left;
	background-size: 24px 24px;
	padding-left: 32px;
	display: block;
	line-height: 1.3;
	margin-bottom: 5px;
	margin-top: 5px;
}
.osusume-contents .article .area-name {
	font-size: 13px;
	background: url("../images/pin.png") no-repeat top left 3px;
	background-size: 12px 16px;
	padding-left: 22px;
	line-height: 1.3;
}
.osusume-contents .article .valuation {
	position: relative;
	background: #f5f5f5;
	font-size: 14px;
	padding: 2px 10px 8px 10px;
	margin-top: 10px;
}
.osusume-contents .article .valuation .value {
	display: inline-block;
	padding-top: 5px;
}
.osusume-contents .article .valuation .star {
	position: absolute;
	display: inline-block;
	right: 10px;
}
.osusume-contents .article .valuation .star .bold {
	font-size: 20px;
	padding: 0 4px;
}
.osusume-contents .article .valuation .star img {
	height: 14px;
	padding-left: 10px;
}
.osusume-contents .article .txt-box {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
.osusume-contents .article .txt-box figure {
	margin: 0;
	float: left;
	width: 280px;
}
.osusume-contents .article .txt-box figure img {
	width: 100%;
	margin-top: 10px;
}
.osusume-contents .article .txt-box .text {
	margin-left: 290px;
}
.osusume-contents .article .rank-img {
	margin: 0;
}
.osusume-contents .article .rank-img img {
	width: 100%;
	margin-bottom: 20px;
}
.osusume-contents .article .text {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	padding-left: 5px;
}
.osusume-contents .article .room {
	background: #11a96f;
	color: #FFF;
	text-align: right;
	padding: 4px 10px;
	font-size: 13px;
}
/*article*/
.osusume-contents .osusume-cassette:nth-child(n + 3) .hotel-name {
	font-size: 18px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) .hotel-name a {
	background-size: 20px;
	padding-left: 25px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) .valuation {
	font-size: 11px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) .star .bold {
	font-size: 16px;
	padding: 0 3px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) .star img {
	height: 11px;
	padding-top: 6px;
}
.osusume-contents .osusume-cassette:nth-child(n + 3) .btn-common a {
	width: 148px;
	height: 50px;
	line-height: 55px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px #d9d9d9;
	box-shadow: 3px 3px #d9d9d9;
	font-size: 13px;
}
.osusume-contents .osusume-cassette {
	/*3位以降*/
}
/*osusume-cassette*/
.osusume-contents .plan-link {
	position: relative;
	border: solid 2px #11a96f;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.osusume-contents .plan-link a {
	display: block;
	padding-left: 15px;
	padding-right: 10px;
	color: #000
}
.osusume-contents .plan-link a:hover {
	background: #efefef;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 1;
}
.osusume-contents .plan-link a .plan-txt-link {
	color: #11a96f;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.osusume-contents .plan-link .plane-name {
	font-weight: bold;
	background: #f4da4e;
	display: inline-block;
	margin-top: -10px;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	width: 430px;
}
.osusume-contents .plan-link .plan-txt-link {
	text-align: left;
	font-size: 14px;
}
.osusume-contents .plan-link .plan-icon-wrap {
	text-align: left;
	width: 340px;
	padding-bottom: 10px;
}
.osusume-contents .plan-link .plan-icon-wrap .plan-icon {
	display: inline-block;
	background: #ebebeb;
	font-size: 13px;
	padding: 2px 4px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.osusume-contents .plan-link .plan-price {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #ce1329;
	font-weight: bold;
	font-size: 20px;
}
.osusume-contents .plan-link .plan-price .plan-about {
	font-size: 12px;
	padding-right: 5px;
	color: #000;
	font-weight: normal;
}
/*osusume-contents*/
/*------maternity-------*/
.maternity .area-link {
	background: #eadbda;
}
.maternity .area-link li {
	width: 9.09091%
}
.maternity .area-link li.selected {
	background: #cd6475;
	color: #FFF;
	font-weight: bold;
}
.maternity .area-link a:hover {
	background: #cd6475;
}
.maternity .area-link a.is-selected {
	background: #cd6475;
	color: #FFF;
	font-weight: bold;
}
.maternity .osusume-contents { /*article*/
}
.maternity .osusume-contents .article .hotel-name a {
	color: #cd6475;
	background: url("../images/arrow-p.png") no-repeat top left;
	background-size: 24px 24px;
}
/*maternity*/
.osusume .ribbon-wrap {
	margin: 20px 60px
}
.osusume .ribbon-wrap::after {
	content: "";
	display: block;
	clear: both;
}
.osusume .ribbon-wrap .ribbon {
	font-size: 16px;
	margin-top: 30px;
	float: left;
}
.osusume .ribbon-wrap .ribbon li {
	padding-left: 30px;
	padding-bottom: 8px;
}
.osusume .ribbon-wrap .ribbon li span {
	position: relative;
	z-index: 0
}
.osusume .ribbon-wrap .ribbon li span::before {
	position: absolute;
	bottom: 1px;
	content: "";
	background: #f6cac8;
	width: 100%;
	height: 4px;
	z-index: -1;
}
.osusume .ribbon-wrap .ribbon li.type1 {
	background: url("../images/ribbon1.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.osusume .ribbon-wrap .ribbon li.type2 {
	background: url("../images/ribbon2.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.osusume .ribbon-wrap .ribbon li.type3 {
	background: url("../images/ribbon3.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.osusume .ribbon-wrap .ribbon li.type4 {
	background: url("../images/ribbon4.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.osusume .ribbon-wrap figure {
	float: right;
	width: 180px;
	height: 180px;
	position: relative;
}
.osusume .ribbon-wrap figure::before {
	background: url("../images/pic-kuma.png") no-repeat center;
	background-size: contain;
	position: absolute;
	display: block;
	content: "";
	width: 55px;
	height: 66px;
	bottom: 15px;
	right: -40px;
}
.osusume .ribbon-wrap figure::after {
	background: url("../images/pic-socks.png") no-repeat center;
	background-size: contain;
	position: absolute;
	display: block;
	content: "";
	width: 68px;
	height: 54px;
	top: 55px;
	right: -100px;
}
.osusume .ribbon-wrap figure img {
	width: 100%;
}
/*ribbon-wrap*/
.osusume .icon-exsample {
	background: #FFF;
	border-radius: 10px;
	margin: 0 60px 40px 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 20px 12px 20px;
}
.osusume .icon-exsample li {
	width: 33.33333%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	padding-bottom: 8px;
	line-height: 1.3;
}
.osusume .icon-exsample li div {
	padding-left: 8px;
}
.osusume .icon-exsample li img {
	width: 40px;
	height: 40px;
}
.osusume .icon-exsample li p {
	font-weight: bold;
}
/*icon-exsample*/
.osusume .item-icon {
	position: relative;
	border: solid 2px #c7c7c7;
	text-align: center;
	margin-top: auto;
	margin-bottom: 20px;
	padding: 20px 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}
.osusume .item-icon li {
	width: 16.66667%
}
.osusume .item-icon li.off {
	color: #b0b0b0;
}
.osusume .item-icon img {
	width: 68px;
}
.osusume .item-icon p {
	padding-top: 5px;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2;
}
/*------baby-------*/
.baby { /*osusume*/
}
.baby .area-link {
	background: #eee2c0;
}
.baby .area-link li {
	width: 7.69231%
}
.baby .area-link li.selected {
	background: #d26b2d;
	color: #FFF;
	font-weight: bold;
}
.baby .area-link a:hover {
	background: #d26b2d;
}
.baby .area-link a.is-selected {
	background: #d26b2d;
	color: #FFF;
	font-weight: bold;
}
.baby .osusume-contents { /*article*/
}
.baby .osusume-contents .article .hotel-name a {
	color: #d26b2d;
	background: url("../images/arrow-o.png") no-repeat top left;
	background-size: 24px 24px;
}
.baby .osusume .ribbon-wrap {
	margin: 20px 60px
}
.baby .osusume .ribbon-wrap::after {
	content: "";
	display: block;
	clear: both;
}
.baby .osusume .ribbon-wrap .ribbon {
	font-size: 16px;
	margin-top: 30px;
	float: left;
}
.baby .osusume .ribbon-wrap .ribbon li {
	padding-left: 30px;
	padding-bottom: 8px;
}
.baby .osusume .ribbon-wrap .ribbon li span {
	position: relative;
	z-index: 10
}
.baby .osusume .ribbon-wrap .ribbon li span::before {
	position: absolute;
	bottom: 1px;
	content: "";
	background: #f4d379;
	width: 100%;
	height: 4px;
	z-index: -1;
}
.baby .osusume .ribbon-wrap .ribbon li.type1 {
	background: url("../images/ribbon1.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.baby .osusume .ribbon-wrap .ribbon li.type2 {
	background: url("../images/ribbon2.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.baby .osusume .ribbon-wrap .ribbon li.type3 {
	background: url("../images/ribbon3.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.baby .osusume .ribbon-wrap .ribbon li.type4 {
	background: url("../images/ribbon4.png") no-repeat top 4px left;
	background-size: 24px auto;
}
.baby .osusume .ribbon-wrap figure {
	float: right;
	width: 180px;
	height: 180px;
	position: relative;
}
.baby .osusume .ribbon-wrap figure::before {
	background: url("../images/pic-duck.png") no-repeat center;
	background-size: contain;
	position: absolute;
	display: block;
	content: "";
	width: 60px;
	height: 57px;
	bottom: 15px;
	right: -40px;
}
.baby .osusume .ribbon-wrap figure::after {
	background: url("../images/pic-toy.png") no-repeat center;
	background-size: contain;
	position: absolute;
	display: block;
	content: "";
	width: 140px;
	height: 80px;
	top: 70px;
	left: -160px;
}
.baby .osusume .ribbon-wrap figure img {
	width: 100%;
}
/*ribbon-wrap*/
.baby .osusume .icon-exsample {
	background: #FFF;
	border-radius: 10px;
	margin: 0 60px 40px 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 20px 12px 20px;
}
.baby .osusume .icon-exsample li {
	width: 33.33333%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	padding-bottom: 8px;
	line-height: 1.3;
}
.baby .osusume .icon-exsample li div {
	padding-left: 8px;
}
.baby .osusume .icon-exsample li img {
	width: 40px;
	height: 40px;
}
.baby .osusume .icon-exsample li p {
	font-weight: bold;
}
/*icon-exsample*/
.baby .osusume .item-icon {
	position: relative;
	border: solid 2px #c7c7c7;
	text-align: center;
	margin-top: auto;
	margin-bottom: 20px;
	padding: 20px 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}
.baby .osusume .item-icon li {
	width: 16.66667%
}
.baby .osusume .item-icon li.off {
	color: #b0b0b0;
}
.baby .osusume .item-icon img {
	width: 68px;
}
.baby .osusume .item-icon p {
	padding-top: 5px;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2;
}
/*baby*/
/*-------------------------------------
おすすめランク
-------------------------------------*/
.osusume-ranking {
	margin-top: 30px;
	padding: 40px 30px;
	border-radius: 10px;
	background: #c0dfc7;
	position: relative
}
.osusume-ranking::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-g.png") no-repeat;
	background-size: contain;
	width: 403px;
	height: 251px;
	right: -280px;
	bottom: -80px;
	z-index: 10;
}
.osusume-ranking h2 {
	margin-bottom: 30px;
}
.osusume-ranking .ranking-1 {
	position: relative;
}
.osusume-ranking .ranking-1::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/rank1.png") no-repeat center;
	background-size: contain;
	width: 114px;
	height: 132px;
	top: 0;
	left: 10px;
}
.osusume-ranking .ranking-2 {
	position: relative;
}
.osusume-ranking .ranking-2::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/rank2.png") no-repeat center;
	background-size: contain;
	width: 114px;
	height: 132px;
	top: 0;
	left: 10px;
}
.osusume-ranking .ranking-3 {
	position: relative;
}
.osusume-ranking .ranking-3::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/rank3.png") no-repeat center;
	background-size: contain;
	width: 90px;
	height: 104px;
	top: 0;
	left: 10px;
}
.osusume-ranking .ranking-4 {
	position: relative;
}
.osusume-ranking .ranking-4::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/rank4.png") no-repeat center;
	background-size: contain;
	width: 90px;
	height: 104px;
	top: 0;
	left: 10px;
}
.osusume-ranking .ranking-5 {
	position: relative;
}
.osusume-ranking .ranking-5::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/rank5.png") no-repeat center;
	background-size: contain;
	width: 90px;
	height: 104px;
	top: 0;
	left: 10px;
}
.osusume-ranking .osusume-contents .ranking-label {
	height: 100%;
	position: relative;
	padding-bottom: 80px;
}
.osusume-ranking .osusume-contents .ranking-label .btn-common {
	width: 100%;
	margin: auto;
	position: absolute;
	bottom: 10px;
}
/*-------------------------------------
注意Point
-------------------------------------*/
.trip-point {
	margin-top: 30px;
	padding: 40px;
	border-radius: 10px;
	background: #f1dbd9 url("../images/bg-flower.png") repeat center;
	position: relative
}
.trip-point::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-p.png") no-repeat;
	background-size: contain;
	width: 403px;
	height: 251px;
	right: -220px;
	bottom: -40px;
	z-index: 10;
}
.trip-point::before {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-p.png") no-repeat;
	background-size: contain;
	width: 403px;
	height: 251px;
	left: -310px;
	bottom: 30px;
	z-index: 10;
}
.point-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px
}
.point-wrap::before {
	position: absolute;
	content: "";
	background: url("../images/pic-butterfly.png") no-repeat;
	background-size: contain;
	width: 154px;
	height: 230px;
	left: 0;
	bottom: 120px;
	z-index: 10;
}
.point-wrap::after {
	position: absolute;
	content: "";
	background: url("../images/pic-logo-p.png") no-repeat;
	background-size: contain;
	width: 171px;
	height: 159px;
	right: 0;
	bottom: 220px;
	z-index: 10;
}
.point-wrap dl {
	width: 33.33333%;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.point-wrap dt {
	background: url("../images/bg-lace-m.png") no-repeat center top;
	min-height: 242px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.point-wrap dt::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/point1-m.png") no-repeat center top;
	background-size: contain;
	width: 118px;
	height: 48px;
	top: 8px;
	left: 50%;
	margin-left: -59px;
}
.point-wrap dt.point1::after {
	background: url("../images/point1-m.png") no-repeat center top;
	background-size: contain;
}
.point-wrap dt.point1 img {
	width: 47px;
	padding-bottom: 20px;
}
.point-wrap dt.point2::after {
	background: url("../images/point2-m.png") no-repeat center top;
	background-size: contain;
}
.point-wrap dt.point2 img {
	width: 68px;
	padding-bottom: 25px;
}
.point-wrap dt.point3::after {
	background: url("../images/point3-m.png") no-repeat center top;
	background-size: contain;
}
.point-wrap dt.point3 img {
	width: 38px;
	padding-bottom: 15px;
}
.point-wrap dt.point4::after {
	background: url("../images/point4-m.png") no-repeat center top;
	background-size: contain;
}
.point-wrap dt.point4 img {
	width: 53px;
	padding-bottom: 20px;
}
.point-wrap dt.point5::after {
	background: url("../images/point5-m.png") no-repeat center top;
	background-size: contain;
}
.point-wrap dt.point5 img {
	width: 57px;
	padding-bottom: 15px;
}
.point-wrap dt p {
	position: absolute;
	top: 170px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.point-wrap dd {
	font-size: 15px;
	line-height: 1.6;
	margin-top: 10px;
}
/*------baby-------*/
.baby .trip-point {
	background: #fae4a7 url("../images/bg-flower.png") repeat center
}
.baby .trip-point::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-o.png") no-repeat;
	background-size: contain;
	width: 403px;
	height: 251px;
	right: -220px;
	bottom: -40px;
	z-index: 10;
}
.baby .trip-point::before {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-o.png") no-repeat;
	background-size: contain;
	width: 403px;
	height: 251px;
	left: -310px;
	bottom: 30px;
	z-index: 10;
}
.baby .point-wrap::before {
	position: absolute;
	content: "";
	background: url("../images/pic-balloon.png") no-repeat;
	background-size: contain;
	width: 105px;
	height: 127px;
	left: 20px;
	bottom: 190px;
	z-index: 10;
}
.baby .point-wrap::after {
	position: absolute;
	content: "";
	background: url("../images/pic-logo-o.png") no-repeat;
	background-size: contain;
	width: 126px;
	height: 128px;
	right: 0;
	bottom: 220px;
	z-index: 10;
}
.baby .point-wrap dt {
	background: url("../images/bg-lace-b.png") no-repeat center top;
	min-height: 242px;
}
.baby .point-wrap dt::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/point1-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point1::after {
	background: url("../images/point1-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point1 img {
	width: 68px;
	padding-bottom: 25px;
}
.baby .point-wrap dt.point2::after {
	background: url("../images/point2-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point2 img {
	width: 53px;
	padding-bottom: 20px;
}
.baby .point-wrap dt.point3::after {
	background: url("../images/point3-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point3 img {
	width: 48px;
	padding-bottom: 15px;
}
.baby .point-wrap dt.point4::after {
	background: url("../images/point4-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point4 img {
	width: 68px;
	padding-bottom: 20px;
}
.baby .point-wrap dt.point5::after {
	background: url("../images/point5-b.png") no-repeat center top;
	background-size: contain;
}
.baby .point-wrap dt.point5 img {
	width: 57px;
	padding-bottom: 15px;
}
.baby .point-wrap dt p {
	position: absolute;
	top: 170px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.baby .point-wrap dd {
	font-size: 15px;
	line-height: 1.6;
	margin-top: 10px;
}
/*baby*/
/*-------------------------------------
おすすめ特集/プラン
-------------------------------------*/
.osusume-special {
	margin-top: 40px;
	padding: 40px 30px;
	background: #FFF;
	border: 3px solid #11a96f;
	border-radius: 10px;
	position: relative
}
.osusume-special::after {
	position: absolute;
	content: "";
	background: url("../images/pic-wave-g.png") no-repeat;
	background-size: contain;
	width: 591px;
	height: 153px;
	bottom: -100px;
	left: -330px;
}
.osusume-special section {
	background: #11a96f;
	margin-top: 20px;
}
.osusume-special section h3 {
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
}
.osusume-special ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
}
.osusume-special ul li {
	background: #FFF;
	width: 100%
}
.osusume-special ul li.half {
	width: 50%;
}
.osusume-special ul li:nth-child(n + 2) {
	margin-left: 10px;
}
.osusume-special ul li a {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	z-index: 10;
	display: block;
}
.osusume-special ul li a:hover {}
.osusume-special ul li figure img {
	width: 100%;
}
.osusume-special ul li p {
	text-align: center;
	line-height: 1.12;
	height: 65px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/*osusume-special*/
/*------maternity-------*/
.maternity { /*osusume-special*/
}
.maternity .osusume-special {
	border: 3px solid #cd6475
}
.maternity .osusume-special::after {
	background: url("../images/pic-wave-p.png") no-repeat;
	background-size: contain;
}
.maternity .osusume-special section {
	background: #cd6475;
	margin-top: 20px;
}
.maternity .osusume-special li.half {
	position: relative;
}
.maternity .osusume-special li.half::after {
	position: absolute;
	content: "";
	background: url("../images/pic-ribbondot.png") no-repeat;
	background-size: contain;
	width: 320px;
	height: 161px;
	top: 85px;
	right: -535px;
}
/*maternity*/
/*------baby-------*/
.baby { /*osusume-special*/
}
.baby .osusume-special {
	border: 3px solid #d26b2d
}
.baby .osusume-special::after {
	background: url("../images/pic-wave-o.png") no-repeat;
	background-size: contain;
}
.baby .osusume-special section {
	background: #d26b2d;
	margin-top: 20px;
}
.baby .osusume-special li.half {
	position: relative;
}
.baby .osusume-special li.half::after {
	position: absolute;
	content: "";
	background: url("../images/pic-ribbondot.png") no-repeat;
	background-size: contain;
	width: 320px;
	height: 161px;
	top: 85px;
	right: -535px;
}
/*maternity*/
/*---------------
カテゴリ別カラー/模様
---------------*/
/*kazoku*/
.kazoku .family-contents::after {
	position: absolute;
	content: "";
	background: url("../images/pic-bird.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -10px;
	right: -160px;
	width: 111px;
	height: 69px;
}
.kazoku .date {
	border: 3px solid #11a96f;
}
.kazoku .osusume-special {
	border: 3px solid #11a96f;
}
.kazoku .osusume {
	background: #dbf1e2
}
.kazoku .osusume::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-g.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -110px;
	left: -290px;
	width: 403px;
	height: 251px;
}
.kazoku .osusume .notes {
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kazoku .osusume .osusume-wrap {
	position: relative;
	display: none;
}
.kazoku .osusume .osusume-wrap.is-active {
	display: block;
}
.kazoku .osusume .osusume-wrap::before {
	position: absolute;
	content: "";
	background: url("../images/pic-flower2-g.png") no-repeat center;
	background-size: contain;
	display: block;
	left: -120px;
	bottom: -40px;
	width: 190px;
	height: 81px;
}
.kazoku .osusume .osusume-wrap::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower3-g.png") no-repeat center;
	background-size: contain;
	display: block;
	right: -60px;
	bottom: -60px;
	width: 67px;
	height: 81px;
}
/*maternity*/
.maternity .family-contents::after {
	position: absolute;
	content: "";
	background: url("../images/pic-clover.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -20px;
	left: -140px;
	width: 95px;
	height: 74px;
}
.maternity .date {
	border: 3px solid #cd6475;
}
.maternity .osusume-special {
	border: 3px solid #cd6475;
}
.maternity .osusume {
	background: #fde7e5
}
.maternity .osusume::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-p.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -110px;
	right: -280px;
	width: 403px;
	height: 251px;
}
.maternity .osusume .notes {
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}
.maternity .osusume .osusume-wrap {
	position: relative;
	display: none;
}
.maternity .osusume .osusume-wrap.is-active {
	display: block;
}
.maternity .osusume .osusume-wrap::before {
	position: absolute;
	content: "";
	background: url("../images/pic-flower2-p.png") no-repeat center;
	background-size: contain;
	display: block;
	left: -120px;
	bottom: -40px;
	width: 190px;
	height: 81px;
}
.maternity .osusume .osusume-wrap::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower3-p.png") no-repeat center;
	background-size: contain;
	display: block;
	right: -60px;
	bottom: -60px;
	width: 67px;
	height: 81px;
}
/*baby*/
.baby .family-contents::after {
	position: absolute;
	content: "";
	background: url("../images/pic-babybottle.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -30px;
	left: -135px;
	width: 105px;
	height: 99px;
}
.baby .date {
	border: 3px solid #d26b2d;
}
.baby .osusume-special {
	border: 3px solid #d26b2d;
}
.baby .osusume {
	background: #ffefc3
}
.baby .osusume::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower1-o.png") no-repeat center;
	background-size: contain;
	display: block;
	top: -110px;
	right: -280px;
	width: 403px;
	height: 251px;
}
.baby .osusume .notes {
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}
.baby .osusume .osusume-wrap {
	position: relative;
	display: none;
}
.baby .osusume .osusume-wrap.is-active {
	display: block;
}
.baby .osusume .osusume-wrap::before {
	position: absolute;
	content: "";
	background: url("../images/pic-flower2-o.png") no-repeat center;
	background-size: contain;
	display: block;
	left: -120px;
	bottom: -40px;
	width: 190px;
	height: 81px;
}
.baby .osusume .osusume-wrap::after {
	position: absolute;
	content: "";
	background: url("../images/pic-flower3-o.png") no-repeat center;
	background-size: contain;
	display: block;
	right: -60px;
	bottom: -60px;
	width: 67px;
	height: 81px;
}
/*---------------
ボタン
---------------*/
.btn-common {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -10px;
	text-align: center;
}
.btn-common > div{
	margin-left: 10px;
	width: 100%;
}

.btn-common a {
	padding: 10px;
	color: #FFF;
	background: #d6773b;
	font-weight: bold;
	line-height: 1.2;
	display: block;
	border-radius: 6px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #d9d9d9;
	box-shadow: 3px 3px #d9d9d9;
}
.btn-common .btn-blue {
	display: inline-block;
}
.btn-common .btn-blue a {
	color: #FFF;
	background: #2273d8;
	font-weight: bold;
	height: 55px;
	line-height: 55px;
	display: block;
	border-radius: 6px;
	text-align: center;
}
.btn-common .btn-orange {
	display: inline-block;
}

.btn-common .btn-htl a{
	background: #ab5041;
}
.btn-common .btn-jr a{
	background: #b09a26;
}
.btn-common .btn-air a{
	background: #397485;
}



.btn-line {
	text-align: center;
	margin-top: 10px;
}
.btn-line a {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	background: #FFF;
	border: 3px solid #000;
	width: 570px;
	height: 70px;
	line-height: 70px;
	border-radius: 6px
}
.btn-line a.btn-kazoku {
	border: 3px solid #11a96f;
	-webkit-box-shadow: 4px 4px #11a96f;
	box-shadow: 4px 4px #11a96f;
	color: #11a96f;
}
.btn-2nd {
	margin-top: 15px !important;
}
.btn-line-input {
	position: absolute;
	bottom: 25px;
	right: 20px;
	width: 300px;
	text-align: center;
}
.btn-line-input input {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	display: block;
	background: #FFF;
	border: 3px solid #000;
	width: 300px;
	height: 70px;
	margin: 0 auto;
	border-radius: 6px;
	cursor: pointer
}
.btn-line-input input.btn-kazoku {
	border: 3px solid #11a96f;
	-webkit-box-shadow: 4px 4px #11a96f;
	box-shadow: 4px 4px #11a96f;
	color: #11a96f;
}
.hotel-tabbox .btn-line-input input.btn-kazoku{
	border: 3px solid #ab5041;
	-webkit-box-shadow: 4px 4px #ab5041;
	box-shadow: 4px 4px #ab5041;
	color: #ab5041;
    transition: .2s;
}
.hotel-tabbox .btn-line-input input.btn-kazoku:hover{
	opacity: .6;
}

.kkrs-top-search-submit-btn{
	position: absolute;
	bottom: 25px;
	right: 20px;
	width: 15rem;
}
.dp-jr-tabbox .kkrs-top-search-submit-btn{
	font-size: 20px;
	font-weight: bold;
	display: block;
	background: #FFF;
	width: 300px;
	height: 70px;
	margin: 0 auto;
	border-radius: 6px;
	cursor: pointer;

	border: 3px solid #b09a26;
	-webkit-box-shadow: 4px 4px #b09a26;
	box-shadow: 4px 4px #b09a26;
	color: #b09a26;	
    transition: .2s;
}
.dp-air-tabbox .kkrs-top-search-submit-btn{
	font-size: 20px;
	font-weight: bold;
	display: block;
	background: #FFF;
	width: 300px;
	height: 70px;
	margin: 0 auto;
	border-radius: 6px;
	cursor: pointer;

	border: 3px solid #397485;
	-webkit-box-shadow: 4px 4px #397485;
	box-shadow: 4px 4px #397485;
	color: #397485;	
    transition: .2s;
}
.dp-jr-tabbox .kkrs-top-search-submit-btn:hover,
.dp-air-tabbox .kkrs-top-search-submit-btn:hover{
	opacity: .6;
}
.dp-jr-tabbox .kkrs-top-search-section .kkrs-search-item.kkrs-error,
.dp-air-tabbox .kkrs-top-search-section .kkrs-search-item.kkrs-error{
	border: none!important;
}	
.kkrs-error-message{
	position: absolute;
	top: 100%;
	color: #cc0000;
	font-size: 1.1rem;
}

/*------maternity-------*/
.maternity .btn-common {
	margin-top: 0;
}
.maternity .btn-line a.btn-maternity {
	border: 3px solid #cd6475;
	-webkit-box-shadow: 4px 4px #cd6475;
	box-shadow: 4px 4px #cd6475;
	color: #cd6475;
}
.maternity .btn-line-input input.btn-maternity {
	border: 3px solid #cd6475;
	-webkit-box-shadow: 4px 4px #cd6475;
	box-shadow: 4px 4px #cd6475;
	color: #cd6475;
}
/*maternity*/
/*------baby-------*/
.baby .btn-common {
	margin-top: 0;
}
.baby .btn-line a.btn-baby {
	border: 3px solid #d26b2d;
	-webkit-box-shadow: 4px 4px #d26b2d;
	box-shadow: 4px 4px #d26b2d;
	color: #d26b2d;
}
.baby .btn-line-input input.btn-baby {
	border: 3px solid #d26b2d;
	-webkit-box-shadow: 4px 4px #d26b2d;
	box-shadow: 4px 4px #d26b2d;
	color: #d26b2d;
}
/*baby*/




/* ==================================================
   Slider
================================================== */
.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	height: 100%;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
	height: 100%;
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
	display: none;
}

/* Slider */
.slick-loading .slick-list{
    background: #fff url('/_ovs_assets/images/ajax-loader.gif') center center no-repeat;
}

/* Arrow */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 65px;
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	z-index: 2;
	background: none;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'kkrs-dp';
	font-size: 3.0rem;
	line-height: 1;
	opacity: .75;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e902';
}
.slick-prev {
	left: -50px;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}
.slick-next {
	right: -50px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}





/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}
.slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

.slick-dots > li:first-child:last-child {
    display: none;
}

.family_list{
   width: 1120px;
}
.family_list ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.family_list ul li{
    display: block;
    width: 260px;
    height: 175px;
	margin-bottom: 60px;
	text-align: center
}
.area_bnr a:hover, #contents_area .family_list ul li a:hover {
    opacity: .8;
}
.plan_listtit {
    position: relative;
    display: inline-block;
    margin-top: 120px;
    margin-bottom: 40px;
    padding: 15px 10px 12px 10px;
    width: 1120px;
    background: #FFF;
    border-top: solid 2px #11a96f;
    border-bottom: solid 2px #11a96f;
    box-sizing: border-box;
}
.plan_listtit:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}
.plan_listtit:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -18px;
    border: 15px solid transparent;
    border-top: 15px solid #11a96f;
    z-index: 1;
}
.plan_listtit h2{
    color: #00000
    font-size: 28px; 
	text-align: center;
	padding:0 0 5px 0;
}

