﻿body, .txt_color_nomal{color: #002D72;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0081C9} /* メインカラー */
.txt_color2{color: #86E5FF} /* サブカラー */
.txt_color3{color: #FFC93C} /* アクセントカラー1 */
.txt_color4{color: #5BC0F8} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0081C9} /* メインカラー */
.bg_color2{background-color: #86E5FF} /* サブカラー */
.bg_color3{background-color: #FFC93C} /* アクセントカラー1 */
.bg_color4{background-color: #5BC0F8} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #0081C9}
.border_color2{border-color: #86E5FF}
.border_color3{border-color: #FFC93C}
.border_color4{border-color: #5BC0F8}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #002D72;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0081C9} /* メインカラー */
.hvr_txt_color2:hover{color: #86E5FF} /* サブカラー */
.hvr_txt_color3:hover{color: #FFC93C} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #5BC0F8} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0081C9} /* メインカラー */
.hvr_bg_color2:hover{background-color: #86E5FF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FFC93C} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #5BC0F8} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0081C9}
.hvr_border_color2:hover{border-color: #86E5FF}
.hvr_border_color3:hover{border-color: #FFC93C}
.hvr_border_color4:hover{border-color: #5BC0F8}

/* ----------　all　---------- */
.linkStyle{
	color:#0081C9;
}
.linkStyle:hover{
	color:#FFC93C;
	opacity: 0.7;
	transition: all 0.5s;
}
body {
    background-image: url(Dup/img/bg.jpg);
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
    background-attachment: fixed;
    background-position: center;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
}
body .body_before{display: none;}
#main_menu a {
    color: #fff;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #5BC0F8;
}
/* ----------　TOP　---------- */
.scroll_bt {
    bottom: 0;
}
#contents_box h2 {
    font-family: 'RocknRoll One', sans-serif;
}
#contents_box h3 {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
}
.tel_bt .button:hover::after {
    box-shadow: inset 0 0 0 15em #0081C9;
}
.tel_bt a {
    color: #fff;
}
/*///////お客様の声*/
.v_type1 .triangle {
    display: block;
    border: #0081C9 solid 2px;
    box-shadow: 5px 5px 0 0 #e2e2e2;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #fff transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #0081C9 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}
#top_cms .cms_title h2 {
    font-size: 32px;
}
#top_cms .cms_title p {
    font-size: 20px;
}
.flex_box {
    min-width: 1280px;
}
/* ----------　下層ページ　---------- */
 /*牡蠣小屋嶌ちゃん*/
    #cms_3-a .cate_box p {
    text-align: left;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
body {
     background: none!important;
     background-attachment: scroll;
}
body .body_before {
     content: "";
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     z-index: -1;
     width: 100vw;
     height: 100vh;
     background: url( "../img/body_bg_sp.jpg" ) no-repeat;
     background-size: cover;
     background-position: top!important;
}
/* ----------　TOP　---------- */
#main_img img.object_fit_img {
    min-height: 0;
}
.pc_box #logo {
    max-width: 125px;
}
.flex_box {
    min-width: 100%;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
body .body_before {
     background-position: center!important;
}
/* ----------　TOP　---------- */
.pc_box #logo {
    max-width: 100px;
}
/* ----------　下層ページ　---------- */
/* 牡蠣小屋嶌ちゃん */
#cms_3-a .cate_box h4, #cms_3-a .cate_box p {
    width: 100%!important;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}