#main_image{max-height: 12rem;}
.works{padding-bottom: 2rem; opacity: 0;}
.works img{border: 1px #efefef solid;}

.pages {
    text-align: center;
    margin: 15px auto 64px;
    line-height: 0;
}
.pages .list-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 2px;
}
.pages li span {
    border: none;
    color: #3b3a3c;
    font-weight: normal;
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    line-height: 23px;
}
.pages li a {
    background-color: #e1e1e1;
    color: #3b3a3c;
    font-weight: 300;
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pages .list-item span.current {
    border: #999 1px solid;
    background-color: #999;
    color: #fff;
}
.pages .list-item a {
    border: #999 1px solid;
    background-color: transparent;
}

/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#appeal ul li {font-size: 1.3rem;}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#appeal ul li {font-size: 1rem;}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 767px) {
#appeal ul li{font-size: 1rem;}
#appeal ul li i{padding-right: 0.4rem;}
	img#illust{margin-top: 1rem;}
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {

}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    
}