/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 480px){
/*----------------------------------------------------
    オンラインデザインテンプレートの場合
----------------------------------------------------*/
section.online_page .content-box {
    padding: 0px;
}

/*----------------------------------------------------
    デザイン一覧
    URL：/designs/
----------------------------------------------------*/
.online-design-list .box {
    width: 47%;
}
.online-design-list .box:nth-child(4n) {
    margin-right: 0;
}
/*----------------------------------------------------
    オンラインデザイン一覧
----------------------------------------------------*/
.online-design-box .wrap {
    width: 47%;
    margin-bottom: 15px;
}
.online-design-box .wrap .meta a {
    width: 35%;
}
/*----------------------------------------------------
    入稿画面
----------------------------------------------------*/
/* モーダル画面 */
#onlineDesingModalBody .draft-confirm-image {
    width: 100%;
}

/*----------------------------------------------------
    フロント、テンプレートデザイン編集のモーダル
----------------------------------------------------*/
#onlineDesingModalBody > .wrap .left, 
#onlineDesingModalBody #online_panel_slider > .wrap .left {
    width: 100%;
}
#onlineDesingModalBody > .wrap .right, 
#onlineDesingModalBody #online_panel_slider > .wrap .right {
    width: 100%;
    margin: 10px 0 0 0;
}
#onlineDesingModalBody .left .slider_content .wrap {
	width: 100%;
}
/* 出力ページ */
#onlineDesingModalBody .bottom dl.info dd .page-list li {
    width: 100%;
}


}