﻿@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap');
#footer_txt h3,#pc_tel a,#contents h3 span,#pc_intro .pd_5per h2,#pc_news h3,#page_title h2 span{font-family: 'Shippori Mincho', serif;}


/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #160a0a} /* メインカラー */
.txt_color2{color: #5f5242} /* サブカラー */
.txt_color3{color: #a67c52} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #7dd5e6} /* メインカラー */
.bg_color2{background-color: white} /* サブカラー */
.bg_color3{background-color: #a67c52} /* アクセントカラー1 */
.bg_color4{background-color: #c9baa9} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #160a0a}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #a67c52}
.border_color4{border-color: #c9baa9}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #160a0a} /* メインカラー */
.hvr_txt_color2:hover{color: #5f5242} /* サブカラー */
.hvr_txt_color3:hover{color: #a67c52} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #7dd5e6} /* メインカラー */
.hvr_bg_color2:hover{background-color: white} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a67c52} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c9baa9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #160a0a}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #a67c52}
.hvr_border_color4:hover{border-color: #c9baa9}

/*----------------all page------------------------------------------------------*/
html{font-size:120%!important;}
body{
  /* font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
   line-height: 1.7;
}
#main_left #footer_txt,#pc_intro .pd_5per,#contents .box_txt{border-radius:0;}
header{border-bottom:0!important;}
#footer_txt h3{font-size:calc(1rem + 8px);}
.linkStyle{color: #5f5242;}
.link_txt,#main_left #footer_txt,#main_left #footer_txt .tel a,#sp_info,#sp_info .tel a{color:#333;}

/*---------------top page-------------------------------------------------------*/
#pc_tel a{
  color:#baad79!important;
  text-shadow:none;
}
header{background: url(./Dup/mokume2.jpg);}
#top_header{background-color:transparent!important;}
#top_link .links_bt{width:15%!important;}
#main_right header{padding-right:0;}
#pc_intro{background:url(./Dup/bg.png) white!important;}
#pc_intro figure{margin-bottom:-80px;}
#pc_intro .pd_5per{padding-top:150px;}
#pc_intro .pd_5per h2{
  font-size:calc(1rem + 6px);
  color: #a5975f;
}
#contents h3{margin-bottom:15vh!important;}

/*links_bt animation*/
.circle1 {
  /*position: absolute;
  top: 80px;
  left: 50px;
  width: 100px;
  height: 100px;
  background-color: #f756c4;
  border-radius: 100px;*/
  animation: swing linear 5s infinite;
  transform-origin: center -50px 0;
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
}

/*fadein*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/*-------------under page-----------------------------------------------------*/
#page_title{
  border-bottom:0!important;
  background: url(./Dup/mokume2.jpg) transparent!important;
  padding-top: 0;
}
#page_title figure{margin-bottom:0!important;}
#page_title h2 span{
  color:#50432f;
  text-shadow:none;
}
#left_link{width:20%!important;}
.cate_list li{border:2px solid transparent!important;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{background-image:none;}
#top_header{background-image:url(./Dup/mokume2.jpg);}
#top_header .tel_bt a,#top_header .intro_bt a{background-color:transparent!important;}
/*header{height: 50vh!important;}
header #top_link { height: 30vh!important;}
#main_right_top header { 
  min-height: 50vh!important;
  height: 50vh;
}*/
header #top_link .links_bt{
  width:25%!important;
  top:35%!important;
  left:40%!important;
}
#contents{border-bottom:0;}
#pc_news{
  border-top:0;
  border-bottom:0;
}
#sp_info{border-top:0;}
#intro_wrap{border:0!important;}
#contents h3{margin-bottom:7vh!important;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#top_link .links_bt { width: 20%!important;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}

