/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
.add_shadow{box-shadow: 5px 5px 0 0 #e2e2e2;}
#loader .loader_top{
    background-image: url(./Dup/img/back1.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
#loader .loader_bottom{
    background-image: url(./Dup/img/back1.jpg);
    background-size: cover;
    background-position: 50% 100%;
}
#logo{width: 200px;}
#header ul{    font-size: calc(1rem + 2px);}
#top_contents::before {
    background-image: url(./Dup/img/back1.jpg);
    opacity: 0.5;
}

.triangle {
     position: relative;
    display: inline-block;
    background-color: #FFF;
    border-bottom: #000 solid 2px;
}
.triangle:before {
         content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.triangle:after{
        content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #000 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;

}

#add_contents .add_contents_txt_wrap{
    z-index: 1;
    padding: 50px 50px 50px 150px;
}
#add_contents .add_contents_img{
	top: 0;
	right: 0
}
@media screen and (max-width: 667px){
#add_contents{padding-bottom: calc(60vw - 20px)}
#add_contents .add_contents_img{
	height: 60vw;
	top: auto;
	bottom: 0;
}
}

#top_cms .cms_2-a .box_wrap .swiper-button-prev,#top_cms .cms_2-a .box_wrap .swiper-button-next{z-index:-1;}


#header .menu_stick span,#header .menu_stick.stick_trans span.bg_color1 {background: #fd6627;}

/*--------下層--------*/

#page8 #contact_line a{
    background: url(./Dup/img/ban_line.jpg) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-color: #fff;
}
#page8 #contact_reserve a{
    background: url(./Dup/img/ban_mail.jpg) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-color: #fff;
}

@media screen and (max-width: 667px){  
    #page8 .tel_box{
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box a{
    font-size: 5vw;
    letter-spacing: 2px;    
}
}


/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #loader .loader_top {
    background-image: url(./Dup/img/back1_tb.jpg);
    background-position: 50% 0%;
}
#loader .loader_bottom {
    background-image: url(./Dup/img/back1_tb.jpg);
    background-position: 50% 100%;
}

    #intro .intro_txt_wrap {
    background-color: rgba(255,255,255,0.8);
    }
    #add_contents .add_contents_txt_wrap {
    background-color: rgba(255,255,255,0.8);
    padding: 50px;
}
    #logo {
    width: 180px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
        #loader .loader_top {
    background-image: url(./Dup/img/back1_sp.jpg);
    background-position: 50% 35%;
}
#loader .loader_bottom {
    background-image: url(./Dup/img/back1_sp.jpg);
}
#logo {
    width: 150px;
}
#add_contents .add_contents_txt_wrap {
    padding: 50px 20px 50px 20px;
}
}
@media screen and (max-width: 667px) and (min-height: 668px) {
         #loader .loader_top {
    background-image: url(./Dup/img/back1_sp.jpg);
    background-position: 50% 0%;
}
}
/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.pager li a{line-height:64px;}
.cate_list li a{padding:13px 10px 7px 10px;}
}