@charset "utf-8";
/* reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}
a {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
img {
	vertical-align: middle;
}
/* fluidimg */
img {
	max-width: 100%;
}
/* html */
html {
	/*font-family: verdana, sans-serif;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	font-family:"Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #333333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* header */
header {
	text-align : center;

}
#hlogo {
	padding: 10px;
}
#hlogo img {
	max-width: 40%;
}
.submenu02 {
	display: none;
}
.submenu02_omission {
	display: none;
}

/* カート内商品数 */
li.cart {
    position: relative;
}
.fs-p-cartItemNumber_sp {
    background: #E25B33;
    border-radius: 1em;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    padding: 0.25em 0.4em;
    position: absolute;
    top: -5px;
    right: -5px;
}

/**
.fs-p-cartItemNumber.fs-client-cart-count--0, .fs-p-cartItemNumber.fs-client-subscriptionCart-count--0 {
	display: none;
}
**/

nav {
	margin: 0 auto;
	background: #ffffff;
}
nav ul {
	overflow: hidden;
}
nav ul li {
	width: 20%;
	float: left;
}
nav ul li a {
	display: block;
	color: #333333;
	padding: 0.8em 0
}
nav ul li a:hover {
	color: #333333;
	background-color: white;
}
/* グローバルナビ */
#gNavBlock {
	background: #ffffff;

}
ul.global_navi_block {
	width: 100%;
}
ul.global_navi_block li {
	position: relative;
	float: left;
	width: 20%;
	box-sizing: border-box;
	background: #f5f5f5;
	text-align: center;
}
ul.global_navi_block li a {
	color: #333333;
	display: block;
	height: 3.5em;
	margin: 0 auto;
	border-left: 0.1em solid #e4e4e4;
	background-color: #f5f5f5;
}

ul.global_navi_block li:first-child a {
	border: none;
}
ul.global_navi_block li a span.navi_icon {
	background-image: url("../img/common/sp_menu_00.png");
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 0.1em;
	background-size: 500%;
	width: 3.1em;
	height: 2.1em;
}
ul.global_navi_block li:first-child a span.navi_icon {
	background-position: 0em -0.3em;
}
ul.global_navi_block li:nth-child(2) a span.navi_icon {
	background-position: -3.1em -0.3em;
}
ul.global_navi_block li:nth-child(3) a span.navi_icon {
	background-position: -6.3em -0.3em;
}
ul.global_navi_block li:nth-child(4) a span.navi_icon {
	background-position: -9.4em -0.3em;
}
ul.global_navi_block li:nth-child(5) a span.navi_icon {
	background-position: -12.6em -0.3em;
}


/* header fixed */
header.fixed {
	position: static;
	background-color: #FFFFFF;
	top: 0;
	width: 100%;
	opacity: 1;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	header.fixed {position: fixed;}
}

header.fixed #hlogo {
	display: block;
}

/* search fixed */
.search {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 1;
	top: 9.6em;
	opacity: 0.9;
}
/* search */
.skeyword {
	margin: 1em auto;
	width: 90%;
	background-color: #fff;
	border-radius: 0.5em;
	border: .1em solid #e4e4e4;
}
.skeyword .ssubmit {
	background: rgba(0, 0, 0, 0);
	background-image: url(../img/common/search_icon.png);
	background-repeat: no-repeat;
	background-size: 2.4em auto;
	height: 3em;
	width: 3em;
	border: none;
	float: right;
	margin: 0.4em 0.5em;
}
.skeyword input.stext {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: none;
	height: 2em;
	width: 80%;
	font-size: 1.25em;
	margin: 0.3em;
}
.stag ul {
	text-align: center;
	overflow: hidden;
	margin-bottom: 1em;
}
.stag ul li {
	display: inline-block;
}
.stag ul li a {
	background-color: #ee3344;
	color: white;
	border-radius: 0.4em;
	font-size: 1em;
	line-height: 2em;
	padding: 0.5em;
	transition: all 500ms ease 0s;
}
.stag ul li a:hover {
	background-color: white;
	color: #ee3344;
}

.hotword {
	color: #ffffff;
	text-align: center;
	margin-bottom: 1.0em;
}
.hotword span{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1.0em;
}

.keyword ul {
	text-align: center;
	overflow: hidden;
	margin: 1em;
}
.keyword ul li {
	display: inline-block;
}
.keyword ul li a {
	background-color: #286853;
	color: #fff;
	border-radius: 0.2em;
	font-size: 1em;
	line-height: 2.2em;
	padding: 0.2em;
	transition: all 500ms ease 0s;
}
.keyword ul li a:hover {
	background-color: #288062;
	color: #f1f1f1;
}

header .search {top: 135px;}
header.fixed .search {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 1;
	top: 56px;
	opacity: 0.9;
}
#pagetop {
	position: fixed;
	background-color: #e4e4e4;
	border-radius: 2em;
	width: 4em;
	height: 4em;
	bottom: 4em;
	right: 2em;
	opacity: 0.6;
}
#pagetop a {
	display: block;
	color: #333333;
	font-size: 1em;
	padding: 1.2em 0;
	text-align: center;
}
/* contents */
#contents {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#content_search{
	background-color: #ffffff;
	width: 100%;
	z-index: 1;
	/*! top: 21em; */
	opacity: 0.9;
}
#content_search .skeyword {height: 40px;}
@media screen and (max-width: 767px) {
	#content_search .skeyword {height: 38px;}
}

/* ---------------------------------------*/
/* footer */
/* ---------------------------------------*/
footer {
	color: #333;
	/*font-family: sans-serif;*/
	text-align: center;
}

.social-list {
	padding: 1.5em .5em 0em 0em;
	display:flex;
	justify-content:center;
	padding-left:0;
  }
  .social-list li {
	width:18%;
	text-align: center;
	list-style:none;
  }
  
  .social-list li img{width: 70%; margin: 0rem;}
  .infomation{margin: 1rem;}
  .infomation a{font-size: .8rem; font-weight: bold; color: #444;}
  .infomation p{font-size: .7rem;}
  .infomation hr{margin: 0rem;}


  footer {
	padding-top: 1.5em;
	color: #333;
	/*font-family: sans-serif;*/
	text-align: center;
}
footer .fnav img {
	width: .5em;
	margin-right: .4em;
}
#flogo {
	padding: .5em;
	font-size: 1em;
}
#flogo img {
	max-width: 30%;
}
footer dt {
	padding: .8em;
	background-color: #286853;
	color: #FFF;
	font-size: 1em;
}
footer .fmenu {
	background-color: #FFF
}
footer .fmenu img {
	width: 1.3em;
	margin-right: .4em;
}

footer ul li a {
	display: block;
	padding: 15px;
	border-top: .1em solid #333;
	background: url(../img/common/icon_right.png) 97% 50% no-repeat;
	background-size: .7em 1.1em;
	color: #333;
	text-align: left;
	font-size: 14px;
}

#copyright.mincho{
	padding: 10px;
	background-color: #286853;
	color: #FFF;
}
#copyright span{
	padding: 10px;
}


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

@media screen and (max-width: 768px){
	.pcs_none {display: none;}
	ul.global_navi_block li {font-size: 11px;}
}

/* PC 768px */
@media screen and (min-width : 768px) {
	html {
		line-height: 2;
		font-size: 80%;
	}
	header {
	  text-align: center;
		background-color: #FFFFFF;
	}
	#hlogo {
		background-color: #FFFFFF;
		text-align : left;
		margin: 0 auto;
		position: relative;
		max-width: 75em;
	}
	#hlogo img {
		max-width: 17em;
	}
	nav {
		margin: 0 auto;
		background: #FFFFFF;
	}
	.submenu02 {
		display: initial;
		position: absolute;
		top: 2em;
		right: 0;
	}
	.submenu02 li {
	  float: left;
	  margin: 0 0 0 6px;
	  overflow:hidden;
	  height: 2em;
	}
	.submenu02 li a {
	  display: block;
	  line-height: 2em;
	}

	.submenu02 li a img {
	  vertical-align: middle;
	  margin-right: 5px;
	  height: 1.7em;
	}

	/* 新ヘッダー アイコン */
	#hlogo_omission img {
		max-width: 18em;
	}
	.submenu02_omission {
		display: initial;
		position: absolute;
		top: 1.2em;
		right: 10px;
	}
	.submenu02_omission li {
	  float: left;
	  overflow:hidden;
	  height: 3.8em;
	  line-height: 1.4;
	}
	.submenu02_omission li a {
	  display: block;
	  line-height: 1.2em;
	  background-color: #fff;
	}
	.submenu02_omission li a img {
	  vertical-align: middle;
	  margin-right: 10px;
	  height: 3.8em;
	}
	.submenu02_omission li a:hover {
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}
	.fs-p-welcomeMsg_omission {
		margin-top: 10px;
	}

	/* カート内商品数 */
	li.cart {
		position: relative;
	}
	.fs-p-cartItemNumber {
		background: #E25B33;
		border-radius: 1em;
		color: #ffffff;
		font-size: 1rem;
		line-height: 1;
		padding: 0.25em 0.4em;
		position: absolute;
		top: 0;
		right: 5px;
	}
	.fs-p-cartItemNumber.fs-client-subscriptionCart-count--0 {
	  /*! display: none; */
	}
	
	nav ul {
		width: 90%;
		margin: 0 auto;
	}
	/* グローバルナビ */
	#gNavBlock {
		background: #ffffff;
	}
	ul.global_navi_block {
		padding: 0.5em;
		margin: 0 auto;
		position: relative;
		max-width: 75em;
	}
	ul.global_navi_block li {
		display: inline-block !important;
		width: 20%;
		font-size: 1em;
		text-align: center;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-left: 0.1em solid #bcb4ad;
	}
	ul.global_navi_block li a {
		display: block;
		height: 1em;
		margin: 0 1.5em;
		border: none;
			background-color: #FFFFFF;
	}
	ul.global_navi_block li a span.navi_icon {
		background-image: url("../img/common/pc_menu_03.png");
		background-repeat: no-repeat;
		display: inline-block;
		margin: -0.5em auto;
		background-size: 100%;
		width: 125px;

	}
	ul.global_navi_block li:first-child a span.navi_icon {
		background-position: 0 -0;
	}
	ul.global_navi_block li:nth-child(2) a span.navi_icon {
		background-position: 0 -25px;
	}
	ul.global_navi_block li:nth-child(3) a span.navi_icon {
		background-position: 0 -50px;
	}
	ul.global_navi_block li:nth-child(4) a span.navi_icon {
		background-position: 0 -75px;
	}
	ul.global_navi_block li:nth-child(5) a span.navi_icon {
		background-position: 0 -100px;
	}
	ul.global_navi_block li span {
		display: none;
	}
	ul.global_navi_block li a span.navi_icon:hover {
		background-image: url("../img/common/pc_menu_04.png");
		background-repeat: no-repeat;
		display: inline-block;
		margin: -0.5em auto;
		background-size: 100%;
		width: 125px;


	}
	nav ul li a:hover {
		color: #333;
		background-color: #FFFFFF;
	}
	ul.global_navi_block li:last-child {
		border-left: 0.1em solid #bcb4ad;
		border-right: 0.1em solid #bcb4ad;
		cursor: pointer;
	}
	/* search */
	.search {top: 125px;}
	.skeyword {width: 90%; max-width: 920px;}
	.skeyword input.stext {
		margin: 0;
		padding-left: 1em;
	}
	header.fixed .search {
		position: fixed;
		background-color: #ffffff;
		width: 100%;
		z-index: 1;
		top: 125px;
		opacity: 0.9;
	}
	/* contents */
	#contents {
		width: 90%;
		max-width: 100em;

	}

	.hotword ul {
		color: #ffffff;
		text-align: center;
		font-size: 2em;
		font-weight: bold;
	}
	.hotword span{
		text-align: center;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 1.0em;
	}

	.keyword ul {
		text-align: center;
		overflow: hidden;
		margin-bottom: 1em;
	}
	.keyword ul li {
		display: inline-block
	}
	.keyword ul li a {
		background-color: #286853;
		color: #ffffff;
		border-radius: 0.4em;
		font-size: 1em;
		line-height: 2em;
		padding: 0.5em;
		transition: all 500ms ease 0s;
	}
	.keyword ul li a:hover {
		background-color: #288062;
		color: #eeeeee;
	}

	/* header fixed */
	header.fixed #hlogo {
		display: block;
	}
	/* ---------------------------------------*/
	/* footer */
	/* ---------------------------------------*/
	footer {
		position: relative;
		padding-top: 1.5em;
		width : 100%;
		margin : 0 auto;
		background-color: #FFFFFF;
		border-top: 0.1em solid #d0cec1;
		/*font-family: sans-serif;*/
		font-size: .9em;
		color: #333;
		text-align: center;
	}
	footer .fnav {
		display: table;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		position: relative;
	}
	#flogo {
		padding: .5em;
		font-size: 1em;
	}
	#flogo img {
		max-width : 15%;
		padding: 10px 0;
	}
	footer dl {
		text-align: left;
		width: 16%;
		display: table-cell;
	}
	footer dt {
		border-top: hidden;
		padding: 0.3em;
		background-color: #FFF;
		color: #333;
		font-size: 1em;
	}
	footer .fmenu {
		padding-left: 10px;
		border-left: 1px solid #d0cec1;
		background-color: #FFF;
	}
	footer .fmenu img {
		width: 1.3em;
		margin-right: .4em;
	}
	footer ul li a {
		display: block;
		padding: .4em;
		border-top: medium hidden;
		background: none;
		background-size: .7em 1.1em;
		color: #333;
		text-align: left;
	}
	#copyright {
		padding: 10px 0;
		border-top: 1px solid #d0cec1;
		background-color: #FFF;
		color: #333;
		text-align: center;
	}
	.pc_none {
		display: none;
	}
}

/* ---------------------------------------*/
/* 汎用 */
/* ---------------------------------------*/
.clearfix::after {clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}