/*font------------------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6,.cms_title,.box_title1,.page_title_box p,.cate_title{
    font-family: 'Fredoka One','M PLUS Rounded 1c', sans-serif !important;
    transform: rotate(0.05deg) !important;}

.t_cms_txt2,.t_cms_txt5 ,.t_cms_txt8,.nav2,.cms_title .font_2up,.box_title2{font-family: 'Fredoka One',sans-serif !important;
    font-weight: 400 !important;}

.cms_3-c .box_title2,#cms_3-c .box_title2,.more{
    font-family: 'Fredoka One','M PLUS Rounded 1c', sans-serif !important;
    transform: rotate(0.05deg) !important;}

li a{font-family: 'Fredoka One','Kosugi Maru', sans-serif;}
span.nav1.font_bold.font_2up,.sns_box ul li a span,a span,.cate_list li a {transform: rotate(0.05deg);}

li.date a,.cate_list li a,#cms_5-a .cate_title{font-family: 'Kosugi Maru', sans-serif !important;}
/*font------------------------------------------------------------------------------ */

/*memo------------------------------------------------------------------------------ */
/*背景色全体(外枠)*/
body{background: #ffffff;
}
/*写真の下の薄めの色部分*/
#contents .box:nth-child(odd) figure:after {color: #96ffff;}
/*薄めの色よりテキストを上に*/
#contents .box .txt_wrap {z-index: 2;}
/*写真表示前アニメーション①③*/
.img-container:before {background: #FFECF2 !important;}
/*写真表示前アニメーション②*/
.t_cms_img2 .img-container:before {background: #FFD8E8 !important;}
/*top_cms　部分の黒い直線色*/
.top_cms_box:before {background-color: #333333 !important;}
/*footer全体色*/
footer {background-color: #FFF6E2;}





/*下層ページタイトル画像*/
#page_title p:nth-child(2) span {font-size: 18px;}
#page_title .page_title_box {
    margin-left: 80px;
    z-index: 1;
    padding: 20px 20px 0px 87px;
    position: absolute;
    left: 0;
    margin: 0;
}
#page_title .img-container::after {background-color: rgba(244,222,113,0.18);}
/*画像表示前背景色*/
.img-container:before {background: #FFECF2; }
#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.70);
}
/*memo------------------------------------------------------------------------------ */


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

/*黄 #FFF6E2 255,246,226*/
/*水 #E6FFFF 230,255,255*/
/*ピ #FFECF2 255,236,242*/
/*   #FFD8E8 255,216,232*/
/*濃 #EA5485 234,84,133*/
/*黒 #333333 51,51,51*/

.bg_white {background-color: white;}
.bg_black { background-color: #EA5485;}
.bg_color1 {background-color: #EA5485;}
.bg_color2 {background-color: #E6FFFF;}
.bg_color4 { background-color: #FFF6E2;}
.line.bg_color1{background-color: #FFF6E2;}
body, .txt_color_nomal {color: #333333;}
.txt_white{ color: #ffffff;}
.txt_color1 {color: #EA5485;}
.txt_color2 {color: #ea6836;}
.txt_color3 {color: #EA5485;}
footer p {color: #333333 !important;}
.hvr_txt_color1:hover {color: #EA5485;}
.hvr_border_color3:hover {border-color: #FFECF2;}
.hvr_bg_color3:hover {background-color: #FFECF2;}
.hvr_bg_color4:hover {background-color: #ffa6c3;}
.hvr_bg_color1:hover {background-color: #74b9b5;}
.border_color1 {border-color: #96ffff;}
.border_color2 { border-color: #ffa6c3;}
.border_color3 {border-color: #c4ffcb;}
a span {border-color: #74b9b5 !important;}
section#page7 .box_item p {color: #333333 !important;}
section#page9 a {border-color: transparent;}
section#page9 a:hover{color: #EA5485;
    border: solid 1px #EA5485;
}
.cms_5-c .box_title1 {border-color: rgba(50,177,88,0.15);}
#cms_5-c .box_title1 {border-color: rgba(50,177,88,0.15);}
.cms_5-c .box_txt1::before {color: rgba(15,68,50,0.6);}
#cms_5-c .box_txt1::before {color: rgba(15,68,50,0.6);}
#top_cms:before {    background-color: #ffffff;}
.other .box {
    background-color: #ffffff;
    border: 2px solid #0f4432;
    background-image: url(dup/img/bg_img.png);
}
.other .box:hover {
    background-color: #0f4432 !important;
    background-image: none;
}
/*color-------------------------------------------------------------------------------*/

/*linkStyle-------------------------------------------------------------------------------*/
a.linkStyle {
    color: #EA5485;
    transition: 0.5s;}
a.linkStyle:hover {
    color: #333333;}
/*linkStyle-------------------------------------------------------------------------------*/

/*banner-------------------------------------------------------------------------------*/
img.posi_abs.top_banner,img.qa_banner {max-width: 300px !important;
    transition: 0.5s;}
img.posi_abs.top_banner:hover,img.qa_banner:hover {max-width: 300px !important;
    opacity: 0.7;}
img.qa_banner {box-shadow: 0 0px !important;}
img.posi_abs.top_banner{
    padding: 10px 0;
}
/*banner-------------------------------------------------------------------------------*/

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

/*catchcopy------------------------------------------------------------------------*/
.main_img_wrap .catchcopy {
    background-image: url(dup/img/catchcopy.png);
    content: '';
    position: absolute;
    background-size: 600px;
    width: 100%;
    height: 100%;
    background-position: top 50% left 50%;
    background-repeat: no-repeat;
}
/*catchcopy------------------------------------------------------------------------*/

/*logo------------------------------------------------------------------------*/
.menu .nav {width: 100%!important;}
#loading_logo {    max-width: 400px;}
.is-fixed .logo {
    width: 12%!important;
    transition: 0.3s;
    padding: 0 0 3px;
}
.logo.width_10per { width: 17% !important;}

#footer .logo img {
    width: 100% !important;
}
/*logo------------------------------------------------------------------------*/


/*svg------------------------------------------------------------------------*/
.dec {width: 53px;}
#dec1, #dec3, #dec5, #dec7 {
    margin-left: 48.5%;
    margin-top: -12px;
    margin-bottom: -12px;
}
#dec10, #dec12, #dec14, #dec16 {
    left: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 49px !important;
}

.st_f {
    fill: #ffd373 !important;
}
/*svg------------------------------------------------------------------------*/


#cms_2-a h3.cate_title {
    border-bottom: dotted 5px #96ffff !important;
    border-top: solid 0 !important;
}

#contents .box.mg_t-40px_tb {
    margin-top: 25px !important;
}

.sns_links li {
    max-width: 36px;
    height: 37px !important;
}

/*背景アニメーション----------------------------------------------------------*/
.bg_color4 {
    /*background-color: #FFF6E2;*/
    animation: test 10s ease 10s infinite forwards;
}
@-webkit-keyframes bg-color {
  0% { background-color: #FFF6E2; }
  20% { background-color: #e8ffeb; }
  40% { background-color: #ffecf2; }
  60% { background-color: #e6ffff; }
  80% { background-color: #ffecf2; }
  100% { background-color: #FFF6E2; }
}
@keyframes bg-color {
  0% { background-color: #FFF6E2; }
  20% { background-color: #e8ffeb; }
  40% { background-color: #ffecf2; }
  60% { background-color: #e6ffff; }
  80% { background-color: #ffecf2; }
  100% { background-color: #FFF6E2; }
}

.bg_color4 {
  background-color: #FFF6E2;
  animation: bg-color 30s infinite;
  -webkit-animation: bg-color 30s infinite;
}
/*背景アニメーション----------------------------------------------------------*/



/*footer .grid_6 {*/
/*    margin: 0 auto;*/
/*    padding-top: 4%;*/
/*    padding-bottom: 2%;*/
/*}*/

/*IE*/
@media all and (-ms-high-contrast: none){
.top_cms_box .more_box .more div {
    padding-top: 0px;
}


#cms_5-a .cate .cate_title {
    cursor: pointer;
    padding: 2px 10px 13px !important;
}

#cms_5-a .cate h3 span {
    padding: 8px 0  0;
}

    
.page10 .more_box .more div {
    padding-top: 2px;
}

    
}
/*タブレット*/
@media screen and (max-width: 768px){
    /*hamburgermenu　位置*/
.overlay nav { top: 52%;}

header .logo {
    width: 30%;
    position: relative;
    margin-right: auto;
    margin-top: -5px;
}

.main_img_wrap .catchcopy {
    background-image: url(dup/img/catchcopy.png);
    content: '';
    position: absolute;
    background-size: 450px;
    width: 100%;
    height: 100%;
    background-position: top 50% left 50%;
    background-repeat: no-repeat;
}
#dec10, #dec12, #dec14, #dec16 {
    left: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 61px !important;
}

.sns_links li {
    max-width: 32px !important;
    height: 30px !important;
}
footer .grid_6 {

    padding-left: 0;
    padding-right: 0;
}

/*#footer .logo img {*/
/*    width: 90% !important;*/
/*}*/

ul.cate_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section#contents {

    padding-bottom: 135px;
}
}



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

/*ハンバーガーメニューの文字が長く改行されているときにいじる*/
.overlay ul {
    width: 70%;
}
/*下層ページの背景色二重になってるところの色を消す*/
#page_title:before {
    background: rgba(245, 252, 255, 0.0);
}

.main_img_wrap .catchcopy {
    background-image: url(dup/img/catchcopy.png);
    content: '';
    position: absolute;
    background-size: 280px;
    width: 100%;
    height: 100%;
    background-position: top 46% left 50%;
    background-repeat: no-repeat;
}

#dec1, #dec3, #dec5, #dec7 {
    margin-left: 35.5%;
    margin-top: -12px;
    margin-bottom: -12px;
}
#dec2, #dec4, #dec6, #dec8 {margin-left: 48%;}

#loading_logo {
    width: 60%;
}
.svg_box {
    margin: 22px 0;
}

#contents .box figure.t_cms_img3 {
    width: 90%;
    margin-top: 110px;
}

#dec10, #dec12, #dec14, #dec16 {
    left: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px !important;
}

#page_title .page_title_box {
    margin-left: 80px;
    z-index: 1;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 0;
    margin: 0;
}
#page_title .img-container::after {
    background-color: rgba(255,246,226,0.5);
}

#page_title h2 {
    color: #333333;
}
#page_title p {
    color: #333333;
}
.page_title_box:before {
    color: #EA5485;
}
#cms_5-a h3.cate_title span {
    font-size: 17.5px;
    letter-spacing: 1px;
}

.loader h2 {
    font-size: 28px;
}

.sns_links li {
    max-width: 25px;
    height: 25px !important;
}

footer .grid_6 {
    padding-left: 5px;
    padding-right: 5px;
}

#page_title p {
    color: #333333 !important;
}

#page_title p.font_25 {
    color: #EA5485 !important;
}
header .logo {
    width: 40%;
    position: relative;
    margin-right: auto;
    margin-top: -5px;
}
.button_container {
    height: 29px;

}

section#contents {
    padding-bottom: 50px;
}
}