@charset "utf-8";

body,p,td,li {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
	font-size:0.8rem;
	line-height:1.8em;
	color: #433d3c;
}
h1,h2,h3,h4, h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:400;
}

.font-g {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.font-m {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.font-Sulphur {
	font-family: 'Sulphur Point', sans-serif;
	font-size: 1.2em;
	letter-spacing:1px;
}

.bold {
	font-weight:800;
}

footer p {
	color: #fff;
}

.pink { color: #ed4b94; }

.font-1 {
	font-size: 1rem;
}

.boxshadow {
box-shadow: 2px 2px 5px 2px #cccccc;
border: 1px solid #cccccc;
}


/* マージン設定
==================================================== */
@media (min-width: 992px) {
	body { padding-top:104px; }
}
.np { padding-left:0; padding-right:0; }
.margin14 { margin-left:-14px; margin-right:-14px; }
.margin35 { margin-left:-35px; margin-right:-35px; }
.margin50 { margin-left:-50px; margin-right:-50px; }
.margin65 { margin-left:-65px; margin-right:-65px; }


.m-65 { margin-top:65px; margin-bottom:65px; }

.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.pt-65, .pt-md-65 { padding-top:65px; }
.pb-65, .pb-md-65 { padding-bottom:65px; }

.ml-45 { margin-left:45px;}
.mr-45 { margin-right:45px;}
.pl-45 { padding-left:45px;}
.pr-45 { padding-right:45px;}


.ml-38 { margin-left:38px; }
.mr-38 { margin-right:38px; }


.mr-96 { margin-right:96px;}
.pr-96 { padding-right:96px;}

.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.pr-100 { margin-right:100px; }


.mt-md-n130 { margin-top:-130px; }

.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mr-90 { margin-right:90px;}
.pr-90 { padding-right:90px;}


.mr-35 { margin-right:35px; }
.ml-35 { margin-left:35px; }
.mb-35 { margin-bottom:35px; }
.mb-35 { margin-top:35px; }

.px-42 { padding-left:42px; padding-right:42px; } 
.ml-42 { margin-left: 42px;}
.mr-42 { margin-right: 42px;}
.pr-42 { padding-right: 42px;}

.mr-14 { margin-right:14px; }
.ml-14 { margin-left:14px; }


.m-80 { margin-top:80px; margin-bottom:80px; }
.m-100 { margin-top:100px; margin-bottom:100px; }
.p-65 { padding-top:65px; padding-bottom:65px; }
.p-100 { padding-top:100px; padding-bottom:100px; }

.my-n45 { margin-top: -45px; }


@media (min-width: 768px) {
	.col-offset-80 { margin-left: 80px; margin-right: 80px; }
	.px-md-30 { padding-left:30px; padding-right:30px; } 
}

@media (max-width: 991.98px) {
	.mt-md-n130 { margin-top:-65px; }
}
@media (max-width: 767.98px) {
	.px-smu-0 { padding-left:0; padding-right:0; }
	.mt-100 { margin-top:65px; }
	.mb-100 { margin-bottom:65px; }
	.pt-md-65 { padding-top:0; }
	.pb-md-65 { padding-bottom:0; }
	.pt-100 { padding-top:65px; }
	.pr-100 { margin-right: 0px; }
	.pb-100 { padding-bottom:65px; }
	.my-n45 { margin-top: 0; }
	
	.ml-38 { margin-left:14px; }
	.mr-38 { margin-right:14px; }
	.mr-35 { margin-right:0px; }


	.col-offset-80 { margin-left: 30px; margin-right: 30px; }
	.col-offset-35 { margin-left: 35px; margin-right: 35px; }
	.col-offset-14 { margin-left: 14px; margin-right: 14px; }
	
	.mt-md-n130 { margin-top:0px; }
}



/* 背景色、ボーダー
==================================================== */
.box-bg, .bg-full {
	background-color: #f4f3f3;
}

.half-bg, .bg-half { background:linear-gradient(-90deg,#fff 0%,#fff 50%,#f4f3f3 50%,#f4f3f3 100%); }
.bg-nhalf { background:linear-gradient(90deg,#fff 0%,#fff 50%,#f4f3f3 50%,#f4f3f3 100%); }
.top-bg { background:linear-gradient(-90deg,#fff 0%,#fff 55%,#f4f3f3 55%,#f4f3f3 100%); }
.bg-60 { background:linear-gradient(-90deg,#fff 0%,#fff 37%,#f4f3f3 37%,#f4f3f3 100%); }
.bg-n60 { background:linear-gradient(90deg,#fff 0%,#fff 37%,#f4f3f3 37%,#f4f3f3 100%); }
.bg-80 { background:linear-gradient(-90deg,#fff 0%,#fff 23%,#f4f3f3 23%,#f4f3f3 100%); }
.bg-n80 { background:linear-gradient(90deg,#fff 0%,#fff 23%,#f4f3f3 23%,#f4f3f3 100%); }

@media (max-width: 767.98px) {
	.slide-bg {background-color:#fff;}
	.half-bg, .top-bg, .bg-60, .bg-n60, .bg-80, .bg-n80, .half-bg-porter-r, .porter-bg-r, .otodoke-bg-r { background:linear-gradient(90deg,#fff 0%,#fff 100%); }
}

.border {
	border-color: #afa6a2;
}
@media (min-width: 768px) {
	.border-md {
		border : 1px solid #afa6a2;
	}
	.md-90p { width:90%; }
}

.q {
	color: #ed4b94;
	font-size: 1.5em;
}
.a {
	color: #32cd32;
	font-size: 1.5em;
}

/* 文字サイズ、体裁
==================================================== */
.lh-1 { line-height:1em; }
.lh-1_2 { line-height:1.2em; }
.lh-1_5 { line-height:1.5em; }
.lh-2 { line-height:2em; }
.lh-2_5 { line-height:2.5em; }
.lh-3 { line-height:3em; }
.ls-0_1 {letter-spacing: 0.01em;}
.ls-0_5 {letter-spacing: 0.05em;}
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }

h1, h1.font-Sulphur {
	font-size: 2.2rem;
	line-height: 1em;
	font-weight:300;
	margin-bottom:0;
}
@media (min-width: 992px) {
	h1, h1.font-Sulphur {
		font-size: 2.5rem;
	}
	h2.eyelash {font-size: 2rem;}
}
@media (min-width: 1200px) {
	h1, h1.font-Sulphur {
		font-size: 2.7rem;
		letter-spacing:3px;
	}
}

h2.eyelash {font-size: 1.8rem;}
h2 {
	font-size: 1.5rem;
	line-height: 1.5em;
	font-weight:400;
}
h3 {
	font-size: 1.2rem;
	line-height: 2em;
	font-weight:bold;
}

h3.eyelash {font-size: 1.7rem;
	font-weight:normal;
}

h5 {
	font-size: 1rem;
	line-height: 2em;
	font-weight:bold;
}

p {
	margin:0;
	padding:0;
}



/* スタイル
==================================================== */
h1.style {
	font-size: 1.5rem;
	line-height: 1em;
}
@media (min-width: 1200px) {
	h1.style {
		font-size: 1.6rem;
		line-height: 1em;
	}
}
@media (max-width: 578px) {
	h1.style {
		font-size: 1.3rem;
		line-height: 1em;
	}
}

h2.style {
	font-size: 1.2rem;
	line-height: 1em;
	font-weight:normal;
	margin: 2rem 0;
}

@media (max-height: 800px) {
#style {
	max-width:800px;
}
}


/* お問い合わせ
==================================================== */
h5.modal-title {
	font-size:18px;
	font-weight:bold;
}


/* リンク
==================================================== */
a {
	color: #57453e;
}
a:hover { color: #ed4b94; }

a.active {
	color: #ed4b94;
	text-decoration:underline;
}

a.nav-link {
	color:#000 !important;
	padding: 8px 0;
	font-size:1rem;
}

footer a {
	color: #fff;
}

nav li>a:hover, footer a:hover {
	text-decoration: underline;
	color: #fff;
}

.blog_content a {
	color: #ed4b94;
	text-decoration:underline;
}
.blog_content a:hover {
	color: #433d3d;
}

/* イメージ
----------------------------------------------- */

.imgmenu:hover img {
	opacity: 1;
	-webkit-animation: scale 1s;
	animation: scale 1s;
	position:relative;z-index:100;
}
@-webkit-keyframes scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.04);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.04);
	}
	100% {
		transform: scale(1);
	}
}

.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.imgmenu img.off, .imgmenu img.on {
	position:absolute;
	top:0;
	left:0;
}
.imgmenu img.on {
	display:none;
}
.imgmenu:hover img.off {
	display:none;
}
.imgmenu:hover img.on {
	display:block;
}

/* ボタン
==================================================== */


/* ナビバー
==================================================== */
@media (max-width: 991.98px) {
	body { padding-top:54px; }
}
.navbar-brand {
	padding:0;
	margin:0;
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
	position:relative;
	margin-top:-2px;
}

.navbar-nav .nav-link {
	padding-left: 5px;
}


.effect a,
.effect a:after,
.effect a::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.effect a {
	font-family: 'Sulphur Point', sans-serif;
	position: relative;
	display: inline-block;
	margin: 18px 0px 0 0;
	outline: none;
	text-decoration: none;
	letter-spacing: 0px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.2em;
}

.effect a:hover,
.effect a:focus {
	outline: none;
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #433d3c;
	text-shadow: none;
	padding: 0px 5px;
}
.cl-effect-17 a:hover,
.cl-effect-17 a.selected
 {
	color: #ed4b94;
}
.cl-effect-17 a::before {
	color: #ed4b94;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ed4b94;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a.selected::before,
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a.selected::after,
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/* お知らせ表示（Topic  campain）
==================================================== */

ul.info {
    list-style: none;   /* アイコンの種類指定 */
    padding: 0px;
}

.info li {
	padding: 15px;
	border-top: 1px solid #666666;
	line-height: 150%;
}

.info li:last-child{
	border-bottom: 1px solid #666666;
}

.info p {
	font-size: 13px;
	line-height:150%;
	margin-top: 10px;
}

ul.info_topic {
    list-style: none;   /* アイコンの種類指定 */
    padding: 0px;
}

.info_topic li {
	padding: 15px;
	border-top: 1px solid #666666;
}

.info_topic li:last-child{
	border-bottom: 1px solid #666666;
}

.infolink {
	color: #e62576;
	font-weight:bold;
}
.stylelink {
	background-color:#000;
	display:inline-block;
}
.stylelink span {
	font-family: 'Sulphur Point', sans-serif;
	position:absolute;
	top:48%;
	left:10%;
	color:#fff;
	display:none;
	letter-spacing:1px;
	text-align:center;
	width:80%;
}

.stylelink:hover img{
  transition-duration: 0.3s;
  filter: grayscale(100%);
}
.stylelink:hover span {
	display:none;
}
@media (max-width: 991.98px) {
a.stylelink img.h-100{ height:300px!important; }
}
@media (max-width: 767.98px) {
a.stylelink img.h-100{ height:250px!important; }
}

/* コピーライト
==================================================== */
#copyright {
	font-size:13px;
	padding-bottom:10px;
}


/* トップへ戻る
==================================================== */
a.page-top {
	position:fixed;
	bottom:60px;
	right:10px;
	opacity:0.5;
	color:#0064f2;
	display:block;
	z-index: 101;
}
a.page-top:hover {
	opacity:0.7;
}
@media (max-width: 767.98px) {
	a.page-top {
		font-size:14px;
		bottom:0;
		right:4px;
	}
}
@media (max-width: 575.98px) {
	a.page-top {
		font-size:14px;
		bottom:58px;
	}
}


/* 電話、予約
==================================================== */
.fixed_right {
	position:fixed;
	top:40%;
	right:0px;
	z-index: 100;
}
.fixed_right a img {
	display:block;
    width:60px;
	opacity:0.8;
}

.fixed_right a:hover img {
	opacity:1;
}

@media (max-width: 767.98px) {
	.fixed_right a img {
		display:block;
	    width:40px;
	}
	.fixed_right {
		right:0px;
	}
}


/* スライド
==================================================== */
@media (min-width: 768px) {
	.fadein-title {
		position: absolute;
		animation: fadein 0.5s ease 0.5s forwards;
		opacity:0;
	}
	.fadein-title.it { height:123px;top:297px;left:53px; }
	.fadein-title.porter { height:200px;top:500px;left:42px; }
	.fadein-title.otodoke { height:196px;top:50px;left:40px; }
	.fadein-title.watakushi { height:262px;top:180px;left:40px; }

	.slide-text {
		position: absolute;
		top:588px;
		left:53px;
		height:113px;
		animation: anime_from_left 0.5s ease 1s forwards;
		opacity:0;
	}

	.slide-text.porter {
		left:auto!important;
		right:53px!important;
	}

	.slide-d1 {
		position: absolute;
		top:64px;
		right:-64px;
		height:344px;
		animation: anime_from_top 0.8s ease 1s forwards;
		opacity:0;
	}

	.slide-d2 {
		position: absolute;
		top:212px;
		right:332px;
		height:169px;
		animation: anime_from_top 0.3s ease 1.8s forwards;
		opacity:0;
	}
	.slide-d3 {
		position: absolute;
		top:79px;
		right:476px;
		height:162px;
		animation: anime_from_top 0.3s ease 2.1s forwards;
		opacity:0;
	}
	.slide-d4 {
		position: absolute;
		top:20px;
		right:286px;
		height:169px;
		animation: anime_from_top 0.3s ease 2.4s forwards;
		opacity:0;
	}

	.slide-line {
		position: absolute;
		height:7px;
		top:620px;
		left:0px;
		animation: anime_from_left 0.5s ease 1.5s forwards;
		opacity:0;
	}
}
@media (max-width: 1350px) {
	.slide-text {
		top:75%;
		height:80px;
	}
	.fadein-title.it { height:80px;top:297px;left:53px; }
	.fadein-title.porter { top:auto;bottom:50px;height:20%;}
	.fadein-title.otodoke { height:196px;top:50px;left:40px; }
	.fadein-title.watakushi { height:160px;top:180px;left:40px; }
}

/* アニメーション
==================================================== */
.slidein-1s {
	animation: anime_from_left 1s ease 1s forwards;
	opacity:0;
	visibility:visible;
}
.slidein-2s {
	animation: anime_from_right 1s ease 0.5s forwards;
	opacity:0;
	visibility:visible;
}


@keyframes fadein {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes anime_from_left {
  0% {
	opacity: 0;
	-webkit-transform: translate(-200%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: translate(0, 0);
  }
}
@keyframes anime_from_top {
  0% {
	opacity: 0;
	-webkit-transform: translate(0, -200%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translate(0, 0);
  }
}
@keyframes anime_from_right {
  0% {
	opacity: 0;
	-webkit-transform: translate(200%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: translate(0, 0);
  }
}


/* 動画用
==================================================== */
.youtube_wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
 
.youtube_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-cover_bak {
	opacity:1;
	animation: fade_out_50 7s ease-in .5s forwards;
}
.video-text {
	opacity:0;
	animation: fade_in_50 7s ease-in .5s forwards;
}

@keyframes fade_out_50 {
  0% {
	opacity:1;
  }
  50% {
	opacity:1;
  }
  100% {
	opacity:0;
  }
}

@keyframes fade_in_50 {
  0% {
	opacity:0;
  }
  50% {
	opacity:0;
  }
  100% {
	opacity:1;
  }
}



/* moreボタン
==================================================== */
.button-link {
	font-family: 'Sulphur Point', sans-serif;
    display: inline-block;
    color: #111;
    font-size: 1.2em;
    line-height: 1;
    position: relative;
    text-decoration:none!important;
    padding: 10px 15px 10px 0;
    max-width:282px;
}
.button-link:hover{color:#ed4b94}.button-link:hover .button-line:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);-o-transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1)}.button-link:hover .button-line:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);-o-transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;transition-delay:0.35s}
.button-link .button-line:before {
width: 100%;
content: "";
display: block;
top: 0;
left: 0;
position: absolute;
background: #E4E4E4;
height: 1px;
z-index: 1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
-o-transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.button-link .button-line:after {
width: 100%;
content: "";
display: block;
top: 0;
left: 0;
position: absolute;
background: #ed4b94;
height: 1px;
z-index: 1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
-o-transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}
:after, :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.button-link .button-line {
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #dbdbdb;
z-index: 0;
overflow: hidden;
}


/* ブログ
==================================================== */
.blog_content_wrap h1 {
	font-size: 1.8rem;
	line-height: 1em;
	margin:0px;
	padding: 0 0 8px 0;
	color: #433d3c;
	border-bottom: 1px solid #c2b2b1;
}

.blog_content p {
	font-size: 1rem;
	line-height: 2.2em;
	white-space: pre-wrap;
}

.blog_content img {
	display:block;
	max-width:80%;
	box-shadow: .125rem .125rem .325rem rgba(0,0,0,.3)!important;
	margin: 15px 0;
}

.blog_sidebar {
	padding: 15px 0;
	border-top: 1px solid #c2b2b1;
}

a.link-btn, a.link-btn:hover {
  display: none; /*temp*/
  color: #FFF;/*文字・アイコン色*/
  text-decoration:none!important;/*下線は消す*/
}
a.link-btn:hover {
	opacity: 0.8;
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: none; /*inline-block;*/
  text-align: center;/*中身を中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none!important;/*下線は消す*/
  z-index:-1;
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  z-index:-1;
}

.insta_btn2:hover {
	color:#fff;
	opacity: 0.8;
}

@media (min-width: 768px) {
.trim {
    overflow: hidden;
    width: 190px;/* トリミングしたい枠の幅 */
    height: 190px;/* トリミングしたい枠の高さ */
    position: relative;
}
}
@media (min-width: 992px) {
.trim {
    overflow: hidden;
    width: 270px;/* トリミングしたい枠の幅 */
    height: 270px;/* トリミングしたい枠の高さ */
    position: relative;
}
}
@media (min-width: 1200px) {
.trim {
    overflow: hidden;
    width: 330px;/* トリミングしたい枠の幅 */
    height: 330px;/* トリミングしたい枠の高さ */
    position: relative;
}
}

.page-link {
	color: #ed4b94;
}
.page-item.active .page-link {
	background-color: #ed4b94;
	border-color : #ed4b94;
}


/* ライトボックス
==================================================== */
.lum-lightbox.lum-open { z-index:200; }

.lum-lightbox-inner img {
    max-width: 90%!important;
    max-height: 90%!important;
}

/* 
==================================================== */
.slimScrollDiv { overflow:unset!important; }
.slimScrollBar,.slimScrollRail { right: -7px!important;}


/* ページ遷移アニメーション
==================================================== */
body.ex::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .8s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}
body.ex.fadeout::after {
  opacity: 1;
}


/* フッターメニュー設定
==================================================== */
@media (max-width: 575.98px) {
	body { padding-bottom:54px; }
	#fixed_bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color:#fff;
		border-top: 1px solid #f1efee;
	}
	#fixed_bottom .row .col {
		height:54px;
	}
	a img.off { display:none; }
	a img.on { display:inline-block; }
	a:hover img.off { display:inline-block; }
	a:hover img.on { display:none; }
}


/* 
==================================================== */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}