/* =================================
	highlights CSS
================================= */

/*	text pic
============================== */

@media all and (min-width: 768px) {
.card-01{margin:10px auto;width:670px;height:180px;background-image:url(../img/card-01.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.card-02{margin:10px auto;width:670px;height:180px;background-image:url(../img/card-02.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.card-03{margin:10px auto;width:670px;height:180px;background-image:url(../img/card-03.jpg);background-repeat:no-repeat;text-indent:-9999px;}
}

@media all and (max-width: 767px) {
.card-01 {text-align:center;position:relative;padding-top:30%;height:0px;margin-bottom:5px;background-image:url(../img/card-01.jpg);background-repeat:no-repeat;background-size: contain;text-indent:-9999px;}
.card-02 {text-align:center;position:relative;padding-top:30%;height:0px;background-image:url(../img/card-02.jpg);background-repeat:no-repeat;background-size: contain;text-indent:-9999px;}
.card-03 {position:relative;padding-top:30%;height:0px;background-image:url(../img/card-03.jpg);background-repeat:no-repeat;background-size: contain;text-indent:-9999px;}
}



@media all and (min-width: 768px) {
#midokoro{width:920px; height:450px;margin:10px auto;}
.midokoro-img01 a{float:left;width:920px;height:200px;margin-bottom:5px;background-image:url(../img/card01.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.midokoro-img02 a{float:left;width:450px;height:200px;background-image:url(../img/card02.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.midokoro-img03 a{float:right;width:450px;height:200px;background-image:url(../img/card03.jpg);background-repeat:no-repeat;text-indent:-9999px;}
}
}

#midokoro a:hover{border:3px #cbab45 solid;}

@media all and (max-width: 767px) {
#midokoro{width:90%;height:480px;margin:8px auto;}
.midokoro-img01 a {float:left;width:100%;height:78px;margin:5px auto;background-image:url(../img/card01-s.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.midokoro-img02 a {float:left;width:100%;height:150px;margin:5px auto;background-image:url(../img/card02-s.jpg);background-repeat:no-repeat;text-indent:-9999px;}
.midokoro-img03 a {float:right;width:100%;height:150px;margin:5px auto;background-image:url(../img/card03-s.jpg);background-repeat:no-repeat;text-indent:-9999px;}

}


div.txt_area{
    padding: 0px 0 15px;
    margin: 0 0px 15px;

}
div.txt_area h2{
    color: #d70a30;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
}

@media all and (min-width: 768px) {
div.txt_area h2{
    margin:10px 0px;
    font-size: 200%;

}
div.txt_area p{
    font-size: 93.8%;
     line-height: 2.5;
}
div.areaR{
    margin: 0px 0 15px 20px;
    float: right;
}
div.areaL{
    margin: 0px 20px 15px 0;
    float: left;
}
div.pics span{
    width: 420px;
    height: 268px;
    display: block;
    background-repeat: no-repeat;
    border: 1px solid #d70a30;
    background-color: #d70a30;
    background-size: 420px 268px;
}
div.wide_pics span{
    width: 920px;
    height:181px;
    display: block;
    background-repeat: no-repeat;
    background-color: #d70a30;
    background-size: 920px 181px;
    margin: 30px 0 20px;
}

div.wide_pics2 span{
    width: 750px;
    height:181px;
    display: block;
    background-repeat: no-repeat;
    background-color: #d70a30;
    background-size: 750px 181px;
    margin: 10px auto;
}


}
@media all and (max-width: 767px) {
div.txt_area h2{
    margin-bottom: 15px;
    font-size: 100%;
}
div.txt_area{
    padding: 0px 0 15px;
    margin: 0 0px 15px;
}
div.txt_area p{
    font-size: 87.5%;
         line-height: 2.5;
}
div.pics span{
    margin: 0 auto 15px;
    width: 270px;
    height: 172px;
    background-size: 270px 172px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ba960a;
    background-color: #ba960a;
}
div.wide_pics span{
    margin: 15px auto 10px;
    width: 270px;
    height: 53px;
    background-size: 270px 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ba960a;
    background-color: #ba960a;
}


div.wide_pics2 span{
    margin: 15px auto 10px;
    width: 270px;
    height: 53px;
    background-size: 270px 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ba960a;
    background-color: #ba960a;
}

}

/*  checkitout_area
============================== */
div.checkitout_area h2{
    color: #d70a30;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
    text-align: center;
}
@media all and (min-width: 768px) {
div.checkitout_area h2{
    margin-bottom: 20px;
    font-size: 162.5%;
}
}
@media all and (max-width: 767px) {
div.checkitout_area h2{
    margin-bottom: 15px;
    font-size: 100%;
}
}