.page10 .more a {
    font-size: 16px;
}
.cms_1-a h3, .cms_1-a p {
    color: white;
}
.load_logo figure{
    max-width:250px;
}
.all_page main{
    padding-bottom:0;
}
#top_cms .cms_title span, #top_cms .cms_title:before {
    color: white;
    font-weight: 300;
}
.top_cms_box {
    background: transparent;
}
.cms_title div {
    border-color: white;
}
.load_logo.posi_center figure {
    margin-bottom: 0;
}
#page_title {
    height: 350px; 
}
.cate_list p {
    left: -36px; 
}
a.linkStyle {
    color: rgb(0 89 117);
    text-decoration: underline;
}
footer .entry.more a {
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
    color: white;
}

.all_page .back_color{
    padding-bottom:100px;
}
/*
#page_title{
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}*/

#page_title:before{
    display:none;
}
#page_title:after {
    background-color: rgb(235 235 235 / 50%);
}
div#main_logo {
    max-width: 250px;
    margin-bottom: 40px;
}
.header_menu li a span,nav.en_font ,.page_title p,.cms_title h2,div#page-top p,footer .entry.more a,.page10 .more a{
    font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page_title p {
    font-weight: 300;
    letter-spacing: 1px;
}
.en_font,.page_title p:last-of-type span{
    font-family: 'Syncopate', sans-serif;
    font-weight:100;
}
#contents .box .box_item span {
    position: absolute;
    right: 0;
    bottom: -16px;
    font-family: 'Syncopate', sans-serif;
    font-size: 100px;
    line-height: 100px;
    opacity: 0.3;
}

.catch_txt:before {
    width: 100%;
    height: 50px;
    content: "INTRODUCTION";
    position: absolute;
    top: -45px;
    left: 0;
   font-family: 'Syncopate', sans-serif;
    font-size: 50px;
    text-align: center;
    font-weight: 100;
    color: #41a6b7;
    letter-spacing: 2px;
}
#contents .box .box_item {
    overflow: hidden;
}
#contents .box .box_item:after{
   background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #00266c 50.5%) no-repeat top left/100% 100%;
}

h2, h3, h4 {
    font-weight: 300 !important;
}
.back_color {
    background: #00172aeb !important;
}
.back_color {
    background: #000000e8 !important;
}
#main .main_box h2{
    margin-bottom:0;
}
#main .main_box h2 span {
    display: block;
    background: rgb(0,89,117);
    background: linear-gradient(90deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
    color: white;
    font-weight: 100;
    padding: 5px 20px;
    margin: 10px 0;
    font-size: 42px;
    white-space: nowrap;
}
#main .main_box {
    max-width: 475px;
}
#header .logo {
    max-width: 100px;
}

#header {
    background-color: rgb(0 0 0 / 90%);
    padding: 5px 0;
}
body{
    font-weight:300;
}
.catch_txt h2 {
    text-align: center;
    font-weight: 100;
    font-size: 24px;
}
.catch_txt {
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
.no {
    background: rgb(0,89,117);
    background: linear-gradient(90deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
#contents .box .box_item:before {
    background-color: rgb(0 0 0 / 85%) !important;
}
#contents .box_item h2 {
    border-bottom: 1px solid #005775;
    padding-bottom: 5px;
}
#top_cms .more a {
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
.shop_info .info{
  background:#005975;
}

.shop_info .contact {
    background: #134976;
}
footer .entry.more a:after {
    background-color: #fff;
}
#cms_5-a .cate .cate_title {
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
.page7 .box .box_item:first-child {
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
ul.cate_list span {
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
.page9 .top_txt,.page10 .more a,div#tel_contact{
    background: rgb(0,89,117);
    background: linear-gradient(120deg, rgba(0,89,117,1) 0%, rgba(1,37,108,1) 100%);
}
/*----------------------------タブレット-----------------------------------------------*/
@media screen and (max-width:768px){ 
    #main {
    max-height: 50vh;
}
#main .cms_img1 img{
    height:100%;
}
.cms_img1 {
    height: 100%;
} 
div#main_logo {
    max-width: 180px;
    margin-bottom: 20px;
}
#main .main_box h2 span{
   font-size: 28px; 
}
#main .main_box {
    max-width: 335px;
}
#main .main_box {
    bottom: -20%;
}
#catch .fadein_up {
    opacity: 1;
    transform: none;
}
#contents .box .box_item span {
    font-size: 60px;
    line-height: 60px; 
    bottom: -9px;
}
#page_title {
    height: 280px;
} 
#cms_2-g .cate_box {
    flex-direction: column;
}
#cms_2-g .cate_box .box_item{
    width:100% !important;
    padding:0;
}
#cms_2-g .cate_box .box_item:last-of-type {
    margin-top: 30px;
}
}
/*----------------------------スマホ-----------------------------------------------*/
@media screen and (max-width:667px){
    #footer .logo {
    max-width: 250px;
}
#main {
    max-height: 80vh;
}
#main .main_box h2 span {
    font-size: 20px;
        padding: 0px 10px;
}
#main .main_box {
    max-width: 230px;
}
div#main_logo {
    max-width: 150px; 
}
.catch_txt:before{
    font-size:32px;
    letter-spacing: 0px;
        top: -30px;
}

#contents .no .en_font {
    line-height: 2em;
}
.no{
    padding-bottom:25px;
}
#contents .box .box_item:after{
    display:none;
}
#contents .box .box_item span {
    font-size: 40px;
    line-height: 40px;
    bottom: -7px;
}
#contents .box .box_item:before {
    background-color: rgb(0 0 0 / 80%) !important;
}
.catch_txt {
    padding-top: 30px;
}
.cms_title h2 {
    font-size: 24px;
    white-space: nowrap;
}
.shop_info h2 {
    white-space: nowrap;
}
#page_title:after {
    background-color: rgb(235 235 235 / 70%) !important;
}
.page_title p:first-of-type {
    font-size: 28px;
    white-space: nowrap;
}
div#cms_2-g .cate_title {
    font-size: 24px;
    letter-spacing: 1px;
    white-space: nowrap;
}
.page10 .more a {
    font-size: 16px;
    letter-spacing: 0px;
}
.load_logo figure {
    max-width: 180px;
}
.catch_txt {
    padding-bottom: 30px;
}
.cms_title {
    flex-wrap: nowrap;
}
.cms_title h2 {
    font-size: 22px; 
}
.cms_title div {
    padding-left: 15px;
}
}

/* fix_banner -------------------------------------- */
.fix_banner{
	max-width: 350px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	transition: 0.5s;
}
.fix_banner .close_bt {
    position: absolute;
    bottom: 84px;
    right: 335px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    background-color: #fff;
    /* border: solid 2px #ddc21b; */
    z-index: 11;
    cursor: pointer;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before,.fix_banner .close_bt span:after{
	content: "";
	display: block;
	background-color: #221e03;
	height: 4px;
	width: 20px;
	position: absolute;
	top:50%;
	left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close{right: -450px;}
.fix_banner.close2{right: -450px;}
@media  screen and (max-width: 768px){
.fix_banner{max-width: 300px;}
.fix_banner .close_bt {
    bottom: 75px;
    right: 277px;
}
}
@media  screen and (max-width: 667px){
.fix_banner{max-width: 60%;
   right: 20%;}
.fix_banner .close_bt {
    width: 22px;
    height: 22px;
    bottom: 52px;
    right: 94%;
}
.fix_banner .close_bt span {
    width: 22px;
    height: 22px;
}
}