﻿@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.font1{font-family: 'Great Vibes', cursive;}
.font_2db{font-size:2rem;}
.font_3db{font-size:3rem;}

/*-----------------------全ページ----------------------------*/
body,.pop400{
  font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#body,#footer{
  background: linear-gradient(90deg, #1b1b1b, #464646,#1b1b1b);}
#wrap{color:white;}
#fakeloader:before{background-color:transparent;}
#footer_nav{margin-bottom:20px;}
#footer_nav_wrap li a{color:white;}
#footer_nav li a::after{background: white!important;}
#footer_con{border-top:1px solid #a58c61;}
#footer_con h2,#footer .tel_bt a,#return_top a{color:white;}
#footer #logo2 a{max-width:200px;}
.return::before, .return::after {background-color: white;}
.linkStyle{color: #c1b055;}


/*--------------------top page---------------------------------------*/
/*メニューホバーで日本語・英語切り替え*/
#top_pc_nav li,#pc_nav li {
     height: 1.5em;
    text-align: center;
     font-size: 18px;
     letter-spacing: 2px;
     width:140px;
}     
#top_pc_nav li span,#pc_nav li span{
      transition: 0.3s;
      text-align:center;
}
#top_pc_nav li span:nth-child(1),#pc_nav li span:nth-child(1) {display: block;}
#top_pc_nav li span:nth-child(2),#pc_nav li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.5em;
}
#top_pc_nav li:hover span:nth-child(1), #pc_nav li:hover span:nth-child(1){opacity: 0;}
#top_pc_nav li:hover span:nth-child(2),#pc_nav li:hover span:nth-child(2) {opacity: 1;}
#pc_nav li a::after{display:none;}



.back1:before,.back2:before{ background-color:transparent!important;}
#contents3 .con_box{background-color:transparent;}

main{
  background-image:url(./Dup/img/frame1.png),url(./Dup/img/frame2.png),url(./Dup/img/frame3.png),url(./Dup/img/frame4.png);
  background-position:top left, top right,bottom left,bottom right;
  background-repeat:no-repeat;
}
#main_img .square_box{
  /*background-color:transparent;*/
  display:none;
}
#main_img .square_box a{max-width:200px;}
#intro_wrap{background-color:transparent;}
.num{display:none;}
.intro_title h3{
  padding:20px;
  border-bottom:1px solid #a58c61;
  border-top:1px solid #a58c61;
}
#intro .line:before{display:none;}
.intro_title{position:relative;}
.intro_title:before,.intro_title:after{
  content:'';
  position:absolute;
  background-repeat:no-repeat;
  left:0;
  right:0;
  margin:auto;
}
.intro_title{
  padding-top:80px;
  padding-bottom:50px;
  background-image:url(./Dup/img/item1.png),url(./Dup/img/item2.png);
  background-position:top center,bottom center;
  background-repeat:no-repeat;
}
.intro_txt span{
  padding:20px;
  line-height: 2.5;
}
#contents3 .font1{
  background-image: url(./Dup/img/3_1.png),url(./Dup/img/3_2.png);
  background-repeat: no-repeat;
  background-position: center left 30%,center right 30%;

}
#contents3_wrap:before, #contents3_wrap:after｛top:0!important;｝
#contents3_wrap:after {background-color: rgba(169,113,61,0.3)!important;}
.more_bnr:hover{transform:translateY(-3px);}

/*-------------下層ページ---------------------------------------------*/
header.scr_header{background-color:rgba(148,31,87,0.5)!important;}
.cate_list a{
  color:white;
  border:1px solid white;
  background-color:transparent!important;
}
.cate_list li a:before{color: rgba(205,167,82,0.7)!important;}
.cate_list a:hover{
  color:white;
  border:1px solid #941f57;
  background-color:#941f57!important;
}
.box_item,#cms_5-a .box_wrap,#cms_6-c .cate_box{background-color:rgba(85,85,85,0.5);}
#page9 h3{
  color:#cda752;
  border-bottom:1px solid white;
}
#page9 .box a{background-color:#cda752;}
#page10 .jp{color:white;}
.overlay {
    background: linear-gradient(135deg, rgba(148,31,87,0.9) , rgba(205,167,82,0.9) )!important;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
main{background-size:15%;}
#main_img .square_box a,#fakeloader .fl {max-width: 150px;}
#overlay .overlay-menu .nav_menu_more:nth-of-type(2),.nav_menu_more:first-of-type a .icon:before{display:none;}
#contents3 .font1{
  background-position: center left 20%,center right 20%;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{padding: 8%;}
#cms_3-c .box_title1,#cms_3-c .box_title2{width:100%!important;}
#footer #logo2 a {max-width: 130px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
main {background-size: 20%;}
#fakeloader .fl {max-width: 120px;}
#logo {max-width: 200px;}
header.scr_header #logo {max-width: 180px;}
#main_img .square_box a{max-width:130px;}
#intro{padding:0;}
#contents3 .font1 {
    background-position: center left -10%,center right -10%;
    background-size:35%;
}
.page7 #page_title h2{font-size: 20px;}
#footer #logo2 a {max-width: 120px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.intro_title h3{padding-top:25px;}
#contact_tel a{padding-top:35px;}
#tel_txt .line a{padding-top:25px;}
.overlay {
    background: linear-gradient(135deg, rgba(148,31,87,0.9) , rgba(205,167,82,0.9) )!important;
}
