﻿.bg_color1{
    background: linear-gradient(to right, #007ae5 , #46d2be);
}
.bg_color3 {
    background-color: #eeeeee;
    color: #191a1f;
}
/* ----------　all　---------- */
.linkStyle{
	color:#f8da18;
}
.linkStyle:hover{
	color:#f8da18;
	opacity: 0.7;
	transition: all 0.5s;
}
body, .txt_color_nomal,#page-top p,.footer_cms,.footer_txt li a,.footer_txt p.font_4dw ,#copyright {
    color: #191a1f;
}
body,.en_font {
    font-family: lemonde-sans, "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-family: 'Noto Serif JP', serif;
}
h1, h2, h3, h4, h5, h6,.page10 .more a,footer .entry.more a{
        font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
#loading_bg{
        background-color: #191a1f;
}
#header {
    background: linear-gradient(to right, rgba(0, 122 ,229 ,0.65) , rgba(70, 210, 190 ,0.75));
    padding-top: 10px;
    padding-bottom: 10px;
}
#header .logo {
    max-width: 200px;
}
footer,.shop_info .info,.shop_info .contact,.cate_list p span{
    background: none!important;
    background-color: #191a1f!important;
}
footer{
    background-color: #eeeeee!important;
}
footer .f_info_wrap{
    width: 80%;
    align-items: flex-start;
}
footer .f_info_wrap .logo{
    margin-top: 10px;
}
.footer_txt .footer_nav li{
     border-right: 1px solid #191a1f;
}

footer .entry.more a {
    background-color: #191a1f;
    color: #fff;
}
footer .entry.more a:after {
    background-color: #eeeeee;
}
.footer_txt .footer_nav li:last-child {
    border-right: none;
}
#page-top .scroll_u span {
    background-color: #191a1f;
}
#page-top .scroll_u span::before {
    background-color: #f8da18;
}

/* ----------　TOP　---------- */
.back_color {
    background: -webkit-gradient(linear, rgba(255 ,255 ,255 ,0.55) 0%, rgba(238 ,238 ,238 ,0.85) 20%, rgba(238 ,238 ,238 ,0.85) 80%,rgba(255 ,255 ,255 ,0.55) 100%);
    background: -webkit-linear-gradient(rgba(255 ,255 ,255 ,0.55) 0%, rgba(238 ,238 ,238 ,0.85) 20%, rgba(238 ,238 ,238 ,0.85) 80%,rgba(255 ,255 ,255 ,0.55) 100%);
    background: linear-gradient(rgba(255 ,255 ,255 ,0.55) 0%, rgba(238 ,238 ,238 ,0.85) 20%, rgba(238 ,238 ,238 ,0.85) 80%,rgba(255 ,255 ,255 ,0.55) 100%);
}
#main .main_box {
    max-width: 600px;
    width: 70%;
}

#main .main_box .logo img{
    filter: drop-shadow(0px 4px 15px rgba(25, 26, 31 ,0.5));
}
.main_dec{
    position: absolute;
    bottom: -20px;
    right: 0;
    max-width: 550px;
    width: 50%;
}
#catch .catch_txt {
    background-color: rgba(25, 26, 31 ,0.95);
}
#catch .catch_txt h2{
    font-size: -webkit-calc(1rem + 15px);
    font-size: calc(1rem + 15px);
    text-align: center;
    margin-bottom: 40px;
    line-height: 2.2;
}
#catch .catch_txt h2 span{
    border-bottom: 7px solid rgba(248, 218 ,24,0.85);
}

#contents .box .no .en_font,.cms_title::before{
    font-style: italic;
}
#contents .box .no .en_font{
    font-size: -webkit-calc(1rem + 20px);
    font-size: calc(1rem + 20px);
}
#contents .box .no .en_font span{
    font-size: -webkit-calc(1rem + 100px);
    font-size: calc(1rem + 100px);
}
#contents .box .box_item:after {
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #46d2be 50.5%) no-repeat top left/100% 100%;
}
.top_cms_box {
    background-color: rgba(250, 250 ,250 ,0.75);
    box-shadow: 0 5px 10px rgba(188 ,222, 218 ,0.25);
    border-radius: 5px;
}
#top_cms .cms_title p span{
    color: #f9df39;
    color: #eacb07;
}
/* ----------　下層ページ　---------- */
.all_page main,.all_page footer{
    background: none!important;
    background-color: #eeeeee!important;
}
#page_title:after {
    background-color: rgba(25, 26 ,31 ,0.6);
}
#page_title:before{
    background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #f0f0f0 50.5%) no-repeat top left/100% 100%;
}
#page_title .page_title_box p.font_30up{
        color: #fff;
}
#page_title .page_title_box p.font_9up span {
    color: #f8da18;
}
#cms_1-f .news_sub_list li a,#cms_1-f .date{
    color: #007AE5;
}
#cms_2-a .box_item{
    padding: 0 4%;
}
#cms_6-b .cate {
    border: none;
}
 .cms_6-b .cate_box .box_txt1{
    background: none!important;
    background-color:#191a1f!important;
 }
 #cms_6-b .cate_box .box_txt1 {
    background: none!important;
    background-color: #eeeeee!important;
    color: #333;
}
 .cate_title{
    background: none!important;
    background-color: #191a1f!important;
    color: #eeeeee;
 }
#cms_6-b .sub_cate_title{
         background: linear-gradient(to right, #007ae5 , #46d2be);
    color: #fff;
 }
 .page7 .box {
    width: 100%!important;
    margin-bottom: 20px;
}
.page7 #map iframe:first-child {
    margin-bottom: 30px;
}
.page8 #tel_contact {
        padding: 50px 30px;
    
}
.page8 #tel_contact h3{
        margin-bottom: 30px;
    font-size: 35px;
}
.page8 .com_wrap{
        max-width: 900px;
    margin: auto;
}
.page8 .com_wrap .com_box{
        width: 45%!important;
    margin: 0 2%;
}
.page8 .com_wrap .company{
        font-size: 30px;
    margin-bottom: 10px;
}
.page10 .more{
        width: 27%!important;
}
.page10 .more a {
    background: none!important;
    background-color: #191a1f!important;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.en_font {
    font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.page8 #tel_contact .tel a{
 padding: 10px 20px 15px;   
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
footer .f_info_wrap {
    width: 100%;
}
#main .main_box {
    top: 30%;
}
#main .main_box h1 {
    max-width: 600px;
}  
.main_dec {
    width: 60%;
}
#contents .box .no {
    padding: 0 15px;
    background: linear-gradient(to top, #007ae5 , #46d2be);
}
#contents .box .no .en_font {
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
        line-height: 1;
    padding: 20px 0;
}
#contents .box .no .en_font span {
    font-size: -webkit-calc(1rem + 40px);
    font-size: calc(1rem + 40px);
}
#contents .box .box_item {
    padding: 80px 50px 50px;
}
#contents .box .box_item:after {
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #007ae5 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #007ae5 50.5%) no-repeat bottom left/100% 100%;
    height: 30px;
    width: 100%;
    top: 0;
}
.page8 .com_wrap .com_box {
    width: 100%!important;
}
.page8 #tel_contact h3 {
    font-size: 33px;
}
.page8 .com_wrap .company {
    font-size: 28px;
}
.page10 .more {
    width: 100%!important;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#main .main_box {
    width: 80%;
}
#catch .catch_txt h2 {
    font-size: -webkit-calc(1rem + 13px);
    font-size: calc(1rem + 13px);
}
#contents .box .box_item {
    padding: 80px 30px 50px;
}    
#contents .box .box_item h2{
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
}
.shop_info .info,.shop_info .contact {
    padding: 100px 0;
}
.shop_info h2{
    width: 70%;
}
.shop_info.more a.info_box:after{
    display: none;
}
#page_title .page_title_box p.font_30up span{
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);
}
#cms_6-a .box_wrap {
        padding: 20px 0;
}
#cms_6-b .sub_cate_title {
    width: 100%;
    margin: 0;
    padding: 5px 0;
}
footer .logo {
    text-align: center;
}
.page8 #tel_contact {
    padding: 30px 20px;
}
.page8 #tel_contact h3 {
    font-size: 25px;
}
.page8 .com_wrap .company {
    font-size: 23px;
}
.page8 #tel_contact .tel a {
        font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);
}
.page10 .more a:after {
    right: 0px;
    width: 8%;
}
}