/*z-index-------------------------------------------------------------------------*/
.swiper-button-next, .swiper-button-prev { z-index: 2 !important;}
#top_cms.back1:before {z-index: -1;}
/*z-index-------------------------------------------------------------------------*/

/*font-------------------------------------------------------------------------*/
body,#copyright{font-family:'Vidaloka','Noto Serif JP', serif !important;}
.font_14 {font-size: 16px;}
.opacity08,.opacity07 { opacity: 0.9 !important;}
.box_title1,.cate_title,.box_title2,a.more_btn,.hannari,.cms_title p,.page_title_box p,.con_title .pop400,.con_box h2,.loading
,#cms_5-c .box_title1::before ,.cms_5-c .box_title1::before,#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{
    font-family:'Vidaloka','Sorts Mill Goudy','Shippori Mincho', serif !important;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a, section#page10 a,.return a {
    font-family:'Vidaloka','Sorts Mill Goudy','Shippori Mincho', serif !important;
    font-weight: bold;}
.pop400,p.tel_bt a{font-family:'Vidaloka','Noto Serif JP', serif !important;}
.button_container span:nth-of-type(1) { width: 44px;}
#footer_con .con_box h2 {
    font-size: 22px;
    font-family:'Vidaloka', 'Sorts Mill Goudy','Shippori Mincho', serif !important;
    line-height: 1.5;
}
    
    
    

/*余白調整------------------------------------------------------------------------------------*/
a.more_btn { padding-top: 14px !important;}
#page_title .page_title_box {padding-bottom: 22px !important;}
#cms_5-c .box_title1::before ,.cms_5-c .box_title1::before { top: 4px;}
#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{top: 5px;}
/*余白調整------------------------------------------------------------------------------------*/
/*font-------------------------------------------------------------------------*/


/*mainvisual--------------------------------------------------------------------------*/
.loading{z-index:3;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    font-size: 38px;
    color:#555887;}
.loading span {
  display: inline-block;
  margin: 0 -.05em;
  animation: loading 2.5s 2 alternate;}

@keyframes loading {
  0% {
    filter: blur(0);
    opacity: 1;}
  100% {
    filter: blur(5px);
    opacity: .2;}
}


.loading span:nth-child(2)::after {
  animation-delay: .2s;
}
.loading span:nth-child(3)::after {
  animation-delay: .4s;
}
.loading span:nth-child(4)::after {
  animation-delay: .6s;
}
.loading span:nth-child(5)::after {
  animation-delay: .8s;
}
.loading span:nth-child(6)::after {
  animation-delay: 1.0s;
}
.loading span:nth-child(7)::after {
  animation-delay: 1.2s;
}
.loading span:nth-child(8)::after {
  animation-delay: 1.4s;
}
.loading span:nth-child(9)::after {
  animation-delay: 1.6s;
}
.loading span:nth-child(10)::after {
  animation-delay: 1.8s;
}
.loading span:nth-child(11)::after {
  animation-delay: 2.0s;
}
.loading span:nth-child(12)::after {
  animation-delay: 2.2s;
}
.loading span:nth-child(13)::after {
  animation-delay: 2.4s;
}
.loading span:nth-child(14)::after {
  animation-delay: 2.6s;
}

#main_img:before {background-color: rgba(242, 231, 242,0.5);}
.menu .bg_white {background: transparent;}
div#top_pc_nav a {color: #7d80b8;}
div#top_pc_nav {margin-top:120px;}
/*mainvisual-----------------------------------------------------------------------*/

/*color-------------------------------------------------------------------------*/

/*濃#555887 85,88,124*/
/*青#7d80b8*/
/*薄#F2E7F2 242,231,242*/
/*紫#C4A5D3 196,165,211*/
/*ピ#D1A5CE 209,165,206*/
/*黄#ffff33*/



.txt_color1 {color: #8b6a9c;}
.txt_color3 { color: #7d80b8;}
.num { color: #D1A5CE !important;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a {color: #555887;}

body, .txt_color_nomal {color:#555887 !important;}
.con_title h3,.intro_title h3{color:#C4A5D3 !important;}

.bg_color1 {background-color: #D1A5CE;}
.bg_color2 {background-color: #F2E7F2;}
.bg_color3 {background-color: #C4A5D3;}

div#fakeloader.bg_color1 { background: #F2E7F2 !important;}
header.scr_header {background-color: rgba(242,231,242,0.5) !important;}

.back1:before {background-color: rgba(242,231,242,0.4) !important;}
.line:before {background-color: rgba(209,165,206,0.5) !important;}
.line-l:before {background-color: rgba(139, 106, 156,0.5) !important;}
.more_btn:before {border-color: rgba(196,165,211,0.7);}
#info_contact .con_img:before {background-color: rgba(85,88,124,0.5) !important;}
#page_title:before {background-color: rgba(242, 231, 242,0.5) !important;}
.return::before, .return::after {background-color: #555887;}

#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: rgba(85,88,124,0.3) !important;}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before { color: rgba(85,88,124,0.5);}

.button_container span { background: rgba(85, 88, 124,1)!important;}
span.menu.txt_white {color: #555887;
        background: transparent !important;}
.button_container.active .bottom,.button_container.active .top{
    background: rgba(255,255,255,0.90) !important;}

.border_color1 { border-color: #C4A5D3;}
.border_color2 { border-color: #C4A5D3;}
.border_color3 {border-color: #C4A5D3;}


.more_btn:hover:after { background-color: rgba(196,165,211,0.1);}
.pager li a:hover { background-color: rgba(209,165,206,0.5) !important;}
.cate_list li a:hover {background-color: rgba(255, 255, 51,0.3) !important;}
/*color-------------------------------------------------------------------------*/

/*linkStyle*/
a.linkStyle {
    color: #8b6a9c;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #555887;
}

/*logo---------------------------------------------------------------------------*/
#logo {
    max-width: 180px;
    box-sizing: border-box;}
header.scr_header #logo {max-width: 130px;}

p#logo2 a {
    width: 100%;
    max-width: 240px;}
/*logo---------------------------------------------------------------------------*/


.nav_menu_more a span::before {
    display: none !important;}
.nav_menu_more.mg_t-10px a span::before {
    display: block !important;}
    
    
    
    
    
    
    
#contents1 .con_box,#contents2 .con_box {margin-top: 10%;}
#contents1 .con_img_wrap,#contents2 .con_img_wrap{position:relative;}
#contents1 .con_img_wrap::before{
    content: "";
    border: solid 1px #ffff33;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: rotate(-5deg);
}
#contents2 .con_img_wrap::before{
    content: "";
    border: solid 1px #ffff33;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: rotate(5deg);
}
#contents2 .con_img{margin-bottom: 0;}
    


div#intro_wrap::before {
    content: '';
    border: solid 1px #ffff33;
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 95%;
    opacity: 0.7;
}

#contents3_wrap .con_box::before{
    content: '';
    border: solid 1px #ffff33;
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 95%;
    opacity: 0.7;
}
div#intro_wrap::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 165px;
    height: 165px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 165px;
    left: 1%;
    bottom: 0%;
}
#contents3_wrap .con_box::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 165px;
    height: 165px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 165px;
    left: 1%;
    bottom: 0%;
}

section#intro::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 165px;
    height: 165px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 165px;
    right: 11.2%;
    top: 0%;
    z-index: 3;
    transform: rotate(
182deg);
}

.flower::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 165px;
    height: 165px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 165px;
    right: 1%;
    top: -1%;
    z-index: 3;
    transform: rotate( 
182deg);
}



@media screen and (max-width: 1350px){
.loading {font-size: 30px;}
}
@media screen and (max-width: 1280px){
.loading {top: 100%;}
}
@media screen and (max-width: 1100px){
.loading {font-size: 25px;}
}

section#contents2 .con_box {
    padding-right: 5% !important;
    padding-left: 0;
}




/*IE*/
@media all and (-ms-high-contrast: none){
#pc_nav li a, #top_pc_nav li a,#footer_nav li a {
    /*max-width: 140px;*/
    margin-right: 35px !important;
    word-break: break-all;}

a.more_btn {padding-top: 11px !important;}
#page_title .page_title_box { padding-bottom: 18px !important;}
.pager li a { padding-bottom: 10px !important;}

.cate_list li a{
    padding-bottom: 11px !important;
    padding-top: 8px !important;
}

#cms_2-b .cate .cate_title { padding-top: 8px !important;}
#cms_3-b .cate_title {padding-top: 8px !important;}
#cms_6-a .cate .cate_title { padding-top: 8px !important;}

#contact_tel a{padding-top: 23px !important;}
#contact_line a{ padding-top: 24px !important;}
#page10 .more_btn {padding-top: 10px !important;}
#page9 .more {
    padding-bottom: 3px !important;
    padding-top: 0px !important;}
 #pc_nav li {max-width: 160px !important;}


}



/*タブレット*/
@media screen and (max-width: 768px){
#logo {
    max-width: 100px;
    box-sizing: border-box;
}
.menu.posi_center {top: 47%;}

.loading {
    font-size: 19px;
    top: 105%;}
    
section#intro::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 100px;
    right: 5%;
    top: 0%;
    z-index: 3;
    transform: rotate( 
182deg);
}
div#intro_wrap::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 100px;
    left: 1%;
    z-index: 0;
    bottom: 0%;
}
#contents2 .num {
    font-size: 50px;
    left: 56.5%;}

section#contents2 .con_box {
    padding-right: 4% !important;
    padding-left: 0;
}
#contents3_wrap .con_box::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 100px;
    left: 1%;
    bottom: 0%;
    z-index: -1;
}
#contents3_wrap .con_box::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 100px;
    left: 1%;
    bottom: 0%;
    z-index: -1;
}
.flower::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 100px;
    right: 1%;
    top: 0%;
    z-index: 3;
    transform: rotate( 
182deg);
}
header.scr_header #logo { max-width: 90px;}
p#logo2 a {
    width: 100%;
    max-width: 200px;}
#footer_con .con_box h2 { font-size: 19px;}
#cms_1-a .pager li { margin-right: 0px;}
.font_2dw_tb {
    font-size: -webkit-calc(1rem - 1px);
    font-size: calc(1rem - 1px);}
    
.cate_box { padding: 25px;}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before {top: 8px;}
}
/*スマホ*/
@media screen and (max-width: 667px){
/*.menu p {display: none;}*/
/*.menu.posi_center { top: 50%;}*/

#logo {
    max-width: 70px;
    box-sizing: border-box;
}
.menu.posi_center {
    top: 40%;
}
#fakeloader .fl { max-width: 210px;}
section#intro::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 90px;
    right: 4%;
    top: 1%;
    z-index: 3;
    transform: rotate( 
182deg);}
#intro .num {
    font-size: 50px;
    top: -44px;}
div#intro_wrap::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 90px;
    left: -1%;
    z-index: 0;
    bottom: 1%;}

#intro_wrap {
    padding: 10% 9% !important;}
#contents3 .con_box {
    padding: 10% 9% !important;}
#contents1 .con_img_wrap::before {
    content: "";
    border: solid 1px #ffff33;
    position: absolute;
    top: -10px;
    left: -2px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: rotate(
-5deg);}

#contents2 .num {
    font-size: 50px;
    left: 50%;}
section#contents2 .con_box {
    padding-right: 0% !important;
    padding-left: 0;
    margin-bottom: 40px;
}
#contents2 .con_img_wrap::before {
    content: "";
    border: solid 1px #ffff33;
    position: absolute;
    top: -2px;
    right: 1px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: rotate(
5deg);
}
.flower::before {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 90px;
    right: 0%;
    top: 1%;
    z-index: 3;
    transform: rotate( 
182deg);
}
#contents3_wrap .con_box::after {
    content: '';
    background: url(dup/img/leaf.png);
    position: absolute;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 90px;
    left: 0%;
    bottom: 1%;
    z-index: -1;
}
p#logo2 a {
    width: 100%;
    max-width: 180px;
}
#footer_con .con_box h2 {
    font-size: 18px;
}
header.scr_header #logo {
    max-width: 50px;
}
.cate_box {
    padding: 15px;
}
.page_title_box h2 {
    font-size: 20px;
   letter-spacing: 1px;
}
p#contact_line a {
    padding: 15px;
    font-size: 20px;}
#page9 .more {
    padding-bottom: 3px;
    padding-top: 0px;}

.loading {
    font-size: 16px;
    top: 97%;
    margin: 0;
    padding: 0;
    left: 50%;
    width: 100%;
    transform: translate(-45%,-50%);
}
}