﻿@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600;700&display=swap');

.font1,
#page03 #cms_2-f #cate0 .cate_box:first-of-type .box_title1{
    font-family: 'Shippori Mincho B1', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

.fon_jos {
    font-family: 'Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

body, .font_sans-serif, h2, h3, h4 {
    font-family: 'Shippori Mincho B1', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

.attach_txt{
    font-size: 70px;
    font-family: 'Shippori Mincho B1', serif !important;
}

/* -----------------------------　body------------------------------------- */

/* ----------　font　---------- */
.font_2dw {
    font-size: 16px;
}

html {
    font-size: 16px;
}

/* color -----------------------------------------------------------------------------*/
:root {
    --color1: #ad881c;
    --color2: #bb8b43;
    --color3: #fdf1da;
    --color4: #D5E0C1;
    --color5: #5f3700;
    --white: #fbf8f3;
    --white2: #FFF;
    --black: #472d0b;
    --gray: #9f9472;
}

body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: var(--black);}
.txt_white,.hvr_txt_white:hover{color: var(--white);}
.txt_color1,.hvr_txt_color1:hover{color: var(--color1);} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: var(--color2);} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: var(--color3);} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: var(--color4);} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: var(--color5);} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: var(--white)} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: var(--black);} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: var(--color1);} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: var(--color2);} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: var(--color3);} /* アクセントカラー1 */
.bg_color3 {
    background-color: transparent;
    background-image: url(./Dup/img/bg_img.png);
    background-repeat: repeat;
    background-size: 700px;
}
.bg_color4,.hvr_bg_color4:hover{background-color: var(--color4);} /* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: var(--color5);} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}
/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: var(--white);}
.hvr_border_black:hover{border-color: var(--black);}
.border_black{border-color: var(--gray);}
.border_color1,.hvr_border_color1:hover{border-color: var(--color1);}
.border_color2,.hvr_border_color2:hover{border-color: var(--color2);}
.border_color3,.hvr_border_color3:hover{border-color: var(--color3);}
.border_color4,.hvr_border_color4:hover{border-color: var(--color4);}
.border_color5,.hvr_border_color5:hover{border-color: var(--color5);}

body#body, .under_page {
    background-color: var(--white);
    background-image: url(Dup/img/bg_img.png);
    background-size: 100%;
}

.linkStyle{
    color: var(--color1);
    border-bottom:solid 1px;
}

.linkStyle:hover{
	color: var(--color3);
	opacity: 0.7;
	transition: all 0.5s;
}



/* ---------------------------------------------　TOP　---------------------------------------- */
.head_tel p {
    font-size: 13px;
}

.catch {
    bottom: 10%;
    right: 2%;
    width: 40%;
    max-width: 750px;
}

.con_title {
    letter-spacing: 0;
    font-size: 24px;
}

.nav_title {
    line-height: 1.5;
    letter-spacing: 0em;
}

#con_nav ul {
    border-radius: 52px;
    background-color: var(    --white2);
}

.con_navbar.is-fixed {
    background-color: var(    --white2);
}

.triangle01{
    display: none;
}

.cate_list a:before{
    line-height: 1.6 !important;
}

/* ----------　intro　▼---------- */
/* ----------　intro　▲---------- */

/* ----------　contents1　▼---------- */
/* ----------　contents1　▲---------- */

/* ----------　contents2　▼---------- */
/* ----------　contents2　▲---------- */

#cms_1-d .box_wrap {
    background-color: var(--color3);
}

.date,.date i {
    color: var(--color2);
}


#cms_2-f .cate {
    background-color: var(--white2);
    border: none;
}



.cms_5-d .box_title1 {
    background-color: var(--white2);
}

#cms_5-d .box_title1 {
    background-color: var(--white2);
}

#cms_5-d .box_title1:before, .cms_5-d .box_title1:before {
    border-width: 15px 16px 0 0;
    bottom: -14px;
}

#cms_5-d .box_title1:after, .cms_5-d .box_title1:after {
    border-width: 17px 18px 0 0;
    bottom: -17px;
}

#fixbnr {
    position: fixed;
    z-index: 2;
    left: 85%;
    bottom: 2%;
    width: 200px;
}

/* -------------------　BLOG　----------------- */



/* ----------　pager　---------- */


/* ---------------------------------　下層ページ　--------------------------------- */



/* ----------　会社情報　---------- */

/* ----------　お問い合わせ　---------- */


/* ----------　プライバシーポリシー ---------- */
#google_privacy {
    max-width: 916px!important;
}

/* ----------　サイトマップ　---------- */

#page10 .more a, .cate_list a span {
    color: var(--color5);
}

@media all and (-ms-high-contrast: none){
  .sample{

  }
}


/*-------------------------------------------------------1536-------------------------------------------------------*/
@media screen and (max-width: 1536px){}

/*-------------------------------------------------------1530 × 735-------------------------------------------------------*/
@media screen and (max-width: 1530px){
    .fixbnr {
    z-index: 2;
    right: 50px;
    bottom: 20px;
    width: 150px;
}
}

/*-------------------------------------------------------1366-------------------------------------------------------*/
@media screen and (max-width: 1366px){}

/*-------------------------------------------------------タブレット-------------------------------------------------------*/
@media screen and (max-width: 768px){
.menu_stick {
    background-color: var(--color4) !IMPORTANT;
}

#sp_nav {
    background-color: var(--color4);
    top: 0;
    left: 0;
    z-index: 11;
}

.catch {
    bottom: 10%;
    right: 2%;
    width: 65%;
    max-width: 750px;
}

#fixbnr {
    left: 70%;
    width: 150px;
}

}

/*-------------------------------------------------------スマホ-------------------------------------------------------*/
@media screen and (max-width: 667px){
.catch {
    bottom: 10%;
    right: 2%;
    width: 95%;
    max-width: 750px;
}

.fixbnr {
    width: 70px;
}

#fixbnr {
    left: 65%;
    width: 70px;
}

.attach_txt {
    font-size: 50px;
}

#sp_nav {
    background-color: var(--color4);
    top: 0;
    left: 0;
    z-index: 11;
}

.con_title {
    letter-spacing: 0;
    font-size: 15px;
    font-weight: bolder;
}

.font_2dw {
    font-size: 14px;
}

p#copylight {
    font-size: 10px;
}

}
