@charset "utf-8";

/* Nav
-----------------------------------------*/
.Nav .navbtn {display: none;}

@media screen and (max-width: 1000px) {
.Nav {position: relative;margin-top: 10px;z-index: 100}/*margin-top: 60px;*/

.Nav .navbtn {display: block;position: absolute;top: -50px;right: 0;}/*top: -50px;*/

/*ハンバーガーメニュー*/
.Nav .navbtn a,.Nav .navbtn a.close{display:block;position:relative;width:40px;height:40px;background-color:#dd1f24}
.Nav .navbtn a.close:before,.Nav .navbtn a:before{position:absolute;top:10px;left:10px;content:"";width:20px;height:3px;background-color:#fff;transition:.2s}
.Nav .navbtn a.open:before{top:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.Nav .navbtn a.close:after,.Nav .navbtn a:after{position:absolute;bottom:10px;left:10px;content:"";width:20px;height:3px;background-color:#fff;transition:.2s}
.Nav .navbtn a.open:after{bottom:18px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.Nav .navbtn a.open {}

.Nav .navbtn a span{display:block;overflow:hidden;width:1px;height:1px}
.Nav .navbtn a span:after,.Nav .navbtn a.close span:after{position:absolute;top:18px;left:10px;content:"";width:20px;height:3px;background-color:#fff}
.Nav .navbtn a.open span:after{display:none}
}



.Nav ul.close {display: none;border-top: solid 1px #F5F4F0;}
.Nav > ul {margin: 0 auto;padding: 9px 0;max-width: 1000px;}

@media screen and (max-width: 1000px) {
.Nav>ul{display:none;position:absolute;top:0;left:0;right:0;z-index:1;background-color:#fff}
}

.Nav > ul > li {position:relative;font-size:15px;display:inline-block;}

@media screen and (max-width: 1000px) {
.Nav > ul > li {display: block;border-bottom: solid 1px #dddddd;}
}

/*リンクボタン（すべてに共通）*/
.Nav>ul>li a{display:block;position:relative;text-decoration:none;padding:10px 25px;font-size:15px;color:#333;background-color:#fff;z-index:1;}
#studio-tou .Nav>ul>li a{background:none}

.Nav > ul > li {border-right: 1px solid #666;}
.Nav > ul > li:last-child {border-right: none;}

/*サブメニューの親*/
.Nav > ul > li.parent > a {padding-right:45px;}



/*サブメニューの親の↓*/
.Nav > ul > li.parent > a::before {
display:block;content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;margin:-6px 0 0;border-top:solid 2px #dd1f24;border-right:solid 2px #dd1f24;-webkit-transform:rotate(135deg);transform:rotate(135deg);
}


@media screen and (max-width: 1000px) {
.Nav>ul>li {border-right: none;}
.Nav > ul > li.parent.open > a::before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
}




/*？？？？*/
@media screen and (max-width: 1000px) {
.Nav > ul > li.parent.open {border-bottom: none;}
}

.Nav > ul > li.parent.open > a{color: #FFF;}
.Nav > ul > li.parent.open > a::after {background: #dd1f24;-webkit-transform: scale(1);transform: scale(1);}


@media screen and (max-width: 1000px) {
.Nav > ul > li.parent.open > a {color: #999;}
}

.Nav > ul > li a:hover {color: #ccc;}
#studio-tou .Nav > ul > li a:hover {color: #666;}

.Nav>ul>li a:after{position:absolute;z-index:-1;display:block;content:''}

/*マウスオーバーのアニメーション設定*/
.Nav>ul>li a,.Nav>ul>li a:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}

/*背景黒で拡大される
.Nav>ul>li a:after{top:0;left:0;width:100%;height:100%;-webkit-transform:scale(.5);transform:scale(.5)}
.Nav>ul>li a:hover:after{background:#333;-webkit-transform:scale(1);transform:scale(1)}
*/

/* サブメニュー全体*/
.Nav>ul>li>ul{display:none;position:absolute;top:67px;left:0;width:auto;z-index:1;background: none;border:none;}

@media screen and (max-width: 1000px) {
.Nav > ul > li > ul {background: #fbfbfb;position: static;}
}


/* サブメニュー個別*/
.Nav > ul > li > ul li {white-space: nowrap;}

.Nav > ul > li > ul li a {position: relative;padding: 12px 27px;background: #dd1f24;color: #fff;border-bottom: 1px solid #ebb1b2}
#studio-tou .Nav > ul > li > ul li a {background: #dd1f24;}/*STUDIO TOU*/

.Nav > ul > li > ul li a:hover {background: #ebb1b2;}
#studio-tou .Nav > ul > li > ul li a:hover {color: #fff;}/*STUDIO TOU*/


@media screen and (max-width: 1000px) {
.Nav > ul > li > ul li a {border-bottom: solid 1px #dddddd;background: #EEE;color: #dd1f24}
/*STUDIO TOU*/
#studio-tou .Nav > ul > li > ul li a {border-bottom: solid 1px #dddddd;background: #EEE;color: #dd1f24}
#studio-tou .Nav > ul > li > ul li a:hover {background: #fff;color: #dd1f24}
}

/* サブメニュー個別の↓前*/
.Nav>ul>li>ul li a:before{display:block;content:"";position:absolute;top:50%;left:10px;width:6px;height:6px;margin:-6px 0 0 0;border-top:solid 2px #dd1f24;border-right:solid 2px #dd1f24;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.Nav>ul>li>ul li a:hover{color: #dd1f24;background: #f2eeee}

@media screen and (max-width: 1000px) {
.Nav>ul>li>ul li a:hover{background-color:#fff}
}


.Nav>ul>li>ul li ul li a{padding-left:42px;border-right: none;}
.Nav>ul>li>ul li ul li a:before{left:20px;}