@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

#catch p span,#intro hgroup .font_en,#contents h3 span,.top_cms_title h4 span,#top_cms .more a,#contents_link h4,#footer .tel a,#footer h3 + p,#copyright,#page_title h3 span,.cate_list .font_en{
   font-family: 'Shadows Into Light', cursive;
}

/*全ページ*/
#header h1 img{
  width:80%!important;
}
#main_menu{
   margin-top:50px;
}
#main_menu ul{
   font-size:16px!important;
}
#main_contents #main_menu li.active::before{
   background-color: #d6af43;
}
#main_contents #main_menu li::before{
   border: 2px solid #d6af43;
}
#footer h3 span{
   font-weight:normal;
}
#footer h3 + p{
    font-size: 20px;
}

/*トップページ*/
#video .video {
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.main_container{
    background-image: url(dup/img/itemr.png);
    background-repeat: no-repeat;
    background-position: left bottom 100px;
}
#main_contents{
    align-items: start;
}
#main_contents #main_img {
    box-shadow:none;
}
#main_contents::after{
  display:none;
}
#catch span{
   background-color:rgba(148,168,176,0.7)!important;
}
#catch p,#catch h2{
   font-weight:normal!important;
}
#top_cms h3,#footer > div h3{
   font-size:30px!important;
}
.top_cms_box:nth-of-type(5){
   padding-bottom:400px;
   background-image:url(dup/img/item2r.png);
   background-repeat:no-repeat;
   background-position:center bottom;
}

/*下層ページ*/
#page_title h2 span{
    font-size: 40px;
}
#page_title h3{
   font-size:25px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.main_container{
   background-image:none;
}
#header h1 img {
    width: 150%!important;
}
#page10 .grid_4 a{
     padding: 50px 30px 30px 30px;
}
#menu_bt .font_en,#page10 a span:nth-of-type(3){
   font-family: 'Shadows Into Light', cursive;
   font-size: 20px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header h1 img {
    width: 100%!important;
}
#menu_bt .font_en{
   font-size:10px;
}
#copyright{
   font-size:13px;
}
#page_title h2 span{
  font-size: 25px;
}
#footer > div h3{
  font-size: 25px!important;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#main_contents{
   align-items:flex-start;
}
#main_contents #main_menu li a{
   padding-bottom:5px;
   padding-top:5px;
}
.cate_list a .font_en{
  padding:10px 10px 15px 10px;
}
.cate_list a{
  padding:15px 10px 8px 50px;
}
#contact_tel a{
   padding-top:35px;
   padding-bottom:25px;
}

}