@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    tobichi.css
*
*
------------------------------------------------------------------------------------------ */
#contents_area a{ text-decoration: underline;}
#contents_area a:hover{ text-decoration: none;}

@media screen and (min-width : 641px){ 
/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */
#contents_area{
    padding: 70px 0 0 0;
    text-align: center;
}

#contents_area .pic,
#contents_area .desc{ text-align: left;}

#contents_area .desc p{
    font-size: 16px;
    line-height: 2em;
    margin: 0 0 2em 0;
}

.box_info{
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    line-height: 2.15em;
    letter-spacing: .05em;
    position: relative;
}

.box_info:before{
    content: '';
    display: block;
    width: 6px;
    height: 90%;
    background-color: #a1272d;
    position: absolute;
    top: 5%;
    left: -20px;
}


/* --------------------------------------------------
*
    #section_tobichi
*
-------------------------------------------------- */
#section_tobichi{
    padding: 0 0 75px 0;
    position: relative;
}

#section_tobichi h2{ margin: 0 0 30px 0; text-align: center;}
#section_tobichi h2 img{ width: 539px;}

#section_tobichi .top_info{
    margin: 0 0 45px 0;
    padding: 0 0 0 220px;
}

#section_tobichi .top_info p{
    margin: 0 0 20px 0;
}

#section_tobichi .top_info .desc p{
    font-size: 15px;
}

#section_tobichi .floor{
    margin: 0 0 60px 0;
}

#section_tobichi .floor.toto{
    margin: -20px 0 40px 0;
}

#section_tobichi .floor .desc,
#section_tobichi .floor .pic{
    padding: 0 0 0 270px;
}

#section_tobichi .floor h3{
    margin: 0 0 15px 0;
}

#section_tobichi .floor h3 img{
    width: 460px;
}

#section_tobichi .box_info{
    margin: 0 0 0 100px;
    font-size: 16px;
    font-weight: bold;
    color: #a1272d;
}

#section_tobichi .box_info a{
    color: #a1272d;
}

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




@media screen and (max-width : 640px){ 
/*------------------------------------------------------------------------------------------
*
*
    max-width : 640px
*
*
------------------------------------------------------------------------------------------ */
#wrap{
    overflow: hidden;
}

#contents_area{
    padding: 60px 0 0 0;
    text-align: center;
}

#contents_area .pic,
#contents_area .desc{ text-align: left;}

#contents_area .desc p{
    font-size: 15px;
    line-height: 2em;
    margin: 0 0 2em 0;
}

.box_info{
    min-width: 300px;
    margin: 0 auto;
    padding: 0 15px 0 30px;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    line-height: 2.15em;
    letter-spacing: .05em;
    position: relative;
    white-space: normal;
    word-break: break-all;
}

.box_info:before{
    content: '';
    display: block;
    width: 4px;
    height: 90%;
    background-color: #a1272d;
    position: absolute;
    top: 5%;
    left: 15px;
}

/* --------------------------------------------------
*
    #section_tobichi
*
-------------------------------------------------- */
#section_tobichi{
    position: relative;
    top: -20px;
}

#section_tobichi img{
    width: 100%;
    max-width: 460px;
}

#section_tobichi .pic{ text-align: center;}
#section_tobichi .pic img{
    width: 100%;
    max-width: 460px;
}

#section_tobichi h2{ margin: 0 0 20px 0; text-align: left;}
#section_tobichi h2 img{ width: 100%; max-width: 420px;}

#section_tobichi .top_info{
    margin: 0 0 30px 0;
    padding: 0 15px;
}

#section_tobichi .top_info p{
    margin: 0 0 20px 0;
}

#section_tobichi .top_info .desc p{
    font-size: 15px;
}

#section_tobichi .floor{
    margin: 0 0 40px 0;
}

#section_tobichi .floor.toto{
    margin: -20px 0 40px 0;
}

#section_tobichi .floor .desc,
#section_tobichi .floor .pic{
    padding: 0 15px;
}

#section_tobichi .floor h3{
    margin: 0 0 15px -25px;
    text-align: left;
}

#section_tobichi .floor h3 img{
    max-width: 420px;
    width: 100%;
}

#section_tobichi .box_info{
    font-size: 14px;
    font-weight: bold;
    color: #a1272d;
}

#section_tobichi .box_info a{
    color: #a1272d;
}

} /* ----- max-width : 640px ----- */