@charset "utf-8";

/* ===================================================================
css information

File Name  : itemList.css
Author     : 
Style Info : 
=================================================================== */

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

.layout-itemList //////////////////////////////////////////////////

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

.layout-itemList .cmn-statusbox-1 { position:relative; }

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

.itemList-list-1

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

.itemList-list-1-wrap { margin:20px 0 0 0; }
.itemList-list-1 .list-head { background:#FFC7CF; padding:8px 42px 8px 10px; position:relative; }
.itemList-list-1 .list-head .row-item { width:100%; display:table; table-layout:fixed; }
.itemList-list-1 .list-head .col-item { display:table-cell; vertical-align:middle; }
.itemList-list-1 .list-head .col-item.col-2 { width:140px; padding:0 10px; }
.itemList-list-1 .list-head .title-1 { color:#FF045D; font-size:1rem; }
.itemList-list-1 .list-head .title-1 .time { color:#FF045D; font-size:0.857rem; display:inline-block; vertical-align:baseline; padding-left: 0.5em; }
.itemList-list-1 .list-head .status-1 { height:24px; line-height:24px; color:#FF045D; font-size:12px; text-align:center; border-radius:12px; background:rgba(255,255,255,0.5); }
.itemList-list-1 .list-head .date-1 { color:#FF045D; font-size:0; text-align:right; }
.itemList-list-1 .list-head .date-1 > span { font-size:0.857rem; display:inline-block; vertical-align:baseline; }
.itemList-list-1 .list-head .date-1 > span + span { min-width:5.5em; }
.itemList-list-1 .list-body { background:#FCF3FF; padding:10px; }
.itemList-list-1 .list-body .cmn-help-1 { padding-left:175px; }

/* arrow */
.itemList-list-1 .list-head:before { content:''; width:16px; height:10px; position:absolute; top:50%; right:12px; margin:-5px 0 0 0; background:URL(/img/arrow_acd_01_down.svg) no-repeat center center; background-size:100% 100%; }
.itemList-list-1 .list-head.active:before { background-image:URL(/img/arrow_acd_01_up.svg); }

/* margin-adjust */
.itemList-list-1 + .itemList-list-1 { margin:5px 0 0 0; }

@media screen and (max-width:768px){
.itemList-list-1-wrap { margin:15px 0 0 0; }
.itemList-list-1 .list-head { padding:5px 30px 5px 5px; }
.itemList-list-1 .list-head .col-item.col-3 { width:120px; }
.itemList-list-1 .list-head .title-1 { font-size:1.077rem; } 
.itemList-list-1 .list-head .status-1 { height:auto; line-height:1.3; font-size:0.769rem; text-align:right; border-radius:0px; background:none; }
.itemList-list-1 .list-head .date-1 { margin:3px 0 0 0; }
.itemList-list-1 .list-head .date-1 > span { font-size:0.769rem; }
.itemList-list-1 .list-body { padding:5px; }
.itemList-list-1 .list-body .cmn-help-1 { padding-left:0; padding-top:2px; }
.itemList-list-1 .list-body .cmn-help-1 .help-nav { position:static; }

/* arrow */
.itemList-list-1 .list-head:before { width:12px; height:8px; right:5px; margin:-4px 0 0 0; }	
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .itemList-list-1-wrap { margin:15px 0 0 0; }
.web-view .itemList-list-1 .list-head { padding:5px 30px 5px 5px; }
.web-view .itemList-list-1 .list-head .col-item.col-3 { width:120px; }
.web-view .itemList-list-1 .list-head .title-1 { font-size:1.077rem; } 
.web-view .itemList-list-1 .list-head .status-1 { height:auto; line-height:1.3; font-size:0.769rem; text-align:right; border-radius:0px; background:none; }
.web-view .itemList-list-1 .list-head .date-1 { margin:3px 0 0 0; }
.web-view .itemList-list-1 .list-head .date-1 > span { font-size:0.769rem; }
.web-view .itemList-list-1 .list-body { padding:5px; }
.web-view .itemList-list-1 .list-body .cmn-help-1 { padding-left:0; padding-top:2px; }
.web-view .itemList-list-1 .list-body .cmn-help-1 .help-nav { position:static; }

/* arrow */
.web-view .itemList-list-1 .list-head:before { width:12px; height:8px; right:5px; margin:-4px 0 0 0; }