@charset "UTF-8";


/*******************************

saleCss

*******************************/

.page #hero{
    border-top-color: #ee8763;
    padding-bottom:20px;
    background: #fbf6e6;
    border-bottom: none;
}

/*-----------------------------
一覧ページ
-------------------------------*/
.media_list {
    width: 100%;
    overflow: hidden;
}
.media_list li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #000;
}
.media_list a {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 50px 0 30px 0;
}
.media_list img {float: left;
}

.media_list .txtwrap {
    float: right;
    width: 710px;
}
.media_list .txtwrap time {

}
.media_list .txtwrap h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
}
.media_list .txtwrap p {
}


@media screen and (max-width: 767px) {

.media_list img {
    float: none;
    width: 100%;
}

.media_list .txtwrap {
    float: none;
    width: 100%;
    margin-top: 20px;
}

.media_list .txtwrap h3 {
    font-size: 20px;
}
}


/*-----------------------------
詳細ページ
-------------------------------*/
.mediaTitle {
    width: 100%;
    border-bottom: 1px dotted #000;
    margin-bottom: 30px;
    overflow: hidden;
}
.mediaTitle time {
    float: left;
    font-size: 18px;
    width: 120px;
}
.mediaTitle h2 {
    font-size: 24px;
    font-weight: bold;
}

.mediaTxtWrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
.mediaTxtWrap p {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
}
.mediaTxtWrap img.rightImg {
    float: right;
    margin-left: 30px;
}
.mediaTxtWrap ul.listImg {
    width: 100%;
    overflow: hidden;
}
.mediaTxtWrap ul.listImg li:nth-child(odd) {
    float: left;
}
.mediaTxtWrap ul.listImg li:nth-child(even)  {
    float:right;
}


ul.postLink {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
ul.postLink li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

ul.postLink li:nth-child(3n) {
   margin-right: 0;
}
ul.postLink a {
    display: block;
    border-radius: 10px;
    background: url(../images/icon.png) 30% 50% no-repeat,#ee8763;
    padding: 15px 0;
    color: #fff;
    text-align: center;
}


@media screen and (max-width: 767px) {

.mediaTitle time {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.mediaTitle h2 {
    width: 100%;
    font-size: 20px;
    margin-top: 15px;
}

.mediaTxtWrap p {
    margin-bottom: 40px;
}
.mediaTxtWrap img.rightImg {
    float: none;
    margin-left:0;
    width: 100%;
    margin-bottom: 20px;
}
.mediaTxtWrap ul.listImg {
    width: 100%;
    overflow: hidden;
}
.mediaTxtWrap ul.listImg li{
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.mediaTxtWrap ul.listImg li img{
    width: 100%;
}



ul.postLink li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}




}