/*html, body{overflow: auto}
.pp-section{position: static}*/

#wrap, .cms_box, .pp-scrollable, .overlay, .loading, .modal_scroll .width_1280-1000 {
    background: -moz-linear-gradient(to bottom,#ebc7d0,#dbc2c0 20%,#DDC8BD); 
background: -webkit-linear-gradient(to bottom,#ebc7d0,#dbc2c0 20%,#DDC8BD); 
background: linear-gradient(to bottom,#ebc7d0,#dbc2c0 20%,#DDC8BD);
}
/*#wrap, .cms_box, .pp-scrollable, .overlay {
    background: -moz-linear-gradient(to bottom,#f9d4dd,#f9edec 20%,#DDC8BD); 
background: -webkit-linear-gradient(to bottom,#f9d4dd,#f9edec 20%,#DDC8BD); 
background: linear-gradient(to bottom,#f9d4dd,#f9edec 20%,#DDC8BD); 
}*/
.intro_item h2, .intro_item p, .modal_txt_wrap h2, .modal_txt_wrap p, .top_cms_title h2, .top_cms_title p, .sf_contact p, .sf_access h3, .sf_access .footer_txt, .menu-box .menu_list .txt_color_nomal, #cms_1-a .box_title1, #cms_1-a .box_txt1, #cms_6-a .cate_txt1, #cms_6-a .cate_box .box_txt1, #cms_6-a .cate_box .box_txt2, #s_footer .footer_txt, #cms_3-d .cate_txt1, #cms_4-a .cate_title, #cms_4-a .cate_txt1, #page7 .d_table-cell, #page9 .txt_color_nomal, #page10 .d_block, #page10 a::before {
    text-shadow: 1px 1px 1px #5b5b5b;
}
.intro_img .font_un {
    -webkit-text-stroke: 1px #fff;
    color: #fff;
    font-family: 'Pinyon Script', cursive !important;
    font-size: 6em;
    /* color: transparent; */
    top: -22%;
    left: -11%;
    font-weight: 100;
}
.contents_no {
    font-family: 'Pinyon Script', cursive !important;
}
.intro_img a span {
    border-radius: 37% 57% 10% 57%;
    top: -40%;
    left: -13%;
    height: 110%;
}
.intro_item h2 {
    color: #fff;
}
/*.sf_contact_box {
    border-radius: 5px 5px 5px 5px;
}*/
.opacity07 {
     opacity: 1; 
}
/*.sf_contact_box {
    border-radius: 50% 76% 50% 73%;
    padding: 70px;
}*/
.h_tel_btn{
    color: #e99bcb;
}
.h_box_mail a {
    border-color: #e99bcb;
    color: #e99bcb;
}
.hvr_border_white:hover {
    background-color: #e99bcb;
    color: #fff;
}
.button_container span {
    background: #e99bcb;
}
.button_container.active .top, .button_container.active .bottom {
    background-color: #fff;
}
.intro_img a::before {
    border: solid 1px #e99bcb;
}
.bg_color1 {
    background-color: #fff;
}
.hvr_border_color3 {
    border-color: #e99bcb;
}
.hvr_border_color3:hover {
    border-color: #e99bcb;
}
.bg_color3 {
    background-color: #e99bcb;
}
.txt_color_nomal {
    color: #fff;
}
.more_btn h2 {
    color: #4b4b4b;
}
.more_box .view, .more_box .fas {
    color: #e99bcb;
}
.cms_more .view, .cms_more .fas {
    color: #fbfbfb;
}
.cms_more .hvr_border_color3 {
    border-color: #fdfdfd;
}
.more_box .posi_rel:hover .view, .more_btn .posi_rel:hover .view, .more_box .posi_rel:hover .fas, .more_btn .posi_rel:hover .fas {
    color: #fff;
}
.sf_contact_box, .intro_img span {
    background-image: url(./Dup/img/suisai_back.jpg);
    background-position: center;
    background-size: cover;
}
.title_box, #footer_nav {
    background-image: url(./Dup/img/suisai_back2.jpg);
    background-position: center;
    background-size: cover;
}
.sf_contact_box h3, .sf_contact_tel p, .sf_contact_mail p, .sf_contact_tel a, .sf_contact_mail a {
    color: #e99bcb;
}
.s_footer_copy {
    background-color: #fc88f1;
}
.title_box h2, #footer_nav a, .title_box .font_2dw {
    color: #59d6e3;
}

.border_color1 {
    border-color: #fff;
}
.title_box {
    border-color: #e99bcb;
}
.main_img_txt {
    width: 750px;
    font-size: 35px;
    border-left: 2px solid;
    border-right: 2px solid;
    background-color: rgba(246,216,211,0.4);
    position: absolute;
    top: 74%;
    left: 72%;
    transform: translate(-50%,-50%);
    text-shadow: 1px 1px 5px #666;
}

.main_img_txt span {
    font-size: -webkit-calc(4rem);
    font-size: calc(4rem);
    font-family: 'Pinyon Script', cursive !important;
    font-weight: 100;
}


/*.main_img_txt .font_100per {
    text-shadow: none;
}*/
/*.obi {
    background-color: #f6d8d3;
    padding: 0px 10px;
}*/
.txt_color1 {
    color: #db8677;
}

.intro_item h2, .title_under {
  position: relative;
  padding: 1rem .5rem;
  z-index: 1;
}

.intro_item h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#e99bcb), to(#fde5be));
  background-image: -webkit-linear-gradient(left, #e99bcb 0%, #fde5be 100%);
  background-image: linear-gradient(to right, #e99bcb 0%, #fde5be 100%);
}
.pager a span {
    color: #e99bcb;
}
.pager a:hover span {
    color: #fff;
}
/*.title_under:after {
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    z-index: -1;
}*/
.cms_3-d .box_txt1, #cms_3-d .box_txt1 {
    color: #59d6e3;
}
.cms_3-d .box_item, #cms_3-d .box_item {
    border-color: #c889b9;
}
.cate_list .bg_color1 {
    background-color: #db8677;
}
.hvr_bg_color3:hover {
    background-color: #e99bcb;
}
#pp-nav li .txt_color1 {
    color: #59d6e3;
}
#cms_6-a .cate_title {
    color: #e99bcb;
}
#cms_3-d .cate_item .cate_title {
    background-color: #e99bcb;
    color: #ffffff;
    border-color: #e99bcb;
}
#cms_3-d #cate2 .box_wrap {
    margin-bottom: 150px;
}
#cms_6-c .arrow, #cms_6-c .circle {
    display: none;
}
#cms_6-c .box_txt1 {
    color: #333;
}
#cms_6-a .box_txt1 {
    color: #fff;
}
#page7 .d_table-cell {
    color: #fff;
}
#page7 .border_black, #page9 .border_black {
    border-color: #db8677;
}
#page9 .box_wrap p a {
    background-color: #e99bcb;
}
#page9 .box_wrap p a:hover {
    background-color: #db8677;
}
#page10 .border_black {
    border-color: #db8677;
}
#page10 a::before {
    color: #fff;
}
#page10 .grid_6 a {
    text-decoration: none;
    color: #fff;
}
.date {
    border-color: #db8677;
    color: #db8677;
}
.phone_txt {
    background-color: #e99bcb;
}
.phone_wrap {
    background-color: #e99bcb;
}
.phone_txt h4 span {
    background-color: #ffffff;
    color: #db8677;
}
.custom_box {
    justify-content: center;
    align-items: flex-start;
}
.custom_box figure {
    padding: 20px;
}
/*.koukyuu1 .more_btn:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sousyoku1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 250px;
    top: -167%;
    right: -12%;
}*/
.koukyuu1, .koukyuu2 {
    background-image: url(./Dup/img/con_back.jpg);
    background-size: cover;
}
/*.koukyuu2 .more_btn:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sousyoku2.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 250px;
    top: 51%;
    left: -11%;
}*/

.banner {
    bottom: 30px;
    left: 30px;
    width: 300px;
    z-index: 10;
}
.banner:hover {
    opacity: 0.6;
}
.banner2 {
    width: 300px;
}
.banner2:hover {
    opacity: 0.6;
}

.link_type2 .cate_box a {
    color: #fff;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #e99bcb;
    transition: 0.5s;
	z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}





.catch{
    transform: translate(-50%, -50%) scale(1.1);
    /*filter: blur(5px);*/
    opacity: 1;
    transition-property: transform, filter, opacity;
    transition-duration: 1.5s;
    z-index: 999;
    top: 0px;
}
.catch.active{
    transform: translate(-50%, -50%);
    /*filter: blur(0px);*/
    opacity: 0;
    z-index: 999;
}
.catch{
    transform: translate(0,0) scale(1.1);
}
.catch.active {
    transform: translate(0,0);
}
.catch img {
    vertical-align: bottom;
    width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader_logo{
    transform: translate(-50%, -50%) scale(1.1);
    /*filter: blur(5px);*/
    opacity: 1;
    transition-property: transform, filter, opacity;
    transition-duration: 1.5s;
    z-index: 997;
    top: 30px;
}
.loader_logo.active{
    transform: translate(-50%, -50%);
    /*filter: blur(0px);*/
    opacity: 0;
    z-index: 997;
}
.loader_logo{
    transform: translate(0,0) scale(1.1);
}
.loader_logo.active {
    transform: translate(0,0);
}
.loader_logo img {
    vertical-align: bottom;
    width: 20%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.haikei2{
    transform: translate(-50%, -50%) scale(1.1);
    /*filter: blur(5px);*/
    opacity: 1;
    transition-property: transform, filter, opacity;
    transition-duration: 1.5s;
    z-index: 998;
    top: 0;
}
.haikei2.active{
    transform: translate(-50%, -50%);
    /*filter: blur(0px);*/
    opacity: 0;
    z-index: 998;
}
.haikei2{
    transform: translate(0,0) scale(1.1);
}
.haikei2.active {
    transform: translate(0,0);
}
.haikei2 img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    position: absolute;

}

.haikei{
    transform: translate(-50%, -50%) scale(1.1);
    /*filter: blur(5px);*/
    opacity: 1;
    transition-property: transform, filter, opacity;
    transition-duration: 1.5s;
    z-index: 996;
    top: 0;
}
.haikei.active{
    transform: translate(-50%, -50%);
    /*filter: blur(0px);*/
    opacity: 0;
    z-index: 996;
}
.haikei{
    transform: translate(0,0) scale(1.1);
}
.haikei.active {
    transform: translate(0,0);
}
.haikei img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    position: absolute;

}

.haikei.active2, .catch.active2, .loader_logo.active2, .haikei2.active2 {
    display: none;
}
#main_img .swiper-wrapper::before {
    display: none;
}




/* YouTube */
.yt{width: 800px;}
.video_cms{
	padding-bottom: 50.25%;
	height: 0;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/* YouTube */
.yt{width: 100%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}
}





/* ---------- TB ---------- */
@media screen and (max-width: 768px){
.main_img_txt {
    width: 500px;
    font-size: 22px;
}
.main_img_txt span {
    font-size: -webkit-calc(3rem);
    font-size: calc(3rem);
}
.main_img_txt {
    top: 77%;
    left: 65%;
    transform: translate(-50%,-50%);
}
.cms_box, .pp-scrollable {
    background: -moz-linear-gradient(to bottom,#f9d4dd,#fbdbd8 20%,#DDC8BD); 
background: -webkit-linear-gradient(to bottom,#f9d4dd,#fbdbd8 20%,#DDC8BD); 
background: none; 
}
#main_img .swiper-wrapper::before {
    display: none;
}

.catch img {
    vertical-align: bottom;
    width: 80%;
    height: auto;
}
.loader_logo img {
    vertical-align: bottom;
    width: 40%;
    height: auto;
}
.loader_logo {
    top: 0;
}
.banner {
    bottom: 30px;
    left: 30px;
    width: 260px;
    z-index: 100;
}
.c2_box_txt .more_btn .font_4up_tb {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);
}
}

/* ---------- sp ---------- */
@media screen and (max-width: 667px){
.main_img_txt {
    width: 300px;
    font-size: 14px;
    background-color: rgba(246,216,211,0.3);
    top: 76%;
    left: 50%;
    text-shadow: 1px 1px 3px #777;
}
.main_img_txt span {
    font-size: -webkit-calc(1.6rem);
    font-size: calc(1.6rem);
}
/*.sf_contact_box {
    border-radius: 5% 5% 5% 5%;
    padding: 10px;
}*/
.overlay {
    top: 0px;
}
.title_under:after {
    bottom: 13px;
    height: 3px;
}
.banner {
    bottom: 10px;
    left: 50%;
    width: 240px;
    z-index: 100;
    transform: translateX(-50%);
}
#sf {
    bottom: 60px;
}
.t_sns_link {
    margin-top: -10px;
}
.modal_wrap .modal_scroll .width_1280-1000 {
    padding-bottom: 180px;
}
}