@charset "utf-8";
/*--------------------------------------------------------------------------------
*
*   2016
*   Keaki Mori Official Website
*
*   common.css
*
--------------------------------------------------------------------------------*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body{
    font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', '游ゴシック','YuGothic', Meiryo,メイリオ, sans-serif;
    color: #684816;
    font-size : 18px;
    background-color:#f6efe5;
    background-image:url(../images/parts_bg_check.png);
    -webkit-text-size-adjust: 100%;
    word-break: break-all;
    position: relative;
    z-index: 1;
}

body, html{
    width: 100%;
    height: 100%;
}

a, img, li, ul{ outline: none;}
a:link{ color: #684816; text-decoration: none;}
a:visited{ color: #684816; text-decoration: none;}
a:hover{ color: #684816; text-decoration: underline;}
a:active{ color: #684816; text-decoration: none;}

#wrap{
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    min-width: 1080px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.btn_pagetop{
    width: 55px;
    height: 36px;
    padding: 5px 0 0 0;
    margin: 0 auto 30px auto;
    background-image:url(../images/btn_pagetop.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: -80px;
    right: 0;
    transition: background .1s ease;
}

.btn_pagetop:hover{
    background-position: 0 0;
}

/*
.btn_pagetop{
    width: 55px;
    height: 36px;
    margin: 0 0 30px 0;
    background-image:url(../images/btn_pagetop.png);
    background-repeat: no-repeat;
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}
*/

/* --------------------------------------------------------------------------------
    font-face
------------------------------------------------------------------------------- */
.ff_min{ font-family: '游明朝', 'YuMincho', serif !important;}
.ff_min-b{ font-family: '游明朝', 'YuMincho', serif !important; font-weight: bold !important;}

/* -------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
*
    common style settings
*
-------------------------------------------------------------------------------- */
#contents{
    min-width: 1080px;
    margin: 0 auto;
    padding-bottom: 100px;
    background-image:url(../images/parts_bg_ornament.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}

#contents h2{
    padding: 55px 0 35px 0;
    text-align: center;
}

/* ----------------------------------------
    #header
---------------------------------------- */
#header{
    min-width: 1080px;
    height: 124px;
    padding: 20px 0 0 0;
    border-top: 6px solid #c8a062;
    border-bottom: 1px solid #c8a062;
}

#gnav{
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

#gnav h1{
    width: 273px;
    float: left;
}

#gnav_list{
    width: auto;
    float: right;
}

#gnav_list li{
    width: auto;
    float: left;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: -9999px;
}

#gnav_list li.current,
#gnav_list li:hover{
    background-position: left top;
}

#gnav_list li.current img,
#gnav_list li:hover img{
    opacity: 0;
}

#gnav_list li:after{
    content: '';
    display: block;
    width: 1px;
    height: 47px;
    background-color: #ecdfca;
    position: absolute;
    top: 35px;
    right: 0;
}

#gnav_list li:last-child:after{
    display: none;
}

#gnav_list .gnav_top{ background-image:url(../images/btn_gnav_top_on.png);}
#gnav_list .gnav_news{ background-image:url(../images/btn_gnav_information_on.png);}
#gnav_list .gnav_profile{ background-image:url(../images/btn_gnav_profile_on.png);}
#gnav_list .gnav_fanclub{ background-image:url(../images/btn_gnav_fanclub_on.png);}
#gnav_list .gnav_contact{ background-image:url(../images/btn_gnav_contact_on.png);}
#gnav_list .gnav_member{ background-image:url(../images/btn_gnav_member_on.png);}

#gnav .btn_onlineshop{
    position: absolute;
    top: -26px;
    right: 0;
    z-index: 2;
    transition: opacity .1s ease .0s;
}

#gnav .btn_onlineshop:hover{
    opacity: .8;
    transition: opacity .15s ease .05s;
}

/* ----------------------------------------
    #footer
---------------------------------------- */
#footer{
    clear: both;
    width: 100%;
    min-width: 1080px;
    height: 100px;
    background-image:url(../images/img_bg_footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c8a062;
    position: absolute;
    bottom: 0;
}

#footer_inner{
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#footer_inner li{
    margin: 27px 0 0 0;
    display: inline-block;
}

#footer_inner li a{
    padding: 0 20px 0 15px;
     position: relative;
}

#footer_inner li a:after{
    width: 1px;
    height: 10px;
    content: '';
    display: block;
    background-color: #fff;
    position: absolute;
    top: 2px;
    right: 0;
}

#footer_inner li:last-child a:after{
    display: none;
}

#footer_inner li a{
    font-size: 12px;
    color: #fff;
    letter-spacing: .1em;
}

#footer_inner .notes{
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
}


/* ----------------------------------------
    .section_box
---------------------------------------- */
.section_box{
    clear: both;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.section_box.opacity{
    background-color: transparent;
    background-image:url(../images/parts_section_bg_opacity.png);
}

.section_box:before{
    width: 100%;
    height: 3px;
    content: '';
    background-image:url(../images/parts_section_line_top.png);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.section_box:after{
    width: 100%;
    height: 3px;
    content: '';
    background-image:url(../images/parts_section_line_top.png);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.section_box.white:before{ background-image:url(../images/parts_section_line_top_white.png);}
.section_box.white:after{ background-image:url(../images/parts_section_line_top_white.png);}
.section_box.opacity:before{ background-image:url(../images/parts_section_line_top_opacity.png);}
.section_box.opacity:after{ background-image:url(../images/parts_section_line_top_opacity.png);}

.section_box_inner{
    padding: 25px;
    position: relative;
}

.section_box_inner:before{
    width: 3px;
    height: 100%;
    content: '';
    background-image:url(../images/parts_section_line_side.png);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.section_box_inner:after{
    width: 3px;
    height: 100%;
    content: '';
    background-image:url(../images/parts_section_line_side.png);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.white .section_box_inner:before{ background-image:url(../images/parts_section_line_side_white.png);}
.white .section_box_inner:after{ background-image:url(../images/parts_section_line_side_white.png);}
.opacity .section_box_inner:before{ background-image:url(../images/parts_section_line_side_opacity.png);}
.opacity .section_box_inner:after{ background-image:url(../images/parts_section_line_side_opacity.png);}

.section_box .ornament{
    background-repeat: no-repeat;
}

.section_box .ornament.top{
    width: 97px;
    height: 98px;
    background-image:url(../images/parts_ornament_section_left_top.png);
    position: absolute;
    top: 0;
    left: 0;
}

.section_box .ornament.btm{
    width: 98px;
    height: 100px;
    background-image:url(../images/parts_ornament_section_right_btm.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

.section_box .parts{ width: 7px; height: 7px; background-repeat: no-repeat; position: absolute; z-index: 2;}
.section_box .left_top{ background-image:url(../images/parts_section_left_top.png); top: 0; left: 0;}
.section_box .right_top{ background-image:url(../images/parts_section_right_top.png); top: 0; right: 0;}
.section_box .right_btm{ background-image:url(../images/parts_section_right_btm.png); bottom: 0; right: 0;}
.section_box .left_btm{ background-image:url(../images/parts_section_left_btm.png); bottom: 0; left: 0;}

.section_box.white .left_top{ background-image:url(../images/parts_section_left_top_white.png); top: 0; left: 0;}
.section_box.white .right_top{ background-image:url(../images/parts_section_right_top_white.png); top: 0; right: 0;}
.section_box.white .right_btm{ background-image:url(../images/parts_section_right_btm_white.png); bottom: 0; right: 0;}
.section_box.white .left_btm{ background-image:url(../images/parts_section_left_btm_white.png); bottom: 0; left: 0;}


/* ----------------------------------------
*
    .member_nav
*
---------------------------------------- */
#member_nav{
    width: 1080px;
    margin: 0 auto 45px auto;
    text-align: center;
}

#member_nav.information{
    margin-bottom: 65px;
}

#member_nav ul{
    min-width: 1120px;
    overflow: hidden;
    letter-spacing: -.40em;
    text-align: center;
    position: relative;
    left: -29px;
}

#member_nav li{
    width: 200px;
    margin: 0 0 0 21px;
    background-repeat: no-repeat;
    display: inline-block;
    letter-spacing: normal;
}

#member_nav li.nav_mail{ background-image:url(../images/member/btn_member_mail_on.png);}
#member_nav li.nav_information{ background-image:url(../images/member/btn_member_information_on.png);}
#member_nav li.nav_gallery{ background-image:url(../images/member/btn_member_gallery_on.png);}

#member_nav li img{
    transition: opacity .1s ease;
}

#member_nav li.current img,
#member_nav li:hover img{
    opacity: 0;
}


/* ----------------------------------------
    #btm_navigation
---------------------------------------- */
#btm_navigation{
    clear: both;
    margin: 0 0 60px 0;
    text-align: center;
}

#btm_navigation .wp-pagenavi{
    display: inline-block;
}

#btm_navigation a,
#btm_navigation span,
#btm_navigation p{
    font-size: 17px;
    padding: 0 10px;
    display: inline-block;
    color: #5c0100;
}

#btm_navigation span.current{
    font-size: 24px;
    font-weight: bold;
}

#btm_navigation a{
    transition: opacity .1s ease;
}

#btm_navigation a:hover{
    text-decoration: none;
    opacity: .7;
}

#btm_navigation .previouspostslink{
    width: 63px;
    height: 15px;
    padding: 0;
    margin: 0 60px 0 0;
    background-image:url(../images/parts_btm_nav_prev.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

#btm_navigation .nextpostslink{
    width: 63px;
    height: 15px;
    padding: 0;
    margin: 0 0 0 60px;
    background-image:url(../images/parts_btm_nav_next.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

#btm_navigation .previouspostslink:after{
    width: 1px;
    height: 22px;
    content: '';
    display: block;
    background-color: #5c0100;
    position: absolute;
    top: -5px;
    right: -40px;
}

#btm_navigation .nextpostslink:after{
    width: 1px;
    height: 22px;
    content: '';
    display: block;
    background-color: #5c0100;
    position: absolute;
    top: -5px;
    left: -40px;
}

#btm_navigation .previouspostslink.empty{ opacity: .2; cursor: default;}
#btm_navigation .nextpostslink.empty{ opacity: .2; cursor: default;}



/* ------------------------------
    #modal_window
------------------------------ */
#modal_window{
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 65535;
}

#modal_window .overlay{
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .95;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

#modal_window .btn_close{
    width: 60px;
    height: 60px;
    background-image:url(../images/btn_modal_close.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
    transition: opacity .1s ease;
}

#modal_window .btn_prev{
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background-image:url(../images/btn_modal_prev.png);
    background-repeat: no-repeat;
    background-size: 60px;
    position: absolute;
    top: 50%;
    left: -80px;
    z-index: 2;
    cursor: pointer;
    transition: all .1s ease;
}

#modal_window .btn_next{
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background-image:url(../images/btn_modal_next.png);
    background-repeat: no-repeat;
    background-size: 60px;
    position: absolute;
    top: 50%;
    right: -80px;
    z-index: 2;
    cursor: pointer;
    transition: all .1s ease;
}

#modal_window .btn_close:hover{
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
}

#modal_window .btn_prev:hover{
    background-position: -5px 0;
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
}

#modal_window .btn_next:hover{
    background-position: 5px 0;
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
}

#modal_window #modal_inner{
    width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 2;
}

#modal_window #modal_data img{
    width: 100%;
    height: auto;
}

#modal_window #modal_data iframe{
    width: 800px;
    height: 450px;
}

#modal_window #modal_data .vertical img{
    width: auto !important;
    height: 720px;
}