﻿.font_serif{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

h2{font-weight:1000;}
h3{font-weight:700;}
h3 span{font-weight:500;}
a{font-weight:800;}

.bg_color1{background-color: #050519 !important} /* メインカラー */
.bg_color3{background-color: #866629}  /*アクセントカラー1 */
.bg_color3{background-image: url("Dup/img/texture4.jpg")}

.border_color1{border-color: #050519}
.border_color3{border-color: #050519}
.border_so3-l{border-color: #f2f2f2}


.cate_list li:not(:nth-child(4n + 1))::before {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}


#top_cms .cms_2-c .border_so1-l{border-left: 5px solid #050519;}

#top_cms .cms_5-a .border_so1{border: 3px solid #050519;}
#top_cms .cms_5-a .box_wrap{padding-bottom: 0px;}

#top_cms .cms_6-c .bg_white{background-color: #050519;}
#top_cms .cms_6-c .border_so2-b{border-bottom: 3px solid #866629;}


#cms_1-a .border_so1-r{border-right: 2px solid #050519;}
#cms_1-a .border_so1-b{border-bottom: 2px solid #050519;}
#cms_1-a .linkStyle{color: #f2f2f2 !important;}
#under_page .under_box .linkStyle:hover {
    background-color: transparent !important;
    border-color: transparent;
    opacity: 0.7 !important;
}

#cms_2-a .border_so2-t{border-top: 3px solid #050519;}
#cms_2-a .border_so2-b{border-bottom: 3px solid #050519;}
#cms_2-a .cate_title{color:#050519;}
#cms_2-a .box_item{border: 3px solid #050519;}
#cms_2-a .box_item .box_txt1{padding: 5px 0 15px 0;}

#cms_2-c .border_so1-b{border-bottom: 4px solid #050519;}
#cms_2-c .cate_title{color:#050519;}

#cms_5-a .bg_white{background-color: rgba(255,255,255,0.1);}

#cms_6-c .bg_white{background-color: rgba(255,255,255,0.1);}
#cms_6-c .border_so5-t{border-top: 8px solid #050519;}
#cms_6-c h3{color:#f2f2f2;}
#cms_6-c .box_wrap p{color:#dddddd;}

#cms_6-c .circle{display:none;}

#under_page .under_box a{font-weight:500;}
#under_page .under_box a:hover{background-color: #050519; border-color:#050519;}


/* バナー */
.btn,
a.btn,
button.btn {
    line-height: 2;
    position: relative;
    display: inline-block;
    padding: 0.5rem 2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.2rem;
}

a.btn-tag {
    padding: 1rem 3rem 1rem 80px;
    color: #f2f2f2;
	border: 2px solid #050519;
}

a.btn-tag:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    content: "";
    border-radius: 0.2rem 0 0 0.2rem;
    background-color: rgba(255,255,255,0.1);
}

a.btn-tag:hover {
    color: #f2f2f2;
    background-color: #050519;
}

a.btn-tag i {
    font-size: 120%;
    position: absolute;
    left: 0;
    width: 50px;
    padding: 1.5rem 0;
    text-align: center;
    letter-spacing: 0;
}

.btn .sub{
    line-height: 1;
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.3rem 20px;
    letter-spacing: 0;
    color: #f2f2f2;
    border-radius: 0.3rem;
    border: 1px solid #f2f2f2;
}



/* IE */
@media all and (-ms-high-contrast: none){
.contact-tel{padding-bottom: 25px;}
.btn .sub{padding: 10px 3rem 0.3rem 3rem !important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
   #top_cms .cms_2-c .box_description1{width: 100% !important; order:1;}
   #top_cms .cms_2-c .box_description2{width: 100% !important; border-style:none !important;}

   #cms_2-c .box_description1{width: 100% !important; order:1;}
   #cms_2-c .box_description2{width: 100% !important;}
   .btn .sub{
		padding: 0.3rem 0.6rem;
	}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
   #loading img {
       margin: auto 0;
   }

   #top_cms .cms_2-c .box_item{border: none !important;}

   h1 img{max-width:150px !important;}
   #top_info .tel_bt{font-size: 5.5vw;}
   #copyright{font-size:12px;}
   #sp_nav .tel_bt {font-size: 5vw;}
   .page08 .under_box a {  padding: 30px 10px;}

   .btn{
		width:80%;
	}
a.btn-tag{padding: 10px 10px 10px 10px;}
   .btn .sub{
		padding: 0.3rem 20px;
	}
   .kounyuu{margin-left:40px;}

}