@charset "utf-8";

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

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

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

PC,TAB

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

/* ▼担当者別▼ */
ul.archiveNav li span.icon01.maeda { background:#2b74bc; }
ul.archiveNav li span.icon01.yamashita { background:#ff00ff; }
ul.archiveNav li span.icon01.takenaka { background:#ff6600; }
ul.archiveNav li span.icon01.ono { background:#1fffff; }


ul.archiveNav li span.icon01.motomura { background:#f8d413; }
ul.archiveNav li span.icon01.yoshida { background:#2b591d; }

ul.archiveNav li span.icon01.hiranoma { background:#c2020b; }
ul.archiveNav li span.icon01.abe { background:#daa520; }
ul.archiveNav li span.icon01.nakamura { background:#fb4c4c; }

ul.archiveNav li span.icon01.seven { background:#004098; }

/**6**/
ul.archiveNav li span.icon01.yakata { background:#394d7d; }
ul.archiveNav li span.icon01.takimoto { background:#000000; }
ul.archiveNav li span.icon01.oomi { background:#7109aa; }
ul.archiveNav li span.icon01.munekata { background:#999999; }
ul.archiveNav li span.icon01.kanai { background:#c2020b; }
ul.archiveNav li span.icon01.miyamoto { background:#f8d413; }
ul.archiveNav li span.icon01.takemoto { background:#daa520; }
ul.archiveNav li span.icon01.maui { background:#3a4c5b; }

/* ▲担当者別▲ */

.archive {}
ul.archiveNav { border:#fff 1px solid; }
ul.archiveNav li { background-color:#333; 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/top_allow.png) no-repeat center center; }
ul.archiveNav li p {  vertical-align:top; font-size: 10px; line-height:170%;color: #FFB309!important; display:inline-block; margin-right:1em;}
ul.archiveNav li h4 { width:100%; margin:0 0 0 0px; padding:0 0 0 0px; vertical-align:top; line-height:160%; }
ul.archiveNav li span.icon01 { width:9em; height:14px; font-size:10px; line-height:14px; 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) {**/
.archive_inner_01 { border:2px solid #050909; border-radius:.4em; margin:0 10px; }
ul.archiveNav { /*border-top:#8b8f94 1px solid; border-bottom:none; border-left:none; border-right:none;*/ 
border: 1px solid #323338;
    border-radius: .3em;
    overflow: hidden;
    border-top: 1px solid #60626A;
    border-bottom: 1px solid #60626A;
	
	/**box-shadow: 1px 2px 6px rgba(0,0,0,.65), -1px -2px 6px rgba(0,0,0,.65);**/
}
ul.archiveNav li { border-bottom:#8b8f94 1px solid;

margin-bottom: 1px;

    background: #2b2c33;
    background: -moz-linear-gradient(top, #2b2c33 0%, #2b2c33 50%, #19191e 51%, #19191e 100%);
    background: -webkit-linear-gradient(top, #2b2c33 0%,#2b2c33 50%,#19191e 51%,#19191e 100%);
    background: linear-gradient(to bottom, #2b2c33 0%,#2b2c33 50%,#19191e 51%,#19191e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2c33', endColorstr='#19191e',GradientType=0 );
	
	border-bottom: #60626A 1px solid;

	 }
ul.archiveNav li a { padding:12px 50px 12px 10px; position:relative; }
ul.archiveNav li a:before { width:26px; height:24px; right:8px; top:50%; background-size: auto 12px; margin:-12px 0 0 0; }
ul.archiveNav li a:after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #19191E; box-sizing:border-box; z-index:1; }
ul.archiveNav li:nth-child(1) a:after { border-top-left-radius:.2em;border-top-right-radius:.2em; }
ul.archiveNav li:nth-last-child(1) a:after { border-bottom-left-radius:.2em;border-bottom-right-radius:.2em; }
ul.archiveNav li:nth-last-child(1) { margin-bottom:0; }
ul.archiveNav li span.icon01 {  margin:0 0 6px 0; }

ul.archiveNav li:after {
    width: -webkit-calc( 100% - 1px );
    width: calc( 100% - 1px );
    height: -webkit-calc( 100% - 2px );
    height: calc( 100% - 2px );
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #19191E;
    box-sizing: border-box;
    /**content: "";**/
    display: block;
}

/**}**/