/*vido----------------------------------------------------------------------------------*/
.navi{display: none;}

.all_page{z-index: 6}
/* ---------- IE ---------- */
.video{width: 100%;}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.main_img_wrap{height: auto}
.main_wrap{margin-top: 50vh;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.main_wrap{margin-top: 30vh;}
#video{height: 30vh;}
#page_title .img-container::after {
    background-color: rgba(166,148,157,0.2);
}
}
/*vido----------------------------------------------------------------------------------*/

/*font--------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,.t_cms_txt2,.t_cms_txt5,.t_cms_txt8,.nav1,.nav2,.top_nav li a,.cms_title,.page_title_box,.cate_list li a,
.overlay-menu a span,.more .txt_color_nomal,.cate_list li a,.cate_title,.cate_txt1
{font-family:  'Noto Sans JP', sans-serif;
letter-spacing: 0.1em;
line-height: 2;
transform: rotate(0.03deg);
}




h2,h3,h4,h5,h6,.top_nav ul li a,span.nav2,.page_title_box p{

    font-weight:700;}
/*font--------------------------------------------------------------------------------*/


/*#EADCE3*/
/*#478FB1*/
/*#00ff00*/

/*memo------------------------------------------------------------------------------ */
/*背景色全体(外枠)*/
body{background: #ffffff;}
/*写真の下の薄めの色部分*/
#contents .box:nth-child(odd) figure:after {color: #EADCE3;}
/*写真表示前アニメーション①③*/
.img-container:before {background: #EADCE3 !important;}
/*写真表示前アニメーション②*/
.t_cms_img2 .img-container:before {background: #e0cad5 !important;}
/*top_cms　部分の黒い直線色*/
.top_cms_box:before {background-color: #66565e !important;}
.top_cms_box .more span:before{background-color: #66565e;}
.top_cms_box .more span:after{border-left: 5px solid #66565e;}
.top_cms_box .more_box .more:before{background-color: #66565e;}
/*footer全体色*/
footer {background-color: #478FB1;}

/*下層ページタイトル画像*/
#page_title p:nth-child(2) span {font-size: 18px;}


/*画像表示前背景色*/
.img-container:before {background: #F4DE71; }
#title_img {width: 75%;}
#page_title{padding-top: 0;}
/*画像*/
#page_title:before {
    content: "";
    width: 75%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 25%;
    z-index: 1;
    background: rgba(245, 252, 255, 0.50);
}


.top_nav li a{
    color: #66565e !important;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;}
    
.page_title_box p { text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;}

    
    
/*sns--------------------------*/
.sns_links li a img {
    width: 100% !important;
    height: auto !important;
}
.sns_links li {
    max-width: 30px;
    height: 30px !important;
}
/*sns--------------------------*/
/*memo------------------------------------------------------------------------------ */


color-------------------------------------------------------------------------------
.bg_white {background-color: white;}
.bg_black { background-color: #66565e;}
.bg_color1 {background-color: #EADCE3;}
.bg_color2 {background-color: #EADCE3;}
.bg_color3 {background-color: #c0f2b8;}
.bg_color4 {background-color: #f7f2f5;
    background: url(dup/img/bg_img.jpg);
    background-size: cover;
    background-attachment: fixed;}
body, .txt_color_nomal {color: #66565e;}
.txt_white{ color: #ffffff;}
.txt_color1 {color: #478FB1;}
.txt_color2 {color: #478FB1;}
.txt_color3 {color: #478FB1;}
.hvr_txt_color1:hover {color: #478FB1;}
.hvr_border_color3:hover {border-color: #f0ffed;}
.hvr_bg_color3:hover {background-color: #c0f2b8;}
.hvr_bg_color1:hover {background-color: #478FB1;}
.border_color1 {border-color: #c0f2b8;}
.border_color2 { border-color: #478FB1;}
.border_color3 {border-color: #478FB1;}
a span {border-color: #478FB1 !important;}
#cms_5-a .cate .cate_title {color: #66565e;}
section#page7 p {color: #66565e;}
section#page9 a {
    border-color: #478FB1;
    background: #478FB1;}
section#page9 a:hover {
    color: #478FB1;
    background: #fff;}
#top_cms:before {    background-color: #ffffff;}
.other .box {
    background-color: #ffffff;
    border: 2px solid #66565e;
    background-image: url(dup/sakura_bg.png);
}
.other .box:hover {
    background-color: #66565e !important;
    background-image: none;
}

div#page-top a { background: #478FB1;}
.other .box:hover p, .other .box:hover h2 span,.other .box:hover h2::before{color: #fff;}


/*linkStyle*/
a.linkStyle {
    color: #478FB1;
    transition: 0.5s;
}
a.linkStyle:hover {
    opacity: 0.8;
}


.cate_list{border-bottom: 2px solid #66565e;}
.opacity07{opacity:0.9 !important;}

.top_nav li {
    color: #66565e !important;}
/*color-------------------------------------------------------------------------------*/

/*logo--------------------------------------*/
.nav .logo { width: 9%!important;}
.is-fixed .logo {
    width: 6%!important;
    transition: 0.3s;}
div#footer .logo img {
    max-width: 150px !important;
    width: 100% !important;}
#loading_logo {
    max-width: 200px;}
/*logo--------------------------------------*/

/*top-------------------------------------------------------------------------------------*/

/*border-radius------------------------------------------------------------------------*/
img, li a, .top_cms_box .more_box .more, figure.box_img1,p#contact_tel a{border-radius: 5px;}
.img-container, .img-container_img, .img-container:before{border-radius: 15px;}
ul.sns_links li a {border-radius: 0px;}
/*border-radius------------------------------------------------------------------------*/



figure.main_sakura {
    top: 21%;
    max-width: 550px;
    right: 7%;}

section#contents {
    border-radius: 40px;
    margin-bottom: 30px;
    background: url(dup/img/bg_img.jpg);
    background-size: cover;
    background-attachment: fixed;
}

section#contents img {
    border-radius: 20px;}
.img-container.active:before,.img-container:before{
    border-radius: 20px;}
    
.line svg {
    display: none;}
    
.sakura_cms01 {
    background: url(dup/img/sakura_cms01.png);
    background-size: 600px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-width: 600px;
    min-height: 400px;
    /* padding-top: 100px !important; */
    width: 100% !important;}

.other .box {
    background-color: #ffffff;
    border: 2px solid #66565e;
    background-image: url(dup/img/sakura_bg.png);}
    
@media screen and (max-width: 1600px){
figure.main_sakura {
    top: 21%;
    max-width: 500px;
    right: 4%;
}}
/*top-------------------------------------------------------------------------------------*/

/*IE*/
@media all and (-ms-high-contrast: none){
#cms_2-a .cate .cate_title {
    padding-top: 7px !important;}
    
#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px !important;
    padding-bottom: 2px !important;}

#page9 p a {padding-top: 2px;}


.top_cms_box .more_box .more div,.page10 .more_box .more div {
    padding-top: 0px!important;
}


.top_cms_box .more span::after {
    top: 0px !important;}



}


/*タブレット*/
@media screen and (max-width: 768px){
figure.main_sakura {
    top: 17%;
    max-width: 300px;
    right: 3%;
}

#contents .box .txt_wrap {
    width: 80%;
    padding: 0;
}
#contents .box figure {
    width: 80%;
    padding: 30px 0;}

.sakura_cms01 {
    background: url(dup/img/sakura_cms01.png);
    background-size: 500px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-width: 500px;
    min-height: 350px;
    width: 100% !important;}

div#footer .logo img {
    max-width: 130px !important;
    width: 100% !important;
}

div#footer .grid_6 {
    width: 70%!important;}
    


.cate_list li a {
    display: block;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}

/*memo----------------------------------------------------------------------*/
/*スマホ*/
@media screen and (max-width: 667px){

/*下層ページの背景色二重になってるところの色を消す*/
#page_title:before {
    background: rgba(245, 252, 255, 0.0);}
.sns_links li {
    max-width: 41px;
    height: 30px !important;
}

.sns_links li a img {
    width: 93% !important;
    height: auto !important;
}

.pager li {
    margin-right: 25px !important;
    margin-left: 25px !important;
}
}

/*memo----------------------------------------------------------------------*/
/*スマホ*/
@media screen and (max-width: 667px){
.page_title_box p {
    text-shadow: none;
}
div#footer .logo img {
    max-width: 115px !important;
    width: 100% !important;}
div#footer .grid_6 {
    width: 80%!important;
}


section#cms_3-c .cate_box {
    margin-bottom: 20px;
}

figure.main_sakura {
    top: 15%;
    max-width: 150px;
    right: 3%;
}

#contents .box .txt_wrap {
    width: 90%;
    padding: 0;
}


#contents .box h3 {
    display: inline-block;
    position: relative;
    letter-spacing: 1.0px;
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1.0px);
}

.sakura_cms01 {
    background: url(dup/img/sakura_cms01.png);
    background-size: 300px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-width: 300px;
    min-height: 200px;
    width: 100% !important;}
    
.other .box {
    background-color: #ffffff;
    border: 2px solid #66565e;
    background-image: url(dup/img/sakura_bg.png);
    background-size: 120%;}


.bg_color4 {background: #f7f2f5;}
}















/*20211102 公開後修正*/
.bg_color2 {
    background-color: #ffe5f2;
}

.bg_color1 {
    background-color: #ffe5f2;
}

.img-container:before { background: #ffe5f2 !important;}

.t_cms_img2 .img-container:before {background:#ffe5f2 !important;}





/*20222126*/


figure.main_sakura {
    top: 21%;
    max-width: 500px;
    left: 4%;
}

/*タブレット*/
@media screen and (max-width: 768px){
figure.main_sakura {
    top: 50%;
    max-width: 265px;
    left: 3%;
    transform: translateY(-45%);}
div#video {height: 52vh;}
video.video {transform: translateY(-1vh);}
}

/*スマホ*/
@media screen and (max-width: 667px){
    figure.main_sakura {
    top: 50%;
    max-width: 128px;
    right: 5%;}
div#video {height: 31vh !important;}
video.video {transform: translateY(-0.5vh);}
.main_wrap {margin-top: 29vh;}
}