@charset "UTF-8";



/*ーーーーーーーーーーーーーーーーーーーーーーーー
css reset
ーーーーーーーーーーーーーーーーーーーーーーーー*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
figure {
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
img { vertical-align:middle; }



/*ーーーーーーーーーーーーーーーーーーーーーーーー
マージン設定
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.nomargin {
margin:0!important;
}

.mt0{
margin-top:0px!important;
}

.mt8{
margin-top:8px!important;
}

.mt16{
margin-top:16px!important;
}

.mb8{
margin-bottom:8px!important;
}

.mb16{
margin-bottom:16px!important;
}

.mb24{
margin-bottom:24px!important;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーー
フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input,
address,pre,em,iframe {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:18px;
	line-height:1;
	color:#4B4B4B;
	}




@media screen and (max-width:767px) {
body,
	h1,h2,h3,h4,h5,h6,
	p,ul,ol,dl,dt,dd,li,
	table,th,td,
	form,select,option,input,
	address,pre,em,iframe {
		font-size:16px;
		}
/*smp end*/}


/*数字リスト表示*/
ol li { 
	margin-left:2em;
	list-style:decimal;
	 }

ol li li { 
	margin-left:2em;
	list-style: upper-roman;
	 }



/*行間設定
ーーーーーーーーーーーーーーーーーーーーーーーー*/

h1,h2,h3,h4,h5,h6 {
	line-height:1.4;
	}
p,th,td {
	line-height:1.8;
	}
ul,ol,li,
dl,dt,dd {
	line-height:1.8;
	}
#header p,
#header ul,
#header ol,
#header li,
#header_smp p,
#header_smp ul,
#header_smp ol,
#header_smp li {
line-height:1;
}
	@media screen and (max-width:767px) {
	p {
		line-height:1.7;
		}
	ul,ol,li,
	dl,dt,dd {
		line-height:1.7;
		}
	/*smp end*/}

/*行上*/
p,table {
	margin-top:20px;
	}
li,dt,dd {
	margin-top:20px;
	}
li li {
	margin-top:5px;
	}
ul.spacing0,
dl.spacing0,
dl.spacing0  {
	margin-top:20px;
	}
ul.spacing0 li,
dl.spacing0 dt,
dl.spacing0 dd {
	margin-top:0px;
	}

#header p,
#header ul,
#header ol,
#header li,
#header_smp p,
#header_smp ul,
#header_smp ol,
#header_smp li,
th p:first-child,
th ul:first-child,
th ol:first-child,
th dl:first-child,
td p:first-child,
td ul:first-child,
td ol:first-child,
td dl:first-child {
	margin-top:0px;
	}





/*ーーーーーーーーーーーーーーーーーーーーーーーー
リンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

a:link {
	text-decoration: none;
	color: #005193;
	}
a:visited {
	text-decoration: none;
	color: #005193;
	}
a:hover {
	text-decoration: underline;
	color: #005193;
	}
a:active {
	text-decoration: underline;
	color: #005193;
	}



/*リンク画像ロールオーバー(アルファ処理)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;	
	}
/*クラス付与したボタンはアルファ処理しない*/
a:hover.rollover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;	
	}






/*ーーーーーーーーーーーーーーーーーーーーーーーー
基本レイアウト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*調整
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*iPad調整用*/
@media screen and (min-width:768px) {body {min-width:1240px;}}

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





/*PCヘッダー
ーーーーーーーーーーーーーーーーーーーーーーーー*/
body {
padding-top:121px;
}

#header {
box-shadow: 0px 4px 2px 0px #ddd;
position:fixed;
top:0px;
left:0px;
width:100%;
background:#fff;
z-index: 99;
animation: fadeIn 0.2s ease 0.3s 1 normal;
}

#header .seca {
width:1200px;
margin:0 auto;
padding:29px 0px 28px;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: center;
}

#header .boxa,
#header .boxb {
display: flex;
flex-wrap:wrap;
align-items: center;
}
#header .boxa a img:first-child {
margin-right:30px;
vertical-align: middle;
}





/*PCヘッダー＞グローバルナビ
ーーーーーーーーーーーーーーーーーーーーーーーー*/
#header .boxb>p {
margin-left:60px;
}
#header .boxb>ul {
margin-left:75px;
display:flex;
flex-wrap:wrap;
}
#header .boxb li {
margin-left:10px;
position: relative;
}
#header .boxb>p a.handle {
background:url(https://kikusui.itembox.design/item/common/img/base/arrow_bottom@2x.png) no-repeat right center;
background-size:13px auto;
padding-right:23px;
}

/*カート入り数*/
.fs-client-cart-count {
font-size: 14px;
background:#B4095F;
border-radius: 100px;
padding:7px 8px 4px;
color:#fff;
position:absolute;
top:-15px;
right:-10px;
}

@media screen and (max-width:767px) {
.fs-client-cart-count {
font-size: 10px;
background:#B4095F;
border-radius: 50px;
padding:4px 5px 2px;
color:#fff;
position:absolute;
top:-7px;
right:-7px;
}
/*smp end*/}



/*PCヘッダー＞メガメニュー(開閉式メニュー)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*下地*/
#header .boxb .wrpa {
position: absolute;
top:90px;
left:0px;
z-index: 99;
width:100%;
box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.15);
}

#header .boxb .wrpa .inner_bg {
background:url(https://kikusui.itembox.design/item/common/img/base/header_mega_bg.png) repeat center center;
}

/*フォント*/
#header .boxb .wrpa a:link,
#header .boxb .wrpa a:visited {
color:#fff;
}
#header .boxb .wrpa p,
#header .boxb .wrpa li,
#header .boxb .wrpa input {
font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
font-size:14px;
}

/*バルーン*/
#header .boxb .wrpa p:first-child span {
display:block;
width:1200px;
margin:0 auto;
}
#header .boxb .wrpa p:first-child img {
width:24px;
}
#header .boxb #nava>p:first-child img {
margin-left:573px;
}
#header .boxb #navb>p:first-child img {
margin-left:986px;
}



/*内側下地*/
#header .boxb .wrpa .insa {
position: relative;
width:1160px;
margin:0 auto;
padding:35px 0;
}

/*閉じるボタン*/
#header .boxb .wrpa .insa>p:first-child {
width:15px;
position: absolute;
top:25px;
right:0px;
}

/*検索*/
.item_search {
display: flex;
flex-wrap:wrap;
align-items:center;
position: relative;
}
.item_search.w800 form,
.item_search.w800 label {
width:100%;
}

.item_search input {
padding:8px;
border: solid 1px #BCE0FD;
font-size: 16px;
line-height: 2;
width:330px;
margin-right:30px;
font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
}
.item_search.w800 input {
width:100%;
border: solid 1px #ccc;
margin:0 auto;
}
.item_search ul {
display:flex;
flex-wrap:wrap;
}
.item_search ul a:link,
.item_search ul a:visited {
text-decoration:underline;
}
.item_search ul a:hover,
.item_search ul a:active {
text-decoration:none;
}
.item_search li {
margin-right:20px;
margin-top:0px !important;
margin-left:0 !important;
}

.item_search button {
background:#fff url(https://kikusui.itembox.design/item/common/img/base/icon_search@2x.png) no-repeat center center;
background-size:21px;
width:22px;
height:24px;
border:none;
text-indent: -9999px;
padding:0px;
position:absolute;
top:10px;
left:295px;
}
.item_search.w800 button {
top:13px;
left:initial;
right:20px;
}
	@media screen and (max-width:767px) {
	.item_search button {
	left:initial;
	right:15px;
	top:12px;
	}
	.item_search form,
	.item_search label {
	width:100%;
	}
	/*smp end*/}



/*各種リンク*/
#header .boxb .wrpa .insa .header_menu {
display:flex;
flex-wrap:wrap;
}
#header .boxb .wrpa .insa .header_menu ul {
display: inline-block;
margin-top:30px;
padding:0px 50px 0px 15px;
border-right: solid 1px #3F6C91;
}
#header .boxb .wrpa .insa .header_menu ul.border_none {
padding-right:20px;
border:none;
}
#header .boxb .wrpa .insa .header_menu li {
line-height:1.4;
margin-top:15px;
}
#header .boxb .wrpa .insa .header_menu ul li:first-child {
margin-top:0px;
}
#header .boxb .wrpa .insa .header_menu li a {
background:url(https://kikusui.itembox.design/item/common/img/base/arrow_left_white@2x.png) no-repeat 0px 3px;
background-size:6px auto;
padding-left:12px;
}
#header .boxb .wrpa .insa .header_menu img[src="https://kikusui.itembox.design/item/common/img/base/btn_line.png"] {
width:420px;
}



	/*スマホヘッダー
	ーーーーーーーーーーーーーーーーーーーーーーーー*/
	@media screen and (max-width:767px) {
	/*ロゴ等*/
	body {
	padding-top:65px;
	}
	#header_smp {
	padding:15px 0px 5px;
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.15);
	background:#fff;
	z-index:99;
	}

	/*ロゴ*/
	#header_smp #header_logo_smp {
	width:200px;
	margin:0 auto 8px;
	}
	#header_smp #header_logo_smp .imga {
	width:56px;
	margin-right:10px;
	}
	#header_smp #header_logo_smp .imgb {
	width:115px;
	}


	/*マイページとカート*/
	#header_smp #header_btn_smp {
	position: absolute;
	top:18px;
	right:20px;
	}
	#header_smp #header_btn_smp {
	display:flex;
	flex-wrap: wrap;
	}
	#header_smp #header_btn_smp li {
	width:26px;
	position:relative;
	}
	#header_smp #header_btn_smp li:first-child {
	margin-right:5px;
	}


	/*メニュー内*/
	#nav_smp {
	background:url(https://kikusui.itembox.design/item/common/img/base/header_mega_bg_smp.png) repeat center center;
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 99;
	padding:110px 0px 70px;
	}

	#nav_smp .seca {
	margin:0px 35px;
	}
	#nav_smp .item_search input {
	width:100%;
	margin-right:0px;
	}

	#nav_smp p,
	#nav_smp li {
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
	}

	#nav_smp p {
	margin-top:25px;
	color:#fff;
	font-size: 16px;
	}

	#nav_smp .boxa {
	border: solid 1px #ccc;
	border-bottom:none;
	background:#fff;
	margin-top:10px;
	}
	#nav_smp .boxa li {
	line-height: 1.4 !important;
	font-size: 14px;
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
	}
	#nav_smp .boxa a {
	display:block;
	padding:10px;
	border-bottom: solid 1px #ccc;
	}

	#nav_smp .boxb {
	margin-top:15px;
	}
	#nav_smp .boxb li {
	border-bottom:solid 1px #fff;
	line-height: 1.4 !important;
	font-size: 14px;
	}
	#nav_smp .boxb a {
	padding:10px;
	display:block;
	background:url(https://kikusui.itembox.design/item/common/img/base/yazirushi@2x.png) no-repeat right center;
	background-size:14px auto;
	}
	#nav_smp .boxb a:link,
	#nav_smp .boxb a:visited {
	color:#fff;
	}
	#nav_smp .boxc {
	margin-top:25px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	}
	#nav_smp .boxc li {
	margin:0px 10px;
	width:23px;
	}

	
	.scroll-prevent {/*メガメニュー開閉制御(jQueryと連動)*/
	  position: fixed;
	  z-index: 1 !important;
	  width: 100%;
	  height: 100%;
	}

	#nav-tgl {
	  display: none;
	}
	.nav-tgl-btn {
	  cursor: pointer;
	  position: absolute;
	  top: 22px;
	  left: 20px;
	}
	.open {
	  z-index: 100;
	  width: 21px;
	  height: 21px;
	  /*transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);*/
	}
	.open::before,
	.open::after {
	  content: "";
	}
	.open span,
	.open::before,
	.open::after {
	  content: "";
	  position: absolute;
	  top: 7px;
	  left: 0px;
	  width: 100%;
	  border-bottom: 3px solid #005193;
	  /*transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);*/
	}
	.open::before {
	  transform: translateY(-8px);
	}
	.open::after {
	  transform: translateY(8px);
	  width:50%;
	}
	.close {
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	  /*transition: background .6s;*/
	}
	#nav-tgl:checked + .open {
	  left:initial !important;
	  right:10px !important;
	  top:75px !important;
	}
	#nav-tgl:checked + .open span {
	  transform: scaleX(0);
	}
	#nav-tgl:checked + .open::before {
	  transform: rotate(45deg);
	   border-color: #fff !important;

	}
	#nav-tgl:checked + .open::after {
	  transform: rotate(-45deg);
	   border-color: #fff !important;
	   width:100%;
	}


	.content-wrapper {
	  transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	/* メニューデザイン */
	.drower-menu {
	  z-index: 99;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  overflow: scroll;
	  -webkit-overflow-scrolling: touch;
	  overflow-scrolling: touch;
	  margin: 0;
	  padding: 0 0 10px;
	  box-sizing: border-box;
	  transform: translateX(-100%);
	  transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);

	}
	#nav-tgl:checked ~ .drower-menu {
	  transform: none;
	}
	/*smp end*/}






/*パンくず
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  content: initial;
}
.fs-c-breadcrumb__list {
padding:0px;
}
.fs-c-breadcrumb {
background:#F5F2F2;
padding:12px 0px 10px;
margin-bottom:50px;
}

.fs-c-breadcrumb ol {
width:1160px;
margin:0px auto;
display:flex;
flex-wrap:wrap;
}
.fs-c-breadcrumb li {
margin:0px;
line-height:1.6;
font-size: 14px;
list-style: none;
}

.fs-c-breadcrumb li:after {
content:"/";
margin:0px 10px;
}
.fs-c-breadcrumb li:last-child:after {
content:none;
margin:0px;
}

.fs-c-breadcrumb a:link,
.fs-c-breadcrumb a:visited {
color:#4B4B4B;
}

	@media screen and (max-width:767px) {
	.fs-c-breadcrumb {
	background:#F5F2F2;
	padding:12px 0px 10px;
	margin-bottom:25px;
	}
	.fs-c-breadcrumb ol {
	width:auto;
	justify-content: center;
	padding-right:10px;
	padding-left:10px;
	}
	.fs-c-breadcrumb li {
	text-align:center;
	}
	/*smp end*/}



/*コンテンツ領域
ーーーーーーーーーーーーーーーーーーーーーーーー*/

	@media screen and (max-width:767px) {
	#main {
	margin-right:10px;
	margin-left:10px;
	}
	#fs_Top #main {
	margin-right:0px;
	margin-left:0px;
	}

	/*smp end*/}


/*ワイド
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.w1160 {
width:1160px;
margin-right:auto;
margin-left:auto;
}

	@media screen and (max-width:767px) {
	.w1160 {
	width:auto;
	}
	/*smp end*/}






/*フッター
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#footer {
width:1160px;
margin:110px auto 0px;
}
#footer .boxa {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
margin-top:50px;
}
#footer .boxa .wrpa {
width:570px;
}
#footer .boxa .wrpb {
width:530px;
}
#footer .boxb {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
flex-flow: row-reverse;
margin-top:50px;
}
#footer .boxb .wrpa {
width:530px;
}
#footer .boxb .wrpb {
width:570px;
}

/*カレンダー*/
#footer_cal table {
float:left;
width:260px;
border: solid 1px #98A6B5;
border-collapse: separate;
padding:6px;
}
#footer_cal table:first-child {
margin-right:20px;
}
#footer_cal th,
#footer_cal td {
text-align:center;
font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
padding:8px 0px;
}
#footer_cal th {
color: #CDD6DD;
font-size: 13px;
}
#footer_cal th.cellTableHead {
font-weight:bold;
color:#3B4043;
font-size: 16px;
}
#footer_cal td {
font-size: 12px;
background:#F0F3F5;
border:solid 1px #fff;
}
#footer_cal td.cellSunday,
#footer_cal td.cellSaturday,
#footer_cal td.cellHoliday {
background:#ECC6C7;
}

/*
#footer_cal td.cellSaturday {
background:#BDE2E8;
}
*/
#footer_cal_usage {
font-size: 14px;
margin-top:10px;
}
#footer_cal_usage span {
color:#ECC6C7;
}


	@media screen and (max-width:767px) {
	#footer {
	width:auto;
	margin:110px 20px 0px;
	}
	#footer .col_between {
	width:80%;
	margin-right:auto;
	margin-left:auto;
	}
	#footer .col_between p {
	margin-top:10px;
	}
	#footer .boxa,
	#footer .boxb {
	display:block;
	}
	#footer .wrpa,
	#footer .wrpb {
	width:auto !important;
	}
	#footer_cal table {
	float:none;
	width:80%;
	margin:15px auto 0px;
	}
	#footer_cal table:first-child {
	margin-right:auto;
	}
	#footer_cal_usage {
	text-align:center;
	}
	/*smp end*/}



/*コピーライト
ーーーーーーーーーーーーーーーーーーーーーーーー*/


#copyright {
margin-top:60px;
padding:60px 20px 80px;
background:#005193;
text-align: center;
border-top: solid 1px #707070;
}

#copyright p {
color:#fff;
font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue",Arial,Meiryo,sans-serif;
font-size: 16px;
line-height:2.5;
}

#copyright ul {
display:flex;
flex-wrap:wrap;
justify-content: center;
}
#copyright li {
margin:30px 20px 0px;
}

#copyright p:last-child {
font-size:13px;
font-weight:bold;
margin-top:50px;
line-height:1.3;
}

@media screen and (max-width:767px) {
#copyright {
padding:30px 20px 40px;
}
#copyright p {
line-height:2;
font-size: 14px;
}
#copyright li {
width:25px;
margin:5px 10px 0px;
}
#copyright p:last-child {
font-size:12px;
margin-top:25px;
}

/*smp end*/}