@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) and (max-width:960px){

/*@media screen and (min-width:768px) and (max-width:1365px){*/
html {
	font-size: 16px;
}

body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**********************************
hover
**********************************/
a {
    color: #22609e;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all  0.1s ease;
}

a:hover {
    color: #828282;
}


a img {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all  0.1s ease;
}

a img:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	color: #ffcf06;
}


/**********************************
wrapper
**********************************/
.wrapper {
	width: 960px;
	margin: 0 auto !important;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}


/**********************************
header
**********************************/
header {
	width: 100%;
	height: 120px;
	background-image: -moz-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -ms-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -o-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -webkit-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: linear-gradient(top, #0f4b9d, #0b3977);
}

/*----- left side -----*/
.header-left {
	float: left;
	width: 424px;
}

.header-left .header-left-add {
	font-size: 0.75rem;
	color: #fff;
	line-height: 1.25em;
	margin: 6px 0 0 16px;
}

.header-left .header-left-logo {
	margin: 8px 0 0 16px;
}

/*----- center -----*/
.header-center {
	float: left;
	margin-top: 8px;
}

/*----- right side -----*/
.header-right {
	float: left;
	width: 424px;
}

.header-right .header-right-btns {
	/*background-color: rgba(0,0,0,0.5);*/
	width: 136px;
	padding-top: 7px;
	margin: 8px 0 0 12px;
	text-align: center;
	float: left;
}

.header-right .header-right-btns .header-right-btns-inner {
	margin-bottom: 4px;
}

.header-right .header-right-btns .cart-button a {
	display: block;
	font-size: 0.75rem;
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(top, #fff, #ddd);
	font-weight: 700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 0 3px 6px;
	margin: 0 auto 4px;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	color: #555;
	width: 81%;
}

.header-right .header-right-btns .cart-button a span {
	font-weight: 700;
}


.header-right .header-right-contact {
	float: left;
	width: 252px;
	margin-left: 12px;
}

.header-right .header-right-contact .header-right-sup {
	margin: 6px 0;
}

.header-right .header-right-contact .header-right-sup li {
	float: left;
	margin-left: 4px;
}

.header-right .header-right-contact .header-right-sup li a {
	font-size: 0.75rem;
	color: #fff;
	font-weight: 700;
	background-image: url(../images/common/sub_navigation_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 0.75rem;
	text-decoration: underline;
}

.header-right .header-right-contact .header-right-sup li a:hover {
	color: #ffcf06;
}

/**********************************
navigation
**********************************/
.pc-gnavi {
	width: 100%;
}

.pc-gnavi .pc-gnavi-inner {
	width: 158px;
	border: solid 1px #c4c4c4;
	float: left;
}

.pc-gnavi .pc-gnavi-inner a {
	display: block;
	font-weight: 700;
	color: #00529b;
	line-height: 1.25em;
	text-align: center;
	background-image: -moz-linear-gradient(top, #ffffff, #efefef);
	background-image: -ms-linear-gradient(top, #ffffff, #efefef);
	background-image: -o-linear-gradient(top, #ffffff, #efefef);
	background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
	background-image: linear-gradient(top, #ffffff, #efefef);
}

.pc-gnavi .pc-gnavi-inner a:hover {
	color: #ffcf06;
}

.pc-gnavi .pc-gnavi-inner a.line1 {
	padding: 18px 0;
}

.pc-gnavi .pc-gnavi-inner a.line2 {
	padding: 8px 0;
}

.sp-gnavi {
	display: none;
}
/**********************************
mobilemenu
**********************************/
@media screen and (min-width:768px){
  .mobilemenu{
    display: none;
  }
}
/**********************************
TOP slide
**********************************/
.slide {
}

.slide .slide-inner {
	position: relative;
}

.slide .slide-inner .slide-inner-more {
	position: absolute;
	bottom: 34px;
	right: 26px;
}

.slide .slide-inner .slide-inner-more a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	padding: 16px 14px;
}

.slide .slide-inner .slide-inner-more a.first {
	background-color: rgba(28,56,138,0.7);
}

.slide .slide-inner .slide-inner-more a.second {
	background-color: rgba(0,0,0,0.7);
}

.slide .slide-inner .slide-inner-more a.third {
	background-color: rgba(28,138,64,0.7);
}

.slide .slide-inner .slide-inner-more a.fourth {
	background-color: rgba(28,56,138,0.7);
}

.slide .slide-inner .slide-inner-more a.fifth {
	background-color: rgba(201,109,11,0.7);
}

.slide .slide-inner .slide-inner-more a.sixth {
	background-color: rgba(0,82,155,0.7);
}

.slide .slide-inner .slide-inner-more a.seventh {
	background-color: rgba(28,56,138,0.7);
}

.slide .slide-inner .slide-inner-more a.eighth {
	background-color: rgba(98,26,26,0.7);
}

.slide .slide-inner .slide-inner-more a.ninth {
	background-color: rgba(255,208,0,0.9);
}

.slide .slide-inner .slide-inner-more a:hover{
	color: #ffcf06;
	text-decoration: underline;
}
/**********************************
contents
**********************************/
.container {
	margin-top: 32px;
	background-color: #fff;
}
/*===========================
left
===========================*/
.container-left {
	width: 270px;
	margin-left: 12px;
	float: left;
}

/*search*/
.search-wrap {
}

.search-wrap h2 {
	font-weight: 700;
	color: #595959;
}

.search-wrap .search-form {
	width: 100%;
	margin-top: 8px;
}

.search-wrap .search-form .search-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1rem;
	width: 226px;
	padding: 8px 4px;
	background-color: #fff;
	border: solid 2px #00529b;
	color: #828282;
	text-align: left;
}


.search-wrap .search-form .search-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: none;
	width: 38px;
	height: 37px;
	background-image: url(../images/common/search_box.png);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all  0.1s ease;
}

.search-wrap .search-form .search-submit:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#searchblock .search-form input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1rem;
	width: 226px;
	padding: 8px 4px;
	background-color: #fff;
	border: solid 2px #00529b;
	color: #828282;
	text-align: left;
    border-radius:initial !important;
    height: 38px;
}
#searchblock .search-form .search-submit {
	float: right;
	margin: 1px 0;
}
#searchblock .search-form .search-submit svg {
	display: none;
}

/*itemlist common*/
.item-list-wrap ul li a {
	color: #3c3c3c;
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 1.25em;
	text-decoration: underline;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all  0.1s ease;
}

/*itemlist blue back*/
.item-list-wrap .item-list-blue {
	background-color: #e9fcff;
	margin-top: 12px;
	padding: 6px;
}

.item-list-wrap .item-list-blue h2 {
	background-image: url(../images/common/blue_lion.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 8px 0 8px 36px;
	font-weight: 700;
	color: #00529b;
}

.item-list-wrap .item-list-blue ul li {
	background-image: url(../images/common/list_blue_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 14px;
	margin-top: 16px;
}

.item-list-wrap .item-list-blue ul li a:hover {
	color: #a1e2fc;
}

/*itemlist red back*/
.item-list-wrap .item-list-red {
	background-color: #ffe9e9;
	margin-top: 12px;
	padding: 6px;
}

.item-list-wrap .item-list-red h2 {
	background-image: url(../images/common/red_lion.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 8px 0 8px 36px;
	font-weight: 700;
	color: #8a1c1c;
}

.item-list-wrap .item-list-red ul li {
	background-image: url(../images/common/list_red_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 14px;
	margin-top: 16px;
}

.item-list-wrap .item-list-red ul li a:hover {
	color: #f78f8f;
}


/*itemlist yellow back*/
.item-list-wrap .item-list-yellow {
	background-color: #feffca;
	margin-top: 12px;
	padding: 6px;
}

.item-list-wrap .item-list-yellow h2 {
	background-image: url(../images/common/yellow_lion.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 8px 0 8px 36px;
	font-weight: 700;
	color: #d98e0c;
}

.item-list-wrap .item-list-yellow ul li {
	background-image: url(../images/common/list_yellow_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 14px;
	margin-top: 16px;
}

.item-list-wrap .item-list-yellow ul li a:hover {
	color: #d98e0c;
}
.item-list-wrap .sale-item a {
	position: relative;
}
.item-list-wrap .sale-item a:after,
.item-list-wrap .sale-item a::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 18px;
	position: absolute;
	top: 4px;
	right: 0;
	margin-right: -36px;
	background-image: url("../images/common/sale.gif");
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.container-main {
	width: 646px;
	margin-right: 14px;
	float: right;
}
/*===========================
right contents(646px)
===========================*/
.container-right {
	width: 646px;
	float: right;
}

.container-right .text {
	width: 96%;
	margin: 24px auto 0;
	line-height: 1.5em;
}

.container-right .privacypage {
	margin: 20px 0 20px;
	line-height: 1.5rem;
}

/* banners */
.bnr-wrap {
	width: 646px;
}

.bnr-wrap .bnr-inner {
	margin-bottom: 20px;
	margin-top: 5%;
}

.bnr-wrap .bnr-inner li {
	float: left;
}

.bnr-wrap .bnr-inner li:nth-child(2) {
	margin-left: 22px;
}

/* items */
.item-box {
	width: 186px;
	float: left;
	margin: 22px 0 22px 22px;
	padding-bottom: 16px;
	background-color: #fff;
	min-height: 302px;
}
.item-box a{
	min-height: 186px;
    display: block;
}
.item-box img {
	display: block;
	margin: 0 auto;
	max-width: 186px;
	max-height: 186px;
}

.item-box .item-name {
	text-align: center;
	font-weight: 700;
	line-height: 1.25em;
	font-size: 0.875rem;
	width: 174px;
	margin: 22px auto 0 auto;
	height: 60px;
}

.item-box .item-name a {
	color: #545454;
}

.item-box .item-name a:hover {
	color: #ffcf06;
}


.item-box .item-price {
	text-align: center;
	font-weight: 700;
	color: #363636;
	margin-top: 22px;
}

.acTop {
	display: inline-block;
}

.acSwitch1 {
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
	color: #363636;
	margin-left: 23px;
	padding-bottom: 23px;
}

.acSwitch2 {
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
	color: #363636;
	margin-left: 23px;
	padding-bottom: 23px;
	float: left;
	clear: left;
}

.acBottom {
	display:none;
}

.acBottomUp {
	float: left;
}

/* new items */
.newitems {
	background-color: #c7e5e3;
	width: 646px;
}

.newitems .relation #related_product_area .heading03 {
	display: none;
}
.newitems .relation #related_product_area .related_product_carousel {
	margin-left: 0px;
	margin-right: 0px;
}
.newitems .relation #related_product_area .related_product_carousel .product_item {
	width: 186px;
	float: left;
	margin: 22px 0 22px 22px;
	padding: 0 0 16px 0;
	background-color: #fff;
	display: block;
	min-width: 186px;
}
.newitems .relation #related_product_area .related_product_carousel .product_item dl {
	width: 186px;
}
.newitems .relation #related_product_area .related_product_carousel .product_item .item_photo {
	width: 186px;
}
.newitems .relation #related_product_area .related_product_carousel .product_item .item_photo img {
	display: block;
	margin: 0 auto;
	width: 186px;
	/*height: 130px;*/
}

#related_product_area .item_name {
	text-align: center;
	font-weight: 700;
	line-height: 1.25em;
	width: 174px;
	margin: 22px auto 0 auto;
	color: #545454;
	text-decoration: underline;
	height: 60px;
}
#related_product_area .item_price {
	text-align: center;
	font-weight: 700;
	color: #363636;
	margin-top: 18px;
}
#related_product_area a {
	color: #fff;
}
#related_product_area .slick-track {
	max-width: 646px;
	min-width: 646px;
}

/* recommend items */
.recommenditems {
	background-color: #ebebcb;
	width: 646px;
}

/* checked item */
.checkeditem {
	background-color: #cbebcb;
	width: 646px;
}

/* heading */
.heading1 {
	font-size: 1.25rem;
	background-color: #f0f0f0;
	padding: 12px 12px 12px 14px;
	border-left: solid 16px #00529b;
}

.heading2 {
	font-size: 1.25rem;
	font-weight: 700;
	padding: 12px 12px 12px 14px;
	color: #00529b;
	background-color: #efefef;
	border-bottom: solid 2px #cdcdcd;
}

/* complete */
#complete_box__top_button {
	text-align: center;
	margin-top: 20px;
}

/*Introduction*/
.intro_area {
	width: auto;
}
.intro_area p {
	font-size: 0.875rem;
	line-height: 1.7em;
}
/*
.intro_area .intro_inner.left {
	width: 20%;
}
.intro_area .intro_inner.left img {
	width: 100%;
	height: auto;
}
.intro_area .intro_inner.right {
	width: 77%;
}*/
/*News*/
#news_area {
	width: auto;
	margin-top: 16px;
}
#news_area .heading01 {
	width: auto;
	padding: 12px 8px;
	font-size: 1.125rem;
	font-weight: 700;
	color: #0f4b9d;
	border-bottom: solid 2px #0f4b9d;
}
#news_area .newslist {
	margin-top: 10px;
}
#news_area .newslist dl {
	width: auto;
	padding: 0 8px;
}
#news_area .newslist dl dt {
	cursor: pointer;
	border-bottom: solid 2px #dedede;
	line-height: 1.5em;
	padding: 4px 8px;
}
#news_area .newslist dl dt.open {
	border-bottom: none;
	background-color: #d7e3ef;
}
#news_area .newslist dl dt .date {
	font-size: 0.75rem;
	font-weight: 700;
	color: #666;
}
#news_area .newslist dl dt .news_title {
	font-size: 0.75rem;
	position: relative;
	padding-left: 28px;
}
#news_area .newslist dl dt .news_title::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 8px;
	top: 0;
	background-image: url("../images/common/open_colse_icon1.png");
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}
#news_area .newslist dl dt.open .news_title::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 8px;
	top: 0;
	background-image: url("../images/common/open_colse_icon2.png");
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}
#news_area .newslist dl dd {
	font-size: 0.75rem;
	line-height: 1.5em;
	display: none;
	border-bottom: solid 2px #dedede;
	padding: 6px 0;
}

/**********************************
subpage
**********************************/
/* company */
.company-page {
	margin-bottom: 36px;
}
.company-page dl {
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.5em;
	background-color: #f0f0f0;
	margin-top: 36px;
}

.company-page dl dt {
	clear: both;
	float: left;
	width: 176px;
	padding: 24px 0;
	border-top: dotted 1px #111;
	text-align: center;
}

.company-page dl dd {
	margin-left: 176px;
	padding: 24px 12px 24px 18px;
	border-top: dotted 1px #111;
	background-color: #fff;
}

.company-page dl dd ul {
	margin-left: 20px;
}

.company-page dl dd ul li {
	list-style: disc;
	margin-bottom: 8px;
}

.company-page dl .firstrow {
	border-top: none;
}

.company-page .map {
	margin-top: 32px;
}

/* certified */
.certified-page {
	margin-bottom: 36px;
	line-height: 1.5em;
}
.certified-page .twocolumn {
	width: 98%;
	margin: 24px auto 0;
}
.certified-page .twocolumn .left {
	width: 68% ;
	float: left ;
	margin-right: 1%;
}

.certified-page .twocolumn .right {
	width: 30% ;
	float: right ;
}

.certified-page .twocolumn .right img {
	width: 100%;
}

.certified-page .twocolumn .right img {
	width: 100%;
}

.certified-page .links_list {
	width: 90%;
	margin: 0 auto;
}

.certified-page .links_list li {
	list-style: disc;
	margin-top: 14px;
}

/* catalog */
.catalog-page .twocolumn {
	width: 98%;
	margin: 24px auto 0;
}

.catalog-page .twocolumn .left {
	width: 70% ;
	float: left ;
	margin-right: 1%;
}

.catalog-page .twocolumn .left p:first-of-type {
	line-height: 1.5em;
}

.catalog-page .notice {
	font-size: 0.75rem;
	font-weight: 700;
	color: #f00;
	line-height: 1.5em;
	margin-top: 10px;
}


.catalog-page .twocolumn .right {
	width: 28% ;
	float: right;
	background-color: yellow;
}

.catalog-page .twocolumn .right img {
	width: 100%;
}

.catalog-page table {
	width: 96%;
	margin: 24px auto 0;
}

.catalog-page table th {
	width: 30%;
	vertical-align: middle;
	border-bottom: dotted 1px #666;
	text-align: center;
}

.catalog-page table th span {
	font-size: 0.75rem;
	font-weight: 700;
	color: #f00;
	margin-left: 12px;
}

.catalog-page table td {
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 68%;
	vertical-align: middle;
	padding: 16px 0 16px 12px;
}

.catalog-page table td input {
	border:0;
	padding:8px;
	font-size: 1rem;
	color:#666;
	border:solid 1px #ccc;
	margin: 8px auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.catalog-page table td input.club-name {
	width: 92%;
}

.catalog-page table td input.user-name {
	width: 42%;
	margin-right: 2%;
}

.catalog-page table td input.zip-code {
	width: 20%;
}

.catalog-page table td input.address {
	width: 92%;
}

.catalog-page table td input.tel-number {
	width: 23%;
}

.catalog-page table td input.mail-address {
	width: 92%;
}


.catalog-page table td select {
	border:0;
	padding:8px;
	font-size: 1rem;
	color:#666;
	border:solid 1px #ccc;
	margin: 16px auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 96%;
}

.catalog-page .button {
	width: 64%;
	margin: 40px auto;
}

.catalog-page .button img {
	width: 100%;
}

.catalog_bnr {
	max-width: 270px;
	margin: 14px auto 0;
}

.catalog_bnr img {
	width: 100%;
	height: auto;
}

/* faq */
.faq-page {
	margin-bottom: 38px;
}

.faq-page .text {
	width: 96%;
	margin: 24px auto 0;
	line-height: 1.5em;
}

.faq-page .faq-wrap {
	width: 96%;
	margin: 0 auto;
}

.faq-page .faq-wrap .faq-title{
	position: relative;
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: linear-gradient(top, #ffffff, #dbdbdb);
	border: solid 2px #cdcdcd;
	margin-top: 26px;
}

.faq-page .faq-wrap h2 {
	background-image: url(../images/page_faq/faq_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 8px 14px 8px 26px;
	margin-left: 18px;
	color: #3c3c3c;
	font-weight: 700;
	cursor: pointer;
}

.faq-page .faq-wrap .faq-btn {
	position: absolute;
	top: 4px;
	right: 12px;
	cursor: pointer;
}

.faq-page .faq-wrap .faq-btn:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.faq-page .faq-wrap .faq-list {
	line-height: 1.5em;
	margin-left: 18px;
	display: none;
}

.faq-page .faq-wrap .faq-list {
	line-height: 1.5em;
	margin-left: 18px;
	display: none;
}

.faq-page .faq-wrap .faq-list ul {
	width: 98%;
	margin: 0 auto 16px;
}

.faq-page .faq-wrap .faq-list ul li {
	line-height: 1.5em;
	font-size: 0.875rem;
	margin-top: 16px
}

.faq-page .faq-wrap .faq-list .faq-q {
	background-image: url(../images/page_faq/faq_q.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #00529b;
	padding: 4px 0 10px 40px;
	margin-top: 18px;
}

.faq-page .faq-wrap .faq-list .faq-a {
	background-image: url(../images/page_faq/faq_a.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 4px 0 10px 40px;
	margin-top: 18px;
}
/*特定商取引法に基づく表示*/
#tradelaw__body.dl_table {
    display: table;
    width: 100%;
    margin-top: 36px;
}

#tradelaw__body.dl_table dl {
    display: table-row;
    border: 0 none;
}
#tradelaw__body.dl_table dl {
    padding: 8px 0;
    border-bottom: 1px dotted #111;
}
#tradelaw__body.dl_table dt {
    width: 30%;
    text-align: center;
}
#tradelaw__body.dl_table dt, .dl_table dd {
    display: table-cell;
    border-bottom: 1px dotted #111;
    padding: 16px 0;
}
#tradelaw__body.dl_table dt{
	background-color: #f0f0f0;
}
#tradelaw__body.dl_table dd {
    padding: 16px;
}

/* register + login */
.login-page {
	margin-bottom: 38px;
	margin-left: -8px;
	margin-right: -8px;
	padding-bottom: 16px;
}

.login-page .text {
	width: 96%;
	margin: 24px auto 0;
	line-height: 1.5em;
}

.login-page table {
	width: 96%;
	margin: 24px auto 0;
}

.login-page table th {
	width: 24%;
	vertical-align: middle;
	border-bottom: dotted 1px #666;
}

.login-page table td {
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 74%;
}

.login-page table td input {
	border:0;
	padding:8px;
	font-size:1.125rem;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	margin: 16px auto;
	display: block;
	width:368px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.login-page .adform .form-control {
	width: 32%;
	-moz-appearance: none;
	background-size: 8px, 100%;
	vertical-align: middle;
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 4px;
}
.login-page .adform #zip01,#zip02{
	margin: 16px 10px;
}
.login-page .adform #adform2 #pref {
	/*float: left;*/
	width: 32%;
	-moz-appearance: none;
	background-size: 8px, 100%;
	vertical-align: middle;
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 4px;
}
.login-page .nameform table {
	width: 96%;
	margin: 0 auto 0;
}
.login-page .nameform .form-control {
	float: left;
	margin-left: 42px;
	width: 153px;
	-moz-appearance: none;
	background-size: 8px, 100%;
	vertical-align: middle;
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 4px;
}
.login-page .adform dd a {
	display: none;
}
.login-page .adform dd .zip-search {
	margin-bottom: 16px;
}
.login-page .question-circle .cb-question {
	display: none;
}
.login-page td {
	display: table-cell;
}
.login-page dt {
	width: 24%;
	vertical-align: middle;
	border-bottom: dotted 1px #666;
	display: table-cell;
	text-align: center;
}
.login-page dd {
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 74%;
	display: table-cell;
	padding: 0px 40px;
}
.login-page .numberform .form-control {
	/*float: left;*/
	margin-right: 1px;
	-moz-appearance: none;
	background-size: 8px, 100%;
	vertical-align: middle;
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 4px;
}
.login-page dl dd input {
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	color: #666;
	border: solid 1px #ccc;
	margin: 16px 0;
	width: 328px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.login-page .adform #adform2 input {
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	color: #666;
	border: solid 1px #ccc;
	margin: 16px 0;
	width: 328px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.login-page .otherform input {
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	color: #666;
	border: solid 1px #ccc;
	margin: 16px;
	width: 360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 16px 40px;
}
.login-page .numberform input {
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	color: #666;
	border: solid 1px #ccc;
	max-width: 20%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}
.login-page .otherform table {
	width: 96%;
	margin: 0 auto 0;
}
.login-page .otherform dl {
    width: 96%;
    margin: 0 auto 0;
}
.login-page .otherform dd {
    background-color: #cee2ea;
    border: solid 2px #fff;
    width: 74%;
    display: table-cell;
    padding: 0px 15px;
}
.login-page .otherform input#entry_mailmaga_flg_0 {
    width: 30px;
    margin-left: 20px;
    margin-right: 0px;
}
.login-page .otherform input#entry_mailmaga_flg_1 {
    width: 30px;
    margin-left: 20px;
    margin-right: 0px;
}
.login-page .adform dl {
	width: 96%;
	margin: 0 auto 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.login-page .numberform dl {
	width: 96%;
	margin: 0 auto 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.login-page .numberform #numberform2 {
	margin: 16px auto;
}
.login-page #entry_customerplus_5 input {
	width: initial;
}
.login-page .login_forget a{
	margin-top: 0.5rem;
    display: block;
    text-align: center;
}
.login-page .login_forget .btn-primary{
color: #fff;
background-color: #DE5D50;
border-color: #DE5D50;
}
.login-page .login_forget .btn{
padding: 10px 16px;
font-weight: bold;
border: 1px solid transparent;
}
.login-page .login_forget .btn-block{
display: block;
width: 33.3%;
margin: 20px auto 0px;
}
.agreement {
	width: auto;
	margin-top: 24px;
}

.agreement .annotation {
	width: auto;
	text-align: center;
	line-height: 1.5em;
}

.agreement .button {
	text-align: center;
	margin-top: 12px;
}
/*shooping nonmember (お客様情報の入力) */
.login-page #nonmember #detail_box__button_menu  #detail_box__next_button .btn {
    font-weight: bold;
    width: 44%;
    margin: 5px auto;
    color: #fff;
    background-color: #DE5D50;
    border-color: #DE5D50;
    border-style: solid;
    padding: 10px 16px;
    font-size: 0.9rem;
    margin: 0 auto 20px;
display: block;
cursor: pointer;
cursor: hand;
}
.login-page #nonmember #detail_box__button_menu  #detail_box__back_button .btn {
    font-weight: bold;
    width: 39%;
    margin:5px auto;
    color: #fff;
    background-color: #474757;
    border-color: #474757;
    border-style: solid;
    padding: 10px 16px;
    font-size: 0.9rem;
    margin: 0 auto 20px;
display: block;
cursor: pointer;
cursor: hand;
}
.login-page #nonmember #detail_box__next_button {
    margin: 15px auto 0;
}
.login-page #nonmember #detail_box__back_button {
    margin: 15px auto 0;
    /* width: 39%; */
    text-align: center;
}

/*login entry(新規会員登録確認)*/
.abcconfirm2 {
	width: 646px;
	margin-right: 14px;
	float: right;
	margin-bottom: 38px;
}
.abcconfirm2 .container-fluid {
	width: 96%;
	margin: -24px auto 0;
	line-height: 1.5em;
}
.abcconfirm2 .container-fluid #confirm_box__company_name {
	display: none;
}

.abcconfirm2 dl{
	width: 96%;
	margin: 0 auto 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.abcconfirm2 dt{
 	width: 24%;
    vertical-align: middle;
    border-bottom: dotted 1px #666;
    display: table-cell;
    text-align: center;
}

.abcconfirm2 dd{
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 74%;
	display: table-cell;
	padding: 0px 20px;
}

.abcconfirm2 #inner{
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	border: solid 1px #ccc;
	margin: 16px;
	width: 328px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 16px auto;
	background-color: #fff;
}
.abcconfirm2 .btn-primary {
    color: #fff;
    background-color: #DE5D50;
    border-color: #DE5D50;
    float: left;
}
.abcconfirm2 .btn-info {
color: #fff;
background-color: #525263;
border-color: #525263;
float: right;
}
.abcconfirm2 .btn {
    font-size: 1rem;
    padding:10px 16px;
    font-weight: bold;
}
.abcconfirm2 .btn-block {
    display: block;
}
.abcconfirm2 #confirm_box__button_menu{
padding: 0 20%;
margin-top: 5%;
}

/*入力不備時のエラーメッセージ*/
.has-error .errormsg {
	width: auto;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.5em;
	color: #f00;
}

/*shopping page*/
#shopping-form #shopping_confirm #goshop {
	margin-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
}

.total_box dl.total_price dd {
	font-size: 24px;
}

#goshop #summary_box__total_box #summary_box__confirm_button #order-button {
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    color: #FFF;
    background-color: #DE5D50;
    border-color: #DE5D50;
}

/* inquiry page */
.inquiry-page {
	margin-bottom: 38px;
}

.inquiry-page .text {
	width: 96%;
	margin: 24px auto 0;
	line-height: 1.5em;
}

.inquiry-page table {
	width: 96%;
	margin: 0 auto 0;
}

.inquiry-page table th {
	width: 24%;
	vertical-align: middle;
	border-bottom: dotted 1px #666;
}
.inquiry-page table th .contact_hissu{
	margin-left: 5px;
	color: red;
	font-weight:bold;
}

span.required {
    margin-left: 5px;
    color: red;
    font-weight: bold;
}

.inquiry-page table td {
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 74%;
}

.inquiry-page table td input {
	border:0;
	padding:8px;
	font-size:1.125rem;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	margin: 16px auto;
	display: block;
	width:360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.inquiry-page table td textarea {
	border:0;
	padding:8px;
	font-size:0.75rem;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	margin: 16px auto;
	display: block;
	width:360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 20em;
	/*line-height: 1.5em;*/
}

.inquiry-page .delete {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
.inquiry-page .clubname textarea {
	height: 1rem;
}
.inquiry-page .inform {
	margin: 24px auto 0;
}

.inquiry-page .nameform input {
	float: left;
	padding: 8px;
	font-size:1.125rem;
	margin-left: 40px;
	width: 32%;
	-moz-appearance: none;
	background-size: 8px, 100%;
	vertical-align: middle;
	border-radius: 4px;
}

.inquiry-page .nameform .nameform2 {
	margin-left: auto;
}

.inquiry-page button {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	font-size: 0;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
}

.inquiry-page table td .mini {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*inquiry contact(お問合せ確認)*/
/*inquiry contact(お問合せ確認)*/
.inquiry-confirm dl{
	width: 96%;
	margin: 0 auto 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.inquiry-confirm dt{

    vertical-align: middle;
    border-bottom: dotted 1px #666;
    display: table-cell;
    text-align: center;
}

.inquiry-confirm dd{
	background-color: #cee2ea;
	border: solid 2px #fff;
	width: 74%;
	display: table-cell;
	padding: 0px 20px;
}

.inquiry-confirm #inner{
	border: 0;
	padding: 8px;
	font-size: 1.125rem;
	font-family: Arial, sans-serif;
	border: solid 1px #ccc;
	margin: 16px;
	width: 328px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 16px auto;
	background-color: #fff;
}
.inquiry-confirm .delete {
	display: none;
}
.inquiry-confirm .btn-primary {
    color: #fff;
    background-color: #DE5D50;
    border-color: #DE5D50;
    border-style: solid;
}
.inquiry-confirm .btn-info {
color: #fff;
background-color: #525263;
border-color: #525263;
border-style: solid;
}
.inquiry-confirm .btn {
    font-size: 0.9rem;
    padding:10px 16px;
    font-weight: bold;
    margin: 0 auto 20px;
}
.inquiry-confirm .btn-block {
    display: block;
    width: 39%;
    cursor: pointer;
cursor: hand;
}
.inquiry-confirm #confirm_box__button_menu{
margin:  5% 0;
}

/* category */
.category-page {
	margin-bottom: 24px;
}

/*== page information ==*/
.category-page .category-information {
	width: auto;
	margin-top: 24px;
	border-bottom: 2px solid #ddd;
    -webkit-box-shadow:0 12px 16px -8px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 12px 16px -8px rgba(0, 0, 0, 0.3);
            box-shadow:0 12px 16px -8px rgba(0, 0, 0, 0.3);
	padding: 0 12px 16px 12px !important;
}

.category-page .category-information .category-info-text {
	width: 69% !important;
	float: left;
	margin-right: 1%;
	font-size: 1rem;
	line-height: 1.8em;
}

.category-page .category-information .category-info-image {
	width: 30%;
	float: right;
}

.category-page .category-information .category-info-image img {
	width: 100%;
}
.category-page .notfound{
	margin-top: 24px
}
/** price sort **/
.category-page .category-information .price-list {
	width: 290px;
	float: left;
}

.category-page .category-information .price-list li {
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0 0 28px 76px;
	padding: 2px 0 2px 12px;
	border-left: solid 18px #efbadc;
}

/*== item list ==*/
.category-page .category-wrap {
	width: 100%;
	margin-top: 38px;
}

.category-page .category-wrap .category-item-box{
	width: 33%;
	float: left;
	margin: 0 0.15% 48px 0.15%;
}

.category-page .category-wrap .category-item-box .category-item-image{
	text-align: center;
}

.category-page .category-wrap .category-item-box .category-item-image img {
	width: 80%;
}

.category-page .category-wrap .category-item-box .category-item-name {
	text-align: center;
	margin-top: 12px;
}

.category-page .category-wrap .category-item-box .category-item-comment {
	text-align: center;
	margin-top: 12px;
}

.category-page .category-wrap .category-item-box .category-item-price {
	text-align: center;
	margin-top: 12px;
	color: #000;
}

.category-page .pagination {
	width: 100%;
	margin: 16px auto;
	position: relative;
	clear: both;
	box-sizing: border-box;
}

.category-page .pagination ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}

.category-page .pagination ul li {
	display: inline-block;
	min-width: 29px;
	padding: 0 3px 0 2px;
	text-align: center;
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

.category-page .pagination ul li.active a {
	background: #F3F3F3;
	text-decoration: none;
}

.category-page .pagination ul li a {
	color: #525263;
	display: block;
	line-height: 1.8;
	padding: 5px 1em;
}

/*Not found*/
.category-page .notfound {
	width: 96%;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 24px auto 0;
}

/*オリジナルバナー・バッジ製作*/
.order-made-page .text {
	width: 96%;
	margin: 24px auto 0;
	line-height: 1.5em;
}

.order-made-page .order-made-image img {
	width: 84%;
	display: block;
	margin: 18px auto;
}

.order-made-page .order-made-table {
	width: 98%;
	margin: 24px auto 0;
	border: solid 2px #00529b;
}

.order-made-page .order-made-table th {
	background-color: #00529b;
	width: 42%;
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
}

.order-made-page .order-made-table td {
	font-size: 0.75rem;
	padding: 6px 0 6px 12px;
	border-bottom: solid 1px #000;
}

.order-made-page .order-flow img {
	width: 58%;
	display: block;
	margin: 24px auto;
}

.order-made-page .annotation {
	width: 98%;
	margin: 12px auto 0;
	font-size: 0.75rem;
	font-weight: 700;
	color: #f00;
}
/* item single page */
.items-single-wrap {
	background-color: #fffbea;
}

.items-single-wrap .item-image {
	width: 45.6%;
	float: left;
	margin: 12px 2.2% 0 2.2%;
}

.items-single-wrap .item-image #main_photo {
	width: 100%;
	border: solid 1px #cdcdcd;
}

.items-single-wrap .item-image ul {
	width: 100%;
	margin-top: 24px;
}

.items-single-wrap .item-image ul li {
	width: 31.5%;
	/*height: 76px;*/
	border: solid 1px #cdcdcd;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

.items-single-wrap .item-image ul li:nth-child(2) {
	margin: 0 1.73%;
}

.items-single-wrap .item-image ul li .change {
	width: 100%;
}

.items-single-wrap .item-spec {
	width: 48%;
	float: left;
	margin-top: 12px;
}

.items-single-wrap .item-spec select {
	float: left;
	margin-left: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 2px 12px 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background-size: 8px, 100%;
	background: #eee;
	border-radius: 4px;
	background: url(../images/items_single/arrow.png) 94% 50% no-repeat #fff;
	background: url(../images/items_single/arrow.png) 94% 50% no-repeat #fff;
	font-size: 1rem;
}

.items-single-wrap .item-spec .name {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5em;
}

.items-single-wrap .item-spec .number {
	font-size: 0.75rem;
}

.items-single-wrap .item-spec .price {
	font-weight: 700;
	margin-top: 18px;
}

.items-single-wrap .item-spec .price span {
	background-color: #f00;
	color: #fff;
	font-weight: 700;
	padding: 0.1rem 1rem;
	margin-right: 1rem;
}

.items-single-wrap .item-spec .price2 {
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 18px;
}
.items-single-wrap .item-spec .price2 span {
	background-color: #fffbea;
	color: #fff;
	font-weight: 700;
	padding: 0.1rem 1rem;
	margin-right: 1rem;
}
.items-single-wrap .item-spec .price3 {
	font-size: 0.875rem;	
	font-weight: 700;
	margin-top: 18px;
}
.items-single-wrap .item-spec .price3 span {
	font-weight: 700;
	margin-right: 0.75rem;
}
.items-single-wrap .item-spec .quantity {
	margin-top: 18px;
}

.items-single-wrap .item-spec .quantity p {
	float: left;
	margin: 13px 0 0 1rem;
}

.items-single-wrap .item-spec .quantity select {
	float: left;
	margin-left: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 32%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/items_single/arrow.png) 94% 50% no-repeat #fff;
	background: url(../images/items_single/arrow.png) 94% 50% no-repeat #fff;
	background-size: 8px, 100%;
}

.items-single-wrap .item-spec .quantity input {
	float: left;
	margin-left: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 32%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background-size: 36px 36px;
	border-radius: 4px;
	font-size: 1rem;
}

.items-single-wrap .item-spec .noshi {
	margin: 24px 0 0 1rem;
	width: 98%;
	display: table;
}

.items-single-wrap .item-spec .noshi > dl{
	width: 100%;
	display: table-row;
}

.items-single-wrap .item-spec .noshi dl > dt {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding: 24px 0;

}

.items-single-wrap .item-spec .noshi dl > dd {
	display: table-cell;
	width: 70%;
}


.noshi .control-label {
	color: #000;
	font-size: 0.875rem;
}


.items-single-wrap .item-spec .noshi .form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background-size: 36px 36px;
	border-radius: 4px;
	font-size: 0.875rem;
	height: 3.5em;
}


.items-single-wrap .item-spec .noshi select.form-control {
	width: 100%;
	margin: 12px 0 0 0 !important;
	padding: 0 0 0 4px !important;
	background-size: 8px, 2%;
}

.items-single-wrap .item-spec .noshi textarea.form-control {
	width: 95%;
	margin: 8px 0 0 0 !important;
	padding: 2px 4px 2px 4px!important;
}

.noshi .required {
	color: #f00;
	font-size: 0.75rem;
	margin-top: 6px;
}

.noshi label.control-label.required {
	color: #000;
}

.noshi dt span{
	margin-left: 0.5rem;
	font-weight: bold;
}

.noshi .form-group .errormsg {
	display: block;
	color: #DE5D50;
	margin-top: 6px;
	/*width: 0;
	height: 0;
	overflow: hidden;*/
}

.items-single-wrap .item-spec .form-group input {
	/*width: 80%;*/
	height: 3em;
}

.items-single-wrap .item-spec .contact-button {
	margin-top: 72px;
	text-align: right;
	width: 100%;
}

.items-single-wrap .item-spec .cart-button {
	margin-top: 32px;
	text-align: right;
	width: 100%;
}

.items-single-wrap .item-spec .cart-button input {
	border: none;
	color: #00529b;
	/*background-color: #fff;*/
	font-size: 1rem;
	font-weight: 700;
	/*padding: 10px 0;*/
	width: 155px;
	cursor: pointer;
	/*background-image: url(../images/items_single/cart.png);*/
	background-repeat: no-repeat;
}

.items-single-wrap .item-spec .cart-button input:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.items-single-wrap .btn {
	font-size: 16px;
	padding: 0px 0px;
	font-weight: bold;
}

/*ご利用ガイド*/
.guide-page .announce {
	width: 98%;
	margin: 16px auto 0 auto;
	font-weight: 700;
}


.guide-page .guide_list {
	width: 84%;
	margin: 0 auto;
}

.guide-page .guide_list li {
	line-height: 1.7em;
	margin-top: 24px;
	list-style: disc;
}

.guide-page .guide_list li .sort_window{
	width: 9em;
	vertical-align: central;
}


.guide-page .guide_list li .highlight {
	font-weight: 700;
	text-decoration: underline;

}
/*2017　6月　2日追加*/
/*のし掛け・包装について*/
.wrapping-page .sample1 {
	width: 98%;
	margin: 24px auto 0;
}

.wrapping-page .sample1 img {
	width: 42%;
	margin-left: 5%;
	float: left;
}

.wrapping-page ul {
	width: 84%;
	margin: 24px auto 0;
}

.wrapping-page ul li {
	list-style: disc;
	margin-top: 16px;
	line-height: 1.5em;
	font-size: 0.875rem;
	font-weight: 700;
}

.wrapping-page .sample2 {
	width: 70%;
	margin: 32px auto 0;
}

.wrapping-page .sample2 img {
	width: 6%;
	float: left;
	margin-left: 15%;
}

.wrapping-page .align-right {
	text-align: right;
	width: 98%;
	margin: 24px auto;
}

#detail_cart_box__cart_class_category_id .errormsg{
	display: none;
}

.notes-wrap {
	background-color: #fffbea;
	padding: 24px 12px;
}

.notes-wrap h2 {
	width: auto;
	font-size: 0.875rem;
	padding: 6px 14px;
	border: solid 1px #cdcdcd;
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: linear-gradient(top, #ffffff, #dbdbdb);
}

.notes-wrap ul {
}

.notes-wrap ul li {
	font-size: 0.75rem;
	margin-top: 12px;
}

.notes-wrap p {
	font-size: 0.75rem;
	margin: 12px 0 0 8px;
	line-height: 1.5em;
}

/*2018　9月　6日追加*/
/*送料無料キャンペーン*/
.campaign-page {
	padding-bottom: 16px;
}

.campaign-page .main-banner {
	width: auto;
}

.campaign-page .main-banner img {
	width: 100%;
	height: auto;
}

.campaign-page .regist-banner {
	width: auto;
	text-align: center;
	font-weight: 700;
	line-height: 1.5em;
	margin-top: 24px;
}

.campaign-page .regist-banner img {
	width: 56%;
	margin: 8px auto 0;
}

.campaign-page ul {
	width: 84%;
	margin: 24px auto 0;
}

.campaign-page ul li {
	list-style: disc;
	margin-top: 16px;
	line-height: 1.5em;
	font-size: 0.875rem;
	font-weight: 700;
}

.under_line {
	color: #f00;
	font-weight: 700;
	border-bottom: groove 2px #f00;
}
/*2021　11月　18日追加*/
/*クリアランスセール*/
.link_list {
	width: auto;
	border: solid 2px #c40000fd;
	background-color: #fffae9;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 18px 18px 18px;
}
.link_list li {
	color: #c40000fd;
	margin-right: 24px;
	list-style: none !important;
}
.link_list li:before {
	content: "● ";
}
.link_list li a {
	color: #000;
}
.link_list li a:hover {
	color: #666;
}
/*****プラバシーポリシー*****/
.privacy-page .preface {
	width: auto;
	padding: 0 12px;
	font-size: 0.875rem;
	line-height: 1.5em;
	margin: 14px 0;
}

.privacy-page .article_title {
	width: auto;
	padding: 6px 12px;
	margin-top: 14px;
	font-size: 1rem;
	font-weight: 700;
	color: #00529b;
}

.privacy-page .article_text {
	width: auto;
	padding: 0 14px;
	margin-top: 12px;
	line-height: 1.5em;
	font-size: 0.875rem;
}

/**********************************
カート回りのスタイル
**********************************/
#cart_box,
#customer_detail_box,
#shipping_confirm_box--0,
#payment_list,
#contact_message {
	line-height: 1.5em;
	width: 98%;
	margin: 0.5em auto 0;
}

#shopping_confirm_box__shipping_delivery_date_time--0 label:nth-of-type(1){
	margin-left: 1em;

}

#shopping_confirm_box__shipping_delivery_date_time--0 select {
	width: 40%;
}

#contact_message textarea#shopping_message {
	width: 96%;
}

#goshop {
	line-height: 1.5em;
}

#goshop #summary_box__confirm_button #order-button {
	cursor: pointer;
	margin: 12px auto 0;
}

/*****お届け先の指定*****/
#deliver_wrap {
	line-height: 1.5em;
}

#deliver_wrap #list_box__confirm_button button{
	font-size: 0.875rem;
	display: block;
	margin: 12px auto 0;
	cursor: pointer;
}

#deliver_wrap #list_box__back_button a {
	display: block;
	margin: 12px auto 0;
	font-size: 0.875rem;
	text-align: center;
}

/*****お届け先の追加*****/
.login-page .displaynone{
	display: none;
}
/**********************************
footer
**********************************/
footer {
	background-image: -moz-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -ms-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -o-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -webkit-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: linear-gradient(top, #0f4b9d, #0b3977);
	padding: 18px 14px;
	margin-top: 52px;
}

/*----- left -----*/
footer .footer-inner-left {
	float: left;
}

footer .companyname {
	font-weight: 700;
	color: #fff;
}

footer .address {
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	margin-top: 12px;
}

footer .footer-sup {
	margin-top: 10px;
}

footer .footer-sup li {
	float: left;
	margin-right: 8px;
}

footer .footer-sup li a {
	font-size: 0.75rem;
	color: #fff;
	font-weight: 700;
	background-image: url(../images/common/sub_navigation_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 0.75rem;
	text-decoration: underline;
}

footer .footer-sup li a:hover {
	color: #ffcf06;
}

/*----- right -----*/
footer .footer-inner-right {
	float: right;
}

footer .footer-sitemap {
	float: left;
	margin-bottom: 18px;
}

footer .footer-sitemap li {
	list-style: disc;
	margin: 0 0 22px 52px;
	color: #fff;
}

footer .footer-sitemap li a {
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
}

footer .footer-sitemap li a:hover {
	color: #ffcf06;
}


footer .copyright {
	text-align: right;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	clear: both;
}

/* to top */
.totop {
	position: fixed;
	right: 0px;
	bottom: 178px;
	display: none;
}

/**********************************
add style
**********************************/
.heading-blue {
	width: 628px;
	background-image: -moz-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -ms-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -o-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: -webkit-linear-gradient(top, #0f4b9d, #0b3977);
	background-image: linear-gradient(top, #0f4b9d, #0b3977);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 12px 0 12px 18px;
	letter-spacing: 0.25em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.heading-yellow {
	width: 628px;
	background-image: -moz-linear-gradient(top, #f2da05, #cfa000);
	background-image: -ms-linear-gradient(top, #f2da05, #cfa000);
	background-image: -o-linear-gradient(top, #f2da05, #cfa000);
	background-image: -webkit-linear-gradient(top, #f2da05, #cfa000);
	background-image: linear-gradient(top, #f2da05, #cfa000);
	background-image: linear-gradient(top, #0f4b9d, #0b3977);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 12px 0 12px 18px;
	letter-spacing: 0.25em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.heading-green {
	width: 628px;
	background-image: -moz-linear-gradient(top, #62da05, #4fa000);
	background-image: -ms-linear-gradient(top, #62da05, #4fa000);
	background-image: -o-linear-gradient(top, #62da05, #4fa000);
	background-image: -webkit-linear-gradient(top, #62da05, #4fa000);
	background-image: linear-gradient(top, #62da05, #4fa000);
	background-image: linear-gradient(top, #0f4b9d, #0b3977);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 12px 0 12px 18px;
	letter-spacing: 0.25em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.mgt18 {
	margin-top: 18px;
}

.mgt24 {
	margin-top: 24px;
}

.mgt36 {
	margin-top: 36px;
}

.social_btn {
	width: auto;
	padding: 4px 10px 8px;
	line-height: 1.5em;
	border: solid 2px #efefef;
	background-color: #fff;
	margin-top: 12px;
}

.social_btn .social_title {
	font-size: 0.75rem;
	font-weight: 700;
	color: #00a566;
	margin-bottom: 8px;
}
#svgicon {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.blue_annotaiton {
	color: #0046bf;
	font-weight: 700 !important;
	font-size: 1.125rem;
}

.arrow_list {
	background-color: #feffca;
	padding: 12px 14px 12px 24px !important;
}
.arrow_list li {
	list-style: none !important;
	background-image: url(../images/common/list_yellow_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
	margin-bottom: 8px !important;
}
.arrow_list li a {
	font-size: 1.125rem;
	text-decoration: underline;
}
.arrow_list li a:hover {
	color: #d98e0c;
}

.bnr-inner-full {
	width: 100%;
}
.bnr-inner-full img {
	width: 100%;
	height: auto;
}

.sp_only {
	display: none;
}
.more_link {
	margin: 32px 0;
}
.more_link a {
	display: block;
	width: auto;
	padding: 24px 12px;
	text-align: center;
	border: solid 2px #0b3977;
	background-color: #0b3977;
	color: #fff;
	font-weight: 700;
	margin: 0 auto;
	font-size: 1.125rem;
	text-decoration: none;
}
.more_link a:hover {
	background-color: #fff;
	color: #0b3977;
}

/*
#twitter-widget-0 {
	margin-top: 20px;
}

.line-it-button {
	vertical-align: top;
	margin-top: 20px;
}

.fb_iframe_widget {
	vertical-align: top;
}

.fb_iframe_widget span {
	margin-bottom: 4px;
}

.fb_reset {
	position: absolute;
}
*/

.register_notice {
	width: auto;
	padding: 0 12px;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.7em;
	margin-top: 16px;
}

.register_notice .attention {
	color: #f00;
	font-size: 1.25rem;
	font-weight: 700;
}


}