/*  File Path
-----------------------------------------------*/
/*  Color
-----------------------------------------------*/
/*  Size
-----------------------------------------------*/
/*  Bourbon Settings
-----------------------------------------------*/
/*=== Spritesmith for Retina
==============================================================================================*/
.is-simple #l-wrap { width: auto; }

.is-simple .l-main { float: none; margin: 0 auto; max-width: 680px; width: auto; }

body { max-width: 100%; padding: 54px 0 0; background: none; }

#l-wrap { width: 1160px; margin: 0 auto; padding: 10px 0; }

#l-wrap:after { clear: both; content: ""; display: table; }

.l-main { background: #FFF; padding: 10px; border-radius: 8px; box-sizing: content-box; width: 600px; float: left; }

.m-editor, .m-viewer { font-size: 106%; }

.pc-side--left { float: left; width: 220px; margin: 0 10px 0 0; }

.pc-side--right { float: right; width: 300px; }

.pc-banner { background: #FFF; border-radius: 4px; overflow: hidden; margin: 0 0 10px; }

.pc-banner a { color: inherit; text-decoration: none; }

.pc-banner__label { padding: 6px 8px; line-height: 1.6; }

.pc-widget { padding: 10px; background: #FFF; border-radius: 8px; margin: 0 0 10px; }

.pc-widget__label { background: #F0F0F0; padding: 8px; }

.pc-widget__nav li { border-bottom: solid 1px #F0F0F0; }

.pc-widget__nav li:last-child { border-bottom: none; }

.pc-widget__nav a { display: block; color: inherit; text-decoration: none; padding: 12px 8px; color: inherit; }

.pc-widget__nav a:hover { background: #f8f8f8; }

.pc-header { background: #FFF; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 54px; border-bottom: solid 1px #D8D8D8; }

.pc-header__inner { position: relative; max-width: 1160px; margin: 0 auto; }

.pc-header__logo { position: absolute; top: 0; left: 50%; width: 100px; margin: 0 0 0 -50px; background: url("/sp/assets/img/logo_pc.png") 50% 50% no-repeat; background-size: auto 45px; overflow: hidden; text-indent: 101%; white-space: nowrap; }

.pc-header__logo a { display: block; height: 54px; }

.pc-header__search { position: absolute; top: 10px; left: 0; width: 300px; }

.pc-header__nav { position: absolute; top: 0; right: 0; }

.pc-header__nav ul { padding: 6px 0; }

.pc-header__nav li { float: left; width: 110px; text-align: center; border-left: solid 1px #EAEAEA; }

.pc-header__nav li:last-child { border-right: solid 1px #EAEAEA; }

.pc-header__nav a { position: relative; color: inherit; text-decoration: none; color: inherit; display: block; line-height: 42px; font-size: 15px; padding: 0 2px 0 0; }

.pc-header__nav a i { vertical-align: sub; }

.pc-header__nav a span { margin: 0 0 0 2px; }

.pc-header__nav a .ico-notice { position: absolute; top: 3px; right: 3px; }

.pc-header__totop { position: absolute; top: 10px; right: 0; display: block; font-size: 11px; padding: 10px 12px; font-weight: bold; color: inherit; text-decoration: none; background: #FFF; border: solid 1px #1AA0E9; border-radius: 4px; color: #1AA0E9; }

.pc-slider { background: #FFF; position: relative; height: 240px; width: 100%; overflow: hidden; }

.pc-slider__item { height: 240px; }

.pc-slider__item img { height: 100%; width: auto; border-left: solid 1px #fff; }

.pc-slider__nav { position: absolute; top: 50%; z-index: 2; margin: -56px 0 0; padding: 40px 30px; cursor: pointer; -webkit-transition-property: margin; transition-property: margin; -webkit-transition-duration: 0.08s; -moz-transition-duration: 0.08s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; }

.pc-slider__nav--prev { left: 0; }

.pc-slider__nav--prev:hover { margin-left: 8px; }

.pc-slider__nav--next { right: 0; }

.pc-slider__nav--next:hover { margin-right: 8px; }