@charset "UTF-8";

/* ---------------------------------------------------
　common
 --------------------------------------------------- */
html, body, #wrapper, #page-content, #contents { height: 100%; }

html {
	overflow-y: scroll;
}

@font-face {
	font-family: 'SPS-Icons-Font';
	src:url('fonts/SPS-Icons-Font.eot?-312gop');
	src:url('fonts/SPS-Icons-Font.eot?#iefix-312gop') format('embedded-opentype'),
		url('fonts/SPS-Icons-Font.ttf?-312gop') format('truetype'),
		url('fonts/SPS-Icons-Font.woff?-312gop') format('woff'),
		url('fonts/SPS-Icons-Font.svg?-312gop#SPS-Icons-Font') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {	
	font-family: HelveticaNeue,Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", 
	"MS PGothic", sans-serif;
	background:#f1eff0;
	color:#333;
	font-size:14px;
}

a {
  color: #00345b;
  text-decoration: none;
	outline:none;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

a:hover {
	text-decoration:underline;
}


/* BASIC
   ========================================================================== */
#wrapper {
  min-width: 1100px;
  margin: 0 auto;
}

#global-header {
  z-index: 9999;
  position: fixed;
  background: #FFF;
  width: 100%;
  min-height: 135px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#container {
  margin: 0 auto;
  padding-left: 30px;
}

#page-content {
  float: right;
  margin-left: -260px;
  margin-bottom: 60px;
  padding-top: 60px;
  width: 100%;
}

#contents {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 0 0 250px;
}

#footer {
	margin: 0px 240px 100px 250px;
}

#sidebar {
  float: left;
  width: 220px;
}


/**
 * page type（ homeと商材別 - 右サイドメニュー無し  ）
 */
 
body.no-side #container { padding-right: 30px; }
body.no-side .section { padding-top: 50px; }
body.no-side #footer { margin-right: 0; }


/**
 * Global header
 */
 
#topbar,#header { min-width:1100px; }

#topbar, #topbar a { color: #FFF; }
#topbar { box-sizing: border-box; position: relative; height: 35px; padding: 0px 20px; background: #0f305b; font-size: 12px; }
#topbar .freedial, #topbar .logoline { line-height: 35px; }
#topbar .logoline { float: left; width: 300px; margin: 0; line-height: 35px; font-size: 1.0em; text-align:left; font-weight:normal;}/* add @ 20160101 */
#topbar .tp-info { float: right; width: 750px; }
#topbar .tp-info > p,#topbar .tp-info > div { float: right; }
#topbar .tp-info > p { line-height: 35px; margin:0;}
#topbar .pr { color: #0f305b; margin: 2px 0; height: 35px; }
#topbar .pr a { display: block; padding: 0 10px; margin: 5px 0; color: #0f305b; background: #ededed; text-decoration: none; line-height: 24px; border-radius: 2px; font-size: 11px; }
#topbar .pr a:hover { background: #1DA4D1; color: #FFF; }
#topbar .pr a span { margin-top: -2px; }
#topbar .freedial { padding-left:1em;}
#top-login { margin: 12px 0 8px 10px; border-left: 1px solid #FFF; padding-left: 20px; line-height: 1; }
#top-login i { margin-top: -3px; margin-right: 6px; }
#top-login a { display: inline-block; }

/* logo */
#sitelogo { margin: 30px 0 0 20px; float: left; }
#sitelogo a { text-indent: -9999px; display: block; width: 220px; height: 40px; color: #FFF; background: url(../images/logo.png) no-repeat left bottom; }
#sitelogo a:hover { opacity: 0.5; transition: all 0.3s linear 0s; }

/* global navigation */
#gnav { float: right; margin: 0; padding: 40px 20px 0 0; display: block; font-size: 14px; }
#gnav a { text-decoration: none; }
#gnav > ul, #gnav > div { float: left; }
#gnav ul { overflow: hidden; padding: 0; margin: 0; }
#gnav > ul > li { float: left; margin-right: 16px; list-style-type: none; }
#gnav > ul > li:first-child { display: none; }
#gnav > ul > li:first-child a { padding: 0px 2px; }
#gnav > ul > li:first-child span { font-size: 20px; margin-top: 4px; }
#gnav > ul > li:last-child { margin-right: 0; }
#gnav > ul > li > a { display: block; padding: 10px 12px; text-decoration: none; line-height: 1; }
#gnav > ul > li:hover > a, #gnav > ul > li > a:hover { background: #0f305a; color: #FFF !important; text-decoration: none; }
#gnav .btn-group { display: none; }
#gnav .btn-group a { padding: 10px 12px; }
#gnav .open-search { display: block; cursor: pointer; line-height: 1; vertical-align: top; padding-left: 10px; color: #00345b; }
#gnav .open-search span { font-size: 30px; }
#gnav .open-search.active span::before { content: "\e60f"; }

/* sticky version */
#global-header.sticky { margin-top: -35px; min-height: 105px; opacity: 0.95; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); }
#global-header.sticky #header { width: 1100px; margin: 0 auto; }
#global-header.sticky #sitelogo { display: none; text-indent: -9999px; }
#global-header.sticky #gnav { overflow: hidden; float: none; margin: 0 auto; padding: 17px 0 5px 17px; width: 1100px; }
#global-header.sticky #gnav .btn-group, #global-header.sticky #gnav ul li:first-child { display: inherit; }
#global-header.sticky #gnav > ul > li { margin-right: 10px; }
#global-header.sticky #gnav > ul > li > a { color: inherit; }
#global-header.sticky #gnav > ul > li:hover, 
#global-header.sticky #gnav > ul > li > a:hover { background: #0f305a; color: #FFF !important; }
#global-header.sticky li .ddmenu { top: 105px; }
#global-header.sticky .open-search span { color: #0f305a; }
#global-header.sticky #searchpanel { position: absolute; top: 105px; left: 0px; margin: 0; }
#global-header.sticky li.menu__mega .ddmenu { right: 35%; }
	
/* --------------------------------------------------- dropdown */
li:hover .ddmenu { visibility: visible; opacity: 1; }
.ddmenu { position: absolute; top: 135px; visibility: hidden; opacity: 0; border-top: 4px #0f305a solid; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; color: #0f305a; background: #FFF; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 1; box-shadow: 0 2px 8px rgba(77, 77, 77, 0.4); }
.ddmenu ul { min-width: 220px; margin: 0; padding: 0 0 10px 0; box-sizing: border-box; background: #FFF; }
.ddmenu ul > li { list-style: none; }
.ddmenu ul li a:hover { background: #f1eff0; color: #0f305a; }
.ddmenu ul li a { padding: 8px 20px 8px 12px; display: block; color: #0f305a; line-height: 1.3; }
.ddmenu ul li a:before { margin: -2px 10px 0 10px; font-size: 10px; }
.ddmenu ul:last-child { border-right: 0; }

/* --------------------------------------------------- single menu */
.menu__single .ddmenu { margin-left: -160px; }
.menu__single.point .ddmenu,
.menu__single.genre .ddmenu,
.menu__single.price .ddmenu { margin-left: 0; }
.menu__single.support .ddmenu { margin-left: -140px; }

/* --------------------------------------------------- mega menu */
.menu__mega .ddmenu { right: 100px; min-width:662px;}
@media screen and (max-width: 1700px) { #global-header.sticky .menu__mega .ddmenu { right: 30%; } }
@media screen and (max-width: 1280px) { #global-header.sticky .menu__mega .ddmenu { right: 340px; } }
	
.menu__mega .ddmenu > div { float:left; margin-top:-10px;}
.menu__mega .ddmenu .func-cat-top { font-weight: bold; background: #f1eff0; margin: 0px 0 2px 0; padding: 12px 12px 12px 20px; color: #333; }
.menu__mega .ddmenu .menu__second-level > li > a:before { content: "\e61a"; font-size: 1em; margin-right: 8px; margin-top: -3px;}
.menu__mega .ddmenu .menu__third-level li a { padding: 8px 0px 8px 20px;}

.menu__mega .func-cat1  { border-right:1px solid #d9d9d9; }
.menu__mega .func-cat1 .func-cat-top + .menu__second-level { border-right: 1px solid #d9d9d9; }
.menu__mega .func-cat1 .menu__second-level { float:left; width:50%; }
.menu__mega .func-cat1 .menu__second-level > li:not(:first-child):before { content:""; display:block; height:1px; background:#d9d9d9; }
.menu__mega .func-cat1 .menu__second-level > li > a { padding: 12px 20px 12px 12px; }
.menu__mega .func-cat2 .menu__second-level > li > a { padding: 14px 20px 14px 12px; }


/* search */
#searchpanel { display: none; position: absolute; top: 130px; padding: 0; background: #00345b; width: 100%; margin: 0; }
#searchpanel form { margin: 10px auto; position: relative; padding: 0; width: 620px; }
#searchpanel input[type="text"] { box-sizing: border-box; width: 620px; height: 35px; padding: 2px 2px 2px 10px; background: #FFF url(../images/ic-search.gif) no-repeat 544px center; border: 1px solid #001c58; border-radius: 3px; box-shadow: 2px 2px 2px 0 #ccc inset; }
#searchpanel input[type="submit"] { cursor: pointer; font-size: 14px; position: absolute; right: 15px; top: 8px; border: none; background: transparent none repeat scroll 0 0; }


/**
 * FOOTER
 */
#ft-top { background: #FFF; }
.ft-tel { padding: 33px 0; text-align: center; }
.ft-tel .freedial { margin: 5px; font-size: 26px; color: #333; font-weight: bold; }
.ft-tel .freedial span { font-size: 22px; margin-top: -2px; margin-right: 2px; }
#ft-top .mail { margin-top: 0; }
#ft-menu { overflow: hidden; background: #FFF; box-sizing: border-box; padding: 10px 10px; width: 100%; border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; }
#ft-menu > div { position: relative; float: left; box-sizing: border-box; width: 25%; text-align: center; vertical-align: middle; }
#ft-menu > div:after { position: absolute; margin: 10px 0; right: 0px; top: 0; width: 1px; background: #f4f4f4; height: 90%; content: ""; display: block; }
#ft-menu > div:last-child:after { content: none; }
#ft-menu > div img { max-width: 100%; }
#ft-menu > div a { display: block; padding: 25px 0; border: 14px solid #FFF; box-sizing: border-box; text-decoration: none; transition: none; }
#ft-menu > div > a:hover { border: 14px solid #d6e1ea; }
#ft-mid { padding: 30px 0; background: #FFF; }
#ft-nav ul { text-align: center; margin: 0 100px; }
#ft-nav li { margin: 3px 20px; display: inline-block; }
#ft-nav li a { padding: 0 15px; line-height: 38px; display: inline-block; border-radius: 3px; }
#ft-nav li a:hover { background: #ededed; text-decoration: none; }
#ft-btm { box-sizing: border-box; padding: 35px; height: 85px; background: #00345b; color: #FFF; }
#ft-btm #logo-wrap { float: left; }
#ft-btm #ft-logo { margin-right: 20px; float: left; }
#ft-btm #ft-logo img { margin-top: -4px; }
#ft-btm a { color: #FFF; text-decoration: none; }
#ft-btm nav { text-align: right; line-height: 20px; }
#ft-btm nav { float: right; }
#ft-btm nav li { margin-left: 20px; display: inline-block; list-style: none; }
#ft-btm nav li:last-child { margin-left: 10px; }
#ft-btm nav li:last-child a::before { content: "▶"; font-size: 12px; vertical-align: middle; padding-right: 8px; }
#footer .sps_link2 { margin-top: -2px; margin-right: 5px; }
#ft-credit { padding: 20px 0; display: table; width: 100%; }
#ft-credit p { display: table-cell; width: 50%; font-size: 12px; }
#ft-credit p:last-child { text-align: right; }


/* CONTENTS 
   ========================================================================== */
h2, h3, h4, h5, h6 { margin-top: 0; line-height: 1.2; }
h1 { font-size: 24px; text-align: center; }/* edit @ 20160105 */
h2 { font-size: 24px; text-align: center; }/* edit @ 20160105 */
h2 { margin-bottom: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5, h6 { font-size: 100%; }

img { vertical-align: top; }
dl dd { margin: 0; padding: 0; }
figure { margin: 0 0 1em; }
hr { height: 0; margin: 0; padding: 0; border: 0; }

/* section block */
.section { position: relative; padding-bottom: 60px; line-height: 1.6; }
.section p { margin-top: 0; }
.section p a { text-decoration: underline; }
.section p a.btn { text-decoration: none; }
.section img { max-width: 100%; height:auto;}

/* heading */
.title-box { margin-bottom: 30px; text-align: center; }
.arw-line { padding-bottom: 50px; background: url(../images/heading_bg.png) no-repeat 49% bottom; }

/* list */
ul.list li:not(:last-child) { list-style-type: disc; margin-bottom: 1em; }
ul.dot li:before { content: "・"; padding-right: .3em; }
ul.dot li { text-indent: -1.3em; padding-left: 1.3em; margin-bottom: 3px; }
.ul, .ol { margin: 0; padding: 0; list-style: none; }
.dl, .dl dt { margin: 0; padding: 0; }
.tbl-wrap + ul { margin-top: -20px; padding-bottom:20px;}

/* table */
table thead tr:first-child th, table thead tr th:first-child,table.label-vertical th { background-color: #ededed; }
.table { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100%; margin-bottom: 50px; }
.table th, .table td { padding: 8px 12px; line-height: 1.4; }
.table.bordered caption { border: 1px solid #ccc; border-bottom: 0; padding: 15px; }
.table.bordered caption p { margin: 0; }
.table.bordered td, .table.bordered th { border: 1px solid #ccc; }
.table.striped tbody tr:nth-child(2n+1) { background-color: #f6f6f6; }
.table.label thead th { background-color: #00345b; color: #FFF; }
.table.center th, .table.center td { text-align: center; }
.table.ttl-bl th { color: #00345b; }
.tbl-split4 th, .tbl-split4 td { width: 19%; }
.tbl-split5 th, .tbl-split5 td { width: 15%; }


/* SIDEBAR
   ========================================================================== */
#sidebar .sd-secion { margin-bottom: 10px; }
#sidebar .btn { margin-bottom: 10px; line-height: 40px; padding: 0; font-weight: bold; }
#sidebar .btn-group { overflow: hidden; text-align: center; }
#sidebar .btn-group .btn { display: block; width: 100%; margin-left: 0; }

#sd-func { padding-bottom: 5px; background: #FFF; position: relative; }
#sd-func:after { border-top-color: #00345b; border-bottom: 10px solid transparent; border-image: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-style: solid; border-width: 10px; content: ""; height: 0; left: 50%; margin-top: -5px; margin-left: -10px; position: absolute; top: 100%; width: 0; z-index: 100; }
.sd-ttl-func { background: #00345b; color: #FFF; height: 46px; line-height: 46px; display: block; text-decoration: none;}
.sd-ttl-func i { font-size: 22px; margin: -2px 8px 0 15px; }
.sdnav a { text-decoration: none; }
.sdnav { position: relative; }
.sdnav#sd-main { margin-bottom: 10px; }
.sdnav, .sdnav ul { margin: 0; padding: 0; font-size: 14px; }
.sdnav li { list-style-type: none; }
.sdnav > li { box-sizing: border-box; background: #FFF; margin-bottom: 5px; height: 60px; line-height: 60px; vertical-align: middle; }
.sdnav > li > a { display: block; text-decoration: none; padding-left: 14px; padding-right: 14px; }
.sdnav > li:hover { background: #00345b; border: none; }
.sdnav > li:hover > a { color: #FFF; }

.sdnav#kinou { background: #FFF; padding: 4px; margin-bottom: 5px; }
.sdnav#kinou > li { border: 1px solid #ededed; height: 42px; line-height: 42px; margin-bottom: 2px; }
.sdnav#kinou > li:hover { border: 1px solid #00345b; }
.sdnav#kinou > li:last-child { margin-bottom: 0; }
.sdnav#kinou > li:hover .sd-ddmenu { margin-top: 4px; margin-left: -4px; }
.sdnav#kinou > li:first-child .sd-ddmenu,
.sdnav#kinou > li:nth-child(2) .sd-ddmenu { width: 460px; } /*edit20160110*/

.sdnav#sd-main > li > a:before { box-sizing: border-box; display: block; float: left; width: 33px; font-size: 22px; line-height: 55px !important; }
.sdnav#sd-main > li:nth-child(4) .sd-ddmenu { margin-top: 195px; }


/* dropdown */
.sd-ddmenu { visibility: hidden; z-index: 91; background: #00345b; position: absolute; top: -99999px; left: -99999px; min-width: 300px; padding: 15px 10px 26px 35px; color: #FFF; }
.sdnav > li:hover .sd-ddmenu { visibility: visible; position: absolute; top: 0; left: 100%; }
.sd-ddmenu:after { display: block; clear: both; content: ""; }

.sd-ddmenu a { color: #FFF; }
.sd-ddmenu ul { padding-top: 20px; }
.sd-ddmenu ul li a:hover { text-decoration: underline; }
.sd-ddmenu ul li { line-height: 1.3; margin-bottom: 10px; }
.sd-ddmenu ul li:before {  float: left; width: 14px; height: 15px; color: #fff; font-size: 12px; }

.sdnav#kinou .sd-ddmenu > div { box-sizing: border-box; float: left; width: 220px; padding: 0 15px 15px;}
.sdnav#kinou .sd-ddmenu > div:last-child { margin-top:-18px;}
.sdnav#kinou .sd-ddmenu p:before { content: "\e61a"; font-size: 16px; margin-top: -2px; margin-right: 6px; }

.sdnav#kinou .sd-ddmenu > div p:not(:first-child) { border-top: 1px solid #335773;}
.sdnav#kinou .sd-ddmenu > div p { margin-bottom:0; padding: 16px 0 6px; line-height: 1.2; }
.sdnav#kinou .sd-ddmenu > div p + ul { padding:8px 0 0 1em; !important;}


/* */
.sd-ddmenu > div.col2 { width: 50%; }
.sd-ddmenu > div.col3 { width: 33%; }
.sd-ddmenu > div.col2 ul { float: left; }



/* icon */
.sd-ddmenu ul li:before,
.sdnav#kinou > li  > a:after,
.sdnav#sd-main > li:first-child  > a:after,
.sdnav#sd-main > li:nth-child(2) > a:after,
.sdnav#sd-main > li:nth-child(3) > a:after,
.sdnav#sd-main > li:nth-child(4) > a:after {
	font-family: 'SPS-Icons-Font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	content: "\e601";
	display:block;
}

.sdnav#sd-main > li:nth-child(1) > a:before { content: "\e611"; }
.sdnav#sd-main > li:nth-child(2) > a:before { content: "\e615"; }
.sdnav#sd-main > li:nth-child(3) > a:before { content: "\e614"; padding-left:5px;}
.sdnav#sd-main > li:nth-child(4) > a:before { content: "\e617"; }
.sdnav#sd-main > li:nth-child(5) > a:before { content: "\e616"; }
.sdnav#sd-main > li:nth-child(6) > a:before { content: "\e618"; }
.sdnav#sd-main > li:nth-child(7) > a:before { content: "\e613"; }
.sdnav#sd-main > li:nth-child(8) > a:before { content: "\e610"; }

.sdnav#kinou > li  > a:after,
.sdnav#sd-main > li:nth-child(1) > a:after,
.sdnav#sd-main > li:nth-child(2) > a:after,
.sdnav#sd-main > li:nth-child(3) > a:after,
.sdnav#sd-main > li:nth-child(4) > a:after  {
	float:right;
	color:#00345b;
	font-size:12px;
}

.sdnav#kinou > li > a:after  {
	line-height:42px;
	margin-right: -5px;
}

.sdnav#sd-main > li:nth-child(1) > a:after,
.sdnav#sd-main > li:nth-child(2) > a:after,
.sdnav#sd-main > li:nth-child(3) > a:after,
.sdnav#sd-main > li:nth-child(4) > a:after  {
	line-height:55px;	
}


/* close button */
.sd-ddmenu .sps_close1 { float: right; display: block; margin-top: -2px; cursor: pointer; line-height: 1; font-size: 20px; }

/* banner */
#sidebar #topic img:last-child { margin-bottom: 0; }
#sidebar .bnr img { display: block; margin-bottom: 10px; }


/* ===============================================================================
 PAGE 
 =============================================================================== */

/* 商材別おすすめ
   ========================================================================== */
#feature-genre { padding-top: 40px; }
#feature-genre > .title-box { margin-bottom: 40px; padding-top: 20px; }
#genre-main { overflow: hidden; position: relative; padding-top: 50px; margin-bottom: 10px; padding-bottom: 0 !important; }

/* genre menu */
.nav-genre ul { text-align: center; margin-bottom: 40px; }
.nav-genre li { display: inline-block; margin: 0 6px 18px; line-height: 40px; }
.nav-genre li a:before { margin-right: 8px; font-size: 24px; }
.nav-genre li a span { padding-right: 12px; font-size: 20px; vertical-align: middle; }
.nav-genre li .icon-vynil { font-size: 18px; }
.icon-mortar-board { font-size: 24px; }
.nav-genre li a span img { vertical-align: middle; }
.nav-genre li .ic-t-shirts img { margin-top: -3px; }
.nav-genre li a { display: block; border-radius: 3px; border: 2px solid #012657; background: #FFF; padding: 0 20px 0 14px; height: 40px; line-height: 40px; color: #012657; text-decoration: none; }

#nav-genre li a:hover { background: #fbf5d3; }
#nav-genre li a.selected { border: 2px solid #f8e064; background: #f8e064; }

#sps-home #nav-genre li:not(:first-child) a.selected { border: 2px solid #012657; background: #FFF;}



/* genre icon */
#feature-genre .badge:before { position: absolute; content: url(../images/icon_large_corner_bg.png); top: 0px; left: 0; width: 64px; height: 64px; }
#feature-genre .genre-ic { visibility:visible !important; position: absolute; left: 0; top: 0; width: 64px; height: 64px; z-index: 90; color: #00345b; font-size: 26px; padding-left: 10px; box-sizing: border-box; }
#feature-genre .genre-ic::before { line-height: 50px; }
#feature-genre .genre-ic-s:before, .genre-ic-s:after { box-sizing: border-box; position: absolute; top: 0px; left: 0; width: 42px; height: 42px; }
#feature-genre .genre-ic-s:before { content: url(../images/icon_corner_bg.png); }
#feature-genre .genre-ic-s:after { padding-top: 5px; padding-left: 5px; color: #00345b; font-size: 16px; padding-top: 7px; padding-left: 6px; }

/* genre icon type */
.page-apparel .genre-ic::before,.page-apparel .genre-ic-s::after { content: "\e603"; }
.page-food .genre-ic::before,.page-food .genre-ic-s::after { content: "\e608"; }
.page-interior .genre-ic::before,.page-interior .genre-ic-s::after { content: "\e60a"; }
.page-electronics .genre-ic::before,.page-electronics .genre-ic-s::after { content: "\e606"; }
.page-beauty .genre-ic::before, .page-beauty .genre-ic-s::after { content: "\e605"; }
.page-hobby .genre-ic::before,.page-hobby .genre-ic-s::after { content: "\e609"; }
.page-sports .genre-ic::before,.page-sports .genre-ic-s::after { content: "\e60d"; }
.page-flower .genre-ic::before,.page-flower .genre-ic-s::after { content: "\e607"; }
.page-learning .genre-ic::before,.page-learning .genre-ic-s::after { content: "\e60b"; }
.page-baby .genre-ic::before,.page-baby .genre-ic-s::after { content: "\e604"; }
.page-pet .genre-ic::before,.page-pet .genre-ic-s::after { content: "\e60c"; }


.pickup-genre-header { text-align: center; margin-bottom: 30px; }
.pickup-genre-header .type { position: relative; width: 390px; margin: 0 auto 20px; padding-left: 1em; padding-right: 1em; display: block; background: #f7e063; color: #00345b; line-height: 30px; font-size: 18px; font-weight: bold; }
.pickup-genre-header .type:before { content: ""; display: block; border-top: solid 3px #00345b; width: 92%; height: 1px; position: absolute; top: 49%; z-index: 1; }
.pickup-genre-header .type span { position: relative; background: #f7e063; padding: 0 10px; z-index: 5; }
.pickup-genre-content h3 { font-size: 24px; }
.pickup-genre-content h3.lead-circle { font-size: 18px; z-index: 1; position: relative; }
.pickup-genre-content .pickup-ttl { position: relative; margin: 0px auto 0; width: 240px; height: 68px; line-height: 68px; text-align: center; font-size: 18px; background: #FFF; font-size: 18px; border: 1px solid #ececec; border-radius: 34px; box-shadow: 0px 10px 10px 0px rgba(3, 3, 3, 0.8); z-index: 1; }

.pickup-wrap { overflow: hidden; margin: -40px auto 30px; width: 90%; }
.pickup-wrap .text-wrap { box-sizing: border-box; padding-top: 10px; width: 50%; }
.pickup-wrap #display { position: relative; float: left; background: url(../images/mobile-display.jpg) no-repeat center 0px; width: 328px; min-height: 600px; }

.pickup-wrap .text-wrap:first-child { float: left; margin-right: -164px; padding-right: 30px; text-align: right; }
.pickup-wrap .text-wrap:first-child .box { margin-right: 164px; }
.pickup-wrap .text-wrap:first-child .box p { padding-right: 22px; }

.pickup-wrap .text-wrap:last-child { float: right; margin-left: -164px; padding-left: 30px; }
.pickup-wrap .text-wrap:last-child .box { margin-left: 164px; }

.pickup-wrap .text-wrap:last-child .box p { padding-left: 22px; }
.pickup-wrap .text-wrap .box { min-height: 180px; }
.pickup-genre-content h4 { margin: 0 0 5px 0; font-size: 18px; line-height: 24px; }
.pickup-genre-content h4 span { color: #f1b301; font-size: 24px; vertical-align: middle; }

.pickup-genre-content .text-wrap h4 { background-image: url(../images/ic-circle-dot.png); background-repeat:no-repeat; }

.pickup-genre-content .text-wrap:first-child h4 { background-position: right 2px; padding-right:22px;}
.pickup-genre-content .text-wrap:last-child h4 { background-position: left 2px; padding-left:22px; }

.pickup-genre-content .box p { color: #6b6b6b; font-size: 16px; }

/*carousel - setting */
#device-image-wrap { position: absolute; top: 79px; left: 45px; overflow: hidden; width: 238px; height: 418px; }
#carousel-mobile .item img { width: 238px; height: 418px; }
#carousel-mobile .item img:after { content: " "; border: 10px solid transparent; border-right-color: #fff; display: block; width: 0; height: 0; margin-top: -10px; position: absolute; left: -20px; top: 50%; }


/**
 * 機能一覧 
 */
.genre-section { position: relative; clear: both; margin-bottom: 10px; padding-bottom: 50px; padding-top: 50px; }
.genre-section:after { content: ""; clear: both; display: block; }
#recommendations { margin-bottom: 10px; padding-bottom: 50px; padding-top: 50px; }
.feature-wrapper { overflow: hidden; margin: 0 auto; padding-bottom: 100px; }
.feature-wrapper .func-item { float: left; margin-bottom: 14px; }
.func-item { box-sizing: border-box; position: relative; width: 225px; height: 200px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); text-align: left; font-size: 14px; }
.feature-wrapper .func-item.wide { width: 464px; }
.feature-wrapper .func-item.wide h4 { font-size: 16px; line-height: 1.2; }
.feature-wrapper .func-item.wide .det-info { display: none; }
.feature-wrapper .func-item p { position: absolute; top: 145px; padding: 0 15px; line-height: 1.3; font-size: 12px; }
.feature-type a { color: #FFF; }
.feature-type { margin: 2px 2px 0; }
.feature-type > span { display: block; padding: 6px 10px; background: #00345b; color: #FFF; font-size: 12px; text-align: right; }
.feature-icon { height: 92px; line-height: 92px; background: url(../images/pat-stripe.gif) repeat; text-align: center; }
.feature-icon > a { display:block; }
.feature-icon img { vertical-align: middle; }
.func-item h4 { position: absolute; top: 135px; margin: 0px 15px; line-height: 1.3; color: #032959; font-size: 14px; }
.func-item .det-info { position: absolute; right: 0px; bottom: 5px; }
.func-item .det-info i { float: right; color: #00345b; font-size: 1.2em; }
.func-item .det-info .tooltip span { display: block; position: absolute; right: 0; margin-top: 30px; margin-right: -5px; }



/**
 * 成功事例
 */
 
#recommendations + #case { margin-top: -100px; }
.case-container { position: relative; box-sizing: border-box; border: 2px solid #FFF; width: 250px; height: 370px; background: #FFF; color: #032959; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
.case-container .thumb{ height:230px;}
.case-container h3{ position:absolute; top:245px; margin:0; padding: 0px 10px 0; font-size:14px; line-height:20px;text-decoration:none; text-align:left;  }
.case-container p{ width: 100%; 
box-sizing: border-box; padding: 0px 15px; position: absolute; bottom: 10px; left: 0; text-align: right; color:#7a7a7a;
font-size: 12px; line-height:14px; margin:0;
}
.case-container.category_name_int .flag,
.case-container .badge-int{ position:absolute; top:0; left:0; background:url(../images/badge-interview.png) no-repeat left top; width:92px; height:71px;}

/*carousel - setting */
#carousel-case > div { display: block; float: left; background: #FFF; margin: 10px 11px; width: 250px; height: 370px; }
#case-cr,
#case-cr .carousel-wrapper, 
#case-cr .prev, #case-cr .next { height: 400px;}
#case-cr .prev, #case-cr .next { line-height: 400px; }
#prev_case,#next_case { visibility:visible; display: block !important;}



/**
 * 料金表
 */

/*carousel - setting */
#price-cr #carousel-price > div { overflow: hidden; display: block; position: relative; float: left; margin: 0px 11px; padding: 2px; width: 260px; height: 410px; }
.pricing-container .label { height: 30px; line-height: 28px; }
.pricing-container .label span { display: inline-block; margin-left: 14px; }
.pricing-container .label-recommend { background: #f7e063; padding: 0px 14px; box-sizing: border-box; font-weight: bold; border-top: 1px solid #e8db94; border-left: 1px solid #e8db94; border-right: 1px solid #e8db94; }
.plan-pricing a { display: block; text-decoration: none; }
.plan-pricing { text-align: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); width: 260px; height: 370px; }
.plan-name { margin: 0; padding-top: 15px; box-sizing: border-box; height: 75px; background: #032958; color: #FFF; font-size: 20px; }
.price { margin: 0; }
.price dt { border: 1px solid #FFF; width: 55px; height: 55px; line-height: 55px; background: #04c8eb; color: #FFF; border-radius: 50%; position: absolute; top: 94px; left: 50%; margin-left: -32px; }
.price dd { box-sizing: border-box; margin: 0; padding-top: 60px; height: 115px; font-size: 24px; line-height: 1.2; font-weight: bold; }
.price dd span { display: block; font-size: 0.5em; font-weight: normal; }
.plan-pricing p { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 0; padding: 12px 0; line-height: 1.1; }
.plan-pricing .plan-spec { display: table; margin: 1em auto; }
.plan-pricing .plan-spec dt, .plan-pricing .plan-spec dd { float: left; text-align: left; }
.plan-pricing .plan-spec dt { clear: both; width: 6.5em; }
.plan-pricing .plan-spec dd { margin: 0; }
.plan-pricing .det-info { width: 100%; position: absolute; top: 360px; left: 0; border-top: 1px solid #CCC; box-sizing: border-box; text-align: right; height: 40px; }
.plan-pricing .det-info i { float: right; color: #032958; line-height: 1.2; }
.plan-pricing .det-info .tooltip-content { position: absolute; bottom: 5px; right: 40px; }
.plan-spec:after { content: ""; clear: both; display: block; }

/*carousel setting */
#price-cr,
#price-cr .carousel-wrapper, 
#price-cr .prev, #price-cr .next { height: 410px;}
#price-cr .prev, #price-cr .next { line-height: 410px;}
#prev_price,#next_price { visibility:visible; display: block !important;}


/* ---------------------------------------------------
　セミナー
 --------------------------------------------------- */
/*carousel setting */
#seminar { padding-top: 60px; }
#seminer-cr { height: 500px;}
#carousel-seminer { margin: 0; padding: 0; list-style: none; }
#carousel-seminer .seminar-item { float: left; margin: 0px 6px; }
#seminer-cr .prev, #seminer-cr .next { line-height: 400px; text-decoration: none; }
#seminer-cr #pager { margin: 440px auto 0; }

/*seminar item */
.seminar-item { list-style: none; position: relative; width: 250px; height: 400px; background: #00345b; color: #FFF; }
.seminar-item img { width: 250px; height: auto; }
.seminar-item dl { position: absolute; left: 0; display: table; box-sizing: border-box; background: #00345b; width: 100%; margin: 0; }
.seminar-item .for { top: 0; }
.seminar-item .for dt { display: table-cell; width: 56px; height: 35px; color: #00345b; background: #fcc012; text-align: center; line-height: 35px; }
.seminar-item .for dd { box-sizing: border-box; padding: 0 .8em; display: table-cell; font-size: 11px; text-align: left; min-height: 35px; vertical-align: middle; line-height: 1.2; }
.seminar-item .for dd span::after { content: ' , '; padding: 0 5px; display: inline-block; }
.seminar-item .for dd span:last-child::after { content: none; }
.seminar-item a { color: #FFF; }
.seminar-item div { width: 100%; position: absolute; height: 80px; bottom: 95px; background-color: rgba(0, 38, 87, 0.55); line-height: 1.2; text-align: center; }
.seminar-item div h3 { display: table-cell; vertical-align: middle; width: 250px; height: 80px; font-size: 14px; margin: 0; padding: 0 10px; }
.seminar-item dl:last-child { bottom: 0; height: 95px; padding: 5px; }
.seminar-item dl:last-child dt, .seminar-item dl:last-child dd { display: table-cell; text-align: center; vertical-align: middle; }
.seminar-item dl:last-child dt { width: 91px; }
.seminar-item dl:last-child dt span { box-sizing: border-box; display: inline-block; border: 2px solid #FFF; padding-top: 10px; width: 50px; height: 50px; line-height: 1.1; border-radius: 50%; font-size: 12px; vertical-align: middle; }
.seminar-item dl:last-child dd { box-sizing: border-box; width: 200px; padding-right: 10px; font-size: 100%; line-height: 1.3; }

/* ---------------------------------------------------
　ニュース / 人気記事
 --------------------------------------------------- */ 
.article-wrapper a:hover article .entry-title { text-decoration: underline; }
.entry-title { letter-spacing: -0.04em; }
.entry-meta { font-size: 12px; line-height: 24px; margin-bottom: 14px; }
.entry-meta > span { display: inline-block; }
.entry-meta .posted-on { padding: 0 10px; background: #00345b; color: #FFF; text-decoration: none; }
.entry-meta a .posted-on:hover { text-decoration: none; }
.entry-meta .cat-links { padding: 0 5px; margin-left: -3px; color: #00345b; }
#news-entries .article-wrapper article { display: block; margin-bottom: 15px; text-decoration: none; box-sizing: border-box; color: inherit; }
#news-entries .post-thumbnail { border: 1px solid #CCC; margin-right: 15px; float: left; }
#news-entries .entry-meta .cat-links { background: #FFF; padding: 0 10px; }
#news-entries .entry-meta .posted-on { font-weight: bold; }
#news-entries .entry-title { margin: 0 0 10px; font-size: 18px; line-height: 22px; }
#news-entries article p { margin: 0 0 40px; }

#ranking-entries { background: #f1eff0; padding-top: 50px; padding-bottom: 50px; margin: 0 -30px; }
#carousel-ranking article { display: block; float: left; border: 1px #f1efef solid;background: #fff; margin: 0px 10px; width: 206px; height: 266px; }
#ranking-entries article:hover { background: #ddd; cursor: pointer; }
#ranking-entries article a:hover h3 { text-decoration: underline; }
#ranking-entries .entry-title { font-size: 14px; margin: 15px; }
#ranking-entries .post-thumbnail { display: block; margin: 0 auto; border: 1px solid #edecec; margin-bottom: 14px; }

/*carousel setting */
#ranking-cr,
#ranking-cr.carousel-wrapper, 
#ranking-cr .prev, #ranking-cr .next { height: 266px; }
#ranking-cr .prev, #ranking-cr .next { line-height: 266px; }


/* Module
   ========================================================================== */
#pagetop { z-index: 999; position: fixed; bottom: -10px; right: 5px; display: none; }
#pagetop a { opacity: 0.5; text-indent: -9999px; display: block; background: url(../images/pagetop.gif) no-repeat left top; width: 53px; height: 53px;}
#pagetop a:hover { opacity: 1; }

.det-info { display: block; text-align: right; padding-right: 6px; padding-bottom: 6px; }
th .det-info { margin-right: -12px; padding-top: 10px;}

.help-info { display: inline-block; }
.help-info i { margin-top: -4px; }

/* bread path */
#page-content > .topicpath:first-child { margin-top:-60px;}
#contents + .topicpath { margin-top: 30px; margin-left: 260px;}
.topicpath { clear: both; height: 60px; box-sizing: border-box; padding-top: 20px; }
.topicpath a { color: #00345b; }
.topicpath ul { margin: 0; padding: 0 0 0 0px; line-height: 1.15; }
.topicpath ul:before { font-family: 'SPS-Icons-Font'; content: "\e619"; float: left; margin-right: 5px; color: #00345b; }
.topicpath li { float: left; list-style: none; line-height:1.3;}
.topicpath li:after { content: " > "; margin: 0 1em; }
.topicpath li:last-child:after { content: none; }
.topicpath:before, .topicpath:after { content: " "; display: table; }
.topicpath:after { clear: both; }

/*carousel -  module */
.carousel-container { overflow: hidden; position: relative; }
.carousel-wrapper, 
.carousel-container .prev,.carousel-container .next { position: absolute; top: 0; height: 400px; }
.carousel-wrapper { width: 100%; left: 0px; overflow: hidden; }
.carousel-container .prev, .carousel-container .next { width: 50px; visibility:visible !important; font-size:26px; color:#FFF; text-align:center;}
.carousel-container .prev:hover, .carousel-container .next:hover { opacity: 0.6; text-decoration:none;}
.carousel-container .prev { background: url(../images/slide-nav.png) no-repeat left center; left: 0; }
.carousel-container .next { background: url(../images/slide-nav.png) no-repeat right center; right: 0; }
.carousel-container #pager { clear: both; text-align: center;}
.carousel-container #pager a { background: #dcdcdc; border-radius: 10px; display: inline-block; height: 10px; margin: 0 8px; width: 10px; vertical-align: middle;}
.carousel-container #pager a.selected { background-color: #25456c; }
.carousel-container #pager a span { display: none; }


/* Library
   ========================================================================== */

/* tooltip */
.ttip-box, .tooltip > span { transition: all 0.3s linear 0s; }

/* tooltip1 */
.tooltip { cursor: pointer; padding: 5px; }
.tooltip > span { z-index: 100000; visibility: hidden; opacity: 0; display: block; background: #032958; text-align: left; border-radius: 3px; width: 170px; padding: 15px 10px; margin: 5px 0 0 0; font-size: 12px; line-height: 1.3; color: #FFF; }
.tooltip:hover > span:before { border-bottom: 13px #032958 solid; border-left: 13px transparent solid; border-right: 13px transparent solid; width: 0; height: 0; content: ""; display: block; margin-top: -25px; margin-left: 142px; margin-bottom: 10px; }
.tooltip:hover > span { display: block; visibility: visible; opacity: 1; }
.tooltip a { color: #FFF; text-decoration: underline; }
.tooltip-text { overflow: hidden; cursor: pointer; padding: 10px 10px 0 10px; }
.tooltip-text > span { visibility: hidden; }
.tooltip-text:hover > span { display: block; visibility: visible; }
.tooltip-content a { color: #FFF; }
.tooltip-content { display: block; background-color: #00345b; padding: 10px 10px; position: relative; width: 170px; font-size: 12px; color: #FFF; }
.tooltip-content.right:after { border: 10px solid transparent; border-left-color: #00345b; border-right-width: 0; right: -10px; content: ""; display: block; top: 30%; position: absolute; width: 0; }

/* tooltip2 */
.ttip-box a { text-decoration: underline; color: #FFF; }
.help-info:hover .ttip-box, .ttip:hover .ttip-box { opacity: 1; visibility: visible; }
.ttip-box { z-index:99999; visibility: hidden; display: inline-block; position: absolute; opacity: 0; margin-left: 15px; margin-top: -12px; padding: 15px; min-width: 200px; background: #00345b; color: #FFF; font-size: 12px; line-height: 1.4; text-align: left; }
.ttip-box:after { border: 10px solid transparent; border-right-color: #00345b; border-left-width: 0; left: -8px; content: ""; display: block; top: 12px; position: absolute; width: 0; }

/* button */
.btn:hover { opacity: 0.65; text-decoration: none; transition: none;}
.btn { display: inline-block; color: #FFF; margin-left: 10px; padding: 12px 12px; background: #0acd7e; text-decoration: none; line-height: 1; vertical-align: top; white-space: nowrap; }
.btn-mid { padding: 1.2em 25px; }
.btn-large { border-radius: 5px; width: 470px; height: 98px; line-height: 98px; padding: 0px 30px; color: #FFF; font-size: 18px; font-weight: bold; text-align: center; }
.btn-large.link { position: relative; padding: 0px 10px 0 30px; }
.btn-large.link i { position: absolute; top: 34%; left: 30px; font-size: 1.5em; }
.btn-large .icon-spot { float: left; display: inline-block; margin-top: 22px; width: 54px; height: 54px; background: #FFF; border-radius: 50%; }
.btn-large .icon-spot i { color: #00345b; line-height: 54px; vertical-align: top; }
.application.btn { background: #d4525f; }
.application.btn i { font-size: 22px; margin-left: -20px; margin-right: 5px; }
.btn-navy { background: #00345b; }
.btn.login { background: #029fe4; }
.btn.or { background: #ff9c00; }
.btn.no { margin-left: 0; padding: 12px 0px; text-align: center; }
.btn-group .btn:first-child { margin-left: 0; }

/* link */
.link-n a { color: inherit; }
.link-w a { color: white; }
.link-deco-none a { text-decoration: none; }
.link-u a { text-decoration: underline; }
.relation-links { margin: 0; padding: 0; list-style: none; }
.sps_info { cursor: pointer; color: #00345b; }
.det-link { text-decoration: none; }
.det-link:hover { text-decoration: underline; }
.det-link::before { content: "\e61a"; font-size: 1em; margin-right: 4px; margin-top: -3px; }
.ar a:before { margin: -2px 10px 0 0px; font-size: 10px; }

.ar2 li { line-height: 1.3; margin-bottom: 10px; }
.ar2 a { position: relative; padding-left: 15px; display: inline-block; }
.ar2 a:before { display: block; position: absolute; left: 0; top: 3px; margin: 0px 10px 0 0; font-size: 10px; }


/* link blank */
.primary section a[href^="http"]:after,
.primary section a[href^="https"]:after{
  content: "\e61b";
  color:#00345b;
	font-size:1em; 
	margin-top:-2px; 
	padding-left:3px;
	padding-right:3px;
}

.primary section a[href*="sps.estore.jp"]:after,
.primary section a[href*="test04.shopserve.jp"]:after,
.no_icon:after,
.primary .btn:after,
.primary .see-more:after{
  content:none !important;
}

/* hover */
.hov:hover {
	opacity:0.75;
}

/* link file */
.relevant { margin: 20px 0 10px 0px; overflow: hidden; }
.relevant dt { clear: both; margin-bottom: 20px; padding: 4px 0px; background-color: #c3c3c3; border-radius: 3px; color: #fff; float: left; text-align: center; width: 200px; font-size: 13px; }
.relevant dd { margin: 0px 0px 20px 210px; padding-top: 4px; }
.relevant.relevant-case dt { background-color: #1da4d1; }

/* page link */
.pglink { margin-top: -80px; padding-top: 80px; }


/* font icon */
[class^="sps_"], [class*=" sps_"] {
	display:inline-block;
	vertical-align:middle;
	font-size:100%;
}

.bx-wrapper .bx-prev,.bx-wrapper .bx-next,
.genre-ic,.genre-ic-s:after,
.fi:before,
.det-link::before,
.ddmenu ul li a:before,
.sd-ddmenu p:before,
.sdnav#sd-main > li > a:before,
.ar a:before,.ar2 a:before,
a[href^="http"]:after,a[href^="https"]:after {
	font-family: 'SPS-Icons-Font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	display:inline-block;
	vertical-align:middle;		

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ar a:before,.ar2 a:before,
.ddmenu ul li a:before {
	content: "\e601";
}

/* image */
.post-thumbnail img { display: block; margin: 0 auto; height: auto; }
.pic-l { float: left; padding-right: 25px; }
.pic-r { float: right; padding-left: 25px; }
.thumb-s { width: 120px; margin-bottom: 10px; }
.thumb-s2 { width: 150px; }
.im-full { width: 100%; }


.figureCenter img { max-width:100%; height:auto;}

img.alignleft { text-align: left;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright  { display: block; margin-left: auto; }


/* line */
hr.line { border-bottom: 1px solid #f1eff0; margin-bottom:50px; padding-bottom:50px; }
.dotline { border-top: 1px dotted #333; }


/* background */
.bg { background: #f1eff0; }
.bg-w { background: #FFF; }

.ui-inline { display:inline-block !important;}
.ui-block { display:block;}
.ui-table { display:table;}
.cell { display:table-cell;}

/* text */
.text-wrap { overflow: hidden; min-width:5em;}
.ind1 { padding-left:1em; text-indent:-1em;}
.ind2 { padding-left:2em; text-indent:-2em;}
.lh1 { line-height:1;}
.lh18 { line-height:1.8;}
.lh2 { line-height:2;}

.center,.al-center { text-align: center; }
.al-right { text-align: right; }
.al-r { text-align: right; }
.al-l { text-align: left; }
.val-t { vertical-align:top;}
.val-m { vertical-align:middle;}
.val-b { vertical-align:bottom;}

.navy { color:#00345b;}
.red { color:#CC0000;}
.black { color:#000;}
.gray9 { color:#999;}
.gray6 { color:#666;}
.gray3 { color:#333;}
.b { font-weight:bold;}
.n { font-weight:normal;}

.fs-xs { font-size:10px; }
.fs-s { font-size:12px; }

.fs { font-size:14px; }
.fs-m { font-size:16px; }
.fs-m2 { font-size:18px;}
.fs-l { font-size:24px;}
.num { font-size:24px;}


/* space */
.mb-n { margin-bottom: 0; }
.pt30 { padding-top: 30px; }
.pt { padding-top: 50px; }
.pb30 { padding-bottom: 30px; }
.pb { padding-bottom: 50px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb { margin-bottom: 50px; }
.mt30 { margin-top: 30px; }
.mt { margin-top: 50px; }
.sp { margin-right: 80px; margin-left: 80px; }
.tbl-wrap, .outer { margin-left: 7%; margin-right: 7%; }
.tbl-wrap.no { margin-right: 0; margin-left: 0; }
.outer-r { margin-right: 7%; }
.outer-l { margin-left: 7%; }
.outer-s { margin-right: 5%; margin-left: 5%; }
	
/* position */
.auto { margin-left: auto; margin-right: auto; }
.fl-l { float: left !important; }
.fl-r { float: right !important; }
.fl-none { float: none !important;}
.clears { clear:both; }
.none { display:none; }

/* clearfix */
#global-header::after,
#header::after,
#gnav::after,
#container::after,
#contents::after,
section::after,.section::after,
.article-wrapper::after,article::after,
.row::after,
.cf::after {
   content:''; display:table; clear:both;
}


/** Webfont
===================================*/
[class^="sps_"], [class*=" sps_"] {
	font-family: 'SPS-Icons-Font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sps_2week:before { content: "\e600"; }
.sps_arrow1:before { content: "\e601"; }
.sps_arrow2:before { content: "\e602"; }
.sps_c_apparel:before { content: "\e603"; }
.sps_c_baby:before { content: "\e604"; }
.sps_c_beauty:before { content: "\e605"; }
.sps_c_electronics:before { content: "\e606"; }
.sps_c_flower:before { content: "\e607"; }
.sps_c_food:before { content: "\e608"; }
.sps_c_hobby:before { content: "\e609"; }
.sps_c_interior:before { content: "\e60a"; }
.sps_c_learning:before { content: "\e60b"; }
.sps_c_pet:before { content: "\e60c"; }
.sps_c_sports:before { content: "\e60d"; }
.sps_close1:before { content: "\e60e"; }
.sps_close2:before { content: "\e60f"; }
.sps_f_faq:before { content: "\e610"; }
.sps_f_feature:before { content: "\e611"; }
.sps_f_function:before { content: "\e612"; }
.sps_f_news:before { content: "\e613"; }
.sps_f_plan:before { content: "\e614"; }
.sps_f_recommend:before { content: "\e615"; }
.sps_f_seminar:before { content: "\e616"; }
.sps_f_support:before { content: "\e617"; }
.sps_f_voice:before { content: "\e618"; }
.sps_home:before { content: "\e619"; }
.sps_link1:before { content: "\e61a"; }
.sps_link2:before { content: "\e61b"; }
.sps_login:before { content: "\e61c"; }
.sps_logo:before { content: "\e61d"; }
.sps_mail:before { content: "\e61e"; }
.sps_pen:before { content: "\e61f"; }
.sps_phone1:before { content: "\e620"; }
.sps_phone2:before { content: "\e621"; }
.sps_search1:before { content: "\e622"; }
.sps_search2:before { content: "\e623"; }
.sps_hint:before { content: "\e624"; }
.sps_info:before { content: "\e625"; }
.sps_all:before { content: "\e626"; }
.sps_anser:before { content: "\e627"; }
.sps_link3:before { content: "\e628"; }
.sps_question:before { content: "\e629"; }
.sps_rss:before { content: "\e62a"; }
.sps_tag:before { content: "\e62b"; }

.fi-1h-em { font-size:1.5em;}
.fi-2em { font-size:2em;}
.fi-l { font-size:4em;}



/* device
   ========================================================================== */
	.pc { }	
	.mobile { display:none; visibility:hidden;}


/* other
   ========================================================================== */

#wp-admin-bar-updates {
  display: none !important;
}