/* color ----------------------------------------------------------------------*/
.txt_color1{color: #626c73} /* メインカラー */
.txt_color2{color: #a4c1d7} /* サブカラー */
.txt_color3{color: #e6afcf} /* アクセントカラー1 */
.txt_color4{color: #dee2e5} /* アクセントカラー2 */
/* background-color */
.bg_color1{background-color: #a4c1d7} /* メインカラー */
.bg_color2{background-color: #dee2e5} /* サブカラー */
.bg_color3{background-color: #bac9d5} /* アクセントカラー1 */
.bg_color4{background-color: #dee2e5} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1{border-color: #a4c1d7}
.border_color2{border-color: #dee2e5}
.border_color3{border-color: #e6afcf}
.border_color4{border-color: #dee2e5}
/* hover -----------------------*/
.hvr_txt_color1:hover{color: #626c73} /* メインカラー */
.hvr_txt_color2:hover{color: #a4c1d7} /* サブカラー */
.hvr_txt_color3:hover{color: #e6afcf} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dee2e5} /* アクセントカラー2 */
/* background-color */
.hvr_bg_color1:hover{background-color: #626c73} /* メインカラー */
.hvr_bg_color2:hover{background-color: #a4c1d7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e6afcf} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #dee2e5} /* アクセントカラー2 */
/* border-color ※!important */
.hvr_border_color1:hover{border-color:#626c73}
.hvr_border_color2:hover{border-color: #a4c1d7}
.hvr_border_color3:hover{border-color: #e6afcf}
.hvr_border_color4:hover{border-color: #dee2e5}
/* color ----------------------------------------------------------------------*/

/* font ----------------------------------------------------------------------*/
.font_com,#cms_6-c h3{font-family: 'Lora', 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
    font-weight: 600;
}
html, body {font-size: 18px;}
.font_100per {
    font-size: -webkit-calc(1rem + 0.5px) !important;
    font-size: calc(1rem + 0.5px) !important;}
/* font ----------------------------------------------------------------------*/

/* all ----------------------------------------------------------------------*/
h1#logo { width: 150px;}
div#logo2 img {width: 130px;}
/* all ----------------------------------------------------------------------*/

/* top ----------------------------------------------------------------------*/
div#head_logo span.bg_color1 {opacity: 0;}
div#video::before {
    content: '';
    background-color: rgba(184,205,221,0.9);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    mix-blend-mode: soft-light;}

#top_contents2{
    background-image: url('./Dup/img/bg_img.jpg');
    background-size: cover;
    background-position: center;
    background-color: #edf4f9;}

/*上下に揺らす----------------------------------------*/

.con2_box .con2_box_a img{
  animation: img_box_9955 5s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;}
.con2_box .con2_box_b img{  
  animation: img_box_0000 5s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;}
 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-3px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }}

@keyframes img_box_0000 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-3px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }}

/*上下に揺らす----------------------------------------*/


section#top_contents2::before {
    background: url(dup/img/hukidashi.png);
    background-size: contain;
    content: '';
    width: 400px;
    height: 86px;
    position: absolute;
    left: 50%;
    margin-top: 80px;
    transform: translate(-50%, 0px);
    background-repeat: no-repeat;
}

section#top_contents2 h2 {
    font-size: 0;
    padding-bottom: 50px;
    position: relative;}

#top_contents .con_box .contents_no {
    top: 28px;
    left: 11px;
    z-index: 3;
    background: rgba(255,255,255,0.85);
    padding: 0px 10px 0px 40px;
}
    
#top_contents figure {
    border: solid 20px #ffffff;
    box-shadow: 0px 0px 0px 2px #cfd6db;
    border-radius: 5px;}
    
#intro .intro_txt_wrap {
    z-index: 1;
    border: solid 3px #cfd6db;
    border-radius: 5px;
    margin-bottom: 50px;
    box-shadow: 30px 20px 20px rgba(159,164,167,0.4);}
/* top ----------------------------------------------------------------------*/


/* cms----------------------------------------------------------------------*/

/*linkStyle*/
a.linkStyle {
    border-bottom:solid 1px;
    transition: 0.5s;}
a.linkStyle:hover {
    border-bottom:solid 1px;}

.cms_2-c .box_item{background-color:#f8fcff;}
.bg_color_cms{background-color:#fffafd !important;}
.cms_2-c figure,#cms_2-c figure {
    width: 80%;
    margin: 0 auto;}
    
#cms_2-c .cate_box {
    background: #f8fcff;
    border-bottom: solid 20px #fff;}
#cms_2-c .box_item .box_txt1 {color: #79b1db;}
#cms_2-c .bg_color_cms .box_txt1{color: #e6afcf !important;}
.cate_box_02 {background: #fffafd !important;}


div#cms_5-c .cate_box {
    background: #f8fcff;
    border-radius: 9px;
    border: solid 2px #f0f2f3;}
    
#cms_5-c p.box_txt1 {
    background: #fffdfe;
    padding-bottom: 15px;
    border-radius: 0 0 9px 9px;}


#cms_6-c .box_item, .cms_6-c .box_item {
    box-shadow: 0 5px 10px rgba(170,188,201,0.8);
    border-radius: 9px;}
#cms_6-c .box_item:hover, .cms_6-c .box_item:hover{
    transform: translateY(-10px);}
#cms_6-c .box_img1, .cms_6-c .box_img1{
    border: none!important;
}
#cms_6-c .box_open, .cms_6-c .box_open{
    top: 0;
    left: 0;
    z-index: 1000;
}
#cms_6-c .box_open_wrap, .cms_6-c .box_open_wrap{
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: 20px;
}
#cms_6-c .box_open > .d_flex, .cms_6-c .box_open > .d_flex{
    overflow-y: auto;
}
#cms_6-c .box_item, #cms_6-c .close, .cms_6-c .box_item, .cms_6-c .close{
    cursor: pointer;
}
#cms_6-c .close, .cms_6-c .close{
    top: 10px;
    right: 10px;
}

.tarot {
    border: 2px solid #81878d;
    border-radius: 5px;
    padding-bottom: 8px;}
    
.tel_box {background: #f8fcff;}

.menu_banner{background:#e6afcf;}
.reserve:hover {transform: scale(0.96,0.96) rotate(0.01deg);}
.reserve:hover span {transform: scale(1.14,1.14) rotate(0.01deg);}
.arrow_b i{transform: translate(-16px, 1px);}
.arrow_b {
    transform: translatex(5px);
    display: inline-block;}
/* cms----------------------------------------------------------------------*/

section#top_cms {z-index: auto !important;}


/*タブレット*/
@media screen and (max-width: 768px){
    div#logo2 img { width: 115px;}
    h1#logo {width: 140px;}
    div#loader img {width: 140px;}
.cms_2-c figure, #cms_2-c figure {
    width: 100%;
    margin: 0 auto;}

#intro{padding-bottom: calc(60vw - 20px)}
#intro .intro_img{
	height: 60vw;
	top: auto;
	bottom: 0;}

#top_contents2 h3.con2_title {text-align: left;}
#intro .intro_txt_wrap {
    z-index: 1;
    border: solid 3px #cfd6db;
    border-radius: 5px;
    margin: 20px 20px 0;
    box-shadow: 3px 3px 5px rgba(159,164,167,0.4);}
#top_contents figure {
    border: solid 10px #ffffff;
    box-shadow: 0px 0px 0px 2px #cfd6db;}
#top_contents .con_box .contents_no {
    top: 23px;
    left: 0px;
    z-index: 3;
    background: rgba(255,255,255,0.85);
    padding: 5px 6px 0px 31px;
    font-size: 20px;}
}
/*スマホ*/
@media screen and (max-width: 667px){
    div#loader img {width: 100px;}
    html, body {font-size: 15px;}
section#top_contents2::before {
    width: 300px;
    height: 64px;}
.cms_2-c .box_item {padding: 20px;}
.cms_title {margin-bottom: 50px;}
h1#logo {width: 120px;}
#cms_5-c .box_txt1::before {
    top: 7px;
    left: 4px;}
#cms_5-c .box_title1::before {
    top: 3px;
    left: 4px;}
.info_box {text-align: center;}
#intro .intro_txt_wrap {margin: 0px 0px 0px;}
}


/*IE*/
@media all and (-ms-high-contrast: none){
.pager li a{padding-top:7px !important;
            padding-bottom:0px !important;}
.cate_list li a{
    padding-top: 10px !important;
    padding-bottom: 5px !important;}
#cms_5-c .box_title1 {
    padding-top: 11px !important;
    padding-bottom: 4px !important;}
#cms_5-c p.box_txt1 {padding-bottom: 10px !important;}
#page9 a {padding-top: 6px !important;}
/*.box_open_wrap{transform: translateY(13%);}*/

.box_open_wrap{
    overflow: auto;
    height: 100%;}
    
div#video::before {background-color: rgba(184,205,221,0.3) !important;}

}





/*20220310*/
div#head_logo {
    left: 8%;
    top: 16%;
    width: 200px;
}


.res {
    background: #a4c1d7;
    padding: 10px 0px;
    color: #fff;
    transition: 0.5s;
}

.res:hover {
    background: #e6afcf;
    padding: 10px 0px;
    color: #fff;
}

.res {
    margin-left: 11px;
}


/*20231024*/
#cms_2-d .cate {
    background: #f7efff !important;
    padding: 20px;
}

#cms_2-d h4.box_title {
    color: #6f7e8d !important;
}


/*スマホ*/
@media screen and (max-width: 667px){
#cms_2-d .cate {
    background: #f7efff !important;
    padding: 10px;
}    
    
#cms_2-d .box_wrap{
    padding:10px;
}
}