@charset "shift_jis";


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	all

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Osaka, sans-serif, arial, verdana;
	color: #333;
}

body  * {
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {
	margin: 0 auto;
	vertical-align: bottom;
	max-width:100%;
}
a:hover img {
    opacity: 0.8;
}

.ctnr{
	position: relative;
	text-align: center;
}
/* secure sign
==========================================================*/
#clsd_secure_sign {
	clear: both;
	margin: 5px 0 ;
	padding: 0 10px;
	text-align: right;
}

/*=#clsd_head_notification
==========================================================*/
#clsd_head_notification {
	width:99.2%;
	clear:both;
	padding: 0 5px 0 5px;
	text-align:center;
}
#clsd_head_notification div {text-align:center;}
#clsd_head_notification a {display:block;text-align:center; width:100%; margin: auto;}
#clsd_head_notification img {
	max-width: 100%;
}
#clsd_head_notification .h_chokuei a {background:#BEECF7;}
#clsd_head_notification .h_chokuei_syuku a {background:#FE4D00;}
#clsd_head_notification .h_chokuei_ptbai a {background:#FF7500;}
#clsd_head_notification .h_chokuei_sou1000 a {background:#FFCC00;}
#clsd_head_notification .h_chokuei_gekiatu a {background:#fffa9f;}
#clsd_head_notification .h_chokuei_coupon a {background:#ffea00;}
#clsd_head_notification .h_chokuei_syokai a {background:#aed852;}

#clsd_head_notification .h_chokuei_nomal a {background:#ffffff;}
#clsd_head_notification .h_chokuei_white a {background:#ffffff;}
#clsd_head_notification .h_chokuei_black a {background:#000000;}
#clsd_head_notification .h_chokuei_red a {background:#cc0000;}
#clsd_head_notification .h_chokuei_blue a {background:#0644a0;}

#clsd_head_notification .left_and_right {
	padding: 0px 0px 10px 0px;
	text-align:center;
}

#clsd_head_notification .left_and_right .left {
    float: left;
    width:50%;
}

#clsd_head_notification .left_and_right .right {
    float: right;
    width:50%;
}



/* Drop down (Mypage)*/
#myPageMenuDispField {
	position:relative;
	z-index: 100;
}
#dropDownMyPageMenu {
	display:none;
}
.dropmypage {
	top:0px;
	left:0px;
	border-top:4px solid #044AA0;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding:5px;
	box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.4);
	line-height: 18px;
	z-index: 100;
	background-color:#ffffff;
	width: 169px;
	font-weight:normal;
	text-align:left;
}
.dropmypage a {
	width: auto;
	display: block;
	text-indent: 5px;
	border: 1px solid #ffffff;
	border-width: 0 1px;
	padding:.2em 0 .25em .2em;
	text-decoration: none;
	color: #000 !important;
}
.dropmypage a:hover {
	background-color: #FC3 !important;
	color: #000000 !important;
}

.dropmypage ul li {
	padding:2px 0 1px 0;
	background:url('../images/clsd_h/header_cat_line.gif') top left repeat-x;
}
.dropmypage ul li:first-child {
	padding:1px 0 1px 0;
	background:none;
}
/* This is hack IE7 */
*:first-child+html .dropmypage ul li:first-child  {
	background:url('../images/clsd_h/header_cat_line.gif') top left repeat-x;
}
.dropmypage ul li.mylogin_menu {
	text-align:center;
	}

.dropmypage ul li div.mylogin_sp{
	font-weight:bold;
	margin:5px ;}

.dropmypage ul li div.mylogin_sp a{
	padding:5px !important;
	background-color: #FC3 !important;}

.dropmypage ul li div.mylogin_sp a:hover{
	color:#FFF !important;
	background-color: #F60 !important;}

.dropmypage ul li div.mylogin_new{
	margin-top:0;
	padding:0 0 3px 0;
	font-size:0.9em;}

.dropmypage ul li div.mylogin_new a {
	color:#0044DF !important;
	text-decoration:none !important;
	cursor:pointer !important;
}
.dropmypage ul li div.mylogin_new a:hover {
	color:#F00 !important;
	text-decoration:underline !important;
	background-color:#FFFFFF !important;
}


#dropCartDispField{
	position:relative;
}
#dropDownCart {
	display:none;
}
.c_h_cartDropMenu {
	width: 220px;
	color: #044aa0;
	font-weight: normal;
	top:0px;
	left:-157px;
	z-index: 100;
	background-color: #ffffff;
	border-top:4px solid #044AA0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding:8px 10px;
	box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.4);
}
.c_h_cartDropMenu dl.c_h_cartList {
	font-size:0.9em;
	line-height:1.2;
}
.c_h_cartDropMenu dl.c_h_cartList dt {
	margin: 0 5px 10px 0 ;
	float:left;
	float : left;
	clear : both;
	height:44px;
}
.c_h_cartDropMenu dl.c_h_cartList dt img.thumbnail {
	width:44px;
	height:44px;
}
.c_h_cartDropMenu dl.c_h_cartList dd {
	margin: 0 0 10px 0 ;
	text-align:left;
	height:44px;
}

.c_h_cartDropMenu dl.totalPrice {
	border-top: 1px solid #ccc;
	padding: 10px 0;
	text-align: left;
}

.c_h_cartDropMenu dl.totalPrice dt{
	display: inline-block;
	width: 40%;
	text-align: left;
}

.c_h_cartDropMenu dl.totalPrice dd {
	box-sizing: border-box;
	color: #c00;
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	width: 58%;
}

#clsd_header .c_h_headinfo_btm .c_h_memberMenu .c_h_cartDropMenu a.btn_link {
	display:block;
	font-weight: bold;
	background-color: #FF6600;
	color:#FFF;
	border:1px #FF6600 solid;
	padding:5px 10px;
	text-align:center;
	margin:0 0 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* when Opera Presto 2.3 or later is released */
	-ms-border-radius: 5px;
}

#clsd_header .c_h_headinfo_btm .c_h_memberMenu .c_h_cartDropMenu a.btn_link:hover {
	background-color: #ff9900;
	text-decoration:none;
}
#dropFavoriteDispField{
	position:relative;
}
#dropDownFavorite {
	display:none;
}
.c_h_favDropMenu {
	width: 168px;
	color: #044aa0;
	font-weight: normal;
	position: absolute;
	right:-5px;
	top:0px;
	z-index: 100;
	background-color: #ffffff;
	border-top:4px solid #044AA0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding:8px 10px;
	box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.4);
}
.c_h_favDropMenu dl.c_h_favtList {
	font-size:1.1em;
	border-bottom:1px #999 solid;
	margin:10px 0;
	padding-bottom:10px;
}
.c_h_favDropMenu .c_h_favnoli {
	border-bottom:1px #999 solid;
	margin:10px 0;
	padding-bottom:10px;
}

.c_h_favDropMenu p.font_small a{
	display:block;
	font-size:12px !important;
	font-weight:bold !important;
	padding:5px !important;
	color:#333 !important;
	background-color: #FC3 !important;}

.c_h_favDropMenu p.font_small a:hover{
	color:#FFF !important;
	background-color: #F60 !important;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

    top-main-container

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-main-container {
	display:inline-block;
	width:100%;
	max-width:1500px;
	margin:0 auto;
	letter-spacing:-.40em;
}
@media screen and (max-width:1099px) {
.top-main-container {
	margin:0px auto 0;
	width:100%;
}
}
.left-container {
	width:240px;
	margin-left:35px;
	letter-spacing:normal;
	vertical-align: top;
	float:left;
}
@media screen and (max-width:1099px) {
.left-container {
	display:none;
}
}
.center-container {
	max-width:1200px;
	width : 98%; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 370px);
	width : calc(100% - 370px);
	letter-spacing:normal;
	text-align:left;
	float:right;
	margin-right:35px;
}
@media screen and (max-width:1099px) {
	.center-container {
		width:100%;
		float: none;
		margin-right: 0;
	}
	.center-container .top-center-container-wrapper {
		padding:0 1em;
	}
}
footer {
	width:100%;
	text-align: center;
}
.foot-w1500 {
    display: flow-root;
    width: 95%;
    max-width: 1500px;
    min-width: 760px;
    text-align: left;
    font-size: 16px;
				margin: 0 auto;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	side nav

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
aside#leftnavi {
	color:#333;
}
aside#leftnavi ul {
	margin:0;
}
aside#leftnavi a {
	text-decoration:none;
}
aside#leftnavi * {
	box-sizing:border-box;
}
aside#leftnavi .side-title,
aside#leftnavi h2 {
	padding: 10px 0;
	font-size: 19px;
	color: #fff;
	background-color: #666;
}
aside#leftnavi .side-title+p,
aside#leftnavi h2+p {
	margin-top:0px;
	margin-bottom:0px;
	font-size:16px;
	font-weight:300;
}
aside#leftnavi img {
	max-width:100%;
	margin:0;
}
aside#leftnavi .soryo-info {
	width:240px;
	margin-bottom: 16px;
}
aside#leftnavi .service {
	margin:0;
}
aside#leftnavi .service li {
	width:240px;
	height:60px;
	margin-bottom:16px;
	border:1px solid #EA0006;
	transition:0.2;
	color:#EA0006;
}
aside#leftnavi .service li.hover {
	background-color:#EA0006;
	color:#fff;
}
aside#leftnavi .service dl {
	width:inherit;
	height:inherit;
	padding:5px;
}
aside#leftnavi .service dl dt {
	height:48px;
	width:48px;
	float:left;
	clear:left;
	margin-left:10px;
}
aside#leftnavi .service li.hover img {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
}
aside#leftnavi .service dl dt img,
aside#leftnavi .service dl dt svg,
aside#leftnavi .service dl dt i {
	width:100%;
	font-size:48px;
}
aside#leftnavi .service dl dd {
	padding-left:55px;
	text-align:center;
	font-size:22px;
	font-weight:900;
	line-height:1.3;
}
aside#leftnavi .service dl dd span {
	display:block;
	font-size:12px;
	font-weight:500;
}
/*カテゴリ*/
aside#leftnavi .category-list-side {
	margin:0;
}
aside#leftnavi .category-list-side li {
	background-color: #f6f6f6;
	transition:0.2s;
	position:relative;
	height:80px;
	border-bottom: 1px #fff solid;
	border-left: 1px #f6f6f6 solid;
	border-right: 1px #f6f6f6 solid;
}
aside#leftnavi .category-list-side li.hover {
	background-color: #fff;
	color:#2976c6;
}
aside#leftnavi .category-list-side li a {
	padding: 5px 25px 0 12px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-align: left;
}
aside#leftnavi .category-list-side li .category-list-more-second a {
	padding: 5px 12px 0 35px;
	color:#2976c6;
}
aside#leftnavi .category-list-side li:nth-child(1) a:after {
	content: "\e91f";
	font-family: 'sanwasvg';
	display: block;
	position: absolute;
	font-size: 15px;
	height: 1em;
	width: 1em;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	color: #2976c6;
}
aside#leftnavi .category-list-side li:nth-child(n + 2) a:after {
	content: "\e91f";
	font-family: 'sanwasvg';
	display:block;
	position:absolute;
	font-size:15px;
	height:1em;
	width:1em;
	top: 0;
	bottom:0;
	right:10px;
	margin:auto;
	color: #2976c6;
}
aside#leftnavi .category-list-side li .category-list-more a:after {
	content: "\e91f";
	font-family: 'sanwasvg';
	display:block;
	position:absolute;
	font-size:15px;
	height:1em;
	width:1em;
	top: 0;
	bottom:0;
	right:10px;
	margin:auto;
	color: #2976c6;
}
aside#leftnavi .category-list-side li .category-list-more-second a:after {
	display:none;
}
aside#leftnavi .category-list-side li .category-list-more-second a:before {
	content: "\e915";
	font-family: 'sanwasvg';
	color:#2976c6;
	display:block;
	position:absolute;
	font-size:15px;
	height:1em;
	width:1em;
	top: 0;
	bottom:0;
	left:10px;
	margin:auto;
}
aside#leftnavi .category-list-side li * {
	vertical-align:middle
}
aside#leftnavi .category-list-side li img {
	margin-right:10px;
	width:50px;
	height:50px;
}
aside#leftnavi .category-list-side .category-list-more {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -100;
	display:none;
	width: 0px;
	background-color: pink;
}
aside#leftnavi .category-list-side>li.hover .category-list-more {
	z-index: 200;
	display:inline-block;
	width: 270px;
	transition: width 0.3s 0s ease;
	box-shadow:0px 0px 20px -5px rgb(0 0 0 / 30%);
}
aside#leftnavi .category-list-side .category-list-more li img {
	width: 30px;
	height: 30px;
	margin-right: 8px;
}
/* category-list-more-second　*/
aside#leftnavi .category-list-side .category-list-more .category-list-more-second {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -100;
	width: 0px;
	overflow: hidden;
	background-color: pink;
}
aside#leftnavi .category-list-more li.hover .category-list-more-second {
	z-index: 198;
	width: 270px;
	transition: width 0.3s 0s ease;
	box-shadow:0px 0px 20px -5px rgb(0 0 0 / 30%);
}
aside#leftnavi .category-list-more ul {
	background-color:#fff;
	margin:0;
}
aside#leftnavi .category-list-more li {
	white-space:nowrap;
	height:40px;
	font-size:14px;
}
aside#leftnavi .category-list-more li.hover ,
aside#leftnavi .category-list-more-second a:hover {
	background-color: #edf6ff;
}
aside#leftnavi .sns {
	display: flex;
	margin:16px 0;
}
aside#leftnavi .sns li {
	display:inline-block;
	flex-grow: 1;
	text-align:center;
}
aside#leftnavi .sns li svg {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	color:#333;
}
aside#leftnavi .sns li p {
	padding-top:10px;
	font-size:10px;
}
aside#leftnavi .category-list-side-icon:before {
	font-size: 1.8em;
	display: inline-block;
	padding: 0 .4em 0 0;
}
aside#leftnavi .category-list-side-icon:before {
	color :#2976c6;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	header

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#clsd_head_notification {
	width: 100%;
	padding: 0;
}
.header-nav-simple-link ,
.header-nav-simple-link * ,
.header-nav-simple-link *:before ,
.header-nav-simple-link a {
    color: #2976c6;
}
.header-nav-simple-link:hover ,
.header-nav-simple-link:hover *:before ,
.header-nav-simple-link a:hover {
    color: #4899ec;
	text-decoration:none;
}
.header-nav-area {
    z-index: 100;
    box-sizing: border-box;
    max-width: 100%;
    font-size:1.0rem;
    position:relative;
}
.header-nav-area-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.2));
}
.header-nav {
	padding: 10px 10px 3px 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: none;
	box-sizing: border-box;
	z-index: 9999;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	min-width: 760px;
}
.header-nav * {
    box-sizing: border-box;
}
.header-nav-logo {
    font-size: 38px;
    width: auto;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    float: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 0;
}
.header-nav-logo * ,
.header-nav-logo a:hover ,
.header-nav-logo a:hover * {
	border:0;
	text-decoration:none;
}

.header-nav-logo a:hover .icon-sanwadirect_logo .path2:before {
	color: #2976c6;
}

.header-nav-topicon {
    width: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
				padding: 0 0 0 .5rem;
    margin: .1rem 0 auto;
}
.header-nav-topicon a {
    display: inline-block;
    border-radius: .3rem;
    padding: .5rem .6rem .15rem;
    background-color: #f6f6f6;
}
.header-nav-topicon .icon-ranking:before {
    color: #D80000;
    font-size: 2em;
}
.header-nav-topicon a:hover .icon-ranking:before {
    color: #ff3b3b;
}
.header-nav-sitename {
    width: auto;
	padding: 0 0 .5rem .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    margin: auto 0;
	font-size: .7em;
	text-align: left;
    color: #333;
	font-weight:normal;
}
.header-nav-sitename h1 {
	font-weight:normal;
}
.header-nav-company-name {
    display: block;
}
.header-search-div {
	width: calc(100% - 680px);
}

.header-search-area {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    margin: .25rem 2rem auto 2rem;
    letter-spacing: 1px;
				height:42px;
}
.header-search-left ,
.header-search-center ,
.header-search-right {
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
}

.header-search-left {
	width:160px;
}
.header-search-cate {
    background: #999;
    border: 0;
    border-radius: .3rem 0 0 .3rem;
    color: #fff;
    font-size: 0.9em;
    line-height: 30px;
    padding: 6px 10px 0 15px;
    width: 100%;
	position:relative;
}
.header-search-cate ,
.header-search-cate * ,
.header-search-cate *:before {
        vertical-align: middle;

}
.header-search-cate:hover {
    background: #aaa;
}

.header-search-cate-name {
    white-space: nowrap;
    margin: auto;
}
.header-search-cate select option {
    color: #111;
}
.header-search-cate-name .icon-greater-bottom-b:before {
    color: #fff;
    padding: 0 0 0 5px;
}
.header-search-catelist {
    border-radius: .3rem;
    font-size: 0.9em;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 201;
    cursor: pointer;
}
.header-search-center {
    width: 100%;
}
.search_text {
    background-color: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 0;
    border-left: 0;
    box-sizing: border-box;
    font-size: 1em;
    outline: medium none;
    padding: .5em 0 .5em .8em;
    width: 100%;
    line-height: 1.5;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",Osaka,sans-serif,arial,verdana;
}

@media screen and (max-width:980px) {
.search_text {
    font-size: 1em;
    padding: .7em 0 .7em .8em;
}
}
@media screen and (max-width:1279px) {
.header-nav-topicon {
display: none;
}
}
.header-search-right {
    position: relative;
    background-color: #2976C6;
    background-image: none;
    border: none;
    width: 130px;
    border-radius: 0 .3rem .3rem 0;
}
.header-search-right:hover {
    background-color: #4899ec;
}
.header-search-right:hover * {
	text-decoration:none;
}
.header-search-btn-in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.header-search-right .icon-search:before {
    color: #fff;
	display:inline-block;
	vertical-align: middle;
}
.header-search-btn-txt {
    display: inline-block;
    font-size: .7em;
    vertical-align: middle;
    padding: 0 0 0 .1em;
}
.suggestPreSearchTotalCnt{
	background-color:#eaeaea;
	box-shadow:1px 5px 20px rgba(0, 0, 0, 0.4);
	padding:5px 10px 5px 0px;
	text-align:right;
}

.header-menu-area {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    float: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 330px;
	margin: auto 0 auto auto;
}
.header-menu {
    list-style: none;
    letter-spacing: -.40em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	width: 100%;
}
.header-menu-li {
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    margin: 0;
    width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: .3rem 0;
    position: relative;
}
.header-menu-li:hover {
	background-color:#f6f6f6;
}


.header-menu a {
    display: block;
    padding: 0;
}

.header-menu-li a:hover ,
.header-menu-li a:hover * ,
.header-menu-li a:hover *:before {
	text-decoration:none;
	color:#2976c6;
	}
.header-menu-icon {
    display: block;
    font-size: 1.5rem;
    text-align: center;
}
.header-menu-icon:before {
    color: #777;
}
.header-menu-icon-number {
    position: absolute;
    top: -5px;
    right: 0;
    display: inline-block;
    background-color: #D80000;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    width: 23px;
}
.header-menu-icon-number .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.header-menu-li a:hover .header-menu-icon-number .inner {
	color:#fff;
	}

.header-menu-txt {
    color: #777;
    font-size: .6rem;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: .3rem 0;
}

.header-menu-balloon-box {
	background-color: #f6f6f6;
	color: #111;
    padding: 1.5rem 2rem;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    position: absolute;
    top: 5px;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	display:none;
	text-align:left;
	min-width:294px;

}
.disp_box{
	top:58px !important;
}

.header-menu-li:nth-last-child(2) .header-menu-balloon-box {
    left: 0;
}
.header-menu-li:hover .header-menu-balloon-box {
	display:inline-block;
}


.header-menu-balloon-box ul {
    list-style: none;
    letter-spacing: -.40em;
}
.header-menu-balloon-box ul li {
    letter-spacing: normal;
}

.header-menu-balloon-type-txt {
    width: 300px;
}
.header-menu-balloon-type-txt li {
    display: inline-block;
    width: 50%;
}
.header-menu-balloon-type-txt a {
    white-space: nowrap;
    color: #333;
    display: block;
    padding: .5rem 0;
    font-size: .85rem;
}

.header-menu-balloon-type-txt a .icon-greater-right-b:before {
    color: #2976c6;
    display: inline-block;
    padding: 0 .5rem 0 0;
}


.header-menu-balloon-type-item {
    width: 230px;
}
.header-menu-balloon-type-item li {
    padding: .5rem 0;
    border-bottom: 1px solid #dddd;
}
.header-menu-balloon-type-item li:last-child {
    border-bottom: 0;
}
.header-menu-balloon-type-item a {
    display: block;
    color: #333;
	position: relative;
	letter-spacing: -.40em;
	font-size: .8em;
}
.header-menu-balloon-type-item img {
    width: 28%;
    vertical-align: top;
}
.header-menu-balloon-item-txtbox {
    display: inline-block;
    width: 72%;
    padding: .3rem 0 .3rem .8rem;
    letter-spacing: normal;
}
.header-menu-balloon-item-quantity {
    bottom: 0;
    position: absolute;
}
.header-menu-balloon-type-item a:hover .header-menu-balloon-item-name {
    color: #4899ec;
}
.header-menu-balloon-type-item a:hover .header-menu-balloon-item-quantity ,
.header-menu-balloon-type-item a:hover .header-menu-balloon-item-quantity * {
    color: #333;
}
.header-menu-balloon-item-quantity-no {
    display: inline-block;
    padding: 0 0 0 .5rem;
}

.header-menu-balloon-cart-dtlbox {
    letter-spacing: -.40em;
    vertical-align: middle;
    padding: 0 0 .5rem;
}
#no-goods {
    letter-spacing: 0 !important;
}
.header-menu-balloon-cart-pricebox {
    display: inline-block;
    width: 50%;
	letter-spacing: normal;
	vertical-align: middle;
}
.header-menu-balloon-cart-price {
    color: #D80000;
    font-weight: bold;
    font-size: 1.05rem;
    padding: .2rem 0 0 0;
}
.header-menu-balloon-cart-link {
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
    vertical-align: middle;
    padding: 0 0 0 .3rem;
    text-align: center;
	font-size: .8rem;
}
.header-menu-balloon-cart-link a {
    color: #fff;
    display: block;
    background-color: #ff7200;
    padding: .7rem 0;
    border-radius: .3rem;
}
.header-menu-balloon-cart-link a:hover {
    background-color: #ff8726;
}
.header-menu-balloon-cart-link a *:before ,
.header-menu-balloon-cart-link a:hover ,
.header-menu-balloon-cart-link a:hover *:before {
    color: #fff;
}
.header-menu-balloon-cart-link a .icon-greater-right-b:before {
    display: inline-block;
    padding: 0 0 0 .2rem;
}
.header-menu-balloon-ttlbox {
    font-size: .9rem;
    letter-spacing: .1rem;
}
.header-menu-balloon-morebox {
    text-align: right;
}
.header-menu-balloon-morebox ,
.header-menu-balloon-morebox * ,
.header-menu-balloon-morebox *:before {
	vertical-align:middle;
}
.header-menu-balloon-morebox a {
    font-size: .9rem;
    color: #333;
}
.header-menu-balloon-morebox a .icon-greater-right-b:before{
	display:inline-block;
	padding:0 0 0 .2rem;
}

#clsd_header .c_h_headinfo_btm {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
}
.c_h_headinfo_btm.block_center {
    padding: 6px 0 0;
}

.header-keyword-area {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    float: none;
    padding: 0 1rem;
    margin: auto auto auto 0;
    height: 1.8rem;
    overflow: hidden;
	width: 760px;
}
#suggest_field {
  text-align: left;
}
.sideSujest-list {
  min-height: 95px !important;
  font-size: 0.9em;
}
@media screen and (max-width:1290px) {
.header-keyword-area {
	width: 600px;
}
}
@media screen and (max-width:1180px) {
.header-keyword-area {
	width: 500px;
}
}
@media screen and (max-width:1080px) {
.header-keyword-area {
	width: 475px;
}
}
@media screen and (max-width:1099px) {
.b-hour {
	display:inline-block;
}
}



.header-keyword-area .header-keyword-list .keyword-name {
    font-size: 12px;
}
.header-keyword-area .header-keyword-list .keyword-name a {
    padding: .3em .9em;
}

.header-member-login-box ,
.header-member-login-box * ,
.header-member-login-box *:hover ,
.header-member-login-box *:before {
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}
.header-member-login-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 130px;
    margin: .05rem 0 .5rem;
}
.header-member-login-box a {
    background-color: #FE6604;
    padding: .5rem .7rem .3rem;
    border-radius: .3rem;
    margin: auto 0 auto auto;
    font-size: .8rem;
				height: 35px;
}
.header-member-login-box a.logout {
    background-color: #666;
}
.header-member-login-box a:hover {
    background-color: #FF7D1D;
}
.header-member-login-box a .icon-login:before, .header-member-login-box a .icon-logout:before {
    padding: 0 .5rem .2rem 0;
    font-size: 1.2rem;
    vertical-align: middle;
    display: inline-block;
    color:white;
}

.header-info-area {
	color: #333;
	border-top: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: -1;
	background-color: #fff;
	width: 100%;
	position: relative;
	filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.2));
}
.header-info-cate-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    font-size: .9em;
    position: relative;
    padding: 10px 36px 10px 0;
    border-right: 1px solid #ddd;

}
.header-info-cate-area .icon-hamburger:before {
    content: '\e5d2';
    font-family: 'Material Icons';
    font-size: 20px;
    color: #333;
}
.header-info-cate-area .icon-greater-bottom:before {
    font-size: 15px;
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
}

/*   ログイン後 お名前　 */

.header-info-name-area {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    margin: auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.header-info-name-rank-icon {
    display: inline-block;
    margin: auto 5px auto 10px;
	vertical-align: middle;
}
.header-info-name-rank-icon .icon-rank-partner ,
.header-info-name-rank-icon .icon-rank-bronze ,
.header-info-name-rank-icon .icon-rank-silver ,
.header-info-name-rank-icon .icon-rank-gold ,
.header-info-name-rank-icon .icon-rank-platinum {
    display: inline-block;
    width: 30px;
    height: 30px;
}
.header-info-name {
    color: #111;
    font-size: .6em;
    display: inline-block;
    margin: auto 10px auto 0;
	vertical-align: middle;
}
.header-info-name-area a {
    display: inline-block;
    margin: auto;
}
.header-info-name-area a:hover {
	opacity: 0.7;
}
.header-info-name .inner {
    font-size: 1.3em;
    display: inline-block;
    padding: 0 .15em 0 0;
    max-width: 300px;
    overflow: hidden;
    height: 1.2em;
}

@media screen and (max-width:1380px) {
.header-info-name .inner {
    max-width: 180px;
}
}

.header-info-name-point-icon {
    display: inline-block;
    margin: auto 5px auto 0;
	vertical-align: middle;
}
.header-info-name-point-icon .icon-point:before {
    font-size: 20px;
	vertical-align: top;
}
.header-info-point-dtl {
    display: inline-block;
    margin: auto 0;
    color: #111;
    font-weight: bold;
    font-size: .7em;
    border-right: 1px solid #ddd;
    padding: 0 15px 0 0;
	vertical-align: middle;
}
.header-info-point-dtl .inner {
    font-size: 1.5em;
    display: inline-block;
    padding: 0 .15em 0 0;
	vertical-align: middle;
}

.header-info-point-dtl .inner_small {
    font-size: 1.2em;
    display: inline-block;
    padding: 0 .15em 0 0;
	vertical-align: middle;
}


/*   お得情報　 */

.header-info-list-area {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    margin: auto auto auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.header-info-list {
    list-style: none;
    letter-spacing: -.40em;
	width: 100%;
}
.header-info-list-li {
	display:inline-block;
    letter-spacing: normal;
    border-radius: 1px;
    margin: 0;
    -ms-flex-preferred-size: 16.6666%;
    flex-basis: 16.6666%;
    padding: 7px 0 7px 15px;
    position: relative;
}
.header-info-list-li:first-child {
    padding: 7px 0 7px 20px;
}
.header-info-list-li:hover .header-info-list-txt {
    color: #2976c6;
}

.header-info-list a {
    display: block;
    padding: 0;
}

.header-info-list-li a:hover ,
.header-info-list-li a:hover * ,
.header-info-list-li a:hover *:before {
	text-decoration:none;
	color:#2976c6;
	}
.header-info-list-li.yes-open {
    padding-right: 22px;
    position: relative;
}
.header-info-list-li.yes-open:before {
	content: "\e921";
	font-family: 'sanwasvg';
	position: absolute;
    top: 52%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 6px;
    color: #2976c6;
    display: inline-block;
    padding: 0;
    font-size: 12px;
}
.header-info-list-txt {
    color: #111;
    font-size: .9rem;
    display: block;
    text-align: center;
    padding: .3rem 0;
    letter-spacing: .5px;
}

.header-info-list-balloon-box {
	background-color: #fff;
	color: #111;
    padding: 0;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    position: absolute;
    top: 42px;
    z-index: 500;
    left: 0;
	display:none;
	text-align:left;
}
.header-info-list-li:nth-last-child(2) .header-info-list-balloon-box {
    left: 0;
}
.header-info-list-li:hover .header-info-list-balloon-box {
	display:inline-block;
}
.header-info-list-balloon-box ul {
    list-style: none;
    letter-spacing: -.40em;
}
.header-info-list-balloon-box ul li {
    letter-spacing: normal;
}
.header-info-list-balloon-box ul li:hover {
    background-color: #edf6ff;
}
.header-info-list-balloon-type-txt {
    width: auto;
}
.header-info-list-category {
    width: 240px;
}
.header-info-list-balloon-type-txt li {
    display: block;
    padding: 1px 20px 1px 10px;
    border-top: 1px solid #eee;
}
.header-info-list-balloon-type-txt a {
    white-space: nowrap;
    color: #333;
    display: block;
    padding: .5rem 0;
    font-size: .85rem;
}

.header-info-list-balloon-type-txt a .icon-greater-right-b:before {
    color: #2976c6;
    display: inline-block;
    padding: 0 .5rem 0 0;
}


.header-info-list-balloon-type-item {
    width: 230px;
}
.header-info-list-balloon-type-item li {
    padding: .5rem 0;
    border-bottom: 1px solid #dddd;
}
.header-info-list-balloon-type-item li:last-child {
    border-bottom: 0;
}
.header-info-list-balloon-type-item a {
    display: block;
    color: #333;
	position: relative;
	letter-spacing: -.40em;
	font-size: .8em;
}
.header-info-list-balloon-type-item img {
    width: 28%;
    vertical-align: top;
}
.header-info-list-balloon-item-txtbox {
    display: inline-block;
    width: 72%;
    padding: .3rem 0 .3rem .8rem;
    letter-spacing: normal;
}
.header-info-list-balloon-item-quantity {
    bottom: 0;
    position: absolute;
}
.header-info-list-balloon-type-item a:hover .header-info-list-balloon-item-name {
    color: #4899ec;
}
.header-info-list-balloon-type-item a:hover .header-info-list-balloon-item-quantity ,
.header-info-list-balloon-type-item a:hover .header-info-list-balloon-item-quantity * {
    color: #333;
}
.header-info-list-balloon-item-quantity-no {
    display: inline-block;
    padding: 0 0 0 .5rem;
}

.header-info-list-balloon-cart-dtlbox {
    letter-spacing: -.40em;
    vertical-align: middle;
    padding: 0 0 .5rem;
}
.header-info-list-balloon-cart-pricebox {
    display: inline-block;
    width: 45%;
	letter-spacing: normal;
	vertical-align: middle;
}
.header-info-list-balloon-cart-price {
    color: #D80000;
    font-weight: bold;
    font-size: 1.05rem;
    padding: .2rem 0 0 0;
}
.header-info-list-balloon-cart-link {
    display: inline-block;
    width: 55%;
    letter-spacing: normal;
    vertical-align: middle;
    padding: 0 0 0 .3rem;
    text-align: center;
	font-size: .9rem;
}
.header-info-list-balloon-cart-link a {
    color: #fff;
    display: block;
    background-color: #ff7200;
    padding: .7rem 0;
    border-radius: .3rem;
}
.header-info-list-balloon-cart-link a:hover {
    background-color: #ff8726;
}
.header-info-list-balloon-cart-link a *:before ,
.header-info-list-balloon-cart-link a:hover ,
.header-info-list-balloon-cart-link a:hover *:before {
    color: #fff;
}
.header-info-list-balloon-cart-link a .icon-greater-right-b:before {
    display: inline-block;
    padding: 0 0 0 .2rem;
}
.header-info-list-balloon-ttlbox {
    font-size: .9rem;
    letter-spacing: .1rem;
}
.header-info-list-balloon-morebox {
    text-align: right;
}
.header-info-list-balloon-morebox ,
.header-info-list-balloon-morebox * ,
.header-info-list-balloon-morebox *:before {
	vertical-align:middle;
}
.header-info-list-balloon-morebox a {
    font-size: .9rem;
    color: #333;
}
.header-info-list-balloon-morebox a .icon-greater-right-b:before{
	display:inline-block;
	padding:0 0 0 .2rem;
}
.category_list{
	display:none;
}

@media screen and (max-width:1100px)  {
.category_list {
    display:inline-block;
}
}

#rankDisp .rank_detail {
	width:300px;
}

#rankDisp .rank_detail .title {
	margin:0 0 10px 0;
	color:#EE7019;
	font-size:22px;
	font-weight:bold;
}

#rankDisp  .rank_detail .title_s {
	margin:0;
	font-size:17px;
	color:#EE7019;
	font-weight:bold;
}
#rankDisp {
  top: 50px !important;
  left: 210px !important;
}


#rankDisp  .rank_detail_top {
	border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-radius: 5px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 20px 0;
	padding:15px 10px 10px 20px;
}
#rankDisp  .rank_detail_top_inner_top table {
	margin:0 0 10px 0;
}

#rankDisp  .rank_detail_top_inner_top table td {
	padding:3px 10px 3px 0;
	font-size:13px;
}

#rankDisp  .rank_detail_top_inner_bottom {
	border-top: 1px solid #CCCCCC;
	padding-top:10px;
}

#rankDisp  .rank_detail_top_inner_bottom table {
	margin:0 0 0 20px;
}

#rankDisp  .rank_detail_top_inner_bottom table td {
	padding:2px 10px 2px 0;
	font-size:13px;
}

#rankDisp  .rank_detail_top .title {
	margin:0 0 10px 0;
	color:#EE7019;
	font-size:17px;
	font-weight:bold;
}

#rankDisp  .rank_detail_top p {
	margin:3px 0 3px 0;
}

#rankDisp  .rank_detail_top span.redpoint {
	color:#DD0202;
	font-size:18px;
	font-weight:bold;
}

#rankDisp  .rank_detail_top span.blackpoint {
	color:#000000;
	font-size:16px;
	font-weight:bold;
}

#rankDisp  .rank_detail_top span.rank {
	background-image: url("../images/parts/arrow_mypegeTop_01.gif");
  background-position:5px center;
  background-repeat: no-repeat;
	padding: 1px 0 0 14px;
	line-height: 16px;
	text-align: left;

}




.header-info-publicity-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
				padding: .75rem 0 .5rem;
}

@media screen and (min-width:1200px) and (max-width:1310px) {
.header-info-area {
    padding: 0 0.25rem;
}
}
@media screen and (min-width:1200px) and (max-width:1277px) {
.header-publicity-list li:nth-child(2)  {
	display: none;
}
}
@media screen and (max-width:1199px) {
.header-info-publicity-area {
	display: none;
}
}
@media screen and (max-width:1099px) {
	.header-nav {
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.header-search-area {
		order: 1;
		min-width: 400px;
		margin: 0 auto .5em;
		}
	.header-search-div {
		order : 1;
		width: 100%;
	}
}



.header-publicity-list {
	list-style:none;
	letter-spacing: -.40em;
}
.header-publicity-list li {
    letter-spacing: .05rem;
    display: inline-block;
    padding: 0 10px;
    font-size: .9em;
    color: #111;
}
.header-publicity-list li a {
    color: #111;
    display: block;
}
.header-publicity-list li a:hover {
    color: #333;
}
.header-publicity-list li * {
    display: inline-block;
    vertical-align: middle;
}
.header-info-ttl {
font-size: .75rem;
}
.header-publicity-icon:before {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0 2px 0 0;
}
.header-info-s-txt {
    font-size: .7em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	all

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-sub-ttl-area {
    position: relative;
}
h2.top-sub-ttl {
	font-size: 1.5em;
	letter-spacing: .03em;
	font-weight: bold;
	margin: 1.6em auto .5em 0;
}
.top-sub-ttl-more-btn {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 1em;
}
.top-sub-ttl-more-btn a {
    color: #333;
    text-decoration: none;
    padding: 0 25px 0 0;
}
.top-sub-ttl-more-btn a::after {
    font-family: 'sanwasvg';
    content: "\e91f";
    color: #2976c6;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 1em;
	transition-duration: 0.3s;
}
.top-sub-ttl-more-btn:hover a::after {
    right: 0;
}

.imglist-ul {
    letter-spacing: -.40em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.imglist-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 1.5em;
}
.imglist-inner img {
	width:100%;
}
.item1 .imglist-inner {
	width:100%;
	text-align:center;
}
.item2 .imglist-inner {
	width:49%;
}
.item3 .imglist-inner {
	width:32%;
	}
.item4 .imglist-inner {
	width:24%;
	}
.item5 .imglist-inner {
	width:19%;
	}
.item6 .imglist-inner {
	width:15%;
	}
.item10 .imglist-inner {
	width:9.5%;
	}
@media screen and (max-width:780px) {
.item4 .imglist-inner {
	width:49%;
	}
.item5 .imglist-inner ,
.item6 .imglist-inner {
	width:16%;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	footer

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	footer-category

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


h3.top-foot-category-big-name {
    font-size: 18px;
    color: #333;
    padding: 25px 0 25px 90px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 80px;
    margin: 0 0 15px 0;
    white-space: nowrap;
}
h3.top-foot-category-big-name a {
    color: #333;
}
.top-foot-category-ctr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.top-foot-category-box {
    position:relative;
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    margin: 0 1% 1em;
    padding: 1% 2% 4%;
    border-left: 1px solid #ddd;
}
@media screen and (max-width:1279px) {
.top-foot-category-box {
    width: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
}
}
@media screen and (max-width:980px) {
.top-foot-category-box {
    width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}
}
li.top-foot-category-small-list a {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 1px 0;
}
li.top-foot-category-small-list a:hover {
  color: #4899ec;
}
li.top-foot-category-small-list.more-elm {
	display:none;
}
.top-foot-category-more-btn {
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    width: auto;
    margin: auto;
    padding: .5em 0;
    color: #2976c6;
    font-size: 16px;
    text-align: right;
    cursor: pointer;
    transition: .2s ease;
}
.top-foot-category-more-btn:hover {
  color: #4899ec;
}
.top-foot-category-more-btn .fa {
  margin-right: .5em;
}

.top-foot-category-more-btn::before {
  font-family: 'sanwasvg';
  content: "もっと見る \e921";
}
.top-foot-category-small-area {
    position: relative;
    overflow: unset;
    height: auto;
    margin: 0 auto auto 0;
    width:100%;
    white-space: nowrap;
}
.top-foot-category-small-area::before {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.top-foot-category-more-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.top-foot-category-more-trigger:checked ~ .top-foot-category-more-btn::before {
  font-family: 'sanwasvg';
  content: "閉じる \e91d" ;/*チェックされていたら、文言を変更する*/
}
.top-foot-category-more-trigger:checked ~ .top-foot-category-small-area {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.top-foot-category-more-trigger:checked ~ .top-foot-category-small-area::before {
  display: none; /*チェックされていたら、top-foot-category-small-areaのbeforeを非表示にする*/
}
.top-foot-category-more-trigger ~ li.top-foot-category-small-list.more-elm {
	display:none;
}
.top-foot-category-more-trigger:checked ~ .top-foot-category-small-menu li.top-foot-category-small-list.more-elm {
	display:block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer-features

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (min-width:1280px) {
.footer-features-area {
    margin: 30px 0 0;
    background-color: #f6f6f6;
    text-align: center;
    padding: 30px 0 10px;
}
.footer-features-list {
    list-style: none;
    letter-spacing: -.40em;
	width:95%;
	min-width:770px;
	max-width:1500px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-features-list li {
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	width:15%;
	position:relative;
}
.footer-features-list li:last-child {
    border-bottom: 0;
}
.footer-features-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 0.5em;
}
.footer-features-icon:before {
    font-size: 5em;
}
.footer-features-txt-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto auto;
}
.footer-features-caption {
    font-weight: bold;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto auto;
}
.footer-features-list li:hover .footer-features-icon:before ,
.footer-features-list li:hover .footer-features-caption {
    color: #4899ec;
	transition-duration: 0.3s;
}
.footer-features-txt {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto auto 0;
    text-align: left;
    line-height: 1.5;
    padding: 10px 0;
}
.footer-features-list li a {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
}
@media screen and (max-width:1279px) {
.footer-features-area {
    margin: 30px 0 0;
    background-color: #f6f6f6;
    text-align: center;
    padding: 10px 0;
}
.footer-features-list {
    list-style: none;
    letter-spacing: -.40em;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
.footer-features-list li {
    letter-spacing: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
	position: relative;
}
.footer-features-list li:last-child {
    border-bottom: 0;
}
.footer-features-icon {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
}
.footer-features-icon:before {
    font-size: 3.2em;
}
.footer-features-txt-area {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    width: calc(100% - 3.2em);
	padding: 0 0 0 15px;
	}
.footer-features-caption {
    font-weight: bold;
    font-size: 15px;
}
.footer-features-txt {
    font-size: 12px;
}
.footer-features-list li a {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer-usage-guide

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer-usage-guide-area {
    list-style: none;
    letter-spacing: -.40em;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
h2.footer-usage-guide-ttl {
    margin: 25px auto 7px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 15px;
}
.footer-usage-guide-list {
    list-style: none;
    letter-spacing: -.40em;
}
.footer-usage-guide-list li {
    letter-spacing: normal;
}
.footer-usage-guide-list li a {
    display: block;
    color: #333;
    font-size: 13px;
    padding: 3px 0 3px 15px;
}
.footer-usage-guide-box {
    letter-spacing: normal;
}
.footer-usage-guide-box a:hover {
    opacity: 0.8;
}
.footer-usage-guide-box:nth-child(3)  {
    min-width: 300px;
}
.footer-usage-guide-box:nth-child(4)  {
    max-width: 360px;
}
.footer-usage-guide-box:nth-child(5)  {
    max-width: 410px;
}
@media screen and (max-width:1515px) {
.footer-usage-guide-box {
    width: 33%;
}
.footer-usage-guide-box:nth-child(n + 4) {
    width: 48%;
}

}

@media screen and (max-width:950px) {
.footer-usage-guide-box:nth-child(1) ,
.footer-usage-guide-box:nth-child(2) ,
.footer-usage-guide-box:nth-child(n + 4) {
    width: 48%;
}
.footer-usage-guide-box:nth-child(3) {
	width: 100%;
}
.footer-usage-guide-box:nth-child(3) .footer-usage-guide-sns-circle-menu {
	margin: 0 15%;
}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer-usage-guide-sns

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer-usage-guide-sns-circle-menu-ul {
    list-style: none;
    letter-spacing: -.40em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
}
.footer-usage-guide-sns-circle-menu-inner {
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    margin: 0;
    width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: .3rem 0;
    text-align: center;
}
.footer-usage-guide-sns-circle-menu-icon {
    display: block;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: relative;
	margin: 0 auto;
}
.footer-usage-guide-sns-circle-menu-inner .link-twitter .footer-usage-guide-sns-circle-menu-icon {
	background-color:#00b0ed;
	border:2px solid #00b0ed;
	}
.footer-usage-guide-sns-circle-menu-inner .link-x .footer-usage-guide-sns-circle-menu-icon {
	background-color:#000;
	border:2px solid #000;
	}
.footer-usage-guide-sns-circle-menu-inner .link-facebook .footer-usage-guide-sns-circle-menu-icon {
	background-color:#4267b2;
	border:2px solid #4267b2;
	}
.footer-usage-guide-sns-circle-menu-inner .link-line .footer-usage-guide-sns-circle-menu-icon {
	background-color:#00b900;
	border:2px solid #00b900;
	}
.footer-usage-guide-sns-circle-menu-inner .link-instagram .footer-usage-guide-sns-circle-menu-icon {
	background-color:#ba53a3;
	border:2px solid #ba53a3;
	}
.footer-usage-guide-sns-circle-menu-inner .link-gplus .footer-usage-guide-sns-circle-menu-icon {
	background-color:#dc4e41;
	border:2px solid #dc4e41;
	}
.footer-usage-guide-sns-circle-menu-inner .link-youtube .footer-usage-guide-sns-circle-menu-icon {
	background-color:#ff0000;
	border:2px solid #ff0000;
	}
.footer-usage-guide-sns-circle-menu-icon:before {
    color: #fff !important;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);

}
.footer-usage-guide-sns-circle-menu-txt {
    font-size: 11px;
    color: #333;
    text-align: center;
}
.footer-usage-guide-sns-circle-menu {
    padding: 0 8px;
}


.footer-usage-guide-mail-btn {
    text-align: center;
}
.footer-usage-guide-mail-btn a {
    display: block;
    border: 2px solid #ddd;
    width: 95%;
    margin: 10px auto;
    padding: 10px 0;
    color: #333;
	border-radius: 5px;
}
.footer-usage-guide-mail-btn a .icon-mail:before {
    color: #333;
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 1.2em;
    vertical-align: middle;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer momo

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer-usage-guide-momo-area {
    letter-spacing: -.40em;
    padding: 10px;
	text-align:center;
}
.footer-usage-guide-momo-icon {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-image: url(/images/parts/chat_icon_01.png);
    background-size: 100%;
    border-radius: 50%;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.footer-usage-guide-momo-speaking {
    letter-spacing: normal;
    display: inline-block;
    font-size: .8em;
    vertical-align: middle;
    line-height: 1.4;
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    background-color: #fff;
    border: 2px solid #ccc;
    position: relative;
    margin: 0 auto 0 17px;
    padding: .5em 0 0 1em;
    border-radius: 3px;
	text-align:left;
}
.footer-usage-guide-momo-speaking-block {
    margin: 0 0 .5em 1em;
				display: inline-block;
}
.footer-usage-guide-momo-speaking::before {
    content: "";
    position: absolute;
    top: 16px;
    left: -14px;
    border-right: 13px solid #ccc;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}
.footer-usage-guide-momo-speaking::after {
    content: "";
    position: absolute;
    top: 18px;
    left: -10px;
    border-right: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.footer-usage-guide-momo-btn a {
    letter-spacing: normal;
    display: inline-block;
    width: 100%;
    margin: .8em auto 0;
    background-color: #2976c6;
    color: #fff;
    border-radius: 5px;
    padding: 11px 0;
    text-align: center;
}
.footer-usage-guide-momo-btn a .icon-chat:before {
    color: #fff;
    display: inline-block;
    padding: 0 8px 0 0;
    font-size: 1.5em;
    vertical-align: top;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer-calendar

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer-calendar #business_day br:first-child {
	display:none;
}
.footer-calendar #business_day .cal_note p br {
	display:none;
}
.footer-calendar #business_day .calendar_wrap {
	margin:0 auto;
	padding: 0 10px 10px;
	width:100%;
	letter-spacing: -.40em;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer-calendar #business_day .calendar_wrap .calendar {
	letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 49%;
    margin: 0;
}
.footer-calendar #business_day .calendar_wrap .calendar table {
	width: 100%;
	background: #f3f3f3;
}
.footer-calendar #business_day .calendar_wrap .calendar table caption {
	padding: 0.2em 5px 0.1em;
	background: #2976c6;
	color: #fff;
	font-weight: bold;
	display: table-caption;
	font-family: 'Century Gothic';
}
.footer-calendar #business_day .calendar_wrap .calendar table caption .year {
	float: left;
}
.footer-calendar #business_day .calendar_wrap .calendar table caption .month {
	float: right;
}
.footer-calendar #business_day .calendar_wrap .calendar table tr td {
    padding: 0.1em 0;
    text-align: center;
    background: #f4faff;
    border: 2px solid #ffffff;
    font-size: .8em;
	font-family: 'Verdana';
}
.footer-calendar #business_day .calendar_wrap .calendar table .week_of_day td{
	text-align: center;
	background: #ffffff;
	font-size: 0.8em;
	color: #2976c6;
}
.footer-calendar #business_day .calendar_wrap .calendar table .holiday {
    background: #ffd9d9;
    color: #D80000;
}
.footer-calendar #business_day .cal_note{
	font-size: 100% !important;
	letter-spacing: 1px !important;
}
.footer-calendar #business_day .cal_note p {
    font-size: .7em;
    margin: 0.5em 0 0 1em;
    line-height: 1.5;
}
.footer-calendar #business_day .cal_note .holiday {
	padding: 0px 5px;
	color: #ffd9d9;
	background: #ffd9d9;
}

.footer-calendar .false-site a {
    color: #2976c6;
    font-size: .8em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　footer-browsing-history

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer-browsing-history {
    background-color: #f6f6f6;
    padding: 10px;
    margin: 2em 0 1em;
}
.footer-browsing-history-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
	margin: auto;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-browsing-history .scroll-outer {
    max-width: 1200px;
    width:100%;
}
.footer-browsing-history .sp-top-sub-ttl {
    margin: auto 15px auto 0;
	text-align: left;
	min-width:75px;
}
.footer-browsing-history .sp-top-sub-more-link {
    order: 1;
    margin: auto 0 auto auto;
	position: relative;
	padding: 0 30px 0 0;
	min-width:120px;
	text-align: right;
}
.footer-browsing-history .sp-top-sub-more-link a::after {
    font-family: 'sanwasvg';
    content: "\e91f";
    color: #2976c6;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 1.5em;
	transition-duration: 0.3s;
}
.footer-browsing-history .sp-top-sub-more-link a:hover::after {
    right: 0;
}
.footer-browsing-history .imglist-inner {
    margin: auto;
}
.history-lineup-element{
    width:9.4%;
    position: relative;
    display:inline-block;
}
.history-lineup-img{
    width:100%;
}
.footer-browsing-history .delete-element {
	position: absolute;
	top: 0;
	right: 2px;
	display: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: rgba(50,50,50,.7);
}
 .footer-browsing-history .delete-element:hover {
	background: rgba(41,118,198,.9);
	transition:  all 0.1s ease;
	text-decoration: none;
}
.footer-browsing-history .delete-element::before {
    content: "\e90e";
	color: #fff;
    font-family: "sanwasvg";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.footer-browsing-history .history-lineup-element:hover .delete-element {
	display: block;
}

@media screen and (max-width:1279px) {
.footer-browsing-history {
	font-size:.9em;
}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　copyright

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.copyright {
    font-size: .8em;
    color: #666;
    text-align: center;
    padding: 0.5em 0 1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　color

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


.font-blue ,
.font-blue:before ,
.font-blue *:before ,
.font-blue * {
	color:#2976c6 !important;
}
a:hover .font-blue ,
a:hover .font-blue:before ,
a:hover .font-blue *:before ,
a:hover .font-blue * {
    color: #4899ec;
}

.font-red ,
.font-red:before ,
.font-red *:before ,
.font-red * {
	color:#D80000;
}
a:hover .font-red ,
a:hover .font-red:before ,
a:hover .font-red *:before ,
a:hover .font-red * {
    color: #f00;
}


/*--------------------------------------------------
    general class
--------------------------------------------------*/
/* margin, padding */
.m0 { margin:0 !important; }
.m1 { margin:1em !important; }
.m2 { margin:2em !important; }
.m3 { margin:3em !important; }

.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }

.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }

.p0 { padding:0 !important; }
.p1 { padding:1em !important; }
.p2 { padding:2em !important; }
.p3 { padding:3em !important; }

.pt0 { padding-top:0 !important; }
.pt1 { padding-top:1em !important; }
.pt2 { padding-top:2em !important; }
.pt3 { padding-top:3em !important; }

.pb0 { padding-bottom:0 !important; }
.pb1 { padding-bottom:1em !important; }
.pb2 { padding-bottom:2em !important; }
.pb3 { padding-bottom:3em !important; }

.m10 { margin:10px !important; }
.m20 { margin:20px !important; }
.m30 { margin:30px !important; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }

.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }

.p10 { padding:10px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }

.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }

.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }

/* width */
.wid100 { width:100%; }
.wid95 { width:95%; }
.wid90 { width:90%; }
.wid85 { width:85%; }
.wid80 { width:80%; }
.wid75 { width:75%; }
.wid70 { width:70%; }
.wid65 { width:65%; }
.wid60 { width:60%; }
.wid55 { width:55%; }
.wid50 { width:50%; }
.wid45 { width:45%; }
.wid40 { width:40%; }
.wid35 { width:35%; }
.wid30 { width:30%; }
.wid25 { width:25%; }
.wid20 { width:20%; }
.wid15 { width:15%; }
.wid10 { width:10%; }
.wid5 { width:5%; }

/* text-align */
.txtAL { text-align:left; }
.txtAC { text-align:center; }
.txtAR { text-align:right; }

/* font-size */
.fsLL { font-size:1.5em; }
.fsL { font-size:1.2em; }
.fsS { font-size:0.8em; }
.fsSS { font-size:0.5em; }

@media screen and (max-width:1279px) {
.tabno {
	display:none;
}
}