@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FBD9BA;
	font-size: 16px;
	width: 100%;
	overflow-x: hidden;
	letter-spacing : 0.1em;
	color: #1E5B7B;
	box-sizing: border-box;
	
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'YDW Banana Plus';
	src: url("common/fonts/YDWbananaslipplus.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
ol, ul {
	padding: 0;
}

li::marker {
  content: none;
}

.haba100 {
	width: 100%!important;
}

.wp-post-image {
    width: 100%;
    height: auto;
}

.wp-block-spacer {
	height: 40px!important;
}

.wp-block-heading{
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-weight: 500;
	border-radius: 8px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	border-radius: 8px;
}

.wp-block-gallery {
	margin-bottom: 0px!important;
	padding-bottom: 40px;
}

.wp-block-heading {
	margin-bottom: 20px;
}

.wp-block-image {
	margin-bottom: 40px;
	width: 100%;
}

.wp-block-image img {
	width: 100%;
	border-radius: 8px;
}

.wp-block-paragraph {
  margin-bottom: 1.5em;
}

.wp-block-list li {
  position: relative;
  padding-left: 1.2em;
}

.wp-block-list li::before {
  content: "•";
  position: absolute;
  left: 0;
}

.is-layout-flex {
	justify-content: center;
}

.wp-block-button__link {
	background-color: #FFC28B!important;
	background-image: url("image/btn-texture.png")!important;
	font-size: 	1.25rem!important;
	margin: 0 auto!important;
	display: flex!important;
    align-items: center!important;
    justify-content: center!important;
	color: #FCFAD4!important;
	padding: 18px 0px!important;
	width: 342px!important;
	border-radius: 50px!important;
	position: relative!important;
	transition: all 0.2s ease!important;
	overflow: hidden!important;
}

.wp-block-button__link::before {
	background: #FAEAB8!important;
	border-radius: 50%!important;
	content: ""!important;
	display: block!important;
	margin: auto!important;
	opacity: 0!important;
	pointer-events: none!important;
	position: absolute!important;
	top: 50%!important;
	left: 0!important;
	right: 0!important;
	width: 100%!important;
	padding-top: 100%!important;
	height: 0!important;
	z-index: -1!important;
	transform: translateY(-50%) scale(0.1)!important;
	transition: opacity .5s, transform 0s!important;
	transition-delay: 0s, .4s!important;
}

.wp-block-button__link:hover::before {
	opacity: 1!important;
	transform: translateY(-50%) scale(1.1)!important;
	transition-delay: 0s!important;
	transition: opacity .8s, transform .4s ease-in-out!important;
}

.c-bnr.blur:hover {
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2)!important;
}

.wp-block-button__link:hover {
	box-shadow: none!important;
	transform: translateY(3px)!important;
}

.wp-block-button__link::after {
	content: "の詳細を見る"!important;
}

.wp-block-button__link a:visited {
	color: #FCFAD4!important;
}

.post-author {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 12px;
	border-radius: 8px;
}

.avatar {
	width: 60px;
	height: 60px;
}

.author-icon img {
	border-radius: 50%;
}

.author-prof {
	font-size: 0.75rem;
	color: #555;
}

.author-name {
	font-size: 1rem;
	font-weight: 900;
}

.author-intro {
	margin-top: 6px;
}

.author-link {
	display: inline-block;
	margin-top: 12px;
	border: #103653 solid 2px;
	border-radius: 24px;
	padding: 6px 12px;
}

a:visited {
	color: #FCFAD4;
}

a.common_link ,
a.common_link :visited {
	color: #103653;
}

/*==========================================================
共通
==========================================================*/

.banana {
	font-family: 'YDW Banana Plus', sans-serif;
    font-weight: normal;
}

/* フェード */
.fadeinCnt {
	opacity : 0;
	transform : translate(0, 30px);
	transition : all 1s;
	filter: blur(4px);
}

.fadeinCnt.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	transition-delay: 200ms;
	filter: none;
}

:root {
  --link-103653: #103653;
}

.fac-link:link,
.fac-link:visited {
  color: var(--link-103653);
}

.cnt {
	margin-top: 93px;
	padding-bottom: 200px;
}

.top-cnt {
	margin: 0;
}

.cloud-bg {
	background-image: url("image/bg-cloud-pc.png");
	background-size: 100%;
	background-position: top 3% center;
}

.btn-common {
	background-image: url("image/btn-texture.png");
	font-size: 	1.25rem;
	margin: 0 auto;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #FCFAD4;
	margin: 0 auto;
	padding: 18px 0px;
	max-width: 342px;
	border-radius: 50px;
	position: relative;
	transition: all 0.2s ease;
	overflow: hidden;
}

.btn-top {
	margin-top: 50px;
}


.btn-common[data-color="lightyellow"]{
	background-color: #FFC28B;;
}

.btn-common[data-color="lightyellow"]::after{
	background-image: url("image/btn-arrow.svg");
}

.btn-common[data-color="darkblue"]{
	color: #1E5B7B;
	background: #FEFDE4;
	width: 90%;
}

.btn-common[data-color="darkblue"]::after{
	background-image: url("image/btn-arrow-db.svg");
}

.btn-common[data-color="booking"]{
	background-color: #FFC28B;
	colo: #1E5B7B !important;
}

.btn-common[data-color="booking"]::after{
	background-image: url("image/btn-arrow-db.svg");
}

.btn-common::before {
	background: #FAEAB8;
	border-radius: 50%;
	content: "";
	display: block;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 100%;
	height: 0;
	z-index: -1;
	transform: translateY(-50%) scale(0.1);
	transition: opacity .5s, transform 0s;
	transition-delay: 0s, .4s;
}

.btn-common:hover::before {
	opacity: 1;
	transform: translateY(-50%) scale(1.1);
	transition-delay: 0s;
	transition: opacity .8s, transform .4s ease-in-out;
}

.c-bnr.blur:hover {
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
}

.btn-common:hover {
	box-shadow: none;
	transform: translateY(3px);
}

.btn-common::after {
	content: "";
	width: 8px;
	height: 11px;
	position: absolute;
	right: 5%;
}

.btn-common a:visited {
	color: #FCFAD4;
}

.banana-h2 {
	font-size: 4rem;
	color: #1E5B7B;
	margin-bottom: 56px;
	text-align: center;
}

.search-h2 {
	text-align: left;
}

.shadow {
	box-shadow:  0px 3px 6px rgb(0 0 0 / 20%);
}

.bg-shadow {
	box-shadow:  0px 3px 6px rgb(0 0 0 / 20%);
}

.rod {
	display: block;
	width: 100vw;
	height: 20px;
	background: #B2997C;
	position: absolute;
	z-index: 0;
}

.mc-rod {
	z-index: -1;
}

.strong {
	font-size: 1.25rem;
}

.mypattern-text {
	margin-top: 10px;
}

.m10 {
	margin-top: 10px;
}

.pb200 {
	padding-bottom: 200px;
}

.br8 {
	border-radius: 8px;
}

.br16 {
	border-radius: 16px;
}

.rl-br8 {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;	
}

.zoom {
 	transition: transform .5s;
}

.zoom:hover{
	transform: scale(1.1);
 	transition: transform .5s;
	opacity: 0.7;
}

.btn-booking {
	background-color: #FFC28B;
	color: #1E5B7B !important;
	margin: 0 auto 40px;
}

.location-common {
	display: flex;
	align-items: center;
}

.location-common::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
}

.location-common[data-color="purple"]::before {
	background-image: url("image/pin.svg");
}

.location-common[data-color="white"]::before {
	background-image: url("image/pin-white.svg");
}

.location-common[data-color="103653"]::before {
	background-image: url("image/pin-103653.svg");
}

.ten {
	
}

.breadcrumb {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 60px 0 16px;
}

.breadcrumb li{
	display: flex;
	align-items: center;
}

.breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.breadcrumb li::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 6px;
	background: url("image/breadcrumb-arrow.svg");
}

.breadcrumb li:last-child::after {
  content: none;
}

.breadcrumb li a:first-child{
	color: #A2A2A2!important;
	text-decoration:underline;
}

@keyframes fadein {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*==========================================================
メインビジュアル
==========================================================*/
.top-cnt {
	margin: 0;
}

.main_imgBox {
	position: relative;
    overflow: hidden;
	padding-top: calc(100% * 1053 / 1920);
}

.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 24s 0s infinite;
    animation: anime 30s 0s infinite; 
}
.main_img:nth-of-type(1) {
 	background-image: url("image/kv-top-pc01.webp");
}

.main_img:nth-of-type(2) {
	background-image: url("image/kv-top-pc02.webp");
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.main_img:nth-of-type(3) {
	background-image: url("image/kv-top-pc03.webp");
	-webkit-animation-delay: 10s;
	animation-delay: 10s; 
}

.main_img:nth-of-type(4) {
	background-image: url("image/kv-top-pc04.webp");
	-webkit-animation-delay: 15s;
	animation-delay: 15s; 
}

.main_img:nth-of-type(5) {
	background-image: url("image/kv-top-pc01.webp");
	-webkit-animation-delay: 20s;
	animation-delay: 20s; 
}

.main_img:nth-of-type(6) {
	background-image: url("image/kv-top-pc02.webp");
	-webkit-animation-delay: 25s;
	animation-delay: 25s; 
}

@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        z-index:9;
    }
    100% { opacity: 0 }
}

.main-visual {
	margin: 0;
	background-size: cover;
	padding-top: calc(100% * 1053 / 1920);
	width: 100%;
}

.main-visual-deco {
	position: absolute;
	z-index: 1000;
}

#tottori-sakyu {
	bottom: 0;
	left: 0;
	width: 64%;
}

#camel {
	bottom: -8%;
	right: 9%;
	width: 15%;
}

#main-cloud-R {
	top: 5%;
	right: -5%;
	width: 24%;
	-webkit-animation: cloud-anime 15s 0s infinite;
    animation: cloud-anime 15s 0s infinite; 
}

#main-cloud-L {
	top: 50%;
	left: -5%;
	width: 18%;
	-webkit-animation: cloud-anime 15s 0s infinite;
    animation: cloud-anime 15s 0s infinite; 
}

@keyframes cloud-anime {
  0%,100% {transform: translateX(0);}
	
  50% {transform: translateX(30px);}
}

#catchcopy {
	bottom: 15%;
	right: 10%;
	width: 4%;
}

div#toc_container {
	margin: 0 auto 60px;
	padding: 20px 40px;
	border: none!important;
	border-radius: 8px;
}

#toc_container p.toc_title {
	font-size: 1.2rem;
}

#toc_container p.toc_title+ul.toc_list {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.toc_list li a::before {
    content: "・";
    margin-right: 4px;
}

/*==========================================================
ヘッダー
==========================================================*/

.header-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	z-index: 8000;
	top: 30px;
}

.header-wrap.caseB {
	position: fixed;
	background: #1E5B7B;
	width: 100%;
	padding: 0px;
	inset: auto;
	top: 0px;
}

.header-container {
    width: 90%;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
	padding: 5px 0;
}

.sns-list {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;	
}

#header-rod {
	position: absolute;
	top: 5px;
	left: 0px;
}

#header-rod.caseB {
	display: none;
}

@keyframes fade {
	0% {opacity: 0;}
	30% {opacity: 0;}
	100% {opacity: 1;}
}

#menu-panel.caseB {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 0;
	background: #1E5B7B;
}

#menu-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 20px;
	background-color: #B2997C;
	z-index: -1;
}

#menu-panel.caseB::before {
	content: none;
}

#open-btn {
	display: none;
}

#gNavi {
    width: 100%;
}

#gNavi.caseB {
	align-items: center;
}

.gNavi-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
	row-gap: 20px;
}

.gNavi-wrap.caseB {
	align-items: center;
}

.navsearchwrap {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	width: 80%;
	max-width: 790px;
	align-items: flex-end;
}

.navsearchwrap.caseB {
	flex-direction: row;
	max-width: inherit;
	justify-content: flex-end;
	align-items: center;
}

.header-rod-wrap {
	position: relative;
}

h1 {
	position: absolute;
	z-index: -1;
	width: 100%;
	top: 22%;
    left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	text-align: center;
}

h1 span {
	font-size: 0.875rem;
}

h1.caseB {
	position: static;
	z-index: auto;
	transform: none;
	width: auto;
}

h1 span.caseB {
	display: none;
}

h1.caseB span{
	display: none;
}

#sp-logo {
	display: none;
}

h1 a {
	display: block;
	background-image: url("image/loading-logo.svg");
	background-repeat: no-repeat;
	background-size: contain;
    aspect-ratio: 356 / 203;
	width: 14%;
	margin: 0 auto;
}

h1 a.caseB{
	background-image: url("image/head-logo-B.svg");
	width: 130px;
	height: 83px;
	background-size: contain;
	box-shadow: none;
	opacity: 1;
}

#icon-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 750px;
	width: 100%;
}

#icon-list.caseB {
	position: sticky;
	align-items: center;
	max-width: 583px;
	min-width: 500px;
	margin: 0 auto;
}

#icon-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

#icon-list li span {
	font-size: 1.25rem;
	white-space: nowrap;
	color: #FFEDDD;
}


#icon-list li a {
	display: flex;
	flex-direction: column;
	width: 80px;
	height: 125px;
	background-image: url("image/icon-bg-A.svg");
	box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
	text-align: center;
	transition: 0.3s;
}

#icon-list li a svg path{
	fill: #ffeddd;
	transition: 0.3s;
}

#icon-list li a:hover svg path{
	fill: #FFC28B;
	transition: 0.3s;
}

#icon-list li a:hover span{
	color: #FFC28B;
	transition: 0.3s;
}

#icon-list li a.caseB {
	justify-content: space-between;
	height: 65px;
	background-image: none;
	box-shadow: none;
}

#icon-list li a.caseB:hover svg path{
	fill: #FFC28B;
	transition: 0.3s;
}

#icon-list li a.caseB:hover span{
	color: #FFC28B;
	transition: 0.3s;
}

@media only screen and (min-width: 700px) {
		#small-ver {
		font-size: 1rem !important;
		line-height: 0.9;
		letter-spacing: 0em;
	}
}

.icon {
    width: 57px;
    height: 57px;
    display: block;
    margin: 30px auto 0;
}

.icon.caseB {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.label {
	margin-top: 5px;
}

.nav-line.caseB{
	display: block;
	width: 1px;
	height: 45px;
	background-color: #FFEDDD;
}

#icon-list li:last-child {
	display: none;
}

#tottori-temp-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 30px;
    padding: 12px 24px;
    background: #1E5B7B;
    border: 2px solid #1E5B7B;
	font-size: 1.5rem;
	color: #FFEDDD;
	margin: 35px 0 0;
	white-space: nowrap;
}

#tottori-temp-wrap.caseB {
	border: 1px solid #FFEDDD;
	padding: 6px 12px;
	font-size: 1.25rem;
	margin: 0 0 0 10px;
}

#form1 {
 	display: flex;
	align-items: center;
 	justify-content: center; 	
 	height: 24px;
	border-radius: 30px;
	padding: 12px 24px;
	background: #1E5B7B;
	border: 2px solid #1E5B7B;
	max-width: 280px;
	width: 100%;
}

#form1.caseB {
	margin: 0;
	background-color: transparent;
	border: 1px solid #FFEDDD;
}

#sbox1{
	border:none;
	outline:0;
	background: none;
	font-size: 16px;
	max-width: 307px;
	width: 100%;
}

#sbtn2{
 	border:none;
	width:18px;
	height: 18px;
	background-color: transparent;
  	background-image: url("image/search-icon-sp.svg");
	background-size: contain;
	background-repeat: no-repeat;
  	cursor: pointer;
	margin-right: 15px;
}

#sbtn2.caseB {
	background-image: url("image/search-icon-sp.svg");
}

#sbox1,
#sbox1::placeholder {
  	color: #FFEDDD;
	font-weight: 700;
}

#sbox1.caseB,
#sbox1.caseB::placeholder {
  	color: #FFEDDD;
	font-weight: 700;
}

#light-yellow-bg {
	position: relative;
	background: #FCFAD4;
	padding-bottom: 26px;
	background-image: url("image/bg-cloud-pc.png");
	background-size: 100%;
}

#light-yellow-bg::before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1000;
	background-image: url("image/wave-light-yellow-top.png");
	background-repeat: no-repeat;
	background-size: cover;
    top: -129px;
	width: 100%;
    height: 129px;
}

#light-yellow-bg::after{
	content: "";
	display: block;
	position: absolute;
	background-image: url("image/wave-light-yellow-top.png");
	background-repeat: no-repeat;
	background-size: cover;
    bottom: -129px;
	width: 100%;
    height: 129px;
	transform:scale(-1, 1) rotate(180deg);
}

#company {
	display: none;
}

#loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #103653;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 9999;
}

#loading-logo {
	max-width: 220px;
	width: 100%;
}

#loading-text {
	display: inline-block;
	background: #000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	position: relative;
	top: 0;
}

.loading {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 250px;
	margin: 20px auto 0;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading span {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	display: inline-block;
	text-align: center;
	color: white;
	position: relative;
	top: 0;
}

.no1 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.1s;
}

.no2 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.2s;
}

.no3 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.3s;
}

.no4 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.4s;
}

.no5 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.5s;
}

.no6 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.6s;
}

.no7 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.7s;
}

.no8 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.8s;
}

.no9 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 0.9s;
}

.no10 {
	animation: foo 2s ease infinite, bar 3s linear;
	animation-delay: 1.0s;
}


@keyframes foo {
  10% {
    top: -10px;
  }
  50% {
    top: 0;
  }
  100% {
    top: 0;
  }
}

/*==========================================================
モデルコース
==========================================================*/

#model-course {
	position: relative;
	padding: 56px 0 0 0;
	text-align: center;
}

.slide img{
	transform: scale(.72);
	transition: transform .3s;
}

.slide.slick-center {
	transform: scale(1);
}

.slider-wrap {
	position: relative;
}

.container {
 	margin: 0 auto;
 	max-width: 1600px;
 	width: 100%;
}

.slick-img {
	position: relative;
}

.bgc-alone {
	background-color: #103653;
}

.bgc-girls {
	background-color: #F86A40;
}

.bgc-family {
	background-color: #3C6407;
}

.mc-thumb a::after{
	opacity: 0;
	color: #fff;
	content: " ＼きなんせー／";
	font-family: 'YDW Banana Plus', sans-serif;
    font-weight: normal;
	font-size: 3rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset: 0;
	transition: 0.5s;
}

.mc-noren {
	width: 15%;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: translateX(-50%);
	z-index: 3;
}

.slick-img {
 	height: auto;
 	transform: scale(.8);
 	transition: transform .5s;
	width: 100%;
	transform-origin: top center;
}

.slick-img a {
	transition: 0.3s ease;
	position: relative;
}

.slick-img a img {
	position: relative;
}


.mc-thumb.type-girls a::after {
	background: rgba(248, 106, 64, 0.7); /* オレンジ */
}

.mc-thumb.type-alone a::after {
	background: rgba(16, 54, 83, 0.7); /* 紺色 */
}

.mc-thumb.type-family a::after {
	background: rgba(60, 100, 7, 0.7); /* 緑色 */
}

.mc-thumb a {
	position: relative;
    overflow: hidden;
    display: block;
}

.mc-thumb a::before {
	content: "";
	opacity: 1;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 80px) rotate(90deg);
	transform-origin: left bottom;
	background-image: url("image/camel-o-.png");
	background-size: contain;
	width: 60px;
	height: 75px;
	z-index: 2;
	transition: 0.5s;
}

.mc-thumb a:hover::before {
	transform: translate(-50%, 0);
	transition: 0.5s;
}

.mc-thumb a:hover::after {
	opacity: 1;
}

.mc-thumb:hover a img {
	position: relative;
	filter: blur(1px);
}

.mc-slider .slick-center{
 	opacity: 1;
 	transform: scale(1);
}

.mc-slider .slick-list {
	padding-bottom: 5px !important;
}

/*======================================================_:::::::::::::::====
フッター
==========================================================*/
a#returnTop {
	width: 100px;
	height: 130px;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 30px;
	z-index: 8000;
}

footer {
	padding: 80px 0;
	background: #1E5B7B;
	position: relative;
}

footer::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("image/wave-footer.svg");
    background-repeat: no-repeat;
    background-size: cover;
    top: -162px;
    width: 100%;
    height: 162px;
}

#footer-wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1300px;
	color: #FFFFFF;
	width: 90%;
}

#footer-company {
	display: flex;
}

#footer-company ul li a {
	background: #FFFFFF;
}

#footer-logo {
	max-width: 240px;
	margin-right: 20px;
}

#policy-list {
	display: flex;
	gap: 18px;
	margin-top: 14px;
	font-weight: 500;
	color: #FFFFFF;
}

#policy-list li a{
	color: #FFFFFF
}

#copyright {
	font-size: 0.75rem;
}

#footer-navi {
	color: #FFFFFF;
	font-size: 1.25rem;
	max-width: 800px;
    width: 100%;
}

#footer-navi li {
	position: relative;	
}

#footer-navi li a {
	display: block;
	padding: 14px 0 14px 28px;
	transition: 0.3s;
	color: #FFFFFF;
}

#footer-navi li::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
}

#footer-navi li a::before {
    content: "・";
    position: absolute;
    left: 0;
    color: #FBD9BA;
	transition: 0.3s;
}

#footer-navi li a:hover {
	background-color: #fff;
	transition: 0.3s;
}

#footer-navi a:hover {
    color: #1E5B7B !important;
	transition: 0.3s;
}

#footer-navi li a:hover::before {
    color: #1E5B7B;
	transition: 0.3s;
}

#footer-navi li:hover a {
    color: #1E5B7B;
}

#footer-navi li a:visited {
	color: #FFFFFF;
}

/*==========================================================
検索結果ページ
==========================================================*/

.center-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 100%;
	gap: 50px;
}

/*==========================================================
特集
==========================================================*/

.report-wrap {
	display: flex;
	flex-direction: column;
	margin: 140px auto 0;
	width: 80%;
}

#report-top-container {
	justify-content: space-between;
	margin: 0 auto;
}

.report-wrap ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-between;
	column-gap: 4%;
  	row-gap: 24px;
}

.rep-thumb img {
	transition: 0.3s;
}

.rep-thumb {
	position: relative;
}

.rep-thumb::after{
	opacity: 0;
	content: "記事を見る";
	color: #1E5B7B;
	font-family: 'YDW Banana Plus', sans-serif;
    font-weight: normal;
	font-size: 2rem;
	width: 100%;
	background: rgb(250, 238, 199, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset: 0;
	transition: 0.5s;
}

.report-wrap ul li:hover .rep-title-top {
	text-decoration: underline;
}

.thumb-common:hover::after {
	opacity: 1;
}

.rep-thumb:hover img{
	filter: blur(1px);
}

.rep-location-common::before {
	content: "";
	background-image: url("image/pin.svg");
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
}

.rep-location-common {
	display: flex;
	align-items: center;
	color: #1E5B7B;
}

.rep-location-top {
	font-size: 1.125rem;
	margin-top: 12px;
	color: #1E5B7B;
}

.rep-location-pop {
	margin-top: 10px;
}

.rep-title-common{
	color: #F86A40;
	font-weight: bold;
	margin-top: 6px;
	transition: 0.3s;
	overflow: hidden;
	letter-spacing: 0.12em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.rep-title-top,
.rep-title-list {
	font-size: 1.25rem;
}

.rep-title-page {
	font-size: 1.875rem;
	margin-top: 16px;
}

.rep-tag-list {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	gap: 6px;
	margin-top: 6px;
}

.rep-tag-text {
	font-size: 0.75rem;
	transition: 0.3s;
}

.rep-tag-text{
	color: #7D7E80 !important;
}

.rep-tag-text :hover {
	text-decoration:underline;
	transition: 0.3s;
}

.report-list-wrap {
	margin: 40px auto;
    max-width: 1381px;
    color: #103653;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.report-list-container {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.report-list li a{
	position: relative;
}

.list-container {
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.rep-tag-search-list {
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 1.125rem;
    padding-bottom: 10px;
}

.rep-tag-search-list li label {
	cursor: pointer;
}

.rep-tag-search-list::-webkit-scrollbar {
	padding-top: 5px;
	width: 10px; /* スクロールバーの幅 */
    height: 10px;
}

.rep-tag-search-list::-webkit-scrollbar-track {
	background: #f1f1f1; /* スクロールバーの背景色 */
}

.rep-tag-search-list::-webkit-scrollbar-thumb {
	background: #1E5B7B; /* スクロールバーの操作部分の背景色 */
}

.report-list {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1000px;
    row-gap: 40px;
	column-gap: 4%;
}

.rep-tag-search-list {
	margin-top: 25px;
}
.rep-tag-search-list li label{
	font-size: 1.125rem;
    border: solid 2px #1E5B7B;
    padding: 4px 12px;
    border-radius: 24px;
	color: #1E5B7B;
	display: block;
	transition: 0.3s;
}

.rep-tag-search-list input {
  display: none;
}

.rep-tag-search-list input:checked + label {
    background-color: #1E5B7B;
    border: solid 2px #1E5B7B;
	color: #FBD9BA;
}

.sidebar-wrap {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.sidebar-pop-wrap {
	font-size: 0.875rem;
	color: #1E5B7B;
}

.sidebar-pop-container {
	display: block;
	margin-top: 40px;
}

.rep-title-pop {
	font-size: 0.875rem;
	color: #1E5B7B;
	margin-top: 4px;
}

.rep-tag-page-list {
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 0.875rem;
}

.rep-tag-page-list li a {
	background-color: #1E5B7B;
    border: solid 2px #1E5B7B;
    padding: 4px 12px;
    border-radius: 24px;
    color: #FCFAD4!important;
	display: block;
}

/*==========================================================
コラム
==========================================================*/

.column-wrap {
	width: 70%;
}

/*==========================================================
お知らせ
==========================================================*/

#news-wrap {
	display: flex;
	flex-direction: column;
	margin: 140px auto 0;
	width: 90%;
}

.news-container-common {
	justify-content: space-between;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.news-container-list {
	width: 90%;
	background-color: #FFF6E6;
	border-radius: 30px;
	padding: 60px 120px;
	box-sizing: border-box;
}

.news-container-common ul {
	max-width: 935px;
	margin: 0 auto;
	display: flex;
    flex-direction: column;
    gap: 36px;
}

.news-container-list-item {
	transition: 0.3s;
}

.news-container-list-item:hover {
	transition: 0.3s;
	background-color: #FFC28B;
}

.news-container-list-item {
	background-color: #FAEAB8;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.news-container-list-item a{
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.news-container-list-item a {
    padding: 16px 14px;
}

.news-container-list-item a {
	padding: 23px 36px;
}

.news-container-top ul li a span,
.news-container-top ul li a h3 {
	position: relative;
	z-index: 2;
}

.news-container-top ul li a {
	padding: 23px 36px;
}

.news-date-common{
	margin-bottom: 8px;
	display: block;
	color: #1E5B7B;
	font-weight: bold;
	letter-spacing: normal;
}

.news-date-top {
	font-size: 1rem;
}

.news-date-list {
	font-size: 0.75rem;
}

.news-container-common ul li h3{
	line-height: 1.7;
	color: #CD6841;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-container-top ul li h3 {
	font-size: 1.25rem;
}

.news-container-list ul li h3 {
	font-size: 1;
}

.news-container-list {
	flex-direction: column;
}

/*==========================================================
一覧共通パーツ
==========================================================*/

.noren {
    width: 100%;
    z-index: 3;
    max-width: 7%;
    min-width: 7%;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.list-detail {
	position: static;
	display: block;
	background-color: #1E5B7B;
	color: #FFFFFF;
	padding: 20px 26px 26px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px; 
}

.list-location {
	font-size: 1.375rem;
	font-weight: 100;
}

.list-title {
	font-size: 2.125rem;
	font-weight: bold;
}

.fac-tag-list-item a,
.fac-tag-list-item a:visited{
	color: #FFF;
}

#hotsp-list-wrap {
	padding-top: 166px;
}

.list-slide {
	padding: 120px 0 0;
	position: relative;
	overflow-x: hidden;
}

.slick__inner {
  width: 90%;
  margin: 0 auto;
}

.slick__container {
  position: relative;
  /* インナー幅から片側をはみ出させる */
}

.slick-slide {
	border-radius: 8px;
}

.slick__prev,
.slick__next {
	position: absolute;
	cursor: pointer;
	top: -100px;
	z-index: 1;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border: none;
	background: #FEFDE4;
	transition: 0.3s;
}

.slick__prev:hover,
.slick__next:hover {
	background: #1E5B7B;
	transition: 0.3s;
}

.slick__prev {
  /* (インナー幅の右端) + (画像のマージン + ボタンの大きさ + ボタンとの間隔) */
	right: calc((100vw - 100%) + (30px + 68px + 15px));
}

.slick__next {
  /* (インナー幅の右端) + (画像のマージン) */
	right: calc((100vw - 100%) + (30px));
}

.slick__prev:before,
.slick__next:before {	
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url("image/slick-btn-db.svg");
	width: 13px;
	height: 10px;
	opacity: 1;
	content: '';
	transition: 0.3s;
}

.slick__prev:hover:before,
.slick__next:hover:before {
	background-image: url("image/slick-btn-ly.svg");
}

.slick__prev:before {
	transform: translate(-50%, -50%) scale(-1, 1);
}

.slick__next:before {
	transform: translate(-50%, -50%);
}

.slick__image {
	position: relative;
	width: 384px;
 	margin-right: 90px;
	display: flex;          /* 子要素を縦に並べる */
	flex-direction: column;
}

.inn-list-slider .slick-list,
.inn-list-slider .slick-slide img
{
	border-radius: 8px;
}

.inn-list-slider .slick-next,
.inn-list-slider .slick-prev {
    cursor: pointer;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: #FFEDDD;
    transition: 0.3s;
}

.inn-list-slider .slick-next {
	right: -15px;
}

.inn-list-slider .slick-prev {
	left: -15px;
}

.inn-list-slider .slick-prev:before, .inn-list-slider .slick-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    background-image: url(image/slick-btn-db.svg);
    width: 13px;
    height: 10px;
    opacity: 1;
    content: '';
    transition: 0.3s;
}

.inn-list-slider .slick-prev:hover, .inn-list-slider .slick-prev:focus, .inn-list-slider .slick-next:hover, .inn-list-slider .slick-next:focus {
    background: #1E5B7B;
    transition: 0.3s;
}

.inn-list-slider .slick-prev:before {
    transform: translate(-50%, -50%) scale(-1, 1);
}

.inn-list-slider .slick-prev:hover:before, .inn-list-slider .slick-prev:focus:before, .inn-list-slider .slick-next:focus:before,.slick-next:hover:before {
    background-image: url(image/slick-btn-ly.svg);
}

.dots-wrap {
    display: flex;
    justify-content: left;
    margin-top: 40px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.regular .dots-wrap li {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background: #FFC28B;
    border-radius: 50%;
    cursor: pointer;
}

.regular .dots-wrap li.slick-active {
    background: #1E5B7B;
}

.regular .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.thumb-common {
	overflow: hidden;
	display: block;
}

.thumb-common img {
	transition: 0.3s;
}

.thumb-report {
	position: relative;
}

.rep-page-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center;
	margin-top: 12px;
	row-gap: 6px;
}

.rep-date-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 0.875rem;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	color: #A82923;
	background-color: #FFFFFF;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: 1;
	letter-spacing: 0.05em;
}

.rep-page-date {
	letter-spacing: 0em;
	display: flex;
	align-items: center;
	color: #1E5B7B;
}

.rep-page-date::before {
	content: "";
	display: block;
	background-image: url("image/clock.svg");
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.list-container-common:hover .thumb img {
	transform: scale(1.1);
	transition: 0.3s;
}
.list-exp {
	position: static; /* 絶対配置を解除 */
	width: 100%;
	height: auto;     /* 高さ自動調整 */
	object-fit: cover;
}

/*==========================================================
一覧ページ
==========================================================*/
#inn-list-wrap {
	position: relative;
}

#mainvisual-inn {
	position: relative;
    margin: 0;
    padding: 0;
    background: url("image/mainvisual-inn.png") center no-repeat;
    background-size: cover;
    padding-top: calc(100% * 492 / 1920);
    width: 100%;
	z-index: -1;
}

#mainvisual-hotsp {
	position: relative;
    margin: 0;
    padding: 0;
    background: url("image/mainvisual-hotsp.png") center no-repeat;
    background-size: cover;
    padding-top: calc(100% * 492 / 1920);
    width: 100%;
	z-index: -1;
}

.list-wrap {
	position: relative;
}

.list-page-noren {
	position: absolute;
	top: 0;
	left: 13%;
	max-width: 120px;
    width: 100%;
}

#inn-camel {
	position: absolute;
	bottom: 0;
	right: 63%;
	width: 10%;
}

.search-wrap-common {
	margin: 10px auto 0; 
	max-width: 1600px;
	width: 100%;
}

.search-wrap-inn-list {
	max-width: 1200px;
}

.search-wrap-report {
	max-width: 1381px;
}
	
.abox1 {
	color: #1E5B7B;
	padding: 10px 47px;
	border-radius: 25px;
	background: none;
	border: 2px solid #1E5B7B;
	font-size: 1.25rem;
	font-weight: 700;
}

.abox1::before {
	content: "";
	background-image: url("image/pin.svg");
	display: block;
	width: 24px;
	height: 24px;
}

.abox1:hover.abox1:hover::before {
	content: "";
	background-image: url("image/pin-ly.svg");
	display: block;
	width: 24px;
	height: 24px;
}
/* select を包むための調整（div に適用してOK） */
.search-wrap-common select.abox1 {
	appearance: none;            /* 矢印を消す */
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* ▼ 疑似要素で矢印追加 */
.search-area select.abox1 {
	background-image: url("image/search-arrow.svg") ,url("image/pin.svg");
	background-position: right 14px center ,left 14px center;
	background-size: 12px ,24px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.search-money select.abox1 {
	background-image: url("image/search-arrow.svg") ,url("image/money.svg");
	background-position: right 14px center ,left 14px center;
	background-size: 12px ,24px;
	background-repeat: no-repeat;
}

.dropdown-wrap {
	display: flex;
	flex-wrap: wrap;
	row-gap: 16px;
	column-gap: 40px;
}

.check-box-title {
	font-size: 1.25rem;
}

.check-box-list {
	display: flex;
	margin-top: 6px;
	column-gap: 16px;
	row-gap: 6px;
	font-weight: 500;
}

.check-box {
	accent-color: #ff4d4d;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 2px solid #1e5b7b; /* ← 未チェック時の線の色 */
	background-color: transparent;     /* ← 未チェック時の背景色 */
	border-radius: 4px;
	position: relative;
	cursor: pointer;
}

.check-box-list-item {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.check-box-list-wrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 18px;
	gap: 40px;
}

.check-box-text {
	cursor: pointer;
}

.search-btn {
	display: block;
	max-width: 324px;
	margin: 50px auto;
	width: 100%; 
	padding: 15px 0;
	border-radius: 14px;
	border: none;
	background: #1E5B7B;
	color: #FFEDDD;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	transition: 0.3s;
	box-sizing: border-box;
}

.search-btn:hover {
	background: #FBD9BA;
	color: #1E5B7B;
	outline: solid 2px #1E5B7B;
	transition: 0.3s;
}

.fac-list-container {
	max-width: 1200px;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	margin: 80px auto 0;
	width: 90%;
	row-gap: 30px;
	column-gap: 4%;
	background-image: url("image/bg-cloud-pc.png");
}

.fac-tag-list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.fac-tag-list::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #FFFFFF;
	margin: 8px 0 12px;
}

.fac-tag-list li{
	font-size: 0.75rem;
	border: solid 2px #FFFFFF;
	padding: 4px 8px;
	border-radius: 24px;
}

.fac-tag-list li a,
.fac-tag-list li a:visited {
	color: #FFFFFF;
}

.fac-tag-list li.tag-off,
.fac-tag-list-page li.tag-off {
	color: #B4B4B4;
	border: solid 2px #B4B4B4;
}

.inn-price {
	display: block;
	font-size: 1rem;
	line-height: 2;
	margin-top: 10px;
}

.page-area-container .price-value {
	font-size: 1rem;
}

.tax {
	font-size: 0.75rem;
}

.price-value {
    font-size: 1.8rem;
	line-height: 1;
}

.nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 24px auto 0;
}

.page-numbers {
	display: flex;
	position: relative;
	font-size: 1.125rem;
	align-items: center;
	justify-content: center;
	gap: 32px;
	color: #1E5B7B;
}

.page-numbers li span::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #FFC28B;
	z-index: -1;
}

.page-numbers li .dots::before,
.page-numbers a::before {
	content: none;
}

.page-numbers a {
	color: #1E5B7B;
}

.pgnati-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 24px auto 0;
}

.page-numbers.prev,
.page-numbers.next {
	background-image: url("image/arrow.svg");
	display: block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.page-numbers.prev {
    transform: scale(-1, 1);
}

.inn-list-breadcrumb_list {
	padding-top: 200px;
}

.blog-wrap {
    margin: 20px auto;
    max-width: 1120px;
    color: #103653;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	width: 90%;
}

.blog-thumb {
	margin: 10px 0 40px;
}

.page-area-container {
	padding: 60px;
	background-color: #FFF6E6;
	border-radius: 30px;
	width: 100%;
}

.page-area-container p{
	padding-bottom: 30px;
	font-weight: 500;
	line-height: 1.7;
}

.page-area-container-blog {
	max-width: 58%;
}

.page-area-container p:empty {
  min-height: 1em;
}

.page-area-container strong {
	font-weight: 700;
}

.sns-share-link {
	text-align: center;
	margin-top: 8px;
}

.fac-tag-list-page {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
	
.fac-tag-list-page::before{
	content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #1E5B7B;
    margin: 8px 0 12px;
}

.fac-tag-list-page li {
    font-size: 0.75rem;
    border: solid 2px #1E5B7B;
    padding: 4px 8px;
    border-radius: 24px;
}

.fac-tag-list-page li a {
	color: #1E5B7B;
}

.page-location {
	font-size: 1.25rem;
	color: #1E5B7B;
}

.location-list-page::before{
	background-image: url("image/pin-103653.svg");
}

.inn-page-list-detail {
	margin-top: 40px;
}

.fac-detail {
	margin-top: 20px;
	position: relative;
	color: #303030;
	padding: 40px;
	background: #FFFFFF;
	border-radius: 16px;
}

.mc-fac-detail {
	outline:  16px solid #FFF6E6;
}

.fac-det-head {
	width: 100%;
    max-width: 90px;
	font-weight: 900;
}

.fac-dat-cnt{
	display: inline-block;
}

.fac-det-link {
	color: #103653!important;
	text-decoration: underline;
}

.fac-det-sns {
	display: flex;
	align-items: center;
	line-height: 1;
	margin-bottom: 10px;
}

.fac-det-sns:last-child {
	margin-bottom: 0px;
}\

.icon-inst::before{
	background-image: url("image/icon-inst-b.svg");
}

.icon-x::before{
	background-image: url("image/icon-x-b.svg");
}

.icon-fb::before{
	background-image: url("image/icon-fb-b.svg");
}

.fac-detail-contents {
	display: flex;
	border-bottom: 1px #666666 solid;
	padding: 20px 0 10px 14px;
	column-gap: 40px;
	line-height: 2;
}

	
.fac-detail-contents:first-child {
	padding: 0 0 10px 14px;
}

.fac-detail-contents .price-value {
	font-size: 1em!important;
}

.sidebar {
	max-width: 220px;
	background-color: #FFF6E6;
	padding: 40px;
	border-radius: 30px;
}

.sidebar * {
	color: #103653!important;
	font-weight: 900;
}

.sidebar ul span p{
	font-weight: 900;
}

.sidebar h3 {
	font-size: 1.875rem;
	border-bottom: 5px dotted #103653;
	padding-bottom: 20px;
	font-weight: 500;
}

.sidebar-inn-location {
	font-size: 0.875rem;
	display: flex;
	margin-top: 10px;
}

.sidebar-inn-location::before {
    content: "";
    background-image: url("image/pin-103653.svg");
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
}

.sidebar-inn-title {
	margin-top: 4px;
	font-weight: 700;
}

.sidebar-inn-wrap {
	margin-top: 30px;
}

.sidebar-inn-container {
	display: block;
	margin-top: 30px;
	color: #103653!important;
}

.sidebar-inn-title {
	font-size: 1rem;
}

.side-bar-archive-list {
	letter-spacing: 0.03em;
	margin: 18px auto 0;
}

.side-bar-archive-list li:first-child {
	margin-top: 0px;
}

.side-bar-archive-list li {
	margin-top: 16px;
}

.inn-thumb {
	box-sizing: border-box;
}

.inn-thumb.active {
	opacity: 0.7;
}

@media only screen and (max-width: 700px) {
	.slick__image {
		width: 224px;
		margin-right: 30px;
	}
}

/*==========================================================
モデルコース
==========================================================*/

.mc-mainvisual {
	background-size: cover;
    padding-top: calc(100% * 1049 / 1920);
	margin-top: 85px;
    width: 100%;
	position: relative;
}

#mc-mainvisual-girls {
	background-image: url("image/kv-mc-girls-pc.webp");
}

#mc-mainvisual-alone {
	background-image: url("image/kv-mc-alone-pc.webp");
}

#mc-mainvisual-family {
	background-image: url("image/kv-mc-family-pc.webp");
}

.mc-catchcopy {
	opacity: 0;
	animation: 1s fadein 0.5s forwards ease-in-out;
}

.mc-shape {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 10%;
}

.mc-btn {
	margin-top: 60px;
}

@keyframes fadein {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.bgClip {
	height: 54%;
	position: absolute;
	top: 18%;
	left: 16%;
	background-position: 0px 200px;
	background-image: url("image/steam.png");
	background-color: #F86A40;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	 -webkit-animation: bg_Move 12s infinite linear 1s;
    animation: bg_Move 12s infinite linear 1s;
    transition: all 3s;
	writing-mode: vertical-rl;
	
	font-family: 'YDW Banana Plus', sans-serif;
    font-weight: normal;
}

@keyframes bg_Move {
    0% {
        background-position: 0px 200px; /* 横0px, 縦340px */
    }
	
    100% {
        background-position: 0px -800px; /* 横0px, 縦-600px */
    }
}

.bgClip p{
	font-size: 4vw;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.2em;
	white-space: nowrap;
}

.bgClip p:nth-of-type(2) {
	margin-top: 21%;
}

.mc-others {
	margin-top: 60px;
	position: relative;
}

.mc-others-list {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.mc-others-list-item {
	width: 46%;
	position: relative;
}

.mc-noren {
	position: absolute;
	top: 0px;
	left: 0;
	width: 16%;
}

.mc-content-wrap {
	margin-top: 150px;
	position: relative;
}

.mc-content-noren {
	position: absolute;
	top: -20px;
	left: 0;
	transform: translateX(-50%);
	max-width: 100px;
}

.mc-box {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.mc-content {
	max-width: 1200px;
	width: 90%;
	margin: 20px auto 0;
	background-color: #FFF6E6;
	position: relative;
	top: 20px;
	padding: 60px 0;
	border-radius: 0 0 30px 30px;
}

.mc-inner {
	display: flex;
	align-items: center;
	margin: 0px auto 0;
	justify-content: space-between;
}

.mc-time {
	display: block;
	font-size: 1.5rem;
	width: fit-content;
    margin: 80px auto 100px; 
	padding: 4px 24px;
	color: #FFF6E6;
	position: relative;
	outline: 8px solid #FFF6E6;
}

.aaa {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.mc-image {
	max-width: 500px;
	padding: 28px;
	border-radius: 0 16px 16px;
	position: relative;
	box-sizing: border-box;
}

.mc-image h3 {
	position: absolute;
	top: 0px;
	transform: translateY(-100%);
	padding: 6px 18px;
	color: #FCFAD4;
	font-size: 1.75rem;
	display: flex;
	align-items: center;
}

.mc-image h3 span {
	font-size: 1.25rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	line-height: 1;
	background: #103653;
	width: 30px;
	height: 30px;
	margin-right: 8px;
}

.mc-text {
	max-width: 500px;
	padding: 0 25px;
	box-sizing: border-box;
}

.mc-text h4 {
	margin-top: 20px;
	font-size: 1.625rem;
	color: #CD6841;
	font-weight: 700;
}

.mc-text p {
	margin-top: 20px;
	line-height: 1.875;
}

.mc-column {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	padding-bottom: 30px;
}

.mc-column-text {
	color: #FCFAD4;
	padding: 14px;
	border-radius: 6px;
	position: relative;
}

.mc-column-text::before {
	content: "";
	position: absolute;
	display: block;
	
	width: 12px;
	height: 12px;
	bottom: 20px;
	background-size: contain;
}

.mc-column-text.bgc-girls::before {
	background-image: url("image/mc-triangle-girls.svg");
}

.mc-column-text.bgc-alone::before {
	background-image: url("image/mc-triangle-alone.svg");
}

.mc-column-text.bgc-family::before {
	background-image: url("image/mc-triangle-family.svg");
}

.tco {
	max-width: 80px;
}

.box {
  	height: 100%; /* 親要素に合わせる */
}

.dashed-four {
  width: 10px;
  height:470px;

  background-image: url("image/dot.svg"); /* 丸の画像 */
  background-repeat: repeat-y;
  background-position: top center;
}

.dashed-time {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	width: 10px;
	height: 3000px;

	background-image: url("image/dot.svg"); /* 丸の画像 */
	background-repeat: repeat-y;
	background-position: top center;
}

.mc-fac {
	margin: 100px auto 0;
	max-width: 375px;
}

.text_03{
  color: #000;
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 2px;
  margin: 70px auto 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and (min-width: 700px) {

	.mc-box:nth-of-type(even) .mc-column {
		flex-direction: row-reverse;
	}

	.mc-box:nth-of-type(odd) .mc-inner {
		flex-direction: row-reverse;
	}
	
	.mc-box:nth-of-type(odd) .mc-image {
		border-radius: 0 16px 16px;
	}

	.mc-box:nth-of-type(even) .mc-image {
		border-radius: 16px 0 16px 16px;
	}

	.mc-box:nth-of-type(odd) .mc-image h3{
		left: 0px;
	}

	.mc-box:nth-of-type(even) .mc-image h3{
		left: auto;
		right: 0;
	}

	.mc-box:nth-of-type(odd) .mc-column-text::before {
		left: -11px;
	}

	.mc-box:nth-of-type(even) .mc-column-text::before {
		left: auto;
		right: -11px;
		transform: scale(-1, 1);
	}
	
}

.sns-link {
    display: inline-block;
    width: 32px;
    height: 32px;
	margin-right: 10px;
}

.sns-link .sns-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* SNSごとに切り替え */
.sns-link.instagram .sns-icon {
    background-image: url("image/icon-inst-b.svg");
}

.sns-link.X .sns-icon {
    background-image: url("image/icon-x-b.svg");
}

.sns-link.facebook .sns-icon {
	background-image: url("image/icon-fb-b.svg");
}

.sns-link.line .sns-icon {
    background-image: url("image/icon-line.svg");
}

.bbb {
	overflow-wrap: break-word;
	word-break: break-word;
	line-height: 1.5
}

@media only screen and (max-width: 700px) {
/*==========================================================
共通
==========================================================*/
	.rod {
		height: 10px;
	}
	
	.cnt {
		margin: 0;
		padding-bottom: 100px;
	}
	
	.btn-common {
		margin-top: 36px;
		font-size: 1rem;
		padding: 15px 0px;
		max-width: 100%;
	}
	
	.bg-shadow {
		box-shadow:  none;
}
	
	.noren {
		width: 100%;
		max-width: 16%;
    	min-width: 16%;
	}
	
	.breadcrumb {
		padding: 100px 0 16px;
	}
	
	.breadcrumb_list {
		padding: 100px 0 20px;
	}
	/*==========================================================
	ヘッダー
	==========================================================*/
	.header-wrap {
		display: flex;
		justify-content: space-around;
		position: fixed;
		width: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 80px;
	}
	
	#header-rod {
		z-index: 9999;
	}
	
	.cloud-bg {
		background-image: none;
	}
	
	a#returnTop {
		width: 60px;
		height: 77px;
		right: 20px;
	}
	
	#camel {
		display: none;
	}
	
	#catchcopy {
		position: absolute;
        top: auto;
        bottom: 8%;
        right: 12%;
        width: 14%;
	}
	
	#hambuger {
		background: url("image/menu-open-bg.svg");
		display: block;
		width: 48px;
		height: 71px;
	}
	
	#hambuger-hako {
		top: 29px;
		position: relative;
		color: #FFFFFF;
		font-size: 0.5rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		font-weight: 900;
	}
	
	#hambuger-wrap {
		margin: auto;
		position: relative;
		width: 22px;
		height: 22px;
		margin-bottom: 2px;
	}
	
	.ham-line {
		position: absolute;
		top: 0;
		width: 100%;
		height: 1.25px;
		background-color: #FFFFFF;
		transition: 0.3s;
	}
	
	.ham-line{
		top: calc((100% - 1.5px)/2);
	}
	
	.ham-line:nth-child(1) {
		transform: translateY(-8px);
	}

	.ham-line:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}

	.ham-line:nth-child(3) {
		transform: translateY(8px);
	}
	
	.ham-line:nth-child(1).is-menu-open {
		transform: rotate(45deg);
		transition: 0.3s;
	}
	
	.ham-line:nth-child(2).is-menu-open {
		display: none;
	}
	
	.ham-line:nth-child(3).is-menu-open {
		transform: rotate(-45deg);
		transition: 0.3s;
	}
	
	h1 {
		opacity: 0;
	}
	
	
	#sp-logo {
		display: block;
		background-image: url("image/head-logo-sp.svg");
		width: 70px;
		height: 71px;
		z-index: 11000;
	}
	
	#open-btn {
		z-index: 9999;
		height: 71px;
	}
	
	#open-btn:hover label span{
		color: #FAEAB8;
	}

	#open-btn:hover .ham-line{
		background-color: #FAEAB8;
	}
	
	#gNavi {
		background: #1B506D;
		transform: rotate(-90deg);
		transform-origin: left top;
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
    	align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: 100vh;
		transition: 0.5s;
		z-index: 4000;
	}
	
	.gNavi-wrap {
		margin-top: 100px;
		display: flex;
		flex-direction: column-reverse;
    	align-items: flex-start;
		width: 90%;
		justify-content: space-between;
	}
	
	.gNavi-wrap.caseB {
		align-items: flex-start;
}
	
	.navsearchwrap {
		flex-direction: column-reverse;
		width: 100%;
	}
	
	#open-btn {
		display: block;
	}
	
	#nav-btn-check:checked ~ #gNavi{
		transform: rotate(0deg);
		transition: 0.5s;
	}
	
	#icon-list {
		display: block;
		margin: 0 auto;
		color: #FBD9BA;
	}
	
	#icon-list li {
		padding-left: 30px;
		margin-top: 11px;
		color: #FBD9BA;
	}
	
	#icon-list li span {
		position: static;
		transform: none;
		font-size: 1.25rem;
	}
	
	#icon-list li span br {
		display: none;
	}
	
	#icon-list li a {
		flex-direction: row;
		background-repeat: no-repeat;
		height: auto;
		box-shadow: none;
		margin-right: 8px;
		background-image: none;
		width: 100%;
		align-items: center;
		flex-wrap: wrap;
	}
	
	#icon-list li a ::before {
	 	content: "・";
	 	position: absolute;
	 	left: 0;
	 	color: #FBD9BA;
	}
	
	#icon-list li:last-child {
		display: block;
	}
	
	.icon {
		width: 20px;
		height: 20px;
		margin: 0 8px 0 0;
	}
	
	.label {
		margin: 0;
	}
	
	.nav-line {
		height: 1px;
		background: #FFEDDD;
		margin-top: 8px;
	}
	
	.form-wrap {
		margin: 0 auto;
		order: 2;
		width: 100%;
	}
	
	#tottori-temp-wrap {
		color: #FFEDDD;;
		order: 2;
		margin: 0;
		border: 2px solid #FFEDDD;
	}
	
	#form1 {
		width: 100%;
		max-width: 100%;
		padding: 0 0 0 24px;
		justify-content: flex-start;
		border: 2px solid #FFEDDD;
		box-sizing: border-box;
		height: 48px;
	}
	
	#sbox1, #sbox1::placeholder {
		color: #FFEDDD;
		font-weight: 700;
	}
	
	#sbtn2 {
		background-image: url("image/search-icon-sp.svg");
	}
	
	#company-name {
		color: #FFEDDD;
		font-weight: 500;
		margin-right: 20px;
	}

	#company {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	
	/*==========================================================
	フッター
	==========================================================*/
	
	footer {
		padding: 60px 0;
	}
	
	footer::before {
		height: 52px;
		background-image: url("image/wave-footer-sp.svg");
		top: -52px;
		left: 0;
	}
	
	#footer-wrap {
		flex-direction: column-reverse;
	}
	
	#footer-L {
		margin-top: 46px;
	}
	
	#footer-company {
		align-items: flex-end;
	}

	
	#footer-logo {
		margin-right: 50px;
	}
	
	#policy-list {
		margin-top: 25px;
	}
	
	/*==========================================================
	検索結果ページ
	==========================================================*/
	
	.center-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	
	/*==========================================================
	メインビジュアル
	==========================================================*/
	#main-visual {
		background-size: cover;
		padding-top: calc(100% * 774 / 430);
		width: 100%;
	}
	.main-visual {
		padding-top: calc(100% * 932 / 430);
	}
	
	.main_img:nth-of-type(1) {
		background-image: url("image/kv-top-sp01.webp")}
	
	 .main_img:nth-of-type(2) {
		background-image: url("image/kv-top-sp02.webp")}

    .main_img:nth-of-type(3) {
		background-image: url("image/kv-top-sp04.webp")}

    .main_img:nth-of-type(4) {
		background-image: url("image/kv-top-sp01.webp")}

    .main_img:nth-of-type(5) {		
		background-image: url("image/kv-top-sp02.webp")}

    .main_img:nth-of-type(6) {
		background-image: url("image/kv-top-sp04.webp")} 
	
	#tottori-sakyu {
		width: 100%;
	}
	
	#main-cloud-R {
		top: 18%;
		right: -11%;
		width: 48%; 
	}
	
	#main-cloud-L {
		top: 67%;
		left: -8%;
		width: 37%; 
	}
	
	/*==========================================================
	モデルコース
	==========================================================*/
	
	.mc-shape {
		position: absolute;
		top: 14%;
		left: 20%;
		width: 18%
	}
	
	.bgClip {
		height: 62%;
		left: 22%;
	}
	
	.bgClip p {
		font-size: 7vw;
	}
	
	.container {
		margin: 24px auto 0;
	}
	
	/*==========================================================
	特集
	==========================================================*/	
	
	.report-wrap {
		margin: 62px auto 0;
		width: 90%;
	}
	
	#report-top-container {
		display: block;
		width: 100%;
	}
	
	#report-top-container h2 {
		 writing-mode: unset;
	}
	
	.report-wrap ul {
		grid-template-columns: repeat(1, 1fr);
		margin: 24px auto 0;
		row-gap: 24px;
	}
	
	.list-wrap {
		position: relative;
	}
	
	.search-wrap-inn-list {
		width: 90%;
	}
	
	.search-wrap-common {
		margin: 120px auto 0;
	}
	
	.rep-tag-search-list a{
		color: #1E5B7B;
	}
	
	.rep-tag-search-list {
		gap: 10px;
	}
	
	.rep-tag-search-list li {
		flex: 0 0 auto;          /* 要素が縮まず横並び維持 */
		scroll-snap-align: start; /* 任意：スナップ位置 */
	 }
	
	.rep-tag-search-list li label {
		font-size: 0.875rem;
	}
	
	.rep-title-top {
		font-size: 1rem;
	}
	
	.rep-title-top,
	.rep-title-list {
	font-size: 1rem;
	}
	
	.rep-title-page {
		font-size: 1.5rem;
	}
	
	.rep-location-common {
		font-size: 0.75rem;
	}
	
	.rep-location-top {
		font-size: 0.75rem;
	}
	
	.rep-tag-list {
		font-size: 0.625rem;
	}
	
	.report-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.report-list-wrap {
		width: 90%;
		display: block;
	}
	
	.sidebar-wrap {
		width: 100%;
	}
	
	.sidebar-pop-container {
		display: flex;
		justify-content: space-between;
		column-gap: 15px;
	}
	
	.sidebar-pop-wrap ul a span {
		width: 50%;
	}
	
	.sidebar-pop-L {
		width: 50%;
	}

	.sidebar-pop-R {	
		width: 50%;
	}
	
	.rep-date-list {
		font-size: 0.6875rem;
		position: absolute;
		top: 0;
		left: 8px;
		width: 46px;
		height: 46px;
	}
	
	.side-bar-archive-list {
		width: 90%;
	}
	
	.sidebar-near-inn li {
		width: 90%;
		margin: 0 auto;
	}
	
	/*==========================================================
	お知らせ
	==========================================================*/
	
	.news-list {
		background-color: #FFF6E6;
	}
	
	#news-container {
		display: block;
		max-width: 100%;
	}
	
	#news-wrap {
		width: 90%;
		margin: 0 auto;
		padding: 62px 0;
	}
	
	#news-wrap h2 {
		writing-mode: unset;
		margin: 0 auto;
	}
	
	.news-container-list {
		padding: 0;
		background-color: transparent;
	}
	
	.news-container-top {
		flex-direction: column;
	}
	
	.news-list-wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.news-container-common {
		width: 100%;
	}
	
	.news-container-common ul {
		gap: 24px;
		margin: 24px auto 0;
	}
	
	.news-container-common ul li {
		gap: 24px;
        margin: 24px auto 0;
		width: 100%;
		margin: 0 auto;
	}
	
	.news-container-common ul li a {
		width: 90%;
		margin: 0 auto;
		padding: 16px 0px;
	}
	
	.news-archive-wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.news-date-common {
		font-size: 0.75rem;
		margin-bottom: 8px;
	}
	
	.news-container-common ul li h3 {
		font-size: 1rem;
	}
	
	#light-yellow-bg {
		padding-bottom: 0;
	}
	
	#light-yellow-bg {
		background-image: url("image/bg-cloud-sp.png");
		background-position: top 5% center;
	}
	
	#light-yellow-bg::before {
		background-image: url("image/wave-ligth-yellow-top-sp2.svg");
		top: -80px;
		height: 80px;
	}
	
	#light-yellow-bg::after {
		background-image: url("image/wave-ligth-yellow-top-sp.svg");
		bottom: -80px;
		height: 80px;
	}
	
	.banana-h2 {
		margin-bottom: 24px;
		font-size: 2rem;
	}
	
	.search-h2 {
		margin-bottom: 30px;
	}
	
	/*==========================================================
	一覧
	==========================================================*/	
	
	#hotsp-list-wrap {
		padding-top:0px;
	}
	
	.section-lineup .inner {
		width: 100%;
	}	
	
	.list-detail {
		padding: 14px 16px;
	}
	
	.list-location {
		font-size: 1rem;
	}
	
	.list-title {
		margin-top: 6px;
		font-size: 1.375rem;
	}
	
	
	#inn-list-wrap {
		padding: 0;
	}
	
	.list-container {
		width: 90%;
		margin: 0 auto;
	}
	
	.list-page-noren {
		top: 0;
		left: 5%;
		max-width: 62px;
	}
	
	.search-wrap {
		margin: 100px auto 0;
		overflow-x: hidden;
	}
	
	.search-btn {
		position: static;
		margin: 20px auto 0;
		width: 100%;
		max-width: 100%;
	}
	
	.abox1 {
		border: 2px solid #1E5B7B;
		width: 100%;
	}
	
	.fac-list {
		width: 100%;
	}
	
	.check-box-list-wrap {
		flex-direction: column;
		margin-top: 16px;
		gap: 16px;
	}
	
	.check-box-list {
		font-size: 0.875rem;
		column-gap: 20px;
		row-gap: 6px;
		font-weight: 700;
		white-space: nowrap;
		flex-wrap: wrap;
	}
	
	.check-box {
		width: 10px;
		height: 10px;
	}
	
	.fac-list-container {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 30px;
		row-gap: 30px;
	}
	
	.pgnati {
		font-size: 1rem;
	}
	
	.location-common::before {
		width: 16px;
		height: 16px;
	}
	
	.fac-tag-list::before {
		margin: 12px 0;
	}
	
	.fac-tag-list li {
		font-size: 0.625rem;
	}
	
	.inn-price {
		font-size: 0.875rem;
	}
	
	.price-value {
		font-size: 1.5rem;
	}
	
	.inn-list-breadcrumb_list {
		padding-top: 100px;
	}
	
	.blog-wrap {
		flex-direction: column;
	}
	
	.page-area-container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: transparent;
	}
	
	.page-area-container-blog {
		max-width: 90%;
	}
	
	.page-area-container p {
		padding-bottom: 20px
	}
	
	.fac-detail {
		padding: 40px 0;
	}
	
	.fac-detail-contents {
		padding: 20px 0 14px;
	}
	
	.fac-detail-contents:first-child {
		padding: 0 0 14px;
	}
	
	.sidebar {
		max-width: 100%;
		width: 100%;
		padding: 40px 0;
		margin: 40px auto;
	}
	
	.fac-detail-contents,
	.sidebar h3,
	.sidebar-inn-wrap{
		width: 90%;
		margin: 0 auto;
	}
	
	.sidebar-wrap {
		row-gap: 0px;
	}
	
	/*==========================================================
	モデルコース
	==========================================================*/
	.mc-mainvisual {
		padding-top: calc(100% * 402 / 430);
		margin: 0;
	}
	
	#mc-mainvisual-girls {
		background-image: url(image/kv-mc-girls-sp.webp);
	}
	
	#mc-mainvisual-family {
		background-image: url(image/kv-mc-family-sp.webp);
	}
	
	#mc-mainvisual-alone {
		background-image: url(image/kv-mc-alone-sp.webp);
	}
	
	.mc-content-noren {
		top: -10px;
		left: 5%;
		max-width: 82px;
		transform: none;
	}
	.mc-content {
		padding: 175px 0 60px;
		top: 10px;
		width: 100%;
	}
	
	.mc-content-wrap {
		margin-top: 40px;
	}
	
	.mc-inner {
		margin: 0 auto;
	}
	
	.box {
		display: none;
	}
	
	.mc-inner {
		display: block;
	}
	
	.mc-image {
		padding: 0px;
		border-radius: 0 0 12px 12px;
		background-color: transparent;
	}
	
	.mc-text {
		max-width: 100%;
		padding: 0;
	}
	
	.mc-time {
		margin: 40px auto;
	}
	
	.dashed-time {
		display: none;
}
	
	.mc-others {
		margin-top: 25px;
	}
	
	.mc-inner {
		margin-top: 125px;	
	}
	
	.mc-fac {
		margin: 60px auto 0;
		width: 90%;
	}
	
	.mc-image h3 {
		left: 0;
	}
	
	.mc-photo {
		border-radius: 0px 5px 5px;
	}
	
	.mc-column-text::before {
        left: -11px;
    }
	
	.mc-btn {
		width: 90%;
	}
	
	.mc-thumb a::after{
		font-size: 1.5rem;
	}
	
	.mc-thumb a::before{
		width: 51px;
		height: 64px;
	}
	
	.mc-thumb.mc-thumb-page a::before{
		width: 34px;
		height: 42px;
	}
}