/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#111;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
    font-size:17px;
}
header{
    padding-top: 10px!important;
    padding-bottom: 0!important;
}
.time .week li:nth-child(7){
    padding-top:5px;
}
.footer_tel{
    margin-bottom:0;
}
#logo2{
    width:400px;
}

/*--top page---------------------------
-------------------------------------*/
.catch {
    width: min(43vw,800px);
    top: 15%;
    right: 5%;
    z-index: 2;
}
#con_nav figure{
    max-width:60px;
}
.item1{
    width: min(10vw,200px);
    bottom: -10%;
    right: 5%;
    z-index: 2;
}
.con2_item{
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
}
#top_contents3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 136px;
    background-image: url(../dup/img/item3.png);
    background-size: auto 100%;
    background-position-y: 0;
    background-position-x: 0;
    background-repeat: repeat-x;
    animation: loop 30s linear infinite;
    z-index: 2;
}
@keyframes loop {
	0% {background-position-x: 0;}
	100% {background-position-x: -1000px;}
}
.item2{
    z-index: 2;
    width: min(7vw,200px);
    bottom: 0;
    left: 11%;
}
.con3_wrap{
    z-index:3;
}


/*--under page---------------------------
-------------------------------------*/



/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#pc_nav ul  li a{
    padding-top:0;
}
.catch {
    width: min(70vw,800px);
    top: 26%;
    right: -1%;
}
#con_nav ul  li a{
    padding-top: 30px;
    padding-bottom:30px;
}
.item2 {
    width: min(11vw,200px);
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header{
    padding-top:5px;
}
#header .logo_wrap{
    width:220px;
}
.catch {
    width: min(92vw,800px);
    top: 30%;
    right: -5%;
}
.item1 {
    width: min(17vw,200px);
}
#top_contents3:before{
    height:100px;
}
.item2 {
    width: min(21vw,200px);
    left: 3%;
}
#top_contents3 .con_before{
    display:none;
}
.time .week li{
    font-size: calc(1rem - 3px);
}
.time .week li:nth-child(7) {
    padding-top: 0;
}

#cms_2-g .cate_title{
    font-size: 1.5em;
}
}