﻿#main_txt .entry{
    display:none;
}
.linkStyle{
    color: #8fbc27;

}
#page_title .sns_link li{
    background:white;
}
#main .sns_link{
    z-index: 2;
}
#main .sns_link li{
    background:white;
}
#main_tb{
        display: none;
}
.page9 span.en_font.font_14up.font_12up_sp {
    color: #0a5ca4;
}
footer .entry.more a:after {
    background-color: #fff;
}
.page8 .content_wrap{
    background: none;
}
.shop_info .bg_color1{
    background: #aee6ff;
    color: #093b67;
}
.f_info_wrap{
    justify-content: center;
    align-items: flex-start;
}
footer .logo {
    text-align: center;
}
.footer_nav{
    justify-content: center;
}
.contact_box a{

    background: #8fbc27;
}
.page6 .cate_box {
    margin-top: 0px;
}
.page6 .cate_box:first-of-type{
    margin-top: 50px;
}
.page6 .box_title1 {
    color: #0a5ca4;
    font-weight: bold;
    border-bottom: 1px dashed #ffd100;
    padding: 20px 0px 10px 10px;
}
.page6 p.box_txt1.pd_b-5per.opacity08.font_2dw_tb {
    padding: 10px 10px 20px;
}
.page6 .box_item.grid_6.grid_12_sp.pd_l-r5per.grid_12 {
    background: #f2f2f2;
    padding: 0 20px;
}
.cate_list li a {
    font-weight: bold;
    background: #8fbc27;
    color: #ffffff;
}
.cate_list li a:hover{
    color:white;
}
.content_wrap{
    background:white;
}
#cms_2-a .cate_title {
    padding: 10px 80px;
}
#cms_2-a .cate_title::before {
    counter-increment: rank;
    content: "0" counter(rank);
    position: absolute;
    top: -35px;
    font-size: 47px;
    z-index: 2;
    padding: 0 5px;
    color: #0a5ca4;
    background: white;
    left: -18px;
    font-family: 'Josefin Sans';
    font-weight: normal;
}
#cms_2-a .cate_title {

    position:relative;

}
#cms_2-a {
      counter-reset: rank 0;
}

.border_color3 {
    border-color: #ffd100;
}
.bg_color3 {
   background-color: #0a5ca4;
}
.box_title1{
    color: #0a5ca4;
    font-weight: bold;
}
#page_title:after {
    background-color: rgb(255 255 255 / 30%);
}
.hvr_bg_color1:hover {
    background-color: #0a5ca4;
}
.border_color1 {
    border-color: #0a5ca4;
}
.page_title span{
    color: #0a5ca4;
}
.page_title p:nth-child(2) span{
    color: #ffd100;
    text-shadow: none;
}
.all_page main{
    background: #ddf1ff;
}
#page_title:before {
    background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #ddf1ff 50.5%) no-repeat top left/100% 100%;
}
.g-menu.is-active{
    background:white;
}

.border_color2 {
    border-color: #0a5ca4;
}
footer .border_color2 {
    border-color: white;
}
.g-menu-btn.active:after {
    border: 1px solid rgb(0 0 0 / 98%);
}
.g-menu-btn.active .dot span {
    background: rgb(0 0 0 / 98%);
}
.menu-content .txt_white {
    color: #0a5ca4;
}

.load_logo img{
    width:400px;
    position:relative;
    top:50px;
    left: -50px;
}
#banner {
    position: fixed;
    right: 8px;
    bottom: 8px;
    width: 350px;
    transition: all 0.3s;
    z-index: 99;
    box-shadow: 4px 4px 4px #00000091;
}
#banner:hover{
    opacity:0.8;
}
#catch_txt2 p:before {
    width: 30px;
    height: 30px;
    background: #8fbc27;
    position: absolute;
    content: "";
    transform: rotate(45deg);
    left: 48%;
    bottom: -10px;
    z-index: -1;
}
#catch_txt2 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 60px;
    z-index: 2;
}
#catch_txt2 p{
    display: inline-block;
    position:relative;
    padding: 10px 20px;
    background: #8fbc27;
    font-size: 24px;
    color: white;
    font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: italic;
}
footer {
        background: #0a5ca4 !important;
}
footer .logo img{
    background:white;
}
footer .entry a{
    background: #efb81b;
    color: white;
}
.cms_title.en_font.mg_b-50px.d_flex.flex_center-left {
    color: #0a5ca4;
}
span.letter_3.txt_color_nomal {
    color: #fac121;
}
#contents .box .box_item {
    background-position: 50% 40%;
}

.en_font {
    font-family: 'Josefin Sans', sans-serif;
}

#contents .box .box_item:before {
    background-color: rgb(31 57 68 / 60%);
}
#contents .box .box_item:after{
background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #0a5ca4 50.5%) no-repeat top left/100% 100%;
}
.bg_color1 {
   background:#0A5CA4
}
#top_cms .more a {
    background: #8fbc27;
}
.back_color {
    background: linear-gradient(rgb(255 255 255 / 50%) 0%, rgb(255 255 255 / 98%) 20%, rgb(255 255 255) 80%,rgb(255 255 255 / 50%) 100%);
    background: linear-gradient(rgb(255 255 255 / 35%) 0%, rgb(255 255 255 / 98%) 20%, rgb(182 225 241) 80%,rgb(255 255 255 / 35%) 100%);
}
.catch_txt {
    background: white;
    color: #000000;
}
.catch_txt h2 {
    color: #0A5CA4;
}
#header {
    background-color: #c7fffc;
    background:white;
    padding:10px;
}
#header a.txt_white {
    color: #0a5ca4;
}
#header .logo img{
    width:60% !important;
}
#main_txt .entry a {
    background: #0a5ca4;
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
    padding: 10px 10px 5px 10px;
}
#main_txt .entry  {
    margin-top: 45px;
    padding-left: 25px;
}

#main_txt {
    position: absolute;
    left: 20px;
    bottom: 50px;
    width: 40vw;
    z-index: 2;
    transform: rotate(-1deg);
}
#main_b {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(Dup/img/main_b3.png) no-repeat;
    background-size: contain;
    background-position: right;
    
}
/*-------------------タブレット--------------------------------*/
@media screen and (max-width:768px){
    .cate_list li a{
        padding: 10px;
    box-sizing: border-box;
    }
  #main_b{
      display:none;
  }   
  #main_tb{
    position: absolute;
    bottom: 0;
}
#main_txt {
    position: absolute;
    left: 20px;
    bottom: 77vw;
    z-index: 2;
    transform: rotate(-1deg);
    width: 71vw;
}
#main_tb{
        display:block;
}
#catch_txt2{
    top:220px;
}
#cms_2-a .cate_title {
    text-align: center;
}
footer{
    padding-bottom:90px;
}
}


/*-------------------スマホ--------------------------------*/
@media screen and (max-width:667px){
#banner{
    width:200px;
}
#main_txt .entry {
    margin-top: 35px;
    padding-left: 10px;
}
#main_txt .entry a{
    font-size:18px;
}
#catch_txt2 {
    top:50vw;
}
#catch_txt2 p{
    font-size: 16px;
}
#main .sns_link {
    width: 45px;
    top: 20%;
    right: 22px;
}
#contents .box .box_item:after{
    transform: rotate(180deg);
}
.shop_info {
    white-space: nowrap;
}
footer {
    padding-bottom: 20px;
}
.load_logo img {
    width: 200px;
    position: relative;
    top: 50px;
    left: 0px;
}
#cms_2-a .cate_title {
    padding: 10px 0;
}
.cate_list li a {
    padding: 10px;
}
.contact_box a {
    white-space: nowrap;
    background: #8fbc27;
    font-size: 15px;
}
}