/*--------リンク--------*/
.linkStyle{color: #000000; text-decoration: underline;}

/*--------ローディング--------*/
#fakeloader .fl:before {
    content: "";
    display: block;
    width: 100%;
    height: 110%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    animation: loadLogo 1s;
}
@keyframes loadLogo {
  0% {
    left: 0;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

/*--------全体--------*/
body,.font_sans-serif{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
body, .txt_color_nomal {color: #333333!important;}
body .txt_white {color: #000000;}
header,main{position: relative;}
#wrap::before{
content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-image: url(./Dup/img/back2.png);
    background-size: cover;
	}
/*
#wrap,footer{
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, #f3f3f3 1%), linear-gradient(90deg, rgba(0, 0, 0, 0) 99.7%, #f3f3f3 1%);
    background-size: 10%;
    background-repeat: repeat;
}
*/
header .grid_3 p{font-size: calc(1rem - 2px);}
header .grid_3 div a:first-of-type{display:none;}
#fixed_right_banner > * {    width: 45px;}
#fixed_right_banner ul{background-color: #dedbdc;}
#fixed_right_banner ul li{ width: 33px;}
#main_img{position:relative;}
#main_menu{width: 100%;  max-width: 1080px;margin:0 auto;}
#main_menu ul li { 
    width: calc(100% / 6);
    font-size: calc(1rem + 0px);
    box-sizing: border-box;
}
#main_menu ul li:nth-of-type(2) a{letter-spacing: 0px;}
#main_menu ul li a {color:#333333;}
#main_menu ul li a .menu_sub_title{display:none;}
#main_menu ul li a .menu_title{font-size: calc(1rem - 1px);}    

#main_menu.fixed {
 max-width: inherit;
height: 11vh;
background-image: url(./Dup/img/logo_fix.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 1% 50%;
}
#main_menu.fixed ul li {display:none;}

@media screen and (min-width: 668px) and (max-width: 1100px){
#main_menu.fixed ul li  { width: calc(100% / 6);}
}
#aisatsu { background-position: center center;}
#aisatsu > div { background-color: rgba(39,39,39,0.65)!important;color: #ffffff;}
#aisatsu > div h2{
color: #ffffff;
font-size: calc(1rem + 13px);
border-bottom: 2px solid #fff;
    display: inline-block;
    margin-bottom: 50px;
}
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box {
    background-color: transparent;
    background-image: linear-gradient( 135deg, rgba(255,255,255,0.8) 0%, rgba(245,245,245,0.8) 100%)!important;
border: 1px solid #dd004b;
}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after { background-color: transparent;}
#top_cms .cms_1-a .date{background-color: #dd004b;color:#fff;}
#top_cms .cms_title p{color: #a5a5a5;}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: rgba(0, 0, 0, 0.7);
}
#info_map{position:relative;}
/*
#info_map{
    background-image: linear-gradient(rgba(0, 0, 0, 0) 99.7%, #c70044 1%), linear-gradient( 90deg , rgba(0, 0, 0, 0) 99.7%, #c70044 1%);
    background-size: 10%;
    background-repeat: repeat;
}
*/
#info_map .foot_tel_bt a:first-of-type{display:none;}
#info_map .txt_white {color: #ffffff;}
#info_map .border_color2 { border-color: #ffffff;}
#f_menu ul li a {color: #333333;}
footer{position: relative;}

/*--------下層--------*/
#main_img2 .page_title {background-color: rgba(138,138,138,0.7)!important;}
#page5 #cms_2-c .cate_box:nth-of-type(odd){background-color:#e8e8e8;}
#page6 #cms_2-c .box_txt1{background-color:#e8e8e8;}
#page8 #contact_tel a,#page8 #contact_line { width: 390px;}
#page8 #contact_tel a span:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #dddddd;
	opacity: 0.7;  
}
#page8 #contact_line span:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #dddddd;
	opacity: 0.7;  
}
#page8 #contact_line i{color:  #00b900;}
#page10 ul li a{ letter-spacing: 0px;}

@media screen and (min-width: 769px) and (max-width: 1090px){
#page10 ul li { width: 50%!important;}
}
@media screen and (min-width: 668px) and (max-width: 735px){
#page10 ul li { width: 100%!important;}
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
/*
#wrap, footer{
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, #f3f3f3 1%), linear-gradient(90deg, rgba(0, 0, 0, 0) 99%, #f3f3f3 1%);
    background-size: 12.5%;
}
#info_map {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, #c70044 1%), linear-gradient( 90deg , rgba(0, 0, 0, 0) 99%, #c70044 1%);
    background-size: 12.5%;
}
*/
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.button_container {    mix-blend-mode: revert;}
.button_container span{    background: #dd004b;box-shadow: 1px 1px 0px #fff;}
.button_container.active .top,
.button_container.active .bottom {background: #4a4a4a;}

#logo{    margin: 0 auto;}
#logo img{width:100px;}
#wrap, footer { background-size: 18%;}
#info_map { background-size: 18%;}
#cms_1-a .pager li{margin:0;}
#page8 #contact_tel a,#page8 #contact_line { font-size:5.5vw;padding: 30px 10px;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#top_cms .cms_1-a .date{padding:7px 5px 2px 5px;}
/*
#wrap{
background-image: linear-gradient(rgba(0, 0, 0, 0) 100%, #f3f3f3 1%), linear-gradient(90deg, rgba(0, 0, 0, 0) 99.7%, #f3f3f3 1%);
    background-size: 10%;
    background-repeat: repeat;
}
*/
#page6 #cms_2-c .box_txt1{padding:10px 10px 1px 10px;margin-bottom:10px;}


#page8 #contact_tel a span::before,
#page8 #contact_line span::before{height:85%;}
#page8 #contact_line i{font-size:calc(1rem + 8px)}

}