@charset "utf-8";
/*
* sytle_index.css
* description : FM802 Saturday Amusic Islands -morning edition- KEWPIE COLORFUL BOX
*
* Created  2016/10/01.
* Last Update 2016/10/01.
*/





/* INDEX */

/*[ Frespo Main ]*/
/*----[[[ Frespo Main ]]]----*/

/*[ Frespo Back Number ]*/










/*
[ Frespo Main ]
*/

/*[ Main Frame ]*/
.content .main-content {
width:1024px;
height:auto;
margin:0 auto;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*[ Corner Title ]*/
.content .main-content > .container > .corner-ttl {
margin:0;
padding:0;
text-align:center;
}

/*[ Corner Box ]*/
.content .main-content .corner-box {
width:auto;
height:auto;
margin:0;
padding:3.2rem;
background:#eef8ec;
}





/*----[[[ Frespo Main ]]]----*/
.main-content .spot-box {
width:auto;
height:auto;
padding:0;
margin-bottom:3.2rem;
}
.main-content .spot-box > .container {
width:auto;
height:auto;
margin:0;
padding:3rem 2.4rem;
background:#FFF;
}


/*[[[ Detail ]]]*/
.main-content .spot-box .spot-info {
width:51.11111%; /* 460px | 900px */
height:auto;
margin:0;
padding:0;
float:left;
}

/*[ Shop Name ]*/
.main-content .spot-box .spot-info .spot-name {
font-size:2.4rem;
font-weight:800;
margin:0 0 1.4rem;
padding:1rem 0 0 .7rem;
color:#d91f19;
}

/*[ On Air Day]*/
.main-content .spot-box .spot-info .spot-date {
font-size:1.3rem;
margin:0 0 3rem;
padding:0 0 2rem .7rem;
border-bottom:1px solid #cfedca;
}

/*[ Text ]*/
.main-content .spot-box .spot-info .spot-copy {
font-size:1.5rem;
line-height:2.4rem;
margin:0;
padding:0 .7rem;
}



/*[[[ Photo and Info ]]]*/
.main-content .spot-box .spot-etc {
width:44.44444%; /* 400px | 900px */
height:auto;
margin:0;
padding:0;
float:right;
}

/*[ Photo ]*/
.main-content .spot-box .spot-etc .spot-photo {
width:auto;
height:auto;
margin:0 0 3.2rem;
padding:0;
text-align:center;
}

/*[ Information ]*/
.main-content .spot-box .spot-etc .spot-detail {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*[ Name ]*/
.main-content .spot-box .spot-etc .spot-detail .spot-detail-name {
font-size:1.6rem;
font-weight:800;
margin:0 0 1.6rem;
padding:0;
}

/*[ List ]*/
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list {
width:auto;
height:auto;
margin:0;
padding:0;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-head {
font-size:1.3rem;
line-height:2rem;
float:left;
padding-bottom:.7rem;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-info {
font-size:1.3rem;
line-height:2rem;
margin-left:140px;
padding-bottom:.7rem;
word-break:break-all;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-head i {
margin-right:.5rem;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-info a:hover {
text-decoration:none;
}



@media only screen and (max-width:768px) and (max-device-width:1280px) {

/*[ Main Frame ]*/
.content .main-content {
width:auto;
margin:0;
}


/*[ List ]*/
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-head {
float:none;
padding-bottom:0;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-info {
margin-left:0;
padding-bottom:0;
margin-bottom:1rem;
}
.main-content .spot-box .spot-etc .spot-detail .spot-detail-list .spot-detail-list-info:last-child {
margin-bottom:0;
}


}


@media only screen and (max-width:640px) and (max-device-width:1280px) {

/*[ Corner Box ]*/
.content .main-content .corner-box {
padding:2.4rem;
}

/*[ Corner Title ]*/
.content .main-content > .container > .corner-ttl {
margin:0 2rem 1.2rem;
}

/*----[[[ Frespo Main ]]]----*/
.main-content .spot-box > .container {
padding:2.4rem 2rem;
}


/*[[[ Detail ]]]*/
.main-content .spot-box .spot-info {
width:auto;
float:none;
margin-bottom:3rem;
}


/*[[[ Photo and Info ]]]*/
.main-content .spot-box .spot-etc {
width:auto;
float:none;
}


}



@media only screen and (max-width:420px) and (max-device-width:1280px) {

/*[ Corner Box ]*/
.content .main-content .corner-box {
padding:2rem;
}

/*[ Corner Title ]*/
.content .main-content > .container > .corner-ttl {
margin:0 1.6rem 1rem;
}

/*----[[[ Frespo Main ]]]----*/
.main-content .spot-box > .container {
padding:2rem 1.6rem;
}


/*[[[ Detail ]]]*/
.main-content .spot-box .spot-info {
margin-bottom:2.2rem;
}


}



@media only screen and (max-width:320px) and (max-device-width:1280px) {

/*[ Corner Box ]*/
.content .main-content .corner-box {
padding:1.6rem;
}

/*[ Corner Title ]*/
.content .main-content > .container > .corner-ttl {
margin:0 1.2rem .8rem;
}

/*----[[[ Frespo Main ]]]----*/
.main-content .spot-box > .container {
padding:1.6rem 1.2rem;
}


}










/*
[ Frespo Back Number ]
*/

/*[ Side Frame ]*/
.content .spot-backnumber {
width:auto;
height:auto;
margin:0 auto;
padding:0;
}
.content .spot-backnumber > .container {
width:100%;
height:auto;
margin:0 auto;
padding:0;
}

/*[ Corner Title ]*/
.content .spot-backnumber > .container > .corner-ttl {
margin:0 0 1rem;
padding:0;
text-align:center;
}

/*[ Back Number List ]*/
.content .spot-backnumber .spot-list {
width:auto;
height:auto;
margin:0 -7px;
padding:0;
list-style:none;
}
.content .spot-backnumber .spot-list li {
width:20%;
height:auto;
margin:0 0 1.4rem;
padding:0;
float:left;
}
/*[ Loading ]*/
.content .spot-backnumber .spot-list-load {
display:none;
}
.content .spot-backnumber .spot-list-load.active {
display:block;
}

/*[ List Box ]*/
.content .spot-backnumber .spot-list li a {
display:inline;
margin:0;
padding:0;
text-decoration:none;
}
.content .spot-backnumber .spot-list li .spot-list-box {
width:auto;
height:auto;
margin:0 7px;
padding:0 0 42px;
background:#FFF;
position:relative;
}
.content .spot-backnumber .spot-list li .spot-list-box:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*[ Thumbnail ]*/
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-thumb {
width:auto;
height:auto;
margin:0;
padding:0;
}
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-thumb.no-style {
display:none;
}

/*[ Name and Date ]*/
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-info {
margin:0;
padding:1.4rem 1.2rem;
}
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-info .spot-list-info-name {
font-size:1.3rem;
line-height:1.7rem;
font-weight:bold;
margin:0 0 .7rem;
padding:0;
color:#d91f19;
}
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-info .spot-list-info-date {
font-size:1.1rem;
margin:0;
padding:0;
color:#4d4d4d;
}

/*[ Btn Text ]*/
.content .spot-backnumber .spot-list li .spot-list-box .btn-detail {
width:100%;
border-top:1px solid #cfedca;
font-size:1.2rem;
text-align:center;
margin:0;
padding:1rem 0;
position:absolute;
bottom:0;
}

/*[ Btn More ]*/
.content .spot-backnumber .btn-wrap {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}
.content .spot-backnumber .btn-wrap .btn-more {
width:74px;
height:74px;
color:#FFF;
text-decoration:none;
background: #009245;
display: inline-block;
font-size:1.4rem;
text-align: center;
padding-top:2.2rem;
border-radius:100%;
box-sizing:border-box;
}
.content .spot-backnumber .btn-wrap .btn-more:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.content .spot-backnumber .btn-wrap .btn-more span {
display:block;
margin-bottom:.5rem;
}



@media only screen and (max-width:640px) and (max-device-width:1280px) {

/*[ Corner Title ]*/
.content .spot-backnumber > .container > .corner-ttl {
	width:48%;
margin:0 auto 1rem;
}


/*[ Back Number List ]*/
.content .spot-backnumber .spot-list {
margin:0;
}
.content .spot-backnumber .spot-list li {
width:auto;
margin:0 0 .6rem;
float:none;
position:relative;
background:#FFF;
}
.content .spot-backnumber .spot-list li:after {
font-family: 'FontAwesome';
content:"\f054";
position:absolute;
top:50%;
right:10px;
margin-top:-.8rem;
}

.content .spot-backnumber .spot-list li .spot-list-box {
width:100%;
margin:0;
padding:0;
display:table;
position:relative;
background:none;
}

/*[ Thumbnail ]*/
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-thumb {
width:90px;
height:100%;
display:table-cell;
vertical-align:middle;
}
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-thumb img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*[ Name and Date ]*/
.content .spot-backnumber .spot-list li .spot-list-box .spot-list-info {
margin:0;
padding:1.2rem 4.4rem 1.2rem 1rem;
display:table-cell;
vertical-align:middle;
}

/*[ Btn Text ]*/
.content .spot-backnumber .spot-list li .spot-list-box .btn-detail {
display:none;
}


}