﻿.cms_title p,.page_title_box p,.con_title .pop400{font-family: 'Parisienne', cursive;}
.font_14 {font-size: 16px;}
.opacity08,.opacity07 { opacity: 0.9;}
.page_title_box p { font-size: 19px;}
a,.box_title1,.cate_title,.box_title2,a.more_btn{
    font-family: 'Shippori Mincho', serif;}
.more_btn {text-transform: none;}

/*color----------------------------------------------*/
/*E6FFE9 230,255,233*/
/*9BF9CC 155,249,204*/

div#wrap {background: #fff;
          background-image: url(dup/img/bg_img.jpg);
    background-size: contain;
}

.line:before {background-color: rgba(155,249,204,0.5) !important;}
.txt_color1 {color: #5acc9b;}
.txt_color2 {color: #5acc9b;}
.txt_color3 { color: #5acc9b;}
.txt_white {color: #E6FFE9;}
.bg_color1 {background-color: #84d9b0;}
.bg_color2 {background-color: #E6FFE9;}
.bg_color3 {background-color: #84d9b0;}
.menu .bg_white { background-color: transparent;}
div#intro_wrap {
    background: transparent;
}


#footer {background-color: rgba(255,255,255,0.3);}
#contents3_wrap:after {background-color: rgba(230,255,233,0.8);}
header.scr_header {background-color: rgba(132,217,176,0.9) !important;}
.more_btn:hover:after {background-color: rgba(230,255,233,0.2) !important;}
.more_btn:before { border-color: rgba(155,249,204,1.0) !important;}
.line-l:before { background-color: rgba(132,217,176,0.5);}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: rgba(230,255,233,0.5);}
    
.border_color1 {border-color: #333333;}
.border_color2 {border-color: #84d9b0;}
.border_color3 { border-color: #84d9b0;}

.hvr_bg_color2:hover {background-color: #84d9b0;}
.hvr_txt_color1:hover {color: #E6FFE9;}
/*color----------------------------------------------*/




/*LINE----------------------------------------------*/
.fixed_img {
    position: fixed;
    bottom: 3%;
    right: 5%;
    z-index: 4;
    width: 100%;
    max-width: 150px;
    transition: 0.5s;

}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}
/*LINE----------------------------------------------*/

section#intro::before {
    content: '';
    background-image: url(dup/img/nicoharu.png);
    width: 100%;
    height: 100%;
    max-width: 773px;
    max-height: 200px;
    position: absolute;
    bottom: 1%;
    right: 7%;
    opacity: 1.0;
    z-index: 0;
    background-size: 89%;
    background-repeat: no-repeat;
}


#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 200px;
    margin-right: 20px;
    word-break: break-all;
}
#pc_nav li,#footer_nav li { max-width: 200px;}
#pc_nav li a {font-size: 17px;}

header.scr_header #logo {
    max-width: 275px;
}

.cms_title p {
    font-size: 20px;
}


.line-l:before {
    top: 18px;
}

#logo2 a{max-width: 230px;}

#page_title .title_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 500px;
}
.title_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(175,175,175,0.6);
    position: absolute;
    top: 0px;
    left: 0;
}

#page_title:before {
    height: 0%;
}
#logo {
    max-width: 170px;
    box-sizing: border-box;
}

/*linkStyle*/
a.linkStyle {
    color: #5acc9b;
    border-bottom: solid 1px;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #84d9b0;
}
.button_container {
    top: 50%;
    z-index: 99;
}
.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100vh;
    z-index: 98;
}
.swiper-button-next, .swiper-button-prev {
    z-index: 2 !important;}


.button_container span {
    background: rgba(230,255,233,1);}

header{
    overflow: hidden !important;
}

#main_img::before {
    height: 100vh;
}

div#contents1_wrap {
    margin-bottom: 5%;
}

/*IE*/
@media all and (-ms-high-contrast: none){
    .video{width: 100%;}

.pager li a {
    padding-bottom: 11px !important;}
.cate_list li a {
    padding-bottom: 12px !important;}
#cms_2-a .cate .cate_title {padding-top: 7px !important;}
#cms_6-a .cate .cate_title {padding-top: 4px !important;}
#contact_tel a{padding-top: 23px !important;}
#page9 .more {padding-bottom: 7px !important;}
#page10 .more_btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;}

}



@media screen and (max-width: 1300px){
div#h1txt {
    padding-top: 70px;
    padding-bottom: 125px;
}
}
/*タブレット*/
@media screen and (max-width: 768px){
#main_img:before {height: 50vh;}
#main_img .menu {display: none;}
#logo {
    max-width: 200px;
    padding-top: 10px;}
.button_container {
    top: 45%;}
header.scr_header #logo {
    max-width: 180px;
    padding: 0;}
.button_container {
    top: 50%;}
.font_14 {font-size: 15px; }
section#intro::before {
    content: '';
    background-image: url(dup/img/nicoharu.png);
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 150px;
    position: absolute;
    bottom: -9%;
    right: 7%;
    opacity: 1.0;
    z-index: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

#contents2 .con_box {
    margin-top: 0%;
}
#contents1 .num,#contents2 .num{
    font-size: 50px;
    left: 21.5%;
    top: -7%;
}

#logo2 a {max-width: 200px;}


.nav_menu_more:first-of-type a .icon:before {
    content: '' !important;
}
li.prev {
    margin-right: 0px !important;
}
.fixed_img {
    position: fixed;
    bottom: 3%;
    right: 6%;
    z-index: 4;
    width: 100%;
    max-width: 135px;
    transition: 0.5s;
}
div#h1txt {
    padding-top: 50px;
    padding-bottom: 100px;
}
.page_title_box {
    width: 45%;
}
#contents1 .num {
    font-size: 50px;
    left: 21.5%;
    top: -5%;
}
}
/*スマホ*/
@media screen and (max-width: 667px){
    #fakeloader .fl {
    max-width: 180px;
}
div#video {
    height: 100vh;
}

#main_img:before {
    height: 100vh;
}

video.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-29%,-50%);
}
#logo {
    max-width: 93px;
    padding-top: 10px;}

.fixed_img {
    position: fixed;
    bottom: 7%;
    right: 8%;
    z-index: 4;
    width: 100%;
    max-width: 90px;
    transition: 0.5s;}

#contents1 .num, #contents2 .num {
    font-size: 50px;
    left: 50%;
    top: -50px;}

header.scr_header #logo {
    max-width: 120px;
    padding: 0;}

#logo2 a {max-width: 170px;}
#page_title .title_img {height: 300px;}
#page_title .page_title_box {
    padding: 20px 10px 30px;
}
.page_title_box {
    width: 73%;
}

section#intro::before {
    content: '';
    background-image: url(dup/img/nicoharu.png);
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 150px;
    position: absolute;
    bottom: -9%;
    right: 2%;
    opacity: 1.0;
    z-index: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
    .hannari{
    font-family: 'Shippori Mincho', serif;}
    
#contents1 .line:before, #contents2 .line:before {
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

div#video {
    height: 45vh;
}
#main_img:before {
    height: 45vh ;
}

video.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

header.scr_header #logo img {
    display: block;
}
h1#logo img {
    opacity: 0;
}
header.scr_header #logo img {
    display: block;
    opacity: 1;
}
}