﻿/* index ---------------------------------------------------------------------------------------------*/
/* 追加contents */
#contents2_2, #contents2_2 .con_box{min-height: 100vh;}
#contents2_2 .con_box{
	background: -moz-linear-gradient(left, transparent, rgba(0,0,0,0.8));
    background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.8));
    background: linear-gradient(to right, transparent, rgba(0,0,0,0.8));
}
#contents2_2 .con_box::before{left: 40px;}
#contents2_2 .con_box > .d_table{min-height: 80vh;}
#contents2_2 .con_box > .d_table::before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    min-height: 80vh;
}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #ff8093;}
body,.txt_color_nomal{color: #5d5d5d!important;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ff8093} /* メインカラー */
.txt_color2{color: #ffb837} /* サブカラー */
.txt_color3{color: #ffffff} /* アクセントカラー1 */
.txt_color4{color: #e2e2e2} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #fbdde1} /* メインカラー */
.bg_color2{background-color: #fc6493} /* サブカラー */
.bg_color3{background-color: #ffffff} /* アクセントカラー1 */
.bg_color4{background-color: #e2e2e2} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ffb6c1}
.border_color2{border-color: #fc6493}
.border_color3{border-color: #ffffff}
.border_color4{border-color: #e2e2e2}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #5d5d5d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffb6c1} /* メインカラー */
.hvr_txt_color2:hover{color: #fc6493} /* サブカラー */
.hvr_txt_color3:hover{color: #ffffff} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e2e2e2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffb6c1} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fc6493} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffffff} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e2e2e2} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffb6c1}
.hvr_border_color1:hover{border-color: #fc6493}
.hvr_border_color2:hover{border-color: #EA9FFC}
.hvr_border_color3:hover{border-color: #ffffff}
.hvr_border_color4:hover{border-color: #e2e2e2}

#loading_bg{background-color: #fc6493!important;}
#top_cms,#sp_nav .bg_color1{background-color: #fefff9!important;}
#copyright a{color: #424242!important;}
#sns_link a{color: #b9b9b9;}
#tel_contact a {
    background-color: #fc6493;
    color: #fff;
}
#tel_contact a:hover{background-color: #fff;color: #fc6493;}
#page-top .scroll_u span::before{background-color: #fc6493;}



#video{height: 100vh;}
#main_img{max-height: inherit}

#loading .width_300-max {
    width: 100%;
    max-width: 322px;
}


/* header ---------------------------------------------------------------------------------------------*/
#header {
    background: -moz-linear-gradient(top, rgba(255,255,255,0.72), transparent);
    background: -webkit-linear-gradient(to bottom, rgba(251, 251, 251, 0.72), transparent);
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0.72), transparent);
}
#header h1{
	margin-left: 10px;
}
#header h1 img {
    height: auto!important;
    width: 20%!important;
    max-width: 199px;
	transform: translateY(-10px);
}
#sp_nav {
    background-color: rgba(255,255,255,0.7);
}
#sp_nav .grid_3:last-of-type img{
	transform: translate(-61%,-50%);
}
#sp_nav .grid_3:first-of-type img{
	transform: translate(-37%,-50%);
}


/* index ---------------------------------------------------------------------------------------------*/
#contents1 h2.con_title{
	position: relative;
	color: #fc6493!important;
	padding-top: 30px;
	padding-right: 35px;
	padding-left: 35px;
	font-weight: bold;
}
.con_box::before {
	background-color: #fc6493!important;
}
#contents2 h2,#contents2_2 h2,#contents3 h2{
	font-weight: bold;
    color: #fc6493;
}
#contents2 .con_txt,#contents2_2 .con_txt, #contents3 .con_txt {
    text-shadow: 0px 0px 25px rgba(255,255,255,1);
    font-weight: bold;
    color: #444444!important;
}
#contents2 .con_box,#contents2_2 .con_box {
	background: -moz-linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6) 30%);
	background: -webkit-linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6) 30%);
	background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6) 30%);
}
#contents3 .con_box {
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0.6) 66%,rgba(255, 255, 255, 0.3) 90%, transparent);
	background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.6) 66%,rgba(255, 255, 255, 0.3) 90%, transparent);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 66%,rgba(255, 255, 255, 0.3) 90%, transparent);
}
#contents2 .con_txt,#contents2_2 .con_txt{
	padding-top: 0;
	margin: 0 0 0 20px;
	padding-left: 50px;
}
#contents3 .con_txt{
	padding-top: 0;
	margin: 0 20px 0 0;
	padding-right: 50px;
}
#contents4 .con_bg_img {
    background-color: #ffd14e!important;
}
.con_txt .txt_color2 {
    color: #fff!important;
}
.more a{
	color: #ff8093!important;
}
.more a::after {
    border-bottom: solid 1px #ffb6c1;
    border-left: solid 1px #ffb6c1;
}
.more a::before {
	border-top: solid 1px #ffb6c1;
	border-right: solid 1px #ffb6c1;
}
.more a:hover {
	background-color: rgba(255,255,255,0.4);
}
.txt_shadow_h{
	text-shadow: 0 0 5px rgba(0,0,0,0)!important;
}
#contents2 .txt_shadow_h,#contents2_2 .txt_shadow_h, #contents3 .txt_shadow_h {
	text-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.tel_bt {
	color: #ffb6c1!important;
    background-color: rgba(255,255,255,0.1);
    border: solid 1px #ffb6c1!important;
}
#contents1 .con_box,#top_info .con_box,#contents4 .con_bg_img,#contents4 .con_bg_img figure,.more a::before,.more a::after,.tel_bt,.under_box{border-radius: 10px}
#contents1 .con_img{border-radius: 10px 0 0 0}


/* footer ---------------------------------------------------------------------------------------------*/
#footer .con_img {
    background-color: #fffdf8!important;
}
/*#footer p, #copyright{
	color: #fff!important;
}*/
.footer_logo{
	max-width: 247px;
}


/* 他ページ ---------------------------------------------------------------------------------------------*/
/*.page_title_box h2,.page_title_box p{
	color: #fff!important;
}*/
#under_page .info_box .d_flex:first-of-type {
    border-top: solid 1px #fc6493;
}
#page_title {
    background-color: #fffdf8!important;
}
#page_title .page_title_box{
	color: #5d5d5d!important;
}
.cate_list li a {
    color: #ff8093!important;
}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before {
    background-color: #e6e6e6!important;
}
.cate_list {
    border-bottom: solid 1px #e6e6e6!important;
}
#under_page .under_box .border_color4 {
    border-color: #e6e6e6;
}
#under_page .under_box span.txt_white{
	color: #ff0000!important;
}
#form_box dl input, #form_box dl textarea {
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #dedede!important;
}
#under_page .under_box.page8 .txt_white{
	color: rgba(0, 0, 0, 0.8)!important;
}
#under_page .mail .grid_3{
	background-color: #ffb6c1!important;
	color: #fff!important;
}
#under_page .mail .grid_3.hvr_bg_color4:hover {
    background-color: #ffb6c1!important;
	opacity: 0.7;
	border-color: #f8b1b1!important;
}
#under_page .under_box.page9 .txt_white {
    color: #ffb6c1!important;
}
#under_page .under_box.page9 a:hover {
    color: #fff!important;
	border-color: #ffb6c1;
}
.error_message,.end_message{
	color: red!important;
}
.pager li a{
	color: #ffb6c1!important;
}
.sitemap_box a .site_sab_title{color: #ffb837!important;}


/* cms ---------------------------------------------------------------------------------------------*/
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt{border-color: #e2e2e2;}

#cms_3-a .cate_wrap{margin-bottom: 100px;margin-top: 50px;}
#cms_3-a .cate_box{border-color: #afafaf;}
#cms_3-a .cate .cate_box:last-of-type {
    border-bottom: 1px dotted #afafaf;
}
#cms_3-a .box_title1 {
	font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img {
    background-color: #fc6493;
    border-radius: 7px;
}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{
	color: #fc6493!important;
}


/* IE */
@media all and (-ms-high-contrast: none){
#pc_nav li:nth-child(2) a::before{top: 1px;}  
#contents2 .con_box .con_txt,#contents2_2 .con_box .con_txt,#contents3 .con_box .con_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10%;
}
#cms_5-b .cate .cate_title{padding-top: 20px;}
#tel_contact a{padding-top: 25px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header{
	background: -webkit-linear-gradient(to bottom, rgba(251, 251, 251, 0.72), rgba(251, 251, 251, 0));
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0.72), rgba(251, 251, 251, 0));
}	
	
header.height80vh_sp,#video {height: 500px;}
header .scroll_d{display: none;}
#pc_nav{top: 209px;}
#header h1 img {
	transform: translateY(0);
}
#main_img::before {
    width: 150px;
    height: 150px;
    right: 0px;
    bottom: 17px;
}
#header h1 img {
    width: 53%!important;
	max-width: 223px;
}
.more a {
    background-color: rgba(255, 255, 255, 0)!important;
    border: 1px solid #ffb6c1;
}
#contents1 h2.con_title{
	padding-right: 10px;
	padding-left: 10px;
}
#contents2 .con_box,#contents2_2 .con_box, #contents3 .con_box{
	background: rgba(255, 255, 255, 0.62)!important;
}
#contents2 .con_txt,#contents2_2 .con_txt{
	padding-left: 0;
	margin: 0;
}
#contents3 .con_txt{
	padding-right: 0;
}
#contents2_2 .con_box > .d_table, #contents2_2 .con_box > .d_table::before{min-height: auto;}
#contents2_2, #contents2_2 .con_box, #contents2_2 .d_flex{min-height: inherit;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.bnr{
	width: 90%;
}

header.height80vh_sp,#video {height: 43vh;}
header .scroll_d{display: none;}

header .menu_stick {
    top: 39px;
    right: 25px;
}
header .menu_stick.stick_trans{color: #fc6493;}
#loading .width_300-max {
    width: 100%;
    max-width: 192px;
}
#header h1 {
    margin-left: -10px;
}
#header h1 img {
    width: 38%!important;
	transform: translateY(2px);
}
.footer_logo {
	max-width: 190px;
}
#sp_nav nav.shadow_h {
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
#contents1 .con_box{
	padding-top: 70px;
}
.con_box::before{top: 20px;}
#contents1 h2.con_title::before{
	width: 56px;
}
#contents2 .con_title,#contents2_2 .con_title,#contents3 .con_title{
	margin-bottom: 20px
}
#contents2 .con_txt,#contents2_2 .con_txt,#contents3 .con_txt {
    margin: 0;
}
#contents2 .con_txt,#contents2_2 .con_txt, #contents3 .con_txt{font-weight: normal;}
#under_page .under_box {
    padding-left: 20px;
    padding-right: 20px;
}
}













