@charset "utf-8";
/* CSS Document */

#cms_2-a .box_title1 {
  font-weight: bold;
}
.con_no {
    font-family: 'Lobster', cursive !important;
    font-size: 2.5rem;
}
/* color */
body,.txt_color_nomal{color: #111111;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #af1d00} /* メインカラー */
.txt_color2{color: #f9f8f4;} /* サブカラー */
.txt_color3{color: #AF1D00} /* アクセントカラー1 */
.txt_color4{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #dcae2e} /* メインカラー */
.bg_color2{background-color: #f9f8f4;} /* サブカラー */
.bg_color3{background-color: #AF1D00} /* アクセントカラー1 */
.bg_color4{background-color: #cccccc} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #111111}
.border_color2{border-color: #dcac2c;}
.border_color3{border-color: #AF1D00}
.border_color4{border-color: #cccccc}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #111111;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #dcae2e} /* メインカラー */
.hvr_txt_color2:hover{color: #f9f8f4;} /* サブカラー */
.hvr_txt_color3:hover{color: #AF1D00} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #dcae2e} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f9f8f4;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #AF1D00} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cccccc} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #dcae2e}
.hvr_border_color2:hover{border-color: #f9f8f4;}
.hvr_border_color3:hover{border-color: #AF1D00}
.hvr_border_color4:hover{border-color: #cccccc}

.linkStyle {
  color: #dcae2e;
}
#contents .con_no {
    color: #af1d00;
}
#cms_2-a .box_title1 {
    color: #af1d00;
}
.intro_wrap .txt_color1 {
    color: #af1d00;
}
.custom_txt {
    bottom: 5%;
    left: 3%;
    background-color: rgba(220, 174, 46, 0.8);
    padding: 1em 1.5em;
}
.custom_img {
    width: 22%;
    left: 3%;
    bottom: 0%;
}
#contents .bg_color1 {
    background-color: #f9f8f4;
}
#contents .con_wrap {
    color: #111111;
}
#contents .con_box2::before, #contents .con_box1::before {
    width: 40px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #111111;
}
#contents .con_box2::before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
}
/*#page_title p span {
color: #dcae2e;
}*/

.custom_title {
    right: 0;
    top: 20%;
}

.footer_bg {
    background-color: #f9f8f4;
}
.intro_wrap .txt_color1 {
    color: #af1d00;
    font-size: 2.3rem;
    font-weight: bold;
}
#logo .width_300-max {
    width: 100%;
    max-width: 400px;
}
#logo2 {
    width: 300px;
}

/*下からフェードイン*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
animation-delay: 3s;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
/*下からフェードイン*/
.fade-in-bottom2 {
   opacity: 0;
   animation-name: fadein-bottom2;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
animation-delay: 4s;
}
@keyframes fadein-bottom2 {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
#page08 .border_color2 {
    border-color: #111111;
}
#page08 .txt_color2 {
    color: #af1d00;
}
#cms_6-a .cate_list_title {
    text-align: left;
}
#intro.trans .intro_left {
    opacity: 1;
    left: 0;
    background-color: #ffffff;
}
#top_cms, .section {
    background-color: #ffffff;
}
#menu_stick {
    background-color: #af1d00;
}
#wrap {
    background-color: #ffffff;
}
.tel_bt .font_10up {
    color: #af1d00;
}
.under_page2 {
    color: #1A1A1A;
}
.cate_list .hvr_txt_color1 {
    color: #111111;
}
.cate_list .hvr_txt_color1:hover {
    color: #af1d00;
}
#cms_5-a .cate_box {
  color: #1a1a1a;
}
#cms_5-a .cate_title {
background-color: #af1d00;
}
.arrow {
    border-color: #af1d00;
}

.intro_wrap {
  position: relative;
  padding: 1rem 2rem 2rem;
  border: 4px solid #111111;
}

.intro_wrap:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  content: '';
  border: 2px solid #111111;
}
#top_cms .more .hvr_bg_color3 {
    background-color: #af1d00;
}
#top_cms .more .hvr_bg_color3:hover {
    background-color: #dcae2e;
}
.links {
  color: #1a1a1a;
}
#page07 .info_title::before {
    background-color: #af1d00;
}
#cms_6-a .cate_title {
    background-color: #dcae2e;
    color: ffffff;
}
.top_banner {
    z-index: 6;
    top: 110px;
    right: 20px;
    width: 180px;
}
.page3_banner {
    right: 0px;
    top: -100px;
    width: 180px;
}
.page3_under_banner {
    top: -30px;
    left: 190px;
    width: 180px;
}
.page4_under_banner {
    top: -122px;
    right: 194px;
    width: 180px;
}

/* YouTube */
.yt{width: 800px;}
.video_cms{
	padding-bottom: 50.25%;
	height: 0;
}

/*******************タブレット****************************/
@media screen and (max-width: 768px) {
.custom_img {
    width: 40%;
    left: 3%;
    bottom: 0%;
}
#custom .custom_box {
    background-image: url(./Dup/img/custom_bg_sp.jpg)!important;
}
.custom_title {
    right: 0px;
    top: 6%;
}
.page1_left, .page1_right {
  color: #1a1a1a;
}
.footer_left .d_inline_tb img {
    width: 43%;
    margin-bottom: 90px;
}
.top_banner {
    z-index: 6;
    top: 50px;
    right: 0px;
    width: 180px;
}
.page3_banner {
    right: 0px;
}
.page3_under_banner {
    top: -30px;
    left: 11%;
    width: 180px;
}
.page4_under_banner {
    top: -150px;
    right: 80px;
    width: 180px;
}

@media screen and (max-width: 768px){
/* YouTube */
.yt{width: 100%;}
}

}
/*******************スマホ****************************/
@media screen and (max-width: 667px) {
.intro_left {
	background-image: url("./Dup/img/intro_back.png");
	background-size: cover
}
.custom_txt {
    bottom: 5%;
    left: 2%;
    background-color: rgba(255, 215, 0, 0.4);
    padding: 1em 1.5em;
    font-size: 1rem;
    text-align: left;
    width: 250px;
}
.custom_img {
    width: 52%;
    left: 3%;
    bottom: 0%;
}
#cms_6-a .cate_list .mg_clear {
      text-align: left;
}
#cms_6-a .cate_list_title {
    text-align: center;
}
#page07 .info_title {
opacity: 1;
}
.footer_left .d_inline_tb img {
    width: 90%;
    margin-bottom: 90px;
}
.top_banner {
    z-index: 6;
    top: 50px;
    right: 0px;
    width: 120px;
}
.custom_title {
    right: 0px;
    top: 42%;
}
.page3_banner {;
    width: 120px;
}
.page3_under_banner {
    top: -30px;
    left: 32%;
    width: 120px;
}
.page4_under_banner {
    top: -60px;
    right: 110px;
    width: 120px;
}

@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}
}


}