@charset "utf-8";

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

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

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

PC,TAB

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

/* ▼担当者別▼ */
ul.archiveNav li h4 span.icon01.maeda { background:#2b74bc; }
ul.archiveNav li h4 span.icon01.yamashita { background:#ff00ff; }
ul.archiveNav li h4 span.icon01.takenaka { background:#ff6600; }
ul.archiveNav li h4 span.icon01.ono { background:#1fffff; }
ul.archiveNav li h4 span.icon01.yakata { background:#394d7d; }
ul.archiveNav li h4 span.icon01.oomi { background:#7109aa; }
ul.archiveNav li h4 span.icon01.motomura { background:#ffd700; }
ul.archiveNav li h4 span.icon01.yoshida { background:#2b591d; }
ul.archiveNav li h4 span.icon01.takimoto { background:#000000; }
ul.archiveNav li h4 span.icon01.hiranoma { background:#c2020b; }
ul.archiveNav li h4 span.icon01.abe { background:#daa520; }
ul.archiveNav li h4 span.icon01.nakamura { background:#fb4c4c; }
/* ▲担当者別▲ */

.archive {}
ul.archiveNav { border:#bbb 1px solid; }
ul.archiveNav li { background:URL(../../img/cmn/alBg131824_60p.png) repeat; border-bottom:#62656d 1px solid; }
ul.archiveNav li:last-child { border-bottom:none !important; }
ul.archiveNav li a { width:100%; display:block; text-decoration:none; color:#ddd; padding:14px 50px 14px 25px; position:relative; }
ul.archiveNav li a:before { content:''; width:32px; height:29px; position:absolute; right:12px; top:50%; margin:-15px 0 0 0; background:URL(../../img/cmn/allow_03.png) no-repeat center center; }
ul.archiveNav li p { width:95px; vertical-align:top; font-size:12px; line-height:160%; float:left; }
ul.archiveNav li h4 { width:100%; margin:0 0 0 -95px; padding:0 0 0 95px; vertical-align:top; line-height:160%; float:right; }
ul.archiveNav li h4 span.icon01 { width:90px; height:20px; font-size:11px; line-height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden; padding:0 10px; color:#fff; margin:0 15px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
text-shadow:none;
}

/* clearfix element */
ul.archiveNav li a:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html ul.archiveNav li a { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html ul.archiveNav li a { zoom:1; }

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

SP

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

@media screen and (max-width:700px) {

ul.archiveNav { /*border-top:#8b8f94 1px solid; border-bottom:none; border-left:none; border-right:none;*/ }
ul.archiveNav li { border-bottom:#8b8f94 1px solid; }
ul.archiveNav li a { padding:12px 50px 12px 10px; }
ul.archiveNav li a:before { width:26px; height:24px; right:8px; top:50%; background-size:100% 100%; margin:-12px 0 0 0; }
ul.archiveNav li h4 span.icon01 { display:block; margin:0 0 6px 0; }

}