﻿@charset "utf-8";
/* CSS Document */

/* color */
.txt_color1{color: #b2473e} /* メインカラー */
.txt_color2{color: #fcc875} /* サブカラー */
.txt_color3{color: #2c4a52} /* アクセントカラー1 */
.txt_color4{color: #cec7b7} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #b2473e} /* メインカラー */
.bg_color2{background-color: #fcc875} /* サブカラー */
.bg_color3{background-color: #2c4a52} /* アクセントカラー1 */
.bg_color4{background-color: #cec7b7} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #b2473e}
.border_color2{border-color: #fcc875}
.border_color3{border-color: #2c4a52}
.border_color4{border-color: #cec7b7}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #b2473e} /* メインカラー */
.hvr_txt_color2:hover{color: #fcc875} /* サブカラー */
.hvr_txt_color3:hover{color: #2c4a52} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cec7b7} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #b2473e} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fcc875} /* サブカラー */
.hvr_bg_color3:hover{background-color: #2c4a52} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cec7b7} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #b2473e}
.hvr_border_color2:hover{border-color: #fcc875}
.hvr_border_color3:hover{border-color: #2c4a52}
.hvr_border_color4:hover{border-color: #cec7b7}

/* other ---------------------------------------------------------------------------------------------*/

.main_box{position: relative;min-width: 900px!important}
.width_1280-1000{min-width: 900px!important}
.main_box::before{position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: -1000;background-image: url('./Dup/img/bg_img.jpg')}
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(178,71,62,1);}
.foot_tel_bt{max-width: 300px!important}
#main_img .txt1{padding: 20px;background-color: rgba(44,74,82,0.5);border-radius: 3px 0 0 3px;box-sizing: border-box;right: 0;max-width: 400px;transform: none;top: 20%;left: auto;font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#main_menu ul li a::before {top: 0;bottom: 0;margin: auto;}
.link_box ul{justify-content: center;align-items: center;}
.link_box ul li{margin: 0 10px;width: 30px!important}
/** .foot_link_fix{background-color: rgba(206,199,183,0.8);bottom: 0;left: 0;padding-bottom:-webkit-calc(env(safe-area-inset-bottom) + 10px);padding-bottom : calc(env(safe-area-inset-bottom) + 10px);} **/
.foot_link_fix{bottom: 0;left: 0;}
.foot_link_fix .line_bt a{background-color: #00B900}
#contents4 .con4-1{background-image: url("./Dup/img/contents4_bg.png");background-size: 60%;}
#contents4 .con4-2{-webkit-width: calc(33.3333% - 20px);width: calc(33.3333% - 20px);box-sizing: border-box}
#contents4 .con4-3{-webkit-width: calc(50% - 15px);width: calc(50% - 15px);box-sizing: border-box}
#contents5 .con5_box .posi_rel::before,#contents5 .con5_box .posi_rel::after{content: "";position: absolute;display: block;width: 20px;height: 2px;right: 18px;left: 0;bottom: -10px;margin: auto;transform: rotate(20deg);background-color: #b2473e}
#contents5 .con5_box .posi_rel::after{right: 0;left: 18px;transform: rotate(-20deg)}
.cate_list a{padding-left: 10px!important;padding-right: 10px!important}

#cms_2-b .cate_box,#cms_3-b .cate_box{border: solid 1px #2c4a52}
#cms_2-b .cate_img1 img{padding: 0;border: none;}
#cms_3-e .box_wrap{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
	flex-direction: row;
}
#cms_3-e .cate_box{width: 50%!important;padding: 0!important}
#cms_3-e .box_title1,#cms_3-e .box_title2{width: 100%!important;padding: 10px}
#cms_3-e .box_title2{padding-bottom: 0}
#cms_3-e .box_title2{border-bottom: none;color: #b2473e;font-size: 100%;text-align: left}
#cms_6-b .cate_box{margin-bottom: 10px}
#cms_6-b .cate_box,#cms_6-b .box_txt1,#cms_6-b .box_txt2,#cms_6-b .cate_box:first-of-type{border: none}
#cms_6-b .box_txt2{border-bottom: solid 1px #b2473e!important}
#page8 input,#page8 textarea{font-size: 14px}
#page8 .flow,#contents5 .flow_wrap{background-color: rgba(255,255,255,0.5)}


.cate_title{padding: 0;margin: 0;width: 100%!important;border: none;background-color: transparent;color: #4d4d4d;padding-bottom: 10px;border-bottom: solid 2px #4d4d4d;margin-bottom: 50px;font-size: 20px;font-weight: bold;border-radius: 0;text-align: left}

#copyright{padding-bottom: 100px}

.footer_banner{right: 10px;bottom: 10px;z-index: 1;width: 640px}

@media all and (-ms-high-contrast:none) {
.menu_link a{padding-top: 15px}
}


@media screen and (max-width: 768px){
.main_box{min-width: 100%!important}
.width_1280-1000{min-width: 100%!important}
.hamburger {padding-top: 22px}
.link_box ul li{max-width: 30px!important}
#contents4 .con4-2{-webkit-width: calc(33.3333% - 6.6666px);width: calc(33.3333% - 6.6666px)}
#contents4 .con4-3{-webkit-width: calc(50% - 5px);width: calc(50% - 5px)}
#page10 ul li a{padding-top: 17px}
}

@media screen and (max-width: 667px){
#contents4 .con4-1{background-size: contain}
#cms_2-b .cate_box{padding: 20px 20px 1px}
#cms_3-e .cate_box{width: 100%!important}
section.pd_l-r5per_sp{padding: 0}
#footer_menu li{width: 100%!important}
.main_box{}
#contents4 .con4-2.bg_posi_b-r{background-image: url("./Dup/img/contents4_bg_sp.png");}
#contents4 .con4-2{-webkit-width: 100%;width: 100%}
#contents4 .con4-3{-webkit-width: 100%;width: 100%}
.footer_banner{width: calc(100% - 20px)}
}


/***　IE対処　***/

@media all and (-ms-high-contrast:none) {
#page10 ul li a{padding-top: 17px}
#main_menu ul li a{padding-top: 5px}
#page_title h2{padding-top: 10px}
.pager li a{line-height: 50px;height: 50px;overflow: hidden}
.head_box .contact_bt a,.cate_list a{padding-top: 17px;padding-bottom: 13px}
#page8 input,#page8 textarea{padding-top: 14px}
}