/* ===================================================================
CSS
 file name  :  spot.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
動画で分かる！駅周辺の街情報・おすすめスポット
======================================== */
#contents {
    width: 1000px;
    margin: 30px auto auto;
}

.main_spot
{
    text-align:center;
}
.spot_title
{
    text-align:center;
    color: #00306D;
    font-weight:bold;
    margin:10px 0;
}

.spot li{ width:24.5%; display:inline-table; margin-bottom:10px;text-align:center;}
.spot li img{ width:100%;}
.spot li iframe{ height:135px;}
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
/* =====================================
動画で分かる！駅周辺の街情報・おすすめスポット
======================================== */
.main_spot iframe
{
    width:100%;
    height:180px;
}
.spot_title
{
    text-align:center;
    color: #00306D;
    font-weight:bold;
    margin:10px 0;
}

.spot{ margin:10px;}
.spot li{ display:inline-table; width:49%;margin-bottom:10px;text-align:center;}
.spot li img{ width:100%;}

}


.txt_a_r {
    text-align: right;
}