@charset "UTF-8";
/*
Theme Name: zeaksports
Description: zeaksports
Theme URI:
Author: hiroyuki OKADA
Author URI: https://zero1surf.com
Version: 1.01
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('./css/common.css');
@import url('./css/parts.css');


/* 基本設定
 *----------------------------------------------------------------------*/
html{
	font-size:62.3%;
}
body {
	color: #333333;
	font-size: 1.3rem;/*13px*/
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
     font-family: 'Noto Sans JP', sans-serif;
}
.sp_only{
	display:none;
}
#sysAll {
	max-width: 100%;
	background-color: transparent;
	padding: 0;
}
#sysWrap {
	  padding: 0;
	  overflow: hidden;
    max-width: 1100px;
    margin: auto;
}
#sysHeader {
	margin: 0;
	padding: 0;
}
div#sysMain {
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
  min-height: 400px;
}
#sysAside {
	display:none;
	float: none;
	padding: 0;
}
#sysFooter {
	margin: 0;
	padding: 0;
}

.sysContent {
	padding: 0 !important;
}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	font-weight:bold;
	letter-spacing:inherit;
}
a {
	color: #000;
	text-decoration: none;
	font-weight:inherit;
}
a:hover {
	color: #222222;
}
img {
	vertical-align: bottom;
	/*you kakunin*/
	height:auto;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-filter: "alpha( opacity=50 )";
	-webkit-filter: "alpha( opacity=50 )";
	-o-filter: "alpha( opacity=50 )";
	-ms-filter: "alpha( opacity=50 )";
}
a:hover img.nohover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-filter: "alpha( opacity=100 )";
	-webkit-filter: "alpha( opacity=100 )";
	-o-filter: "alpha( opacity=100 )";
	-ms-filter: "alpha( opacity=100 )";
}
p {
	margin: 10px auto;
}
p.indent{
        margin: 5px 0 !important;
        text-indent: 1em
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* フォーム要素の基本レイアウト */
input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
	-webkit-appearance: none;
	padding: 10px 5px !important;
	width: 100%;
	line-height: 2;
	background: #fff;
	border: 1px solid #dddddd;
	border-radius: 0;
}
input[type=submit] {
	-webkit-appearance: none;
	padding: 10px 5px !important;
	line-height: 2;
        margin-top: 30px;
}
input[type="radio"]{
        margin: 10px 10px 20px;
}
.sysFormField{margin: 10px 0;}
.sysFormField label{
        margin-right: 20px;
        font-size: 15px;
}
.sysFormField a{
	display: inline-block;
	color: #068acc;
	border-bottom: 1px solid #068acc;
	line-height: 15px;
	margin: 0 3px;
}
select {height: 30px;}
#sysItemCategory select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none !important;
        width: 100%;
        padding: 3px 5px;
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-controls {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.owl-controls .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}
.owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-dots{
	text-align:center;
}
.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display:inline;
	position:relative;
	top:10px;
}
.owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
	margin: 5px 12.5px;
	background: #999;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
	background: #000;
}
.owl-nav{
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-nav [class*=owl-] {
	position: absolute;
	top:98%;
	margin-top: -18.5px;
	outline: 0;
	width: 20px;
	height: 37px;
	padding:0;
	text-indent: -9999px;
	z-index: 9999;
	border:none;
	border-radius:none;
	cursor:pointer;
}
.owl-nav .owl-prev{
	left:35%;
	background: url(./images/common/controls.png) no-repeat 0 0;
	background-size:40px;
}
.owl-nav .owl-next{
	right:35%;
	background: url(./images/common/controls.png) no-repeat -20px 0;
	background-size:40px;
}
.owl-nav .owl-prev:hover {
	background-position: 0 0;
}
.owl-nav .owl-next:hover {
	background-position: -20px 0;
}



/* 検索ボックス */
.search_bx form{
	overflow: hidden;
	border: 1px solid #dddddd;
}
.search_bx .sysItemSearchFormWord {
	float: left;
	width: 70%;
}
.search_bx input[type="search"] {
	height: 40px;
	border: none;
	padding: 5px;
	width: 100%;
}
.search_bx .sysSearchButton {
	overflow: hidden;
	float: left;
	display: block;
	width: 30%;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	border-radius: 0px;
	border: none;
	background: #222222 url(./images/common/ico_search.png) no-repeat center center;
	background-size: 70px;
	cursor: pointer;
}


/* パンくずリスト */
.breadcrumb {
    background-color: #f1f1f1;
    margin-top: 150px;
}
.breadcrumb ul {
    max-width: 1100px;
    margin: auto;
}
.breadcrumb ul li {
    color: #000;
    display: inline;
}
.breadcrumb ul li a {
    color: #000;
}
.breadcrumb ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    padding: 5px;
}
.breadcrumb.top ul li:nth-child(2) a:after {
	content: none;
}

/***********************************
	ヘッダー
***********************************/
.header_wrap{
	position: fixed;
	height: 150px;
	top: 0; left: 0; right: 0;
	margin: auto;
	background: #fff;
	z-index: 120;
        border-bottom: 1px solid #aaa;
}
.header_wrap_inner{
	max-width:1100px;
	margin:0 auto;
}
.h_inner{margin: 15px 0 0;}
.header_h1_under, .header_h1{
	width: 580px;
	height: 50px;
	float: left;
}
.header{
	width: 395px;
	height: 50px;
	float: left;
}
.logo img{
	width: 180px;
	margin-right: 15px;
	float: left;
}
.head_title{
	font-size: 11px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	letter-spacing: 1px;
        margin-top: 0 !important;
        padding-top: 0 !important;
}
.header .g_navi li{
	float: left;
	text-align: center;
}
.header .g_navi li a{
    display: block;
    width: 120px;
    margin: 15px 5px 0;
    height: 30px;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #82bbeb;
    background-color: #82bbeb;
    border-radius: 20px;
    color: #fff;
}
.header .g_navi li i{margin-right: 5px;}


/***********************************
	カート情報
***********************************/
#cartInfo{
	float: left;
	position: relative;
	margin-top: 15px;
	margin-left: 5px;
	width: 120px;
	height: 30px;
	line-height: 28px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 20px;
    border: 1px solid #db1515;
    background: #db1515;
	color: #fff;
	text-align: center;
	cursor: pointer;
	padding-top: -10px;
}
#cartInfo p.cartTxt{
	margin: -2px;
	line-height: 21px;
	padding-top: 5px;
	font-size: 10px;
}
#cartInfo p img{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
}
#cartInfo i{
	margin-right: 5px;
}
.h_cart a {
    color: #fff;
}
/*.h_cart{
    position: absolute;
    top: 40px;
    right: 5px;
}*/
.h_cart dl{
	font-size: 12px;
	margin-bottom: 0px;
}
.h_cart dl:after{
	display: block;
	content: "";
	clear: both;
}
.h_cart dt, .h_cart dd{float: left;}
.h_cart dd span{
	display: inline-block;
	color: #da4636;
	font-weight: bold;
	padding: 0 5px;
}
.h_cart .sysCartInfoCartIn a{
	display: block;
	background: #000;
	color: #fff;
	width: 100%;
	margin: 10px 0% 5px;
	height: 50px;
	padding: 12px 0 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border-radius:5px;
}
.h_cart .sysCartInfoCartIn a:hover{
	background:#999;
}
.h_cart .sysCartInfoCartIn a img{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.h_cart .sysCartInfoCartIn a i{margin-right: 5px;}

/* カート内商品数表示 */
button.itemCount{
	display: none;
	border:none;
	width: 20px;
	height: 20px;
        line-height: 20px;
	text-align: center;
	font-weight: bold;
	margin-left: 5px;
    color: #db1617;
	background: #fff;
	border-radius: 10px;
}


/***********************************
	ナビゲーション
***********************************/
.h_navi{
	width: 100%;
	height: 60px;
    margin-bottom: 10px;
}
#headNavigation{
	max-width: 1100px;
	margin: 0 auto;
        height: 60px;
}
#headNavigation .pcnone{display: none;}
#headNavigation li.tab1{
	width: 275px;
	float: left;
	text-align: center;
}

#headNavigation li a{
    display: block;
	font-weight: 700;
}
#headNavigation li .slideMenu > a {
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 50% 0;
    margin: auto;
    padding-top: 65px;
    font-size: 12px;
}
#headNavigation li:nth-child(1) .slideMenu > a {
    background-image: url(./images/common/icon_headerMenu01.png);
}
#headNavigation li:nth-child(2) .slideMenu > a {
    background-image: url(./images/common/icon_headerMenu02.png);
}
#headNavigation li:nth-child(3) .slideMenu > a {
    background-image: url(./images/common/icon_headerMenu03.png);
}
#headNavigation li:nth-child(4) .slideMenu > a {
    background-image: url(./images/common/icon_headerMenu04.png);
}
#headNavigation li a span{
	display: block;
	font-size: 10px;
}
.tabmenu .border:after{
    background-color: #666;
    content: " ";
    height: 85px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 42px;
    width: 1px;
}
.tabmenu .border:last-child:after {
    content: none;
}

/*ナビゲーショントグル*/
.tabmenu:before{
	display: block;
	content: "";
	clear: both;
}
.tabmenu{
	margin: 10px 0 0;
}
.toggleNav{
	display: none;
	width: 275px;
	position: absolute;
	height: 0px; /*heightはjs制御*/
	top: 100px; 
        left:0;
	background: rgba(255,255,255,1);
	z-index: 110;
	box-shadow:2px 2px 4px 0px #ccc;
	-moz-box-shadow:2px 2px 4px 0px #ccc;
	-webkit-box-shadow:2px 2px 4px 0px #ccc;
}
.toggleNav:hover{
	overflow: visible !important;
}
.tabmenu li.tab1{
	position: relative;
}
.tabmenu li.tab1 a{
	font-size:14px;
}
.tabmenu li.tab2{
	text-align: left;
	height: 35px;
	border-bottom: 1px dotted #ccc;
	position: relative;
}
.tabmenu li.tab2:hover{background: #ededed;}
.tabmenu li.tab2 a{
	display: block;
	position: relative;
	padding: 10px;
	font-size: 12px !important;
	line-height: 15px;
    font-weight: bold;
}
.tabmenu li.tab2 a i{
	position: absolute;
	right: 10px;
	top: 10px;
}
.tabmenu li.tab2 .subCategory{
	position: absolute;
	width: 200px;
	left:200px; top: 0px;
	background: rgba(255,255,255,1);
	visibility: hidden;
	transition: all .10s ease;
	z-index: 120;
	box-shadow:2px 2px 4px 0px #ccc;
	-moz-box-shadow:2px 2px 4px 0px #ccc;
	-webkit-box-shadow:2px 2px 4px 0px #ccc;
}
.tabmenu li.tab2:hover .subCategory{
	visibility: visible;
}
.tabmenu li.tab3{
	font-size: 14px;
	height: 35px;
	border-bottom: 1px dotted #ccc;
    font-weight: bold;
}
.tabmenu li.tab3:hover{background: #ededed;}



/***********************************
	フッター
***********************************/
.footer{
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
	background: #ededed;
	letter-spacing: 2px;
}
.footer .f_navi_all{
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.footer .f_navi h3{
	margin: 10px 0 0;
	font-size: 15px;
}
.footer .f_navi ul{
	width: 671px;
	text-align: left;
	margin: 0 auto;
}
.footer .f_navi li{
	display: inline-block;
	padding: 0 15px 0 5px;
	margin: 10px 5px 0;
	font-size: 15px;
	position: relative;
}
.footer .f_navi li:after{
	background-color: #000;
    content: "";
    height: 10px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 41px;
    width: 1px;
}
.footer .f_navi .b_none{border-right: 0px;}
.footer .telephone{
	margin: 20px 0 5px;
}
.footer .telephone .telephone01{
	width: 250px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #000;
	border-radius: 15px;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}
.footer .telephone .telephone02{
	width: 300px;
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
.footer .telephone .telephone02 a{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	font-size: 25px;
}
.footer .telephone .telephone02 a img{
	display: inline-block;
	height: 30px;
	margin-right: 10px;
}
.footer .telephone:after{
	display: block;
	content: "";
	clear: both;
}
.footer .time{
	font-size: 15px;
	margin: 0 0 10px;
}
.footer .f_gnav_all{
	background: #c3c3c3;
	padding: 15px 0 10px;
	letter-spacing: 2px;
}
.footer .f_gnav li{
	display: inline-block;
	padding: 0px 20px 0 15px;
	font-size: 12px;
	position: relative;
}
.footer .f_gnav li:after{
	background-color: #000;
    content: "";
    height: 10px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 1px;

}
.footer .f_gnav li:last-child{
	border-right: 0px;
}
.footer .f_gnav{margin-bottom:  5px;}
.footer .f_copy{
	background: #fff;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}

/***********************************
	フッター部分のご利用ガイド
***********************************/
.f_guide{
	width: 100%;
	border-top: 2px solid #222222;
	margin-top: 50px;
}
.f_guide .sysContent{
	width: 1100px;
	margin: 0 auto;
}
.f_guide .Title{ 
	font-size: 15px;
	text-align: center;	
	font-weight: bold;
	padding: 10px 0 30px;
}
.f_guide .clearfix{
	font-size:0;
}
.f_guide .guideBlock{
	display:inline-block;
	width: 550px;
	font-size:14px;
	vertical-align:top;
  padding-top: 30px;
}
.f_guide .guideBlock:after{
	display: block;
	content: "";
	clear: both;
}
.f_guide .guide01{padding-right: 50px;}
.f_guide .guide02{padding-left: 50px;}
.f_guide .guideTitle{
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 15px;
	margin-bottom: 10px;
}
.f_guide p{
	font-size: 15px;
	line-height: 22px;
	margin: 5px 0;
}
.f_guide .mt{margin-top: 20px;}
.f_guide .smaller{font-size: 12px;}

.f_guide .freedial{
    background: rgba(0, 0, 0, 0) url(./images/common/icon_common_tel.png) no-repeat scroll left center / 35px;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    padding-left: 40px;
}

/*ボタン*/
.common_btn{
  width: 250px;
  margin:20px auto 50px;
  position: relative;
}
.common_btn a{
  display: block;
  padding:15px 0;
  font-size: 16px;
  color: #fff;
  text-align:center;
  border-radius:5px;
  background: #000;
}
.common_btn a:hover{
  background:#999;
}
.common_btn a i{
  display:inline-block;
  margin-left:10px;
  font-size:20px;
}
.f_guide .common_btn{
	margin: 10px auto;
}
.f_guide .common_btn a{
	font-size: 13px;
	padding:10px 0;
}

/* ページトップに戻る*/
.pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 52px;
	height: 52px;
	text-align: center;
        z-index:999999;
}
.pagetop #page-top{
	display: none;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	background: #000;
	border-radius: 5px;
	padding-top: 4px;
	height: 51px;
}
.pagetop #page-top:hover{
	background:#999;
}

/***********************************
	メイン
***********************************/
.main a {
    color: #369;
    font-size: 14px;
}
.main h1 {
    font-size: 28px;
}
.main h2 {
    font-size: 20px;
}
.main h2 span {
    font-size: 18px;
}
.main h3 {
    font-size: 20px;
    margin: 30px 0 10px;
}
.main h3 span {
    font-size: 16px;
}
.main h3:after {
    content: '';
    width: 30%;
    border-bottom: 2px solid #000;
    display: block;
}
.main h4 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: .5em;
    margin-top: 20px;
}
.main h4:after {
    content: '';
    width: 30%;
    border-bottom: 1px dotted #000;
    display: block;
}
.main h5 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.main h6 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.main p {
    font-size: 16px;
    line-height: 2.2;
}
/*.main p:after {
    content: '';
    display: block;
    clear: both;
}画像の回り込み対応*/
.main img.alignleft {
    float: left;
    margin-right: 3%;
    border: 2px solid #eaeaea;
}
.main img.aligncenter {
    display: block;
    margin: 1% auto;
    border: 2px solid #eaeaea;
}
.main img.alignright {
    margin: 1% 0 1% 1%;
    float: right;
    border: 2px solid #eaeaea;
}
.main strong {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}
.main p > a:after {
    content: "\f08e";
    font-family: FontAwesome;
}
.main span.update, .main span.category {
    font-size: 14px;
    padding-right: 10px;
}
.main span.update a, .main span.category a {
    color: #6ba3d1;
}
.main {
    max-width: 1050px;
    margin: 0px auto;   
}
.main section {
    padding-right: 2%;
    border-right: 1px solid #eaeaea;
}
.main section .innerBlock {
    margin-bottom: 40px;
    border-bottom: 1px dotted #eaeaea;
}
.main section .innerBlock:after {
    content: '';
    display: block;
    clear: both;
}
.main section .innerBlock .images {
    float: left;
    width: 20%;
    margin-right: 5%;
}
.main section .innerBlock .images img {
    height: inherit;
    border-radius: 50%;
}
.main section .innerBlock .content {
    width: 75%;
    float: right;
    margin-bottom: 20px;
}
.main section .innerBlock .content h2 a {
    font-size: inherit;
    text-decoration: none;
}
.main section .innerBlock .content p a {
    font-size: inherit;
    text-decoration: none;
    line-height: 1.8;
    display: block;
    margin-top: 10px;
    color: #464646;
}
.main p.meta {
    text-align: right;
    font-size: 12px;
    margin-bottom: 20px;
}
.main p.meta span {
    padding-right: 20px;
}
.main .thumbnail {
    margin-bottom: 20px;
}
.main .thumbnail img {
    height: inherit;
    border: 3px solid #eaeaea;
}
.main .paging {
    text-align: center;
    margin-bottom: 50px;
}
.main .paging p {
    margin: 0;
    line-height: 1.8;
}
.main .sns {
    margin-bottom: 50px;
}
.main .sns ul:after {
    content: '';
    display: block;
    clear: both;
}
.main .sns ul li {
    width: 33%;
    display: inline-block;
    text-align: center;
}
.main .sns a {
    display: block;
    color: #fff;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-position: 50% 5px !important;
    background-size: 15px !important;
    padding-top: 20px;
    padding-bottom: 2px;
    font-size: 12px;
}
.main .sns .fb a {
    background: #3b5998 url(./images/common/icon_fb.png);
}
.main .sns .tw a {
    background: #2795e9 url(./images/common/icon_tw.png);
}
.main .sns .gp a {
    background: #de4330 url(./images/common/icon_gp.png);
}
#fbblock {
    background-color: #050d3e;
}
#fbblock h2 {
    background-color: #fff;
    margin: 0;
    border: 0;
    font-size: medium;
    margin: 50px 0 10px;
}
#fbblock .thumbnail {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
#fbblock .thumbnail img {
    border: 0;
    vertical-align: bottom;
    width: 100%;
}
#fbblock #fb-like {
    margin: 0 auto;
    display: block;
    float: left;
    width: 50%;
    margin-left: 0%;
    text-align: center;
    padding: 10px;
}
#fbblock #fb-like iframe {
    height: 20px;
}
#fb-like h3 {
    border: 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
}
#fb-like h3:after {
    content: none;
}
#fbblock #fb-like p {
    margin: 10px 0;
    color: #fff;
    line-height: 1;
}
#fbblock:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pagenation {
    text-align: center;
}
.pagenation span {
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
}
.pagenation a {
    padding: 5px 10px;
    display: inline-block;
}
.pagenation a:hover {
    text-decoration: underline;
}


/***********************************
  サイド
***********************************/
#sysAside article {
    padding-left: 5%;
}
#sysAside section {
    margin-bottom: 50px;
}
#sysAside section h2 {
    background-color: #333333;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    margin-bottom: 10px;
}
#sysAside section.category ul {
	margin-top: 10px;
}
#sysAside section.category ul div {
    border-bottom: 1px solid #000000;
    padding: 10px;
}
#sysAside section.category ul li {
    padding-left: 2em;
}
#sysAside section.category ul li a:before {
	content: '';
}
#sysAside section ul li {
    border-bottom: 1px dotted #eaeaea;
    padding: 10px;
}
#sysAside section ul li span {
    font-size: 12px;
    display: block;
}
#sysAside section ul a:after {
    content: "\f08e";
    font-family: FontAwesome;
}
.btnList a {
    background-color: #000;
    color: #fff;
    width: 90%;
    display: block;
    text-align: center;
    padding: 8px;
    border-radius: 3px;
    margin: 20px auto;
}
.btnList a:after {
    content: "\f08e";
    font-family: FontAwesome;
}
.sysSearchButton {
    width: 90%;
    height: 40px;
    border-radius: 5px;
    background: #000 url(./images/common/ico_search.png) no-repeat center center;
    background-size: 70px;
    text-indent: -999px;
    margin-top: 10px !important;
    cursor: pointer;
}
.serch_article {
    text-align: center;
}

@media screen and (max-width:600px) { 
    .sysDisplayMobileNone{
        display:none !important;
    }

    /* 10-0 Only Smartphone
     *----------------------------------------------------------------------*/
    #sysMain,#sysAside{ width: 100%!important;}

    /*Header */
    #sysHeader{ margin-bottom: 5px;}

    /***********************************
      ヘッダー
    ***********************************/
    .header_wrap{
      position: fixed;
      height: 155px;
      top: 0px; left: 0; right: 0;
      margin: auto;
      background: #fff;
      z-index: 120;
    }
    #sysHeader{
      width: 100%;
      margin: 0px auto;
    }
    .h_inner{margin: 0px 0 0;}
    .header_h1_under, .header_h1{
      width: 100%;
      height: 20px;
      float: none;
      text-align: center;
      background: #ededed;
    }
    .header_h1_under a, .header_h1 a{
      display: none;
    }
    .head_title{
      font-size: 10px;
      font-weight: bold;
      height: 20px;
      line-height: 20px;
      letter-spacing: 1px;
    }
    .header_sp{
      width: 95%;
      margin: 0 2.5%;
      position: relative;
      text-align: center;
        height: 50px;
    }
    .header_sp #navBtn{
      position: absolute;
      top: 10px; left: 0;
    }
    .header_sp .spCart{
      position: absolute;
      top: 10px; right: 0;
    }
    .header_sp #navBtn img, .header_sp .spCart img{
      width: 40px;
      height: 40px;
    }
    .header_sp .spLogo img{
      width: 180px;
      margin-top: 15px;
    }


    /***********************************
      ナビゲーション
    ***********************************/
    #headNavigation .pcnone{display: block;}
    #headNavigation .spnone{display: none;}
    #headNavigation li.active{background: #fff;}
    .h_navi{
      width: 100%;
      height: 40px;
    }
    #headNavigation li.tab1{
            width: 25%;
    }
    #headNavigation li.tab1 a{
            font-size: 11px;
            line-height: 15px;
            position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #headNavigation li .slideMenu > a {
        background-size: 70px;
        padding-top: 60px;
    }

    /*ナビゲーショントグル*/
    .toggleNav{
      display: none;
      width: 100%;
      position: absolute;
      height: 0px; /*heightはjs制御*/
      top: 84px; 
            left:0;
      z-index: 110;
             background: rgba(0,0,0,0);
      box-shadow:0px 0px 0px 0px #ccc;
      -moz-box-shadow:0px 0px 0px 0px #ccc;
      -webkit-box-shadow:0px 0px 0px 0px #ccc;
    }
    .toggleNav:hover{overflow: visible !important;}
    #headNavigation ul.tab{
            position: relative;
    }
    .tabmenu .border:after{
      content:none;
    }
    .tabmenu li.tab1{
      position: static;
      border-right:1px solid #666;
    }
    .tabmenu li.tab1:nth-child(4){
      border-right:none;
    }
    .tabmenu li.tab1 a{font-size:14px;}
    .tabmenu ul:after{
        display: block;
        content: "";
        clear: both;
    }
    .tabmenu li.tab2{
      width: 100%;
      height:auto;
      text-align: left;
      line-height:1;
      font-size: 18px;
      border-bottom: 1px dotted #ddd;
      position: relative;
      background: rgba(255,255,255,1);
    }
    .tabmenu li.tab2 a{
      display: block;
      position: relative;
      padding: 5px 15px;
      font-size: 14px !important;
      line-height: 40px !important;
        font-weight: bold;
    }
    #headNavigation li.tab2 a:after{display: none;}
    .tabmenu li.tab2 a i{
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top:-7px;
    }

    .h_spnavi{
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0px; left: 0;
      background: rgba(220,220,220,0.9);
      z-index: 150;
      color: #444;
      display:none;
        overflow: auto;
    }
    #spNaviWrap{
      position: absolute;
      width: 100%;
      height: 1400px;
      top: 0px; left: -100%;
      background: rgba(225,225,225,1);
      z-index:  200;
      padding: 80px 10px 50px;
           overflow: scroll;
    }

    /***********************************
      カート情報
    ***********************************/
    #cartInfo{display: none;}

    /***********************************
      ナビゲーションメニュー
    ***********************************/
    #closeMenu{
      position: absolute;
      top: 15px; left: 15px;
      font-size: 15px;
    }
    #closeMenu span{
            font-size: 12px;
            margin: 0 10px;
            display: inline-block;
        cursor:pointer;
    }
    #closeMenu2{
            text-align: center;
            margin: 20px 0;
            border: 1px solid #444;
            height: 40px;
            line-height: 40px;
            font-size: 15px;
        border-radius:5px;
        cursor:pointer;
    }
    #closeMenu2 span{
            display: inline-block;
            margin: 0 10px;
    }
    #spNavMenu .navTitle{
      text-align: center;
      font-size: 18px;
      font-weight: bold;
    }
    #spNavMenu{margin: 30px 0 0;}
    #spNavMenu .spMenuList{
      height: auto;
      line-height: 40px;
      font-size: 15px;
      position: relative;
      border-bottom: 1px solid #aaa;
    }
    #spNavMenu .spMenuList a{
            display: block;
      padding-left: 15px;
    }
    #spNavMenu .spToggleNav{
      /*height: 270px;*/
      overflow: hidden;
    }
    #spNavMenu .spToggleNav li{
      height: 45px;
      line-height: 45px;
      font-size: 12px;
      border-bottom: 1px dotted #aaa;
    }
    #spNavMenu .spToggleNav li{padding-left: 20px;}
    #spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
    #spNavMenu .spToggleNav li:last-child{border-bottom: 0;}



    /***********************************
      フッター
    ***********************************/
    .footer{
      margin: 30px 0 0;
      background: #fff;
      letter-spacing: 2px;
    }
    .footer .f_navi_all{
      width: 95%;
      margin: 0 auto;
      padding: 10px 2.5% 0;
    }
    .footer .f_navi h3{
      width: 100%;
      height: 25px;
      background: #424242;
      color: #fff;
      margin: 10px 0;
      font-size: 12px;
      line-height: 25px;
      border-radius: 10px;
    }
    .footer .f_navi ul{
      width: 100%;
      text-align: left;
      margin: 0 auto;
    }
    .footer .f_navi li{
      display: inline-block;
      height: 25px;
      padding: 0 3px;
      margin: 10px 0px 0;
      font-size: 15px;
      position: relative;
      border-right: 1px solid #aaa;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .footer .f_navi li i{
      position: absolute;
      font-size: 20px;
      line-height: 23px;
      right: 10px; top: 0;
    }
    .footer .f_navi li.sp_title{
      width: 100%;
      text-align: center;
      margin: 10px 0;
    }

    .footer .f_navi li.sp_title h5{
      position: relative;
      text-align: center;
      background: #fff;
    }
    .footer .f_navi li.sp_title h5 span {
      position: relative;
      z-index: 2;
      display: inline-block;
      margin: 0 2.5em;
      padding: 0 1em;
      background-color: #fff;
      text-align: left;
    }
    .footer .f_navi li.sp_title h5::before {
      position: absolute;
      top: 50%;
      z-index: 1;
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #222222;
    }
    .footer .f_navi li.sp_3column{
      width: 32%;
      margin-bottom: 5px;
    }
    .footer .f_navi li.sp_2column{
      width: 49%;
      margin-bottom: 5px;
    }
    .footer .f_navi li:after{width: 0;}
    .footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

    .footer .f_gnav_all{
      background: #c3c3c3;
      padding: 0px 0 0px;
      letter-spacing: 2px;
      text-align: left;
    }
    .footer .f_gnav ul:after{
      display: block;
      content: "";
      clear: both;
    }
    .footer .f_gnav{
      width:100%;
      border-top: 1px solid #444;
      margin-bottom: 0;
      overflow: hidden;
    }
    .footer .f_gnav li{
      width: 50%;
      float: left;
      display: block;
      height: 45px;
      line-height: 45px;
      padding: 0px 0px 0 15px;
      font-size: 12px;
      position: relative;
      border-bottom: 1px solid #444;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .footer .f_gnav li i{
      position: absolute;
      font-size: 20px;
      line-height: 30px;
      right: 10px;
      top: 6px;
    }
    .footer .f_gnav li:nth-child(even){
      border-left: 1px solid #444;
    }
    .footer .f_gnav li a{display: block;}
    .footer .f_gnav .sp_wide{
      width: 100%;
      height: 38px;
      border-bottom: 0px;
    }
    .footer .f_gnav li:after{width: 0px;}
    .footer .f_gnav{margin-bottom: 5px;}

    .footer .f_copy{
      padding: 10px 5px;
      font-size: 10px;
    }
    @media screen and (max-width:320px) {
      .footer .telephone .telephone02 a {
          font-size: 27px;
      }
      .footer .f_gnav:nth-of-type(2) li:nth-child(3) a{
        font-size: 10px;
      }
    }

    .f_guide{margin-top: 30px;}
    .f_guide .sysContent{
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
    .f_guide .Title{
      font-size: 20px;
      text-align: center; 
      padding: 20px 0 0px;
    }
    .f_guide .guideBlock{
      width: 95%;
      margin: 50px 2.5%;
      display: block;
      padding: 30px 0px 5px;
      border: 1px solid #424242;
      border-radius: 10px;
      position: relative;
    }
    .f_guide .guide01{padding-right: 0px;}
    .f_guide .guide02{padding-left: 0px;}
    .f_guide .guideTitle{
      width: 200px;
      margin: auto;
      text-align: center;
      margin-bottom: 10px;
      position: absolute;
      top: -15px; left:0; right: 0;
      background: #fff;
      font-size: 15px;
    }
    .f_guide p{
      font-size: 15px;
      line-height: 20px;
      margin: 5px 0  !important;
      text-align: left;
            padding: 0 10px 0 15px;
    }
    .f_guide img{width: 100%;}
    .f_guide .mt{margin-top: 10px;}
    .f_guide .smaller{font-size: 12px;}
    .f_guide a.f_guide_btn{
      margin: 20px auto;
      float: none;
    }
    .f_guide .freedial{
      font-size:30px;
        background-size: 25px;
        padding-left: 30px;
    }

    /***********************************
      カート内商品数表示
    ***********************************/
    button.itemCount2{
      display:none;
      position: absolute;
      bottom: 0px;
      right: 0px;
      background: rgba(207,15,42,0.9);
      border:none;
      width: 18px;
      height: 18px;
      border-radius: 10px;
      text-align: center;
      line-height: 15px;
      font-size: 10px;
      color: #fff;
      font-weight: bold;
    }

    /***********************************
      メイン
    ***********************************/
    .breadcrumb {
        margin-top: 155px;
    }
    .main p.meta {
        text-align: left;
        line-height: 1.5;
    }
    .main section {
        float: none;
        border-right: 0;
        padding: 0 5px;
    }
    .main .sns ul li {
        width: 32.8%;
    }
	#fbblock .thumbnail {
	    width: 100%;
	    float: none;
	    height: auto;
	}
	#fbblock #fb-like {
	    float: none;
	    width: 100%;
	    padding-bottom: 30px;
	}
	.main img.alignleft {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	.main img.alignright {
	    margin: 0;
	    float: none;
	    width: 100%;
	}
	.main img.aligncenter {
	    margin: 0;
	    width: 100%;
	}

    /***********************************
      サイド
    ***********************************/
    #sysAside article {
        padding-left: 0;
        padding: 5px;
    }

}
@media screen and (max-width:320px) {
  .footer .telephone .telephone02 a {
      font-size: 27px;
  }
  .footer .f_gnav:nth-of-type(2) li:nth-child(3) a{
    font-size: 10px;
  }
}




@media screen and (min-width:601px) and ( max-width:1100px) {
    /*　画面サイズが601pxから1100pxまではここを読み込む　*/
  .sysDisplayTabletNone{
      display:none !important;
    }

    /* 20-0 Only Tablet
     *----------------------------------------------------------------------*/
    #sysWrap{
        /*margin-top:120px;*/
    } 
    div#sysMain,div#sysAside{
      width: 100% !important;
      float: none;
    }

    /*header検索ボックス*/
    .h_search{
        max-width: 90%;
        margin: 50px auto;
    }

    /***********************************
      ヘッダー
    ***********************************/
    .header_wrap{
      position: fixed;
      height: 180px;
      top: 0px; left: 0; right: 0;
      margin: auto;
      background: #fff;
      z-index: 120;
    }
    #sysHeader{
      width: 100%;
      margin: 0px auto;
    }
    .h_inner{margin: 0px 0 0;}
    .header_h1_under, .header_h1{
      width: 100%;
      height: 20px;
      float: none;
      text-align: center;
      background: #ededed;
    }
    .header_h1_under a, .header_h1 a{
      display: none;
    }
    .head_title{
      font-size: 10px;
      font-weight: bold;
      height: 20px;
      line-height: 20px;
      letter-spacing: 1px;
    }
    .header_sp{
      width: 95%;
      margin: 0 2.5%;
      position: relative;
      text-align: center;
        height: 40px;
    }
    .header_sp #navBtn{
      position: absolute;
      top: 10px; left: 0;
    }
    .header_sp .spCart{
      position: absolute;
      top: 10px; right: 0;
    }
    .header_sp #navBtn img, .header_sp .spCart img{
      width: 40px;
      height: 40px;
    }
    .header_sp .spLogo img{
      width: 180px;
      margin-top: 15px;
    }

    /***********************************
      カート情報
    ***********************************/
    #cartInfo{display: none;}

    /***********************************
      ナビゲーション
    ***********************************/
    #headNavigation .pcnone{display: block;}
    #headNavigation .spnone{display: none;}
    #headNavigation li.active{background: #fff;}
    .h_navi{
      width: 100%;
      height: 40px;
    }
    #headNavigation li.tab1{
            width: 25%;
        margin-top:10px;
    }
    #headNavigation li.tab1 a{
            font-size: 12px;
            line-height: 15px;
            position: relative;
    }
    /*ナビゲーショントグル*/
    .toggleNav{
      display: none;
      width: 100%;
      position: absolute;
      height: 0px; /*heightはjs制御*/
      top: 120px; 
            left:0;
      z-index: 110;
             background: rgba(0,0,0,0);
      box-shadow:0px 0px 0px 0px #ccc;
      -moz-box-shadow:0px 0px 0px 0px #ccc;
      -webkit-box-shadow:0px 0px 0px 0px #ccc;
    }
    .toggleNav:hover{overflow: visible !important;}
    #headNavigation ul.tab{
            position: relative;
    }
    .tabmenu .border:after{
      content:none;
    }
    .tabmenu li.tab1{
      position: static;
      border-right:1px solid #000;
    }
    .tabmenu li.tab1:nth-child(4){
      border-right:none;
    }
    .tabmenu li.tab1{position: static;}
    .tabmenu li.tab1 a{font-size:14px;}
    .tabmenu ul:after{
        display: block;
        content: "";
        clear: both;
    }
    .tabmenu li.tab2{
      width: 100%;
      height:auto;
      text-align: left;
      line-height:1;
      font-size: 18px;
      border-bottom: 1px dotted #ddd;
      position: relative;
      background: rgba(255,255,255,1);
    }
    .tabmenu li.tab2 a{
      display: block;
      position: relative;
      padding: 5px 15px;
      font-size: 14px !important;
      line-height: 40px !important;
        font-weight: bold;
    }
    #headNavigation li.tab2 a:after{display: none;}
    .tabmenu li.tab2 a i{
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top:-7px;
    }

    .h_spnavi{
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0px; left: 0;
      background: rgba(220,220,220,0.9);
      z-index: 150;
      color: #444;
      display:none;
        overflow: auto;
    }
    #spNaviWrap{
      position: absolute;
      width: 100%;
      height: 1400px;
      top: 0px; left: -100%;
      background: rgba(225,225,225,1);
      z-index:  200;
      padding: 80px 10px 50px;
           overflow: scroll;
    }

    /***********************************
      会員ページ（ボタン）
    ***********************************/
    .h-members {
        margin-top: 30px;
        max-width: 90%;
        margin: auto;
    }
    .h-members ul {}
    .h-members ul li {}
    .h-members ul li a {
        width: 100%;
        margin: 10px 0%;
        border-radius: 5px;
        background: #000;
        font-size: 16px;
        line-height: 10px;
        display: block;
        color: #fff;
        text-align: center;
        padding: 25px;
    }

    /***********************************
      ログイン情報
    ***********************************/
    .h_login{
            max-width: 700px;
            width: 90%;
            margin: 0 auto;
    }
    .h_login .sysHeadline{
      text-align: center;
      font-size: 16px;
        margin-botom: 10px;
    }
    .h_login .sysContent{text-align: center;}
    .h_login .sysFormItem{margin-bottom: 10px;}
    .h_login .sysFormLabel{
      display: block;
      font-size: 15px;
      height: 25px;
      text-align: left;
      margin-bottom: 0px;
    }
    .h_login .sysLoginButton{
        width: 100%;
        margin: 15px 0%;
        border-radius: 0;
        font-size: 16px;
        height: 50px;
        line-height: 10px;
        background-color: #000;
    }
    .h_login li{
      border:1px solid #444;
      margin-bottom: 15px;
      height: 50px;
      line-height: 45px;
      text-align: center;
    }
    .h_login li a{
      font-size: 15px;
      padding: 0px 5px 5px 0px;
    }

    /***********************************
      ナビゲーションメニュー
    ***********************************/
    #closeMenu{
      position: absolute;
      top: 15px; left: 15px;
      font-size: 20px;
    }
    #closeMenu span{
            font-size: 15px;
            margin: 0 10px;
            display: inline-block;
    }
    #closeMenu2{
            text-align: center;
            margin: 20px 0;
            border: 1px solid #aaa;
            height: 40px;
            line-height: 40px;
            font-size: 15px;
    }
    #closeMenu2 span{
            display: inline-block;
            margin: 0 10px;
    }
    #spNavMenu .navTitle{
      text-align: center;
      font-size: 25px;
      font-weight: bold;
    }
    #spNavMenu{
            max-width: 800px;
            margin: 80px auto 0;
            width: 90%;
    }
    #spNavMenu .spMenuList{
      height: auto;
      line-height: 40px;
      font-size: 15px;
      position: relative;
      border-bottom: 1px solid #aaa;
    }
    #spNavMenu .spMenuList i{
      position: absolute;
      line-height: 40px;
      right: 10px;
      font-size: 18px;
    }
    #spNavMenu .spMenuList a{
            display: block;
      padding-left: 15px;
    }
    #spNavMenu .spToggleNav{
      height: auto;
      overflow: hidden;
    }
    #spNavMenu .spToggleNav li{
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      border-bottom: 1px dotted #aaa;
    }
    #spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
    #spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

    /***********************************
      フッター
    ***********************************/
    .footer .f_gnav_all{
      background: #c3c3c3;
      padding: 0px 0 0px;
      letter-spacing: 2px;
      text-align: left;
    }
    .footer .f_gnav ul:after{
      display: block;
      content: "";
      clear: both;
    }
    .footer .f_gnav{
      width:100%;
      border-top: 1px solid #444;
      margin-bottom:0;
      overflow: hidden;
    }
    .footer .f_gnav li{
      width: 50%;
      float: left;
      display: block;
      height: 40px;
      line-height: 40px;
      padding: 0px 0px 0 15px;
      font-size: 12px;
      position: relative;
      border-bottom: 1px solid #444;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .footer .f_gnav li i{
      position: absolute;
      font-size: 20px;
      line-height: 30px;
      right: 10px; top: 5px;
    }
    .footer .f_gnav li:nth-child(even){
      border-left: 1px solid #444;
    }
    .footer .f_gnav li a{display: block;}
    .footer .f_gnav .sp_wide{
      width: 100%;
      height: 35px;
      border-bottom: 0px;
    }
    .footer .f_gnav li:after{width: 0px;}

    .footer{
      margin: 30px 0 0;
      background: #fff;
      letter-spacing: 2px;
    }
    .footer .f_navi_all{
      width: 95%;
      margin: 0 auto;
      padding: 10px 2.5% 0;
    }
    .footer .f_navi h3{
      width: 100%;
      height: 25px;
      background: #424242;
      color: #fff;
      margin: 10px 0;
      font-size: 12px;
      line-height: 25px;
      border-radius: 10px;
    }
    .footer .f_navi ul{
      width: 100%;
      text-align: left;
      margin: 0 auto;
    }
    .footer .f_navi li{
      display: inline-block;
      height: 25px;
      padding: 0 3px;
      margin: 10px 0px 0;
      font-size: 15px;
      position: relative;
      border-right: 1px solid #aaa;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .footer .f_navi li i{
      position: absolute;
      font-size: 20px;
      line-height: 23px;
      right: 10px; top: 0;
    }
    .footer .f_navi li.sp_title{
      width: 100%;
      text-align: center;
      margin: 10px 0;
    }

    .footer .f_navi li.sp_title h5{
      position: relative;
      text-align: center;
      background: #fff;
    }
    .footer .f_navi li.sp_title h5 span {
      position: relative;
      z-index: 2;
      display: inline-block;
      margin: 0 2.5em;
      padding: 0 1em;
      background-color: #fff;
      text-align: left;
    }
    .footer .f_navi li.sp_title h5::before {
      position: absolute;
      top: 50%;
      z-index: 1;
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #222222;
    }
    .footer .f_navi li.sp_3column{
      width: 32%;
      margin-bottom: 5px;
    }
    .footer .f_navi li.sp_2column{
      width: 49%;
      margin-bottom: 5px;
    }
    .footer .f_navi li:after{width: 0;}
    .footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

    .footer .f_gnav_all{
      background: #c3c3c3;
      padding: 0px 0 0px;
      letter-spacing: 2px;
      text-align: left;
    }
    .footer .f_gnav ul:after{
      display: block;
      content: "";
      clear: both;
    }
    .footer .f_gnav{
      width:100%;
      border-top: 1px solid #444;
      margin-bottom: 0;
      overflow: hidden;
    }
    .footer .f_gnav li{
      width: 50%;
      float: left;
      display: block;
      height: 45px;
      line-height: 45px;
      padding: 0px 0px 0 15px;
      font-size: 12px;
      position: relative;
      border-bottom: 1px solid #444;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .footer .f_gnav li i{
      position: absolute;
      font-size: 20px;
      line-height: 30px;
      right: 10px;
      top: 6px;
    }
    .footer .f_gnav li:nth-child(even){
      border-left: 1px solid #444;
    }
    .footer .f_gnav li a{display: block;}
    .footer .f_gnav .sp_wide{
      width: 100%;
      height: 38px;
      border-bottom: 0px;
    }
    .footer .f_gnav li:after{width: 0px;}
    .footer .f_gnav{margin-bottom: 5px;}

    .footer .f_copy{
      padding: 10px 5px;
      font-size: 10px;
    }
    @media screen and (max-width:320px) {
      .footer .telephone .telephone02 a {
          font-size: 27px;
      }
      .footer .f_gnav:nth-of-type(2) li:nth-child(3) a{
        font-size: 10px;
      }
    }

    /***********************************
       フッター部分のご利用ガイド
    ***********************************/
    .f_guide{margin-top: 50px;}
    .f_guide .sysContent{width: 100%;}
    .f_guide .Title{ 
      font-size: 15px;
      padding: 20px 0 30px;
    }
    .f_guide .guideBlock{
      width: 50%;
      padding: 0 2%;
      padding-bottom:30px;
    }
    .f_guide .guide01{padding-right: 20px;}
    .f_guide .guide02{padding-left: 20px;}
    .f_guide .freedial{
      font-size:30px;
        background-size: 30px;
    }
    .f_guide a{
      display:block;
      width:200px;
    }

    /***********************************
      カート内商品数表示
    ***********************************/
    button.itemCount2{
            display:none;
      position: absolute;
      bottom: 0px;
      right: 0px;
      background: rgba(207,15,42,0.9);
      border:none;
      width: 18px;
      height: 18px;
      border-radius: 10px;
      text-align: center;
      line-height: 15px;
      font-size: 10px;
      color: #fff;
      font-weight: bold;
    }


    /***********************************
      サイド
    ***********************************/
    #sysAside article {
        padding-left: 0;
        padding: 5px;
    }  


    /***********************************
      メイン
    ***********************************/
    .main section {
        float: none;
        padding-right: 0;
        border-right: 0;
        padding: 0 5px;
    }
	.breadcrumb {
	    margin-top: 180px;
	}
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　
    .sysDisplayPcNone{
        display:none !important;
    }*/

    /* IEへの対応 */
    .t-surfingwetsuits ul > li figure img {
        margin-bottom: 10px;
    } 
}