@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    index_pc.css
*
*
------------------------------------------------------------------------------------------ */


/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width : 641px){ 

#contents_area{
    width: 910px;
    min-width: 910px;
    margin: 0 auto;
    overflow: hidden;
}

#wrap .head{
    width: 100%;
    padding: 15px 0;
    background-color: #463320;
    text-align: center;
}

#wrap .head img{
    width: 255px;
}

#wrap .head{
    border-bottom: 15px solid #868067;
}

/* --------------------------------------------------
*
    #mv
*
-------------------------------------------------- */
#mv{
    width: 100%;
    background-color: #ecedec;
    text-align: center;
}

#wrap .date{
    min-width: 910px;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
    line-height: 0;
    background-color: #463320;
    text-align: center;
    overflow: hidden;
}

#sec_yodogawa{
    display: table;
}

#sec_yodogawa .col_l{
    width: 50%;
    padding: 0 10px 0 0;
    display: table-cell;
    vertical-align: top;
}

#sec_yodogawa .col_r{
    width: 50%;
    padding: 0 0 0 10px;
    display: table-cell;
    vertical-align: top;
}

#sec_yodogawa p{
    font-size: 17px;
    font-weight: bold;
    letter-spacing: .02em;
    line-height: 2.5294em;
    white-space: nowrap;
}

#sec_yodogawa .btn_profile{
    width: 360px;
    height: 55px;
    margin: 30px 0 60px 0;
    text-align: center;
}

#sec_yodogawa .btn_profile a{
    width: 360px;
    height: 55px;
    box-sizing: border-box;
    line-height: 61px;
    display: block;
    font-size: 17px;
    letter-spacing: .14em;
    color: #dadada;
    background-color: #604313;
    box-shadow: 0 8px 0 #463320;
    border-radius: 5px;
    position: relative;
    top: 0;
    left: 0;
    transition: box-shadow .15s ease .0s, top .15s ease .0s, left .15s ease .0s, color .15s ease .0s;
}

.is_sp #sec_yodogawa .btn_profile a.touch,
.is_pc #sec_yodogawa .btn_profile a:hover{
    color: #cc9d15;
    top: 6px;
    left: 0;
    box-shadow: 0 2px 0 #463320;
    transition: box-shadow .2s ease .05s, top .2s ease .05s, left .2s ease .05s, color .2s ease .05s;
}

/* --------------------------------------------------
*
    #sec_body_wrap
*
-------------------------------------------------- */
#sec_body_wrap{
    padding: 30px;
    background-color: #463320;
}

#sec_body_wrap h2{
    margin: 0 0 60px 0;
    text-align: center;
}

#sec_body_wrap h2 img{
    width: 469px;
}

#sec_body_top{
    padding: 90px 0 50px 0;
    background-color: #e6e6e6;
    text-align: center;
}

#sec_body_top p{
    margin: 0 0 40px 0;
    padding: 0 0 0 175px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    letter-spacing: .06em;
    line-height: 2.44em;
}

#sec_body_top p.img{
    width: 700px;
    margin: 20px 0 35px 0;
    text-align: left;
    display: inline-block;
    padding: 0;
}

#sec_body_top p.img.v{
    width: 500px;
}

#sec_body_top p.img .caption{
    margin: 0 0 10px 0;
    display: block;
    font-size: 13px;
    line-height: 1.7em;
    font-weight: normal;
    color: #534741;
}

#sec_body_top p.img a{
    display: block;
    color: #534741;
}

#sec_body_top p.img img{
    width: 100%;
}

#sec_body_top a{ transition: color .1s ease .0s;}
#sec_body_top a:hover,
#sec_body_top a.touch{
    color: #e4ae61;
    transition: color .15s ease .05s;
}

#sec_body_top .btn_about{
    margin: 0 0 80px 0;
}

#sec_body_top .btn_about img{
    width: 509px;
}

#sec_body_wrap h3{
    margin: 40px 0;
    text-align: center;
}

#sec_body{
    padding: 45px 0 0 0;
    background-color: #e6e6e6;
    overflow: hidden;
}

#sec_body section{
    margin: 0 0 45px 0;
}

#sec_body h3{
    margin: 0 0 30px 0;
    font-size: 34px;
    letter-spacing: .06em;
    font-weight: bold;
    color: #2e130b;
    text-align: center;
}

#sec_body h3 img{
    width: 69px;
}

#sec_body h3 span.t{
    margin: 20px 0 0 0;
    text-indent: .5em;
    display: block;
    line-height: 1.6em;
}

#sec_body h3 span.ti{
    display: block;
}

#sec_body .section_inner{
    width: 700px;
    padding: 40px 0 20px 0;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #b6aea2;
    border-radius: 10px;
    color: #1a1a1a;
}

#sec_body .section_inner p{
    margin: 0 0 40px 0;
    padding: 0 100px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .06em;
    line-height: 2.44em;
}

#sec_body .section_inner p.caution{
    text-indent: -1em;
    padding: 0 0 0 1em;
    color: #933100;
    position: relative;
    left: 100px;
}

#sec_body .section_inner p.img{
    padding: 0 50px;
    text-align: center;
    line-height: 1em;
}

#sec_body .section_inner p.img.v{
    padding: 0 100px;
}

#sec_body .section_inner p.img img{
    width: 100%;
}

#sec_body .section_inner p.img.sep img{
    width: 50%;
    vertical-align: top;
}

#sec_body .section_inner p.img .caption{
    margin: 10px 0 0 0;
    display: block;
    font-size: 13px;
    line-height: 1.7em;
    font-weight: normal;
    color: #534741;
    letter-spacing: .05em;
}

#sec_body .section_inner p a:hover,
#sec_body .section_inner p a.touch{
    text-decoration: underline;
    transition: border .15s ease .05s;
}

#sec_body .section_inner p .caution{
    font-size: 85%;
}

#sec_body .section_inner p.notes{
    text-indent: -1em;
    padding-left: 1em;
    position: relative;
    left: 100px;
}

#sec_body .section_inner p.notes.k{
    text-indent: -1.5em;
    padding-left: 1.5em;
    position: relative;
    left: 100px;
}

#sec_body .btm_date{
    margin: 65px 0;
    text-align: center;
    font-size: 12px;
    color: #604313 ;
    letter-spacing: .33em;
}

/* --------------------------------------------------
*
    #foot_share
*
-------------------------------------------------- */
#foot_share{
    width: 910px;
    min-width: 910px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    box-sizing: border-box;
}

#foot_share ul{
    padding: 0 5px;
    text-align: center;
    letter-spacing: -.40em;
    float: left;
}

#foot_share li{
    margin: 0 40px 0 0;
    display: inline-block;
    letter-spacing: normal;
}

#foot_share li.home.switch_sp{
    display: none;
}

#foot_share .col_hobo{
    float: right;
}

#foot_share .col_hobo li{
    margin: 0 0 0 40px;
}

#foot_share li img{
    width: auto;
    height: 68px;
}

#foot_share .copyright{
    clear: both;
    padding: 60px 0;
    text-align: center;
}

#foot_share .copyright img{
    width: 253px;
}



/* --------------------------------------------------
*
    #modal_profile
*
-------------------------------------------------- */
.modal_wrap{
    display: none;
}

.modal_profile{
    text-align: left;
}

.modal_profile section{
    margin: 0 0 60px 0;
}

.modal_profile section:last-child{
    margin: 0;
}

.modal_profile .section:last-child{
    margin: 0;
}

.modal_profile h3{
    margin: 0 0 30px 0;
    font-size: 20px;
    letter-spacing: .08em;
}

.modal_profile a{
    display: inline-block;
    text-indent: -.5em;
    border-bottom: 1px solid transparent;
    color: #e0701a;
}

.is_pc .modal_profile a:hover,
.is_sp .modal_profile a.touch{
    text-decoration: underline;
}

.modal_profile h3 .en{
    margin: 10px 0 0 0;
    display: block;
    font-size: 12px;
    position: relative;
    letter-spacing: .02em;
}

.modal_profile p{
    margin: 0 0 25px 0;
    font-size: 14px;
    line-height: 2em;
}

.modal_profile p:last-child{
    margin: 0;
}

.modal_profile .pic{
    text-align: center;
}

.modal_profile .pic img{
    width: 450px;
}


} /* ----- min-width : 641px ----- */