@charset "utf-8";
/*------------------------------------------------------

   FS style

-------------------------------------------------------*/
.fs-l-header {
     padding: 0;
}

.fs-p-welcomeMsg {
    display: inline;
}

/* パン屑 */
/*
.breadcrumb-cocos {
    margin: 0 auto 30px;
    padding: 0 20px;
    max-width: 1140px;
}
.fs-c-breadcrumb {
    display: block;
}
ol.fs-c-breadcrumb__list {
    display: block;
    margin: 0;
    padding: 0;
}
li.fs-c-breadcrumb__listItem {
    display: inline;
    border: none !important;
    border-radius: 0;
    margin: 0 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    box-shadow: none !important;
    color: #222 !important;
    text-decoration: none;
    transition: none !important;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
    content: " > ";
    margin-right: 10px;
    font-weight: normal;
}
li.fs-c-breadcrumb__listItem > a {
    font-weight: normal;
	display: ono;
}
*/


/* コンテンツ系 */
.fs-c-sortItems__list__item.is-active {
    color: #ffffff;
}
.fs-c-productMark__mark--41 {
    color: #fff;
}



/* フッター */
.fs-l-footer {
    position: relative;
    border-top: none;
    background: none;
    color: #222;
}
.fs-l-footer__contents {
    max-width: 100%;
}

/* レフトがないページ */
#fs_CustomerDetails .fs-l-pageMain,
#fs_ShoppingCartLogin .fs-l-pageMain {
    width: 800px;
    float: none;
    margin: auto;
}


/*------------------------------------------------------

   common style

-------------------------------------------------------*/
body {
	position: relative;
	min-width: 1140px;
	-webkit-font-smoothing: antialiased;
}

.inner {
    width: 1140px;
	padding: 0 20px;
	margin:auto;
	position: relative;
}

.off a {
	cursor: default !important;
	color: #ccc !important;
}

#iframe-sidebar,
#iframe-footer,
#iframe-calendar {
	display:block;
	width:100%;
}
#iframe-sidebar {
	height: 3500px;/* base　自動制御されます*/
}

/*------------------------------------------------------

   header style

-------------------------------------------------------*/
#global-header {
    border-bottom: solid 1px #bfbfbf;
}

#global-header .header-in {
	min-width: 1100px;
	position: relative;
}
/* head-line */
#global-header .head-line {
    font-size: 13px;
    padding: 6px 0;
    background: #EEEEEE;
}
#global-header .head-line .head-copy {
    display: inline-block;
    margin: 0 20px;
}
#global-header .head-line .head-utility {
    position: absolute;
    right: 20px;
    top: 0;
}
.head-line .head-utility li {
    float:left;
    margin-left: 10px;
}
.head-line .head-utility li:before {
    content: '|';
    margin-right: 10px;
}
.head-line .head-utility li:first-child:before {
    display:none;
}
.head-line .head-utility li a {
    font-size: 13px;
    color: #222;
}

/* head-main */
#global-header .head-main {
    border-bottom: solid 1px #ccc;
}
#global-header .head-main .header-in {
    height: 70px;
}
.head-main .site-logo {
    position: absolute;
    left: 20px;
    top: 10px;
}
.head-main .head-tel {
    position: absolute;
    right: 650px;
    top: 15px;
}
.head-main .head-search {
    width: 220px;
    border: solid 1px #ccc;
    position: absolute;
    right: 390px;
    top: 17px;
}
.head-main .head-search .search-txt {
    border: none;
    width: 175px;
    height: 32px;
    padding: 0;
    float: left;
}
.head-main .head-search .search-btn {
    width: 20px;
    height: 20px;
    float: right;
    margin: 5px 10px 0 0;
    background: url(https://cocoscocos.itembox.design/item/images/icon_search.png) no-repeat center;
    background-size: cover;
}

.head-main .head-sub {
    position: absolute;
    right: 20px;
    top: 22px;
}
.head-main .head-sub ul li {
    float: left;
    margin-left: 20px;
}
.head-main .head-sub ul li:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 20px;
    background: #000;
    vertical-align: middle;
}
.head-main .head-sub ul li:first-child:before {
    display: none;
}
.head-main .head-sub ul li a {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #222;
}
.head-main .head-sub .icon-cart {
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(https://cocoscocos.itembox.design/item/images/icon_cart.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
}
.head-main .head-sub .icon-mypage {
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABfklEQVRYhe2WMUvDQBiGH6NVBF0LdhBxqItOgrh26tSpOPsb/A+10Kn/oFOd/AGOXYq4CB1cdJDiIrFdFKHWCpXAdyCBNsnlS27xhXdJ7t577nK5+1aw0xZwBhwDB5LwCNwD18CnZW4iXQA+MF9gX9pkqu4SgLC7WYF0EkAYd7QhqhYQxlVNkEEKkIEWRDkFhHE5ahAvBsipwmQiM+KAbCuARGbEAflSAInMiAPypACikcE6MEqxUUeSsVRxVuQbaKeYSFsyVLQGDC1WYyh9VbUfcdmF7UufTLQH9GJA9KRt5qoDV8AY+BCP5VndZnDbwsho888e+AEmeazCv3JVkj1SlFv0ENiVX3MHKMj7GfAKPAMvwANwB7xpTOgEaEjgxOJAm0jfhmQl1jnQVyiIwu5LdqRqKcvCJOVjbRFMMweAsJthiJYDCOOWgag4hDCurAKXwJHGL5ZChaAwKjmGCFTy5CByrZkn38i15p4c3a5VDGqJG+AdmDqC2QBufwHnwkLNy8O8xgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
}
.head-main .head-sub .icon-guide {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAACsElEQVRYhd2ZTUtVQRjHfx1uBUJGRmkZ9EKIQmSiBJaraid9AKFNBEXkRhEKWoWbVn0HIfsCgasutEklgl42SUiF9OIla2EgZWAx8pwYn2bOPW96zu0Ph8t9zszz/GbOzJxn5mwjvQLgJHABOAJ0AQeA0Odv4DPwGngPPAJeAWsZYiaSAboLzAtMkmte6nZtJmAnMJECzndNiM9cdRP4lSNkeBmfY3FA643RNuA+cD6izArwEngKfAE+if0gsA84DXQDTRE+qsAlYDFN73YACxG9MQVcBlpi+GqRslMR/hYkZiIdB5Y8Ds3s7U/TclG/+HD5XpLYsbQHqHkcDWcA1Br2xKgJwwa5xugT4IyyfQUuAjMRgc14vKFsP4F78uuS6d2HwF51bxo4G9XKUUcLv8UcO6c8PbS7Tr0OiaHrjfoqtHsC9caARBZxXXcZ2BWjbq8ndrur8KSjoH6UmwWKxNL1J3Whw45C0wkgyfDobc066hs2KlLouqPS1YSgH4E7ymYm0Y8EPq4BL5TNsN0K/+iFvZoQMk9VHS+CdfU4unuoQNAhB49hZEQZzaNqLhC0WRhsppHAkWo9k9lalJaFwVZnxfFufZ4S0GT345L5r8nviqRxSSZUyGC/mY5VJICtDylB9wNXHPbbKUA1Q1sgLbdVS8fJqsP2PeUeSTPs0JClVeBocWsJYDXDaiBbWluHtp7rH2mGxUC2sLZ6imVcl2Z4a0DnlLGvBAt+n7LNGdDHyrgTGNxCMK1BYbD1lzGPpCRrPhrKmZSEy9MDVfgccCIFbFZ1S2xbG9jySJzz6FFv4myrIbYiNNLmjjJvlxv2AIKyHun4VO+QbCAD4EBeh2ShSnXs+F8c5NoaK/poPIka4mODrUI+3+T1QeyoTAQzprfLffNYzZh7A7zL9EEM+AOTncKK+lPwIgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
}

/* main-nav */
#main-nav {
    text-align: center;
    padding: 19px 0 20px;
    position: relative;
}
#main-nav > li {
    display: inline-block;
    margin: 0 40px;
}
#main-nav > li > a,
#main-nav > li > span {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #222;
	    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#main-nav > li > span:hover {
    opacity: 0.7;
}

#main-nav > li i {
    display: inline-block;
    width: 20px;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
	background-size: cover !important;
}
#main-nav > li.mn01 i { background: url(https://cocoscocos.itembox.design/item/images/menu_icon01.png) no-repeat center; }
#main-nav > li.mn02 i { background: url(https://cocoscocos.itembox.design/item/images/menu_icon02.png) no-repeat center; }
#main-nav > li.mn03 i { background: url(https://cocoscocos.itembox.design/item/images/menu_icon03.png) no-repeat center; }
#main-nav > li.mn04 i { background: url(https://cocoscocos.itembox.design/item/images/menu_icon04.png) no-repeat center; }
#main-nav > li.mn05 i { background: url(https://cocoscocos.itembox.design/item/images/menu_icon05.png) no-repeat center; }


#main-nav > li ul {
    padding: 10px;
	width: 200px;
    margin-left: -25px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 60px;
    z-index: 1000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main-nav > li.mn01 ul {
    width: 1120px;
    padding: 40px 20px 20px;
    margin-left: -560px;
    left: 50%;
}

#main-nav > li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 60px;
}
#main-nav > li ul li {
	padding: 10px 0;
	    border-bottom: dotted 1px #000;
    text-align: left;
    overflow: hidden;
}
#main-nav > li ul li:last-child {
	border-bottom: none;
}
#main-nav > li.mn01 ul li {
    width: 33.3333333%;
    float: left;
	padding: 0;
	margin-bottom:20px;
	border-bottom: none;
}
#main-nav > li ul li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
	padding-left:10px;
    overflow: hidden;
    color: #222;
}
#main-nav > li.mn01 ul li a {
    font-size: 13px;
	padding-left:0;
}

#main-nav > li ul li .mn-img {
    display: table-cell;
    width: 85px;
}
#main-nav > li ul li .mn-txt {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}



/* ----------------------------
   contets
-------------------------------*/
#container {
	overflow: hidden;
	margin-bottom: 100px;
}

/* con-box */
.con-box {
    padding: 60px 0;
}

/* cmn-ttl */
.cmn-ttl {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 25px;
	font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
	letter-spacing: 0.06em;
	
}
.cmn-ttl.en {
    font-family: 'Montserrat';
    letter-spacing: 5px;
}



/* ----------------------------
   sidebar
-------------------------------*/
#sidebar {
	width: 250px;
	float: left;
	position: relative;
	z-index:10;
}

#sidebar-in {
	width:250px;
}
.side-box {
	margin-bottom: 40px;
}
.side-ttl {
    text-align: center;
    font-size: 18px;
	font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
}
.side-ttl.en {
    font-size: 22px;
    font-family: 'Montserrat';
    letter-spacing: 3px;
    margin-bottom: 30px;
}

/* side-search */
#side-search .side-s-txt {
	width:100%;
	height:40px;
	padding:0 0 0 5px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	background: url(https://cocoscocos.itembox.design/item/images/icon_search.png) no-repeat 95% center;
	background-size: 20px;
}
#side-search .side-s-price {
    width: 85px;
    height: 40px;
    border: solid 1px #ccc;
}
#side-search .side-s-btn {
	font-size: 16px;
	font-weight: bold;
	background: #e8e8e8;
	height:45px;
	width: 100%;
	margin-top: 20px;
	text-align:center;
	cursor: pointer;
}
#side-search p span {
    font-size: 18px;
    vertical-align: bottom;
    margin-left: 3px;
}

/* side-producing */
#side-producing ul {
    border-top: dotted 1px #333;
}
#side-producing ul li {
    border-bottom: dotted 1px #333;
}
#side-producing ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    padding: 10px 0 10px 10px;
}
#side-producing ul li a span {
    display: inline-block;
    width: 35px;
    margin-right: 15px;
    vertical-align: middle;
}

/* side-price */
#side-price ul li {
    margin-bottom: 9px;
}
#side-price ul li:last-child {
    margin-bottom: 0;
}
#side-price ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #222;
    padding: 11px;
    background: #f2f1e6;
}

/* side-bnrs */
#side-bnrs ul li {
    margin-bottom: 20px;
}
#side-bnrs ul li:last-child {
    margin-bottom: 0;
}

/* side-shop */
#side-shop h3 {
    font-size: 14px;
    line-height: 1;
    margin: 15px 0;
}
#side-shop p {
    font-size: 14px;
    line-height: 1.8;
}




/*------------------------------------------------
   footer style
--------------------------------------------------*/

/* ft-information */
#ft-information {
    margin-bottom: 40px;
	padding-top: 60px;
	border-top: solid 1px #ccc;
}
#ft-information .ft-info-bnr {
	text-align:center;
	margin: 0 auto 55px;
}
#ft-information ul {
    overflow: hidden;
}
#ft-information ul li {
    width: 340px;
	margin-left: 40px;
	float: left;
}
#ft-information ul li:first-child {
    margin-left: 0;
}
#ft-information ul li h3 {
	font-size: 17px;
	font-weight:bold;
	margin-bottom: 13px;
}
#ft-information ul li p {
	font-size: 14px;
    line-height:2.3;
}
#ft-information ul li p strong {
}
#ft-information ul li p a {
	color: #222;
	text-decoration:underline;
}

/* global-footer  */
#global-footer {
	padding: 40px 0 30px;
	background: #f2f2f2;
}
#global-footer a:hover {
	text-decoration:underline;
}
#global-footer .ft-top {
    overflow: hidden;
	margin-bottom: 70px;
}
#global-footer .ft-top .ft-box {
    width: 25%;
    float: left;
}
#global-footer .ft-top .ft-box h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
#global-footer .ft-top .ft-box h4 {
	font-size: 15px;
	margin-bottom: 10px;
}
#global-footer .ft-top .ft-box p {
	font-size: 14px;
	line-height:2;
}
#global-footer .ft-top .ft-box a {
	color: #000;
    font-size: 15px;
    line-height: 2;
}
#global-footer .ft-top .ft-box ul li {
	line-height:2;
}

#global-footer .ft-btm ul {
    text-align: center;
    font-size: 0;
	margin-bottom:25px;
}
#global-footer .ft-btm ul li {
    display: inline-block;
    color: #222;
    margin: 0 5px;
}
#global-footer .ft-btm ul li:before {
    content: '|';
    margin-right: 6px;
    font-size: 12px;
}
#global-footer .ft-btm ul li:first-child:before {
    display:none;
}
#global-footer .ft-btm ul li a {
    color: #222;
    font-size: 12px;
}

#copyright {
	font-size: 11px;
	text-align:center;
}


#backtotop {
    width: 64px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -5px;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#backtotop.show {
	visibility: visible;
	opacity: 1;
	bottom: 0;
}

#backtohome {
    width: 64px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#backtohome a {
    display:block;
}

#googleforms1 {
    width: 64px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 40%;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#googleforms1 a {
    display:block;
}

#googleforms2 {
    width: 64px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 30%;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#googleforms2 a {
    display:block;
}

#chaneltalk-mm {
    width: 64px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 75px;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    filter: drop-shadow(0 0 3px rgb(0 0 0 / 22%));
}

#chaneltalk-mm a {
    display:block;
}