@charset "UTF-8";
/* CSS Document */

/* recruit
--------------------------------------------------------- */

@media screen and (min-width: 769px) {
main{
    position: relative;
}
main .main{
	width: 828px;
    padding: 20px 0;
    margin: 0 auto;
    height: auto;
    background-color: #faf0ea;
    z-index: 10;
}
main .main #main_inner{
	width: 756px;
    margin-left: 36px;
    margin-top: 20px;
}
}

/*
main #main_inner h2{
    border-bottom: solid 1px #EEC1C7;
    box-shadow: 0 1px 0 #fff;
    background: url(../img/common/h2_heart.png) no-repeat left center;
    padding: 0 0 0 78px;
    margin: 0 0 1em 0;
    line-height: 1.2;
}
*/

#art_houteisiki dl > dt{
    color: #42210b;
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: bold;
    margin: 0 1em 1em 1em;
}
p#recruit_contact{
    font-weight: bold;
    color: #630;
    line-height: 2em;
}
#art_recruit_flow{
    background-color: #FCF7F3;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 1px solid #CEBFAC;
    margin: 0 auto;
    padding: 10px;
}


@media screen and (min-width: 769px) {
#art_reserveticket{
    overflow: hidden;
}
#art_reserveticket dl{
    margin: 1.5em 0;
}
#art_reserveticket dl dt{
    font-weight: bold;
    color: #630;
    width: 60%;
    font-size: 1.2em;
    float: left;
}
#art_reserveticket dl dd{
    float: right;
    width: 35%;
}
ul#img_ctg{
    margin-bottom: 1em;
}
ul#img_ctg li{
    width: 24%;
    float: left;
    padding-right: 1%;
}
ul#img_ctg li:last-child{
    padding: 0;
}
ul#img_ctg li img{
    width: 100%;
}
}

@media screen and (max-width: 768px) {
#art_reserveticket{
    overflow: hidden;
}
#art_reserveticket dl{
    margin: 1.5em 0;
}
#art_reserveticket dl dt{
    font-weight: bold;
    color: #630;
    width: 80%;
    font-size: 1.2em;
    margin: 0 auto;
    line-height: 1.6;
}
#art_reserveticket dl dd{
    width: 90%;
    margin: 1em auto;
}
ul#img_ctg{}
ul#img_ctg li{
    width: 48%;
    float: left;
    padding-right: 1%;
}
ul#img_ctg li:nth-child(4),ul#img_ctg li:nth-child(2){
    float: right;
    padding: 0;
}
ul#img_ctg li img{
    width: 100%;
}
}