@charset "utf-8";
/* CSS Document */
body {
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 150%;
}
body.noscroll {
	height: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
	padding: 0;
}
.container.last-child {
	margin-bottom: 0;
}
.row:last-child {
	margin-bottom: 0;
}
.row.last-child {
	margin-bottom: 0;
}
.row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	/* overflow: hidden; */
}
.row-no-offset {
	margin: 0 -5px;
}
.row-no-offset [class*=col-sm-] {
	padding: 0;
}
.row [class*=col-sm-] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	/* overflow: hidden; */
	float: left;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-2 {
	width: 16.666667%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-8 {
	width: 66.66666666%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-12 {
	width: 100%;
}
.row>.col-sm-12:last-child {
	margin-bottom: 0;
}
.row>.col-sm-12.last-child {
	margin-bottom: 0;
}
.col-sm-offset-0 {
	margin-left: 0;
}
.col-sm-offset-2 {
	margin-left: 16.666667%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-4 {
	margin-left: 33.333333%;
}

.row-nopadding>[class*=col-] {
	padding: 0;
}
.row-nomargin,
.container>.row-nomargin,
.container>.row-nomargin:last-child {
	margin: 0;
}

.visible-md,
.visible-lg {
	display: none !important;
}
.visible-sm {
	display: block !important;
}
.hidden-sm {
	display: none !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.414;
}
h1 {
	font-size: 18px;
}
h2 {
	margin: 0 0 25px;
	font-size: 15px;
	font-weight: bold;
}
h2 small {
	font-size: 12px;
	width: 80%;
	margin-top: 5px;
	letter-spacing: 2px;
}
h3 {
	font-size: 15px;
}
h4 {

}
h5 {
	font-size: 16px;
}
small {
	font-size: 80%;
}
big {
	font-size: 130%;
}
b {
	font-size: 155%;
	font-weight: bold;
}
hr {
	margin-bottom: 10px;
}
.text-center-sm {
	text-align: center;
}
/* Buttons
-------------------------------------------- */
.btn-lg {
	width: 100%;
	padding: 12px 10px;
	font-size: 12px;
}
.btn-lg.btn-red {
	box-shadow: 0 5px 0 #990000;
}
.btn-lg.btn-orange {
	box-shadow: 0 5px 0 #9B2D11;
}
.btn-lg.btn-pink {
	box-shadow: 0 5px 0 #D90000;
}
.btn-lg.btn-green {
	box-shadow: 0 5px 0 #12A32F;
}
.btn-lg.btn-blue {
	box-shadow: 0 5px 0 #31558A;
}
.btn-lg.btn-gray {
	box-shadow: 0 5px 0 #CCC;
}

.btn-lg:disabled {
	top: 3px;
	box-shadow: none;
}
.btn-md:disabled, .btn-sm:disabled {
	top: 2px;
	box-shadow: none;
}

.btn-lg:active {
	top: 3px;
	box-shadow: none;
}
.btn-md:active, .btn-sm:active {
	top: 2px;
	box-shadow: none;
}


.btn-contact {
	background-image: url(../images/_temp/icon_contact_sp.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 18px 16px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 26px;
	margin-top: 10px;
}
.btn-reserve {
	background-image: url(../images/_temp/icon_reserve_sp.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 17px 13px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 26px;
	margin-top: 10px;
	letter-spacing: 0px;
}

/* Common table
-----------------------------------------------*/
.common-table {
	margin: 0 auto 10px;
}

.common-table th,
.common-table td {
	padding: 5px;
}

/* head-menu */
.menu-icon span {
	width: 22px;
	height: 1px;
	margin-bottom: 5px;
}
.menu-icon span.bar1 {
}
.menu-icon span.bar3 {
	margin-bottom: 4;
}
.menu-icon.active {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-icon.active .bar1 {
	-webkit-transform: rotate(0deg) translateY(6px);
	-moz-transform: rotate(0deg) translateY(6px);
	-ms-transform: rotate(0deg) translateY(6px);
	-o-transform: rotate(0deg) translateY(6px);
	transform: rotate(0deg) translateY(6px);
}
.menu-icon.active .bar2 {
	opacity: 0;
}
.menu-icon.active .bar3 {
	-webkit-transform: rotate(-90deg) translateX(6px);
	-moz-transform: rotate(-90deg) translateX(6px);
	-ms-transform: rotate(-90deg) translateX(6px);
	-o-transform: rotate(-90deg) translateX(6px);
	transform: rotate(-90deg) translateX(6px);
}
#head-menu.active nav#nav-menu {
	height: 100%;
}

#head-menu.active nav#nav-menu .menu-btn {
	opacity: 1;
	padding: 15px 0;
}
#head-menu.active nav#nav-menu .menu-btn a {
	font-size: 11px;
}
#head-menu.active nav#nav-menu .menu-title {
	font-size: 11px;
	top: 60px;
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#head-menu.active nav#nav-menu .menu-title small {
	font-size: 8px;
}
#head-menu.active nav#nav-menu .menu-list-container {
	top: 60px;
}
#head-menu.active nav#nav-menu .menu-list-container ul {
}
#head-menu.active nav#nav-menu .menu-list-container li {
}
#head-menu.active nav#nav-menu .menu-list-container li:nth-child(2n) {
}
#head-menu.active nav#nav-menu .menu-list-container li a {
	background: url(../images/_temp/nav_sp_rarrow.png) right 8px top 10px no-repeat;
	background-size: 6px 14px;
	line-height: 0.8em;
	font-size: 10px;
	padding-top: 13px;
	padding-right: 4%;
	padding-bottom: 13px;
	padding-left: 4%;
}
#head-menu.active nav#nav-menu .menu-list-container li.category a {
	padding: 13px 4%;
}
#nav-menu {
	width: 100%;
	height: 60px;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#nav-menu .menu-icon-container {
	top: 0px;
	right: 0px;
	padding-top: 19px;
	padding-right: 19px;
	padding-bottom: 14px;
	padding-left: 19px;
}
#nav-menu .menu-icon-container .menu-text {
	font-size: 7px;
	letter-spacing: 2px;
	line-height: 100%;
}
#head-menu.active nav#nav-menu .menu-btn {
	padding: 20px 0;
	line-height: 20px;
}
#head-menu.active nav#nav-menu .menu-btn a {
	font-size: 8px;
}
#nav-menu .menu-btn-top {
	top: 0px;
	right: 172px;
	width: 100px;
	visibility: hidden;
}
#head-menu.active nav#nav-menu .menu-btn-contact {
	top: 0px;
	right: 62px;
	width: 62px;
	color: #444;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #DDD;
}


/* Id
-----------------------------------------------*/
#logo {
	left: 10px;
	top: 8px;
	width: 126px;
	height: 44px;
	z-index: 9999;
	position: fixed;
    display: flex;
    align-items: center;
}
#logo .logo-text {
    fill:#424242;
}
#logo.video-bg .logo-text {
    fill:#424242;
}
#top-movie-sp {
	position: relative;
	background-color: #000;
	height: 70vh;
	/*	background: url(../images/index/top_bgimg_sp.png) no-repeat;
	background-size: cover;*/
	text-align: center;
	z-index: 0;
	margin-top: 20px;
}
#top-movie-sp #top-movie-img {
	width: 100%;
	position: absolute;
	top: 24%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#top-movie-sp #top-movie-txt {
	position: absolute;
	/*text-shadow: 3px 3px 1px rgba(0,0,0,0.5);*/
	top: 65%;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}
#top-movie-sp #top-movie-txt h1 {
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 35px;
	border-radius: 6px;
	color: #00938F;
	background-color: #FFF;
}
#slide-block {
	width: 100%;
	position: relative;
}
#slide-block .slide-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70vh;
	/* -webkit-transition: opacity 2s linear;
	-moz-transition: opacity 2s linear;
	-o-transition: opacity 2s linear;
	transition: opacity 2s linear;
	opacity:0; */
	overflow: hidden;
}
#slide-block .slide-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
#slide-block .show {
	opacity: 100;
	filter: alpha(opacity=100);
}
#slide-block.hometop .slide-content-1 {
	background: url(../images/index/slide0.webp) no-repeat;
	background-size: cover;
}
#slide-block.hometop .slide-content-2 {
	background: url(../images/index/slide2.webp) no-repeat;
	background-size: cover;
}
#slide-block.hometop .slide-content-3 {
	background: url(../images/index/slide3.webp) no-repeat;
	background-size: cover;
}
#slide-block.hometop .slide-content-4 {
	background: url(../images/index/slide4.webp) no-repeat;
	background-size: cover;
}
#slide-block.hometop .slide-content-5 {
	background: url(../images/index/slide5.webp) no-repeat;
	background-size: cover;
}
#slide-block.hometop .slide-content-6 {
	background: url(../images/index/slide6.webp) no-repeat;
	background-size: cover;
}
#slide-block.motorparaglider .slide-content-1 {
	background: url(../images/category/motorparaglider/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.buggy .slide-content-1 {
	background: url(../images/category/buggy/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.mangrovekayac .slide-content-1 {
	background: url(../images/category/mangrovekayac/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.wakeboard .slide-content-1 {
	background: url(../images/category/wakeboard/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.flyboard .slide-content-1 {
	background: url(../images/category/flyboard/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.towingtube .slide-content-1 {
	background: url(../images/category/towingtube/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.sup .slide-content-1 {
	background: url(../images/category/sup/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.bluecavesnorkel .slide-content-1 {
	background: url(../images/category/bluecavesnorkel/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.sunsetsup .slide-content-1 {
	background: url(../images/category/sunsetsup/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.walkingsup .slide-content-1 {
	background: url(../images/category/walkingsup/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.rivertrekking .slide-content-1 {
	background: url(../images/category/rivertrekking/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.bluecavediving .slide-content-1 {
	background: url(../images/category/bluecavediving/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.parasailing .slide-content-1 {
	background: url(../images/category/parasailing/slide.webp) no-repeat;
	background-size: cover;
}
#slide-block.whalewatching .slide-content-1 {
	background: url(../images/category/whalewatching/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.diving .slide-content-1 {
	background: url(../images/category/diving/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.snorkeling .slide-content-1 {
	background: url(../images/category/snorkeling/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.marinejet .slide-content-1 {
	background: url(../images/category/marinejet/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.jetlev .slide-content-1 {
	background: url(../images/category/jetlev/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.paraglider .slide-content-1 {
	background: url(../images/category/paraglider/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.paintball .slide-content-1 {
	background: url(../images/category/paintball/slide1.webp) no-repeat;
	background-size: cover;
}
#slide-block.familyfriendly .slide-content-1 {
	background: url(../images/category/familyfriendly/slide1.webp) no-repeat;
	background-size: cover;
}

#main {
	padding: 20px 15px;
}
#footer {
	padding-right: 16px;
	padding-left: 16px;
	font-size: 11px;
}
#footer .col-sm-12 {
	margin-bottom: 15px;
}

/*TOP*/
#about-us {
	background: none;
	background-size: cover;
	padding-top: 35px;
	padding-bottom: 35px;
}
#about-us p {
	font-size: 14px;
	padding-right: 20px;
	padding-left: 20px;
}
#news {
	font-size: 12px;
	padding: 10px;
}
#plan-category{
	padding: 0px;
}
#plan-category .col-sm-6 {
	padding-top: 5px;
	padding-bottom: 5px;
}
#plan-category .col-sm-6 .plan-title {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 120%;
}
#plan-category .col-sm-6 .plan-title-small {
	font-size: 8px;
	padding-bottom: 12px;
	line-height: 130%;
}
#plan-category .col-sm-6 .plan-description {
	font-size: 11px;
}

/*----------　インスタグラム　----------*/
#instagram {
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#instagram h2 {
	width: 120px;
}
#instagram #instafeed li {
	display: inline-block;
	width: 33.3333%;
	height: 33.3333%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFF;
}
#instagram #instafeed li img {
	margin-bottom: 0px;
	height: 20vh;
}


/* Normal
-----------------------------------------------*/
#category-top-movie-sp {
	position: relative;
	height: 70vh;
	/*background: url(../images/index/top_bgimg_sp.png) no-repeat;
	background-size: cover;*/
	z-index: 0;
	margin-top: 30px;
	background-color: #000;
}
#category-top-movie-sp #category-top-movie-btn {
	width: 100%;
	position: absolute;
	top: 30%;
	margin: 0 auto;
	text-align: center;
}
#category-top-movie #category-top-movie-btn a {
	outline:none;
}
#category-top-movie #category-top-movie-btn a img {
	outline:none;
	overflow : hidden;
}
#category-top-movie-sp #category-top-movie-btn img {
	width: 39%;
}
#category-top-movie-sp #category-top-movie-txt {
	font-family: 'Asap Condensed', sans-serif;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 0;
	text-align: center;
	color: #FFF;
	font-size: 32px;
	text-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	width: 100%;
	line-height: 32px;
}
#category-top-movie-sp #category-top-movie-txt h1 {
	display: block;
	font-size: 14px;
	font-weight: 800;
}
#category-description {
	display: block;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.3);
	margin-top: 13px;
	padding: 20px;
}


#category-top-txt {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	width: 100%;
	line-height: 40px;
	background-color: #FFF;
}
#category-top-txt h1 {
	display: block;
	font-size: 20px;
	font-weight: 800;
	margin: 0px;
	padding: 0px;
}
#category-top-description {
	display: block;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	font-weight: bold;
	padding: 40px;
}

#pankuzu {
	margin-top: 60px;
	padding-left: 15px;
	font-size: 11px;
}
#pankuzu span {
	margin-right: 5px;
	margin-left: 5px;
}

.youtube {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	height: 0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #222;
	border-bottom-color: #222;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.category-description {
	width: 100%;
	font-size: 15px;
}
#experience-report {
	padding: 20px;
	border-top-style: none;
}
#experience-report #experience-report-block {
	margin-top: 0px;
	padding-bottom: 0px;
}
#experience-report #experience-report-block .col-sm-12 {
	padding: 0px;
}
#experience-report #experience-report-block .col-sm-12 img {
	margin-bottom: 5px;
}
#experience-report #experience-report-block .col-sm-12 span {
	font-size: 12px;
	padding-bottom: 20px;
}


#plan-try {
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#plan-try-yoyaku {
	width: 100%;
}
#plan-try-yoyaku .col-sm-6 {
	padding: 5px;
}
#plan-try-yoyaku .col-sm-6 .plan-photo {
	margin-bottom: 10px;
}
#plan-try-yoyaku .col-sm-6 span.plan-position {
	background-size: 10px 16px;
	padding-left: 16px;
	margin-bottom: 5px;
	font-size: 12px;
	background-image: url(../images/category/_common/position.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#plan-try-yoyaku span.plan-position b {
	font-size: 16px;
}
#plan-try-yoyaku .col-sm-6 span.plan-tag {
	font-size: 7px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
	border: 1px solid #F66;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#plan-try-yoyaku .col-sm-6 span.plan-terms {
	font-size: 7px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	border: 1px solid #666;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#plan-try-yoyaku .col-sm-6 span.plan-detail {
	display: inline-block;
	margin-top: 5px;
}
#plan-try-yoyaku .col-sm-6 .col-sm-8, #plan-try-yoyaku .col-sm-6 .col-sm-4 {
	margin-bottom: 5px;
}
#plan-try-yoyaku .col-sm-6 .plan-name {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 4px;
	margin-left: 3px;
	margin-right: 3px;
}
#plan-try-yoyaku .col-sm-6 .plan-price {
	font-size: 13px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#plan-try-yoyaku .col-sm-6 .plan-price b {
	font-size: 16px;
}
#yoyaku-plan-list {
	width: 100%;
}

#yoyaku-plan-list .plan-card {
	width: 50%;
	padding: 5px;
	margin: 0;
}

#yoyaku-plan-list .plan-card a {
	text-decoration: none;
}
#yoyaku-plan-list .plan-photo {
	margin-bottom: 10px;
}

#yoyaku-plan-list .plan-position {
	background-size: 10px 16px;
	padding-left: 16px;
	margin-bottom: 5px;
	font-size: 12px;
	background-image: url(../images/category/_common/position.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

#yoyaku-plan-list .plan-tag-terms>.plan-tag,
#yoyaku-plan-list .plan-tag-terms>.plan-terms {
	flex: 0 0 calc(50% - 6px);
	margin: 0 3px 10px;
	padding: 4px 0;
	font-size: 7px;

}#yoyaku-plan-list .plan-tag {
	border: 1px solid #F66;
}

#yoyaku-plan-list .plan-terms {
	border: 1px solid #666;
}


#yoyaku-plan-list .plan-name {
	font-size: 12px;
	padding: 0 3px 4px;
}

#yoyaku-plan-list .plan-price {
	font-size: 13px;
	font-weight: bold;
	padding: 0 5px 10px;
}

#yoyaku-plan-list .plan-price b {
	font-size: 16px;
}

#yoyaku-plan-list b span.plan-price-range {
	font-size: 12px;
	display: inline-block;
}

#faq {
	padding-top: 35px;
	padding-bottom: 35px;
}
#faq-block {
}
#faq-block .faq-q {
}
#faq-block .faq-a {
	padding-bottom: 15px;
	background-position: left center;
	margin-top: 10px;
}


/* プラン詳細ページ
-----------------------------------------------*/

#attention {
	width: 90%;
	top: 60px;
	padding: 10px;
}

/*　上部の料金部分　*/
#plan-header {
	height: 100px;
	background-size: 100% 100px;
	border-bottom: 5px solid #333;
	background-color: #000;
	background-image: url(../images/category/_common/plan-header_sm_bg.webp);
	background-repeat: no-repeat;
}
#plan-header div {
	width: 100%;
}
#plan-header h1 {
	height: 95px;
	font-size: 20px;
	font-weight: 550;
	padding-right: 15px;
	padding-left: 15px;
}
#plan-header .page-tag {
	position: absolute;
	font-size: 12px;
	top: 12px;
}
#plan-header .page-title {
	position: absolute;
	top: 30px;
	font-size: 20px;
}
#plan-header .page-icon {
	position: absolute;
	top: 65px;
	z-index: 100;
}
#plan-header .page-icon img {
	width: 15%;
}
#plan-price {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
#plan-price .plan-id {
	padding: 12px;
	background: #688EC9;
	text-align: center;
	color: #FFF;
	margin-bottom: 15px;
}
#plan-price .plan-price-content {
	line-height: 16px;
}
#plan-price .col-sm-12/*, #plan-detail .col-lg-8*/ {
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
	border-right-style: none;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#plan-price .col-sm-12:last-child {
	border: none;
	padding-top: 9px;
	padding-bottom: 13px;
	padding-right: 13px;
	padding-left: 13px;
}
#plan-price .title {
	padding: 12px;
	text-align: center;
	color: #FFF;
	margin-bottom: 15px;
	background-color: #666;
	border: 1px solid #999;
}
#plan-price .title span {
	font-size: 10px;
}
#plan-price .plan-price-content [class*=col-lg-], #plan-price .plan-description [class*=col-lg-] {
	margin-bottom: 8px;
}


/*お問い合わせ＆予約ボタン*/

#plan-price .plan-btn .col-sm-6 {
	margin-bottom: 0px;
	width: 50%;
}
#plan-price .plan-btn .col-sm-6:last-child {
	margin-bottom: 0;
}


#reserve-area {
	display: block;
	overflow: hidden;
	position: fixed;
	z-index: 900;
	background-color: rgba(0,0,0,0.7);
	bottom: 0px;
	height: 58px;
	width: 100%;
	margin: 0;
}
#reserve-btn {
	position: absolute;
	z-index: 900;
	width: 100%;
}
#reserve-btn .col-sm-6 {
	margin-bottom: 0px;
	width: 50%;
}
#reserve-btn .col-sm-6:last-child {
	margin-bottom: 0;
}

/*プラン詳細写真*/

#plan-detail {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

#plan-detail #photoBox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#plan-detail #photo {
}
#plan-detail #plan-intro {
	position: relative;
	background-color: rgba(255,255,255,0.8);
	margin-top: 0px;
	margin-right: 0px;
	border: 1px solid #FFF;
	padding: 0px;
}
#plan-detail #plan-intro .inner {
	/* width: calc(100% - 40px); */
	padding-right: 20px;
	padding-left: 20px;
}
#plan-detail #plan-title {
	font-size: 4vmax;
	text-align: center;
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 30px;
	line-height: 34px;
}
#plan-detail #plan-title2 {
	font-size: 3vmax;
	text-align: center;
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 30px;
	line-height: 34px;
}
#plan-detail #plan-subtitle {
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 24px;
}
#plan-detail #plan-discription {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#plan-detail #plan-point {
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
#plan-detail .plan-point {
	padding-right: 0px;
	padding-left: 0px;
}
#plan-detail .plan-point .col-sm-6 {
	margin-bottom: 0px;
}
#plan-detail .plan-point .col-sm-6 img {
	margin-bottom: 10px;
	width: 100%;
}
#plan-detail .plan-point .col-sm-6 span {
	display: block;
	padding-bottom: 15px;
}


/*基本情報*/

#plan-contents {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0px;
	width: 100%;
}
#plan-contents .plan-info {
	background: #FFF;
	margin-bottom: 15px;
}
#plan-contents .plan-info .plan-info-title {
	padding: 15px 15px;
	background: linear-gradient(-130deg, #688EC9, #D45A83) fixed;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}
#plan-contents .plan-info .plan-info-title span {
	font-size: 9px;
}
#plan-contents .plan-info .plan-info-content {
	border-bottom: 1px solid #DDD;
	margin-bottom: 0;
}
#plan-contents .plan-info .plan-info-content:last-child {
	border-bottom: none;
}
#plan-contents .plan-info .plan-info-content [class*=col-lg-] {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#plan-contents .plan-info .plan-info-content [class*=col-lg-]:last-child {
	padding-top: 0px;
	padding-bottom: 15px;
}
#plan-contents .plan-info .plan-info-content .col-sm-12 {
}
#plan-contents .plan-info .plan-info-content .col-sm-12 b {
	font-size: 16px;
}
#plan-contents .plan-info .facility .col-sm-4 {
	padding: 15px;
	line-height: 16px;
}
#plan-contents .plan-info .facility .col-sm-2 {
	padding: 15px;
	line-height: 16px;
}
#plan-contents .note {
	padding-bottom: 15px;
}

/*アクセス情報*/
.access-info {
	padding-top: 25px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.access-info .access-info-addr {
	display: block;
	margin-bottom: 25px;
	font-size: 16px;
}
.access-info .access-info-addr span {
	font-size: 10px;
}
.access-info .access-info-mapcode {
	border: 2px solid #72B584;
	text-align: center;
}
.access-info .access-info-mapcode-a {
	background: #72B584;
	color: #FFF;
	font-size: 16px;
	line-height: 1em;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.access-info .access-info-mapcode-a small {
	font-size: 8px;
}
.access-info .access-info-mapcode-b {
	font-size: 16px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.access-info .access-info-comments {
	display: block;
}
.google-map {
	width: 100%;
	height: 350px;
}

.basic {
	padding: 20px 10px;
}

.terms {
	padding: 20px;
	font-size: 12px;
}

.company-info {
	padding: 10px;
}
.company-info .col-sm-12 {
	margin: 0px;
	padding: 0px;
}
.company-info-item .col-lg-3 {
	margin: 0px;
	padding: 0px;
}
.company-info-item {
	font-size: 12px;
	padding: 10px;
}
.company-info-item [class*=col-]{
	padding: 0;
}

#contact-line {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#contact-line .contact-line-info {
	padding: 20px;
	margin-top: 20px;
}
#contact-line .contact-line-info .contact-line-id {
	font-size: 14px;
}
#contact-line .contact-line-info .contact-line-id-a {
	padding: 10px 0;
}
#contact-line .contact-line-info .contact-line-id-b {
	padding: 10px 0;
}
#contact-line .contact-line-info .col-sm-12 {
	margin-bottom: 10px;
}
#contact-line .line-add-friends {
	display: block !important;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}

#contact-form {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#contact-form .contact-form-place {
	padding: 20px;
	margin-top: 20px;
}

#contact-form .contact-form-place .contact-form-table {
	width: 100%;
	margin: 0;
	border-top: none;
}
#contact-form .contact-form-place .contact-form-item {
	padding: 10px 0;
}


#reserve {
	background: #FFF;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.reserve-table {
	width: 100%;
	margin: 0 auto;
}
#reserve .reserve-form {
	margin-bottom: 30px;
}
#reserve .reserve-form-item {
	padding: 10px 0;
	font-size: 12px;
}
#reserve .reserve-form-item.special-item {
	padding: 10px 0;
}
#reserve .reserve-form-item .th {
	font-weight: bold;
}
#reserve .reserve-form-item.th-gray {
	background: #EEE;
}
#reserve .reserve-form-item .pd15 {
	padding: 7px 0;
}
#reserve .reserve-form-item img {
	width: 30px;
}
#reserve .reserve-form-item .form-number {
	font-size: 30px;
	vertical-align: bottom;
	line-height: 30px;
}
#reserve .reserve-form-item #special-bikou {
	font-size: 100%;
}

.h-title {
	font-size: 18px;
	padding-bottom: 15px;
}
.contact-txt {
	font-size: 12px;
	margin-bottom: 10px;
}
.contact-txt .hidden {
	display: inline !important;
}

/* Mypage
-------------------------------------------- */
.mypage-inner-block {
	width: 100%;
}
.mypage-category-list {
	margin-bottom: 40px;
}
.mypage-category-list-item span {
	float: left;
}
.mypage-category-list-item span.img {
	width: 22%;
	height: 22%;
}
.mypage-category-list-item span.tit {
	padding: 12px 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 11px;
}
.mypage-function-list {
	margin-bottom: 40px;
}

.mypage-function-list-item a {
	padding: 10px 0;
	font-size: 14px;
}
.mypage-function-list-item a small {
	font-size: 11px;
}

.mypage-reserves-list .col-sm-12 {
	padding-bottom: 20px;
}
.mypage-reserves-list-item {
	padding: 10px;
}
.mypage-reserves-list-item span.status {
	margin-bottom: 10px;
}
.mypage-reserves-list-item span.reserveid {
	top: 12px;
	right: 10px;
}
.mypage-reserves-list-item .reserveinfo {
	font-size: 11px;
}
.mypage-reserves-list-item .reserveinfo th,
.mypage-reserves-list-item .reserveinfo td {
	padding: 5px 0;
}

.status-block-text {
	left: -75px;
	padding: 5px;
	font-size: 11px;
}

.message-list {
	margin-bottom: 20px;
}
.message-list-item.detail {
	width: 100%;
}

.mypage-reserve .reserve-form {
	padding: 10px;
}

/* Pagination
-------------------------------------------- */
.pagination {
	margin: 0 auto;
}
.pagination li {
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
.pagination li a {
	padding: 10px 15px;
}

/* Forms
-------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=date],
textarea,
select {
	padding: 12px;
	border: 1px solid #666;
}
textarea {
	min-height: 150px;
}

/* Lang Switch
-------------------------------------------- */
#lang-switch {
	position: fixed;
	top: 15px;
	z-index: 9999;
}

.current-lang {
	height: 30px;
	padding: 3px 8px;
	border-radius: 15px;
}