@charset "utf-8";

/* Gallery ARCHIVE */
/*-------------------------------------------------
一番上にくるブロック（最新情報）は「.num_first」でそれ以降は、
奇数、偶数で「.num_odd」「.num_even」を付けていく。
※ただし画像の高さが変わるのであれば、別途CSS調整が必要
-------------------------------------------------*/
/* Number最初 */
#gallery.index .num_first {
    position: relative;
    margin-top: -65px;
    z-index: 30;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #gallery.index .num_first { margin-top: -20px; }
}
/* Number偶数 */
#gallery.index .num_odd {
    position: relative;
    margin-top: -45px;
    z-index: 20;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #gallery.index .num_odd { margin-top: -94px; }
}
/* Number偶数 */
#gallery.index .num_even {
    position: relative;
    margin-top: -50px;
    z-index: 20;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #gallery.index .num_even { margin-top: -94px; }
}


/* Profile */
#profile_box {
    margin: 70px auto 0;
    text-align: center;
}
#profile_box .txt {
    margin: 0 45px;
}
#profile_box p {
    line-height: 1.9;
}
#profile_box h3 strong {
    display: inline-block;
    padding: 0 1px 1px 1px;
    border-bottom: 2px solid #333;
    font-size: 13px;
    font-family: "Avenir Next", 'Roboto' , Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
#profile_box .sp_box {
    margin: 30px auto;
}
#profile_box .snsbox {
    margin: 40px auto;
}
#profile_box .snsbox a {
    display: inline-block;
}
#profile_box .snsbox a:nth-child(1) {
    margin-right: 30px;
}


/* nav */
#dorpdown {
    position: relative;
    z-index: 90;
}
#galleryMenu {
    position: absolute;
    top: -45px;
    right: 30px;
}
#gallery.vol01 #galleryMenu { top: -35px; }
#dorpdown div.child {
    display: none;
    position: absolute;
    top: -4px;
    width: 100%;
    height: 200px;
    background: url(../../img/gallery/common/bg_nav.png) no-repeat 0 0;
    background-size: 100%;
    text-align: left;
}
#dorpdown div.child ul {
    opacity: 0;
    margin-left: 40px;
    padding-top: 10px;
    transition: all .2s;
}
#dorpdown div.child.active {
    display: block;
}
#dorpdown ul li {
    display: inline-block;
    margin-right: 15px;
}


/* modal */
.modal {
    width: 100%;
    text-align: center;
    background: #fff;
}
.modal p {
    margin-top: 10px;
}
.modal table {
    font-size: 9px;
    width: 74%;
    margin: 0 auto;
}
.modal table th,
.modal table td {
    text-align: left;
    padding: 8px 15px 8px 2px;
    background: url(../../../img/common/line_dot01.gif) repeat-x 0 bottom;
    line-height: 1.5;
}