/*==================
	構成/レイアウト
====================*/
/*　ディバイス別表示　*/
@media screen and (max-width:350px) {
.small-sp{
	display: block;
	}
}
@media screen and (min-width:351px) {
.small-sp{
	display: none;
	}
}
.sp-none-flex{
	display: none;
}
.sp-none-block{
	display: none;
}
.sp-tb-none-flex{
	display: none;
}
.sp-tb-none-block{
	display: none;
}
.tb-pc-none-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tb-pc-none-block{
	display: block;
}
.pc-none-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.pc-none-block{
	display: block;
}

/*　header　*/
.header-info {
	z-index: 99;
	height: 30px;
	width: 100%;
	line-height: 30px;
	font-size: 12px;
}
.header-info .width-1123{
	width: calc( 100% - 30px );
}
.header-info p{
	width: 21em;
}
.header-info ul{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-left: auto;
	height: 30px;
	width: auto;
}
.header-info li{
	height: 30px;
	margin-left: 1em;
}
.header-info li a ,
.header-info li label {
	height: 30px;
	color: #888888;
	text-decoration: underline;
}
.header-info li a {
	display: block;
	width: 6em;
}
.header-info li a:hover{
	text-decoration: none;
}
.header-info li:nth-of-type(2) {
	width: 6.5em;
}
.header-info li label {
	width: 100%;
	cursor: pointer;
}
.header-info li label::before{
	content:  url("../image/icon-english.svg");
	padding: 2.4px 4px 0 0;
}
.header-info li .acd-content{
	z-index: 999;
	position: relative;
}
.header-info li .acd-check:checked + .acd-label + .acd-content{
	z-index: 999;
	background-color: #FAFAFA;
	border: 1px solid #888888;
}
.brand,
.brand img,
.header-cart{
	display: block;
}
.kenpo-name{
	line-height: 20px;
	font-size: 11px;
}
.kenpo-name span{
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
}
.kenpo-name span{
	display: inline-block;
	width: 19em;
}
.kenpo-name span::after{
	content: "様専用ページ";
	display: inline-block;
	padding-left: .5em;
	font-size: 12px;
	font-weight: normal;
}
.header-sp,
.header-pc,
.pc-wrap-search-box{
	width: 100%;
}
.header-sp .brand{
	margin-left: 35px;
	width: 120px;
}
.header-sp .user-name{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 15em;
	vertical-align: middle;
}
.header-sp .user-name + span{
	display: inline-block;
	margin-top: -5px;
	height: 20px;
}
.header-sp .user-points{
	width: 8em;
}
.header-sp .header-cart{
	margin-left: auto;
	width: 28px;
}
.header-sp .search-box,
.header-pc .kenpo-name{
	margin: 5px auto;
}
.header-sp .keyword-input{
	background-color: #F0F0F0;
}
.header-sp .search{
	background-color: #1da63d;
}
.header-sp .search i {
	color: #ffffff;
}
.header-sp .kenpo-name {
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
.header-pc .user-info-box > div {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.gest .header-pc .user-info-box > div {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
}
.header-pc .brand {
	height: 35px;
	width: 160px;
}
.ippan .header-pc .brand {
	height: 50px;
	width: 220px;
}
.header-pc .user-info-box {
	overflow: hidden;
	margin: 5px 0 7px auto;
	padding: 5px 15px 5px 0;
	height: 50px;
}
.header-pc .member-platinum::before ,
.header-pc .member-gold::before ,
.header-pc .member-silver::before ,
.header-pc .member-regular::before {
    height: 15px;
    width: 15px;
	background-repeat: no-repeat;
}
.header-pc .user-name.user-gest{
	text-align: right;
}
.pc-nav-user{
	margin: 0 0 7px 0;
	border-left: 1px solid #EDEDED;
	width: auto;
	height: 60px;
}
.pc-nav-to-mypage,
.pc-nav-to-history-01,
.pc-nav-to-history-02,
.pc-nav-to-fav{
	padding: 5px 0;
	height: 50px;
	width: 70px;
}
.pc-nav-to-mypage a,
.pc-nav-to-history-01 a,
.pc-nav-to-history-02 a,
.pc-nav-to-fav a,
.pc-nav-logout a{
	display: block;
	position: relative;
	margin: auto;
	font-size: 10px;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #888888;
}
.pc-nav-to-mypage a::before ,
.pc-nav-to-history-01 a::before ,
.pc-nav-to-history-02 a::before ,
.pc-nav-to-fav a::before,
.pc-nav-logout a::before,
.cart-inner::before{
	content: "";
	display: block;
	margin-bottom: 3px;
	height: 35px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.pc-nav-to-mypage a::before {
	background-image: url("../image/icon-mypage.svg");
}
.pc-nav-to-history-01 a::before {
	background-image: url("../image/icon-history.svg");
}
.pc-nav-to-history-02 a::before {
	background-image: url("../image/icon-point.svg");
}
.pc-nav-to-fav a::before {
	background-image: url("../image/icon-favorite.svg");
}
.pc-nav-logout a::before{
	margin-bottom: 2px;
	height: 25px;
	background-image: url("../image/icon-logout.svg");
}
.pc-nav-logout.login a::before{
	margin-bottom: 2px;
	height: 25px;
	background-image: url("../image/icon-login.svg");
}
.cart-inner::before{
	height: 20px;
	background-size: auto 100%;
	background-image: url("../image/icon-cart-white.svg");
}
.pc-nav-logout{
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	height: 60px;
	width: 72px;
}
.pc-nav-cart {
	display: block;
	margin-left: 10px;
	padding: 13px 15px;
	height: 60px;
	width: auto;
	min-width: 160px;
	border-radius: 3px;
}
.pc-nav-cart a ,
.pc-nav-cart div ,
.pc-nav-cart span {
	color: #fff!important;
	font-weight: bold;
	text-align: center;
}
.cart-inner {
	width: calc( 50% - 25px );
	font-size: 10px;
}
.cart-total {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc( 50% + 25px );
	font-size: 11px;
	line-height: 45px;
 	text-align: center;
	vertical-align: bottom;
}
.cart-total span {
	padding: 0 2px;
	font-size: 24px;
	line-height: 40px;
	vertical-align: bottom;
}
nav,
.pc-wrap-search-box{
	margin-left: -15px;
	width: calc( 100% + 30px );
}
nav .width-1123,
.pc-wrap-search-box .width-1123{
	width: calc( 100% - 30px );
}
.pc-wrap-search-box li,
.pc-wrap-search-box .search-box{
	padding: 15px 0;
}
.pc-wrap-search-box a{
	height: 100%;
	width: 100%;
}
.pc-wrap-search-box li{
	line-height: 30px;
}
.pc-wrap-search-box{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.pc-wrap-search-box-keyworld,
.pc-wrap-search-box .search-box{
	overflow: hidden;
	height: 60px;
	width: 50%;
}
.pc-wrap-search-box-keyworld li{
	margin-right: 15px;
}
.pc-wrap-search-box-keyworld li a{
	text-decoration: underline;
}
.pc-wrap-search-box-keyworld li a:hover{
	opacity: .6;
}
.pc-wrap-search-box-keyworld li,
.pc-wrap-search-box-keyworld li a {
	color: #1DA63D;;
	font-weight: bold;
}
.pc-wrap-search-box-keyworld li:first-child{}
.pc-wrap-search-box-keyworld li:first-child::after{
	content: ":";
	padding-left: 7.5px;
	color: #1DA63D;
}
.header-pc .search{
	background-color: #fff;
}
.header-pc .search i{
	color: #888888;
}

/*  -----------------drawer nav-----------------  */
#sp-drawernav-box ,
#innernav-pdc01 ,
#innernav-pdc02 ,
#innernav-pdc03 ,
#innernav-pdc01-ct01 ,
#innernav-pdc01-ct02 ,
#innernav-pdc01-ct03 {
    position: absolute;
	height: calc( 100vh + 30px);
	background-color: rgba(65, 72, 68, .6);
}
#sp-drawernav-box {
	top: 0;
    left: -150%;
	width: calc( 100vw + 30px);
	z-index: 100;
}
#innernav-pdc01 ,
#innernav-pdc02 ,
#innernav-pdc03 {
	top: 0;
    left: -150%;
    width: 100%;
	z-index: 200;
}
#innernav-pdc01-ct01 ,
#innernav-pdc01-ct02 ,
#innernav-pdc01-ct03 {
	top: 0;
    left: 0;
	height: 0;
	z-index: 200;
	opacity: 0;
	visibility: hidden;
}
#sp-drawernav-box .sp-drawernav-item01 > li.user-gest button,
#sp-drawernav-box .sp-drawernav-item01 > li.user-gest a{
	display: block;
	width: 100%;
	text-align: center;
}
#sp-drawernav-box .sp-drawernav-item01 > li.user-gest{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sp-drawernav-toggle {
    position: absolute;
	top: 22px;
    left: 15px;
	z-index: 999;
    cursor: pointer;
	height: 22px;
    width: 22px;
}
#sp-drawernav-box::after{
	content: "";
	display: block;
	clear: both;
}
.acd-content {
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
	border-radius: 2px;
	background-color: #1DA63D;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 6px;
}
.diagonal.part-1 {
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s;
    float: left;
}
.diagonal.part-2 {
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s;
    float: left;
    margin-top: 6px;
}
/*  drawer nav inner  */
#sp-drawernav-box .sp-drawernav-item01 ,
#innernav-pdc01 ,
#innernav-pdc02 ,
#innernav-pdc03 {
	min-height: 100vh;
	width: calc(100vw - 60px);
	background-color: #fff;
}
#sp-drawernav li
{
	height: 50px;
}
#sp-drawernav-box li label ,
#sp-drawernav-box li a {
	padding: 15px;
	height: 100%;
	width: 100%;
}
.sp-drawernav-item01 > li,
.sp-drawernav-contents li,
.ttl-innernav,
.sp-drawernav-item02 li{
    border-bottom: 1px solid #EDEDED;
}
.sp-drawernav-item02 li:nth-child(n){
    border-right: 1px solid #EDEDED;
}
.sp-drawernav-item02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-drawernav-item02 li{
	width: 50%;
}
.sp-drawernav-item02 li:nth-of-type(odd){
    border-right: 1px solid #EDEDED;
}
.sp-drawernav-item01 a,
.sp-drawernav-item01 label,
.sp-drawernav-item02 a,
.sp-drawernav-item02 label{
    display: block;
	height: auto;
	width: 100%;
	line-height: 20px;
}
.down-border,
.sp-drawernav-to-pdc01 ,
.sp-drawernav-to-pdc02 ,
.sp-drawernav-to-pdc03 {
	position: relative;
}
.down-border::before,
.sp-drawernav-to-pdc01::before ,
.sp-drawernav-to-pdc02::before ,
.sp-drawernav-to-pdc03::before {
	content: ">";
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	transform: scale( .6, 1 );
	pointer-events: none;
	color: #AFAFAF;
}
.sp-drawernav-rank {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}
#sp-drawernav-box .sp-drawernav-item01 > li.user-gest a{
	padding: 0;
}
.sp-drawernav-rank::before ,
.pc-nav-to-back{
	display: block;
	position: absolute;
}
.sp-drawernav-contents{
	position: fixed;
	top: 0;
	left: -150%;
	height: 100%;
	width:100%;
	opacity: 0;
	background-color: #fff;
}
.sp-drawernav-check:checked ~ .sp-drawernav-contents{
	left: 0;
	min-height: 100vh;
	width: calc( 100% - 60px);
	opacity: 1;
	z-index: 100;
}
.sp-drawernav-item02 li.ttl-innernav{
	width: 100%;
}
.sp-drawer-step03 {
	position: static;
	overflow: hidden;
	padding: 0;
	height: 0;
	width: 100%;
	opacity: 0;
}
.sp-drawer-step03 li {
	position: static;
	height: auto!important;
}
input:checked ~ .sp-drawer-step03 {
	overflow: visible;
	height: auto;
	opacity: 1;
}
.sp-drawer-step03 li:first-child {
	border-top: 1px solid #EDEDED;
}
#sp-drawernav-language + label {
	padding-left: 38px!important;
}
#sp-drawernav-language + label::after {
	content: url(../image/icon-english.svg);
	display: block;
	position: absolute;
	top: calc( 50% - 11px);
	left: 15px;
    padding: 2.4px 4px 0 0;
	height: 18px;
	width: 18px;
}

/* PCドロワー */
nav.pc-nav {
	position: relative;
	height: 50px;
	line-height: 20px;
}
nav .step01 > li{
	flex-basis: 13%;
	text-align: center;
}
nav .step01 > li:nth-of-type(3){
	 flex-basis: 22%;
	min-width: 158px;
}
@media all and (-ms-high-contrast: none) {
nav .step01 > li{
	width: 14%;}}

nav .step01 > li > a,
nav .step01 > li > label {
	display: block;
	padding: 15px 0;
	height: 100%;
	width: 100%;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
nav .step02{
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 50px;
	height: 0;
	width: 100%;
	max-width: 1123px;
	background-color: #E8F6EB;
	opacity: 0;
	z-index: 100;
}
.step02.active-block,
input:checked + label + .step02,
nav .step02:hover{
	overflow: visible;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 1;
	min-height: 408px;
}
.pc-nav-to-back{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 17%;
}
.pc-nav-to-back > img{
	position: absolute;
	left: 50%;
	transform: translate(-50% , 0);
	display: block;
	height: 100%;
	width: auto;
}
nav .pc-pdc01:hover ~ .pc-nav-to-back > img ,
nav .step02:hover ~ .pc-nav-to-back > img{
	height: 408px
}
.pc-nav-to-back > span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	z-index: 90;
}
.pc-nav-to-back > a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}
.pc-nav-to-back > a span{
	display: block;
	margin: 30px;
	text-align: left;
}
.pc-nav-to-back > a span::after{
	content:">";
	pointer-events: none;
	transform: scale( .5 , 1 );
	padding-left: 1em;
}

nav .step02-check {
	position: absolute;
	left: 17%;
	height: calc( 100% / 8 );
	width: calc( 100% - 17% );
}
@media all and (-ms-high-contrast: none) {
nav .step02-check {
	height: calc( 100% / 8 );}}
nav .step02-check > a{
	position: absolute;
	left: 0;
	display: block;
	padding: 15px;
	width: 20%;
}
nav .step02-check > a:nth-child(1){
	top:0;
}
nav .step02-check > a:nth-child(2){
	top:51px;
}
nav .step02-check > a:nth-child(3){
	top:102px;
}
nav .step03:nth-of-type(1){
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: 20%;
	height: 408px;/*消さない*/
	width: 80%;
	background-color: #fff;
	z-index: 210;
}
nav .step03:nth-of-type(2){
	display: none;
	position: relative;
	overflow-y: scroll;
	margin-left: 20%;
	height: 408px;/*消さない*/
	width: 80%;
	background-color: #fff;
	z-index: 210;
}
nav .step02-all {
	position: absolute;
	left: 17%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 100%;
	width: calc( 100% - 17% );
	background-color: #fff;
}
nav .step02-all > a{
	display: block;
	padding: 15px;
	height: calc( 100% / 8 );
	width: 25%;
}
nav .step02-all > a:hover{
	text-decoration: underline;
}
nav .step03 a:hover{
	opacity: .6;
}
.step02-check > a:nth-of-type(1):hover ~ .step03:nth-of-type(1),
.step03:nth-of-type(1):hover,
.step02-check > a:nth-of-type(2):hover ~ .step03:nth-of-type(2),
.step03:nth-of-type(2):hover,
.step03 > li > input:checked ~ .step04{
	display: block;
}
.step02-check > a:nth-of-type(2):hover ~ .step03:nth-of-type(1){
	display: none;
}
nav .step03:nth-of-type(1) li{
	display: inline-block;
	height: 51px;
	width: calc( 98% / 3 );
	line-height: 51px;
}
nav .step03:nth-of-type(2) li,
.pc-nav-scroll{
	display: block;
	height: 51px;
	width: 25%;
	line-height: 51px;
}
nav .step03 li a {
	display: block;
}
nav .step03:nth-of-type(1)::before,
nav .step03:nth-of-type(1)::after{
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	height: calc(100% - 30px);
	width: .5px;
	background-color: #F5F5F5;
}
nav .step03:nth-of-type(1)::before{
	left: 33%;
}
nav .step03:nth-of-type(1)::after{
	left: 66%;
}
.pc-nav-scroll-douwn ,
.pc-nav-scroll-up {
	position: fixed;
	left: 42%;
	height: 5px;
	width: 10px;
	background-image: url("../image/icon-acd-down-green.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.pc-nav-scroll-douwn:hover ,
.pc-nav-scroll-up:hover {
	opacity: .6;
}
.pc-nav-scroll-up {
	top:5px;
	transform: rotate( 180deg);
}
.pc-nav-scroll-douwn{
	bottom:5px;
}
nav .step04{
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
    width: 50%;
}
nav .step04 a{
	height: calc( 100% / 8 );
	width: 33%;
}
nav .step04 a:hover{
	text-decoration: underline;
}


/* ログイン前 */
#login-before .btn-green-square{
	display: block;
	margin: 60px auto 30px;
}
#login-before .btn-green-square {
	height: 40px!important;
	line-height: 40px!important;
}
#login-before .sp-drawernav-item01 > li{
	height: auto;
}

/* メインスライダー */
.slider-top{
	overflow-x: hidden;
	width: 100%;
}
.slider{
	/*overflow: hidden;ドットが消ええるので使用不可*/
    margin: 100px auto;
    width: 100%;
	max-width: 1024px;
}
.slider li {
}
.slider li a{
	display: block;
}
.slick-slide img {
    object-fit: cover;
}
.slider img{
	margin: 0 auto;
    height: auto;
	min-height: 200px;
    width: calc( 100% - 15px);
}
.slider a:hover img{
	opacity: .6;
}
.slick-next {
    right: 5%;
}
.slick-prev {
	left: 5%;
}
.slick-next:before {
	background: url(../image/icon-slider-prev.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 8px center;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	color: #414844!important;
}
.slick-dotted.slick-slider{
	margin: 0 auto 45px!important;
}

/*　重要なお知らせ　*/
.info-important{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 30px auto;
	border: 2px solid #C30000;
	color: #C30000;
	line-height: 18px;
}
.info-important.pdng-15{
	padding: 15px 30px;
}
.info-important .ttl{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
}
.info-important p{
	font-size: 16px;
}

/*　お得情報　*/
.info-sale{
	margin-bottom: 30px;
}
.info-sale li{
	margin-bottom: 30px;
	width: 100%;
}
.info-sale a{
	display: block;
}
.info-sale a:hover img{
	opacity: .6;
}
.info-sale img{
	display: block;
	margin-bottom: 15px;
}
.info-sale .ttl{
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
}
.info-sale .ttl span{
	padding-left: 1em;
	font-size: 14px;
	font-weight: normal;
	color: #888888;
}
.info-sale p{
	overflow: hidden;
	display: inline-block;
	height: 48px;
	width: 100%;
	line-height: 24px;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.info-sale .btn-green-text{
	display: block;
	margin-left: auto;
	height: 20px;
	width: 8em;
}

/*　絞り込み検索　- sp　*/
.sp-refined-search{
	margin-top: 15px;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	min-height: 50px;
	height: auto;
	width: 100%;
}
.sp-refined-search label {

    display: block;
    cursor :pointer;
    transition: all 0.5s;
}
.sp-refined-check-01-step01{
	display: block;
	padding: 15px 0;
	min-height: 50px;
	height: auto;
	width: 100%;
	line-height: 20px;
	font-weight: bold;
	color: #1DA63D;
}
.sp-refined-search-result{
	overflow: hidden;
	margin: 10px auto;
	height: 22px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.sp-refined-search-result span{
	padding-right: .5em;
	font-weight: normal;
}
.sp-refined-search .sp-refined-content > ol{
	position: relative;
}
.refined-box{
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 5px 15px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	z-index: 10;
	background-color: #fff;
}
.refined-box .all-reset{
	margin-right: 15px;
}
.refined-box .refined{
	flex-grow: 2;
}
.refined-box .btn-gray-square{
	color: inherit;
}
.refined-box .btn-gray-square{
	box-sizing: border-box;
	display: block;
	padding: 11px;
	height: auto;
	font-size: 14px;
}
.refined-box .btn-green-square{
	display: block;
	padding: 12px;
	height: auto;
	font-size: 14px;
}
.sp-refined-search .sp-refined-content {
    overflow: scroll;
	position: fixed;/* jsでabsoluteにしてもfixedと変わらないスタイルでスクロール可能に */
	top: 0;
	left: -150%;
    height: auto;
	width: 100%;
    padding: 0;
    opacity: 0;
    background-color: #fff;
}
.sp-refined-search input:checked + .sp-refined-content {
	overflow: overlay;
 	left: 0;
    opacity: 1;
	height: 100vh;
	width: 100vw;
	z-index: 1000;
}
.sp-refined-step02 > li{
	height: auto;
	width: 100%;
}
.sp-refined-step02 >li:first-child .sp-refined-label02{
	border-top: 1px solid #EDEDED;
}
.sp-refined-search .plus{
	display: block;
	height: 50px;
	width: 100%;
	line-height: 20px;
	border-bottom: 1px solid #EDEDED;
	font-weight: bold;
}
.sp-refined-check-01-step02
.sp-refined-check:checked + .sp-refined-label + .sp-refined-content{
	height: auto;
}
.sp-refined-step03{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: static;
	overflow: scroll;
	height: 0;
	width: 100%;
	opacity: 0;
	z-index: 1000;
}
.sp-refined-check02:checked + label + .sp-refined-step03{
	height: auto;
	opacity: 1;
}
.sp-refined-step03 li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: static;
	width : 50%;
	border-bottom: 1px solid #EDEDED;
}
.sp-refined-step03 li:nth-of-type(even){
	boerder-left: 1px solid #EDEDED;
}
.sp-refined-step03 li label{
	margin-left: 15px;
}
.sp-refined-step03 li.display-block{
	width: 100%;
    height: 50px;
    background-color: #fff;
    position: absolute;
    bottom: 15px;
	border-bottom: 0;
	z-index: 2000;
}
.sp-refined-step03 li.display-block > div{
	display: block;
	margin: 0 auto;
	height: auto;
	width: calc( 50% - 30px);
	line-height: 40px;
	text-align: center;
}
.sp-refined-step03 li.display-block > div label {
    margin-left: 0;
}
.sp-refined-choise-box {
	overflow: hidden;
	margin: 15px auto;
	height: 49px;
	width: calc( 100% - 30px );
}
.sp-refined-choise-box p{
	margin-bottom: 5px;
	width: 100%;
}
.sp-refined-choise-box button{
	margin-bottom: 5px;
}

/*　商品一覧　& おすすめアイテム & 最近チェックした商品  */
#product-list .width-763{
	border-top: 3px solid #18AC2A;
}
#product-list .width-763 .ttl-section:first-child{
	padding: 30px 0 15px;
}
.product-list {
	overflow: hidden;
	position: relative;
	padding-bottom: 70px;
}
.product-list {
	margin-bottom: 30px;
}
.check-history {
	position: relative;
	padding: 30px 0 15px;
}
.product-list ul,
.check-history ul {
	overflow: hidden;
}
#top .product-list ul {
	height: calc( 416px * 1);
}
.check-history ul {
	margin-bottom: 60px;
	height: calc( 335px * 1);
}
#top .product-list li ,
.check-history li {
	width: calc( 50% - 7.5px);
	margin: 15px auto 15px 0;
}
#top .product-list li {
	height: 386px;
}
.check-history li {
	height: 305px;
}
.product-list a:hover img,
.check-history a:hover img{
	opacity: .6;
}
.product-list a:hover .product-name,
.check-history a:hover .product-name{
	text-decoration: underline;
}
.product-list li:nth-of-type(2n),
.check-history li:nth-of-type(2n){
	margin-right: 0;
}
.product-img-box{
	overflow: hidden;
	position: relative;
	height: 170px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #EDEDED;
}
.product-img-box img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: auto;
	max-height: 150px;
	width: auto;
	max-width: 96%
}
.product-img-box .label-discount{
	position: absolute;
	top: 0;
	left: 0;
}
.product-name{
	overflow: hidden;
	margin-bottom: 0;
	min-height: 22px;
	max-height: 44px;
	width: 100%;
	line-height: 22px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.check-history .product-name{
	margin-bottom: 5px;
}
#top .product-label-box{
	height: 160px;
}
.product-label-box .label-medicine{
	display: inline-block;
}
.product-label-box .display-inlineblock{
	vertical-align: top;
}
.price-cancel{
	overflow: hidden;
	margin-top: 0px;
	height: 18px;
	line-height: 18px;
	text-decoration: line-through;
	font-size: 8px;
}
.price-cancel span{
	font-size: 13px;
}
.list-price .price-cancel{
	display: none;
}
.list-price .price-cancel span{
	display: none;
}
.price-discount{
	overflow: hidden;
	height: auto;
	width: 100%;
	font-size: 12px;
	color: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.price-discount,
.list-price .price-discount span{
	color: inherit;
}
.list-price .price-discount{
	margin-top: 28px;
}
.discount .price-discount ,
.discount.sold-out .price-discount {
	overflow: hidden;
	height: auto;
	width: 100%;
	font-size: 12px;
	color: #E50A17;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.check-history .price-discount{
	font-size: 13px;
}
.price-discount span{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
.price-open {
    overflow: hidden;
    margin-top: 10px;
    height: 18px;
    line-height: 18px;
    text-decoration: line-through;
    font-size: 11px;
    color: #0014ff;
}
.check-history .price-discount span{
	font-size: 20px;
}
.product-list .btn-green-round,
.check-history .btn-green-round{
	margin: 5px auto;
	width: 100%;
}
@media screen and (max-width:400px) {
	.btn-green-round {
    font-size: 11px;
	}
	.price-discount{
	font-size: 9px;
	}
	.price-discount span {
	font-size: 20px;}
}
.product-explanation{
	display: none;
}

/*　商品一覧　*/
#product-list .width-763{
	overflow-x: hidden;
}
#product-list span.number{
	vertical-align: middle;
	font-size: 20px;
}
#product-list span.number::after{
	content: "商品";
	font-size: 20px;
}
.published-nth ,
.product-nth {
	font-size: 12px;
	color:#414844 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.published-nth::before{
	content: "掲載番号 : ";
	font-size: 12px;
}
.main-view{
	overflow: hidden;
	position: relative;
	height: 230px;
	width: 100%;
}
.main-view img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.next-category{
	position: relative;
	margin: 15px auto 30px;
	height: auto;
	width: 100%;
}
.next-category label{
	position: absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 290px;
	z-index: 1;
	color: #fff;
}
.next-category label::before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 145px 0 145px;
	border-color: #1DA63D transparent transparent transparent;
	z-index: 0;
}
.next-category-label-02{
	display: none;
}
.next-category ul{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 126px;
}
.next-category input[type="checkbox"]:checked ~ ul{
	height: 100%;
}
.next-category input[type="checkbox"]:checked ~ label{
	/*background-color: transparent;
	color: #1DA63D;*/
	bottom: -35px;
}
.next-category input[type="checkbox"]:checked ~ label::before,
.next-category input[type="checkbox"]:checked ~ label .next-category-label-01{
	display: none;
}
.next-category input[type="checkbox"]:checked ~ label .next-category-label-02{
	display: block;
}

.next-category li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
	width: calc( 50% - 10px);
	background-color: #E8F6EB;
	border-radius: 3px;
}
.next-category li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .3em 1em;
	height: 100%;
	min-height: 50px;
	width: 100%;
	text-align: center;
	color: #1DA63D;
	text-decoration: underline;
}
@media all and (-ms-high-contrast: none) {
	.next-category li a{
		padding: 18px 0;
	}
}
.product-list-sort {
	margin: 15px 0;
	padding-bottom: 15px;
	height: 45px;
	border-bottom: 1px solid #F0F0F0;
}
.product-list-sort .select-box{
	margin: 0 7.5px;
	width: 10em;
}
.product-list-sort > div{
	height: 30px;
}
.product-list-sort p{
	height: 30px;
	line-height: 30px;
}
#product-list .product-list  .product-list-01 ul{
	padding-bottom: 55px;
}
.product-list-01.display-20 {
	height: calc( 445px * 10)
}
.product-list-01.display-40 {
	height: calc( 445px * 20)
}
.product-list-01.display-100 {
	height: calc( 445px * 50)
}
#product-list .product-list .product-list-01 li {
	margin: 15px auto 15px 0;
	height: 415px;
	width: calc( 50% - 7.5px);
}
#product-list .product-list-01 li:nth-of-type(2n){
    margin-right: 0;
}
#product-list .product-label-box{
	height: 143px;
}
#product-list .product-label-box{
	height: 192px/*170px*/;
	width: 100%;
}
#product-list .product-list-01 .product-label-box-inner{
	overflow: hidden;
	height: 68px;
}
.product-list-display{
	margin-left: auto;
}
.product-list-display p{
	margin-right: 15px;
}
#product-list .product-list .product-list-02 ul {
	width: 100%;
}
.product-list-02.display-20 {
    height: cacl( 230px * 20 );
}
.product-list-02.display-40 {
    height: cacl( 230px * 40 );
}
.product-list-02.display-100 {
    height: cacl( 230px * 100 );
}

#product-list .product-list .product-list-02 li {
	margin: 15px 0;
    height: 200px;
	width: 100%;
	position: relative;
}
#product-list .product-list-02 li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#product-list .product-list-02 .product-img-box{
	overflow: hidden;
	position: relative;
	height: 80px!important;
	width: 80px;
	margin-bottom: 0;
	border: 1px solid #EDEDED;
}
#product-list .product-list-02 .product-img-box img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: auto;
	max-height: 70px;
	width: auto;
	max-width: 96%
}
#product-list .product-list-02 .product-label-box {
	margin-bottom: 15px;
	margin-left: 15px;
	height: 140px;
	width: calc(100% - 95px);
}
#product-list .product-list-02 .list-price .price-discount {
    margin-top: 10px;
}
#product-list .product-list-02 .btn-green-round {
    margin: 5px 0 5px auto;
    width: calc( 100% - 95px)!important;
}

/*商品詳細*/
/*#product-list main .width-1123{
	padding-left: 15px;
	padding-right: 15px;
}*/
#product-list-detail .product-list ul{
	overflow: visible;
	height: auto;
}
#product-list-detail .price-cancel{
	margin-bttom: 5px;
}
ul.product-detail-slider ,
.product-detail-slider li{
	height: 100%;
}
.product-detail-slider li{
	background-color: #fff;
}
#product-list-detail .product-list ,
#product-list-detail .product-list > ul,
#product-list-detail .product-label-box{
    overflow: visible;
	padding-bottom: 0;
	height: auto;
}
#product-list-detail .product-list .btn-green-round {
    margin: 15px auto;
}
#product-list-detail .product-list .product-img-box{
	height: 350px;
}
#product-list-detail .product-list .product-img-box img {
	max-height: 300px;
}
#product-list-detail .product-list .sold-out .product-img-box::before{
	padding: 165px 0;
}
.product-detail-slider-tmb .slick-track {
	transform:unset!important;
}
.product-detail-slider-tmb{
	overflow: hidden!important;
	height: auto;
	width: 100%;
}
.product-detail-slider-tmb li{
	overflow: hidden;
	display: inline-block;
	height: 20vmin;
	width: 20vmin;
	z-index: 1;
}
.product-detail-slider-tmb li > div{
	margin-right: 10%;
	height: 100%;
	width: 90%;
	border: 1px solid #EDEDED;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.product-detail-slider-tmb img{
	height: auto;
	width: 100%;
	z-index: 0;
	text-align: center;
	vertical-align: middle;
}
.product-list a:hover .product-detail-slider-tmb img{
    opacity: .6;
}
.product-detail-slider-tmb li:nth-of-type(5) div{
	margin-right: 0;
}
.product-list .product-detail-slider-tmb li:nth-of-type(2n) {
	margin-right: 10px;
}
#product-list-detail .product-img-box a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
#product-list-detail .product-img-box img {
	display: block;
	position: static;
	transform: none;
	max-width: 100%;
    max-height: 100%;
    height: 100vh;
    width: auto\9; /* ie8 */
    margin: 0 auto;
}
#product-list-detail .product-list .product-name {
	margin: 15px auto;
	font-size: 18px;
	font-weight: bold;
}
.product-nth{
	width: 100%;
	font-size: 12px;
	color:#414844 !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.product-nth::before{
	content: "商品番号 : ";
	font-size: 12px;
}
.acquisition-point {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
	padding-bottom: 15px;
	height: 27px;
	font-size: 12px;
	line-height: 1;
	border-bottom: 1px solid #EDEDED;
}
.acquisition-point span{
	padding-left: .2em;
	font-weight: bold;
}
.about-point{
	padding-left: 1em;
	text-decoration: underline;
	vertical-align: middle;
}
.about-point img{
	height: 12px;
	width: auto;
}
.about-point:hover{
	text-decoration: none;
}
.product-variation {
	margin: 15px 0;
}
.product-variation h3{
	margin-bottom: 5px;
	font-weight: bold;
}
.product-variation ,
.product-variation ul{
	width: 100%;
}
.product-variation li{
	overflow: hidden;
	margin-right: 15px;
	height: 40px;
	width: auto;
	min-width: 5em;
	max-width: 7em;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	line-height: 20px;
}
.product-variation li a{
	display: block;
	margin: 1px;
	padding: 10px 1em;
	height: calc( 100% - 2px);
	width: calc( 100% - 2px);
	border-radius: 3px;
	color: #555555;
	text-align: center;
}
.product-variation li.now ,
.product-variation li:hover {
	border: 1px solid #1DA63D;
}
.product-variation li.now a ,
.product-variation li:hover a{
	background-color: #1DA63D;
	color: #fff;
	font-weight: bold;
}
.product-list .product-variation li:nth-of-type(2n) {
	margin-right: 15px;
}
#product-list-detail .select-box{
	margin-right: 15px;
	max-width: 50%;
	width: calc(100% - 5em - 11em);
}
#product-list-detail .btn-white-round{
	width: 100%;
}
#product-list-detail .btn-white-round:active::before{
  animation-name: scale-anime;
  animation-duration: .4s;
  animation-fill-mode: forwards;
}

@keyframes scale-anime {

  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.6);
	opacity: .5;
  }
  100% {
    transform: scale(1);
    color: red;
  }
}
@keyframes ripple {

  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity:0;
  }
}
.stock{
	width: 5em;
	font-size: 12px;
}
.restriction{
	margin-left: 1em;
	width: 12em;
	font-size: 12px;
}
.product-variation .flex-wrap{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	vertical-align: middle;
}
.restriction span{
	color: #ED3434;
}
.restriction span b{
	font-size: 18px;
	font-weight: bold;
}
.wrap-btn-round.flex-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.wrap-product-detail-explanation.flex-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.product-detail-explanation{
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
}
.product-detail-explanation:first-child{
	margin: 15px auto 0;
}
.product-detail-explanation > li{
	margin: 0;
	padding: 0;
}
.product-detail-explanation > li > label{
	border-top: 3px solid #1DA63D;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.product-detail-explanation li,
.product-detail-explanation label{
	width: 100%;
}
.product-detail-explanation label{
	padding: 22px 0;
	font-size: 16px;
	border: none;
}
.product-detail-explanation label.plus::before ,
.product-detail-explanation label.plus::after {
	background-color: #1DA63D;
}
.product-detail-explanation-contents{
	overflow: hidden;
	height: 0;
	opacity: 0;
}
.product-detail-explanation input:checked ~ .product-detail-explanation-contents{
	overflow: visible;
	height: auto;
	opacity: 1;
}
.text-product-detail-explanation{
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 45px;
	height: auto;
	margin-top: 15px;
	line-height: 1.6;
	font-feature-settings: "palt";
}
.text-product-detail-explanation:last-child{
	margin-bottom: 0;
}
.text-product-detail-explanation p {
	overflow: hidden;
	position: relative;
	max-height: 66px;
}
.text-product-detail-explanation-table {
	height: auto;
}
.text-product-detail-explanation p::before {
	content: "";
	display: block;
	position: absolute;
	height: 63px;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.text-product-detail-explanation .down-border{
	padding: 0 15px 0 0;
	position: absolute;
	right: 0;
	bottom: 15px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
.product-detail-explanation-contents{
	padding: 0 15px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.text-product-detail-explanation .down-border::before{
	top: 3px;
	right: 0;
	font-size: 12px;
	height: 12px;
	transform: rotate(90deg) scale(.6 , 1);
}
.text-product-detail-explanation input:checked + .down-border::before{
	transform: rotate(-90deg) scale(.6 , 1) translate( 0 , -50% );
}
.text-product-detail-explanation input:checked ~ p {
	overflow: visible;
	height: auto;
	max-height: none;
}
.text-product-detail-explanation input:checked ~ p::before {
	opacity: 0;
}
.text-product-detail-explanation table {
	border-collapse: collapse;
}
.text-product-detail-explanation th ,
.text-product-detail-explanation td {
	overflow: hidden;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.text-product-detail-explanation td {
	max-width: 100%;
}

/*　カテゴリから探す　*/
.main-search-category {
	margin-bottom: 30px;
}
.main-search-category-box{
	margin-bottom: 15px;
	height: auto;
	width: 100%;
}
.search-category-label strong{
	font-size: 18px;
	font-weight: bold;
	line-height: 20vmin;
}
.search-category-list-box{
	overflow: hidden;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 20;
	height: 0;
	width: 100%;
	opacity: 0;
}
.search-category-list-box li{
	z-index: 20;
	height: 50px;
	width: 100%;
	background-color: #fff;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.search-category-button{
	width: 100%;
	height: 100%;
}
.search-category-list-box .ttl{
	font-size: 18px;
	font-weight: bold;
}
.search-category-list-box a{
	position: relative;
    display: inline-block;
	padding-left: 15px;
	width: calc( 100% - 1em );
}
.search-category-list-box a:hover{
	text-decoration: underline;
}
.search-category-list-box a::before{
	content: ">";
    display: inline-block;
	height: 100%;
	width: 1em;
    font-size: 14px;
	text-align: left;
    transform: scale( 0.6, 1 );
	pointer-events: none;
	color: #AFAFAF;
}
.search-category-list-box a:hover{
	text-decoration: underline;
}
.search-category-list-box a::before:hover{
	text-decoration: none!important;
}
.search-category-check:hover{
	opacity: .6;
}
/*カテゴリから探す　リンクの場合*/
.main-search-category-box > a{
	overflow: hidden;
	position: relative;
	outline: 0;
	border: 0;
	background-color: transparent;
	height: 20vmin;
	width: 100%;
}
.main-search-category-box > a img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-search-category-box > a .ttl{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 20;
	height: auto;
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

/*カテゴリから探す　プルダウン*/
.search-category-label{
	z-index: 20;
	height: inherit;
	width: 100%;
	color: #fff;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.main-search-category-box:nth-of-type(1) .search-category-label{
	background-image: url("../image/img-top-category-01-sp.png");
}
.main-search-category-box:nth-of-type(2) .search-category-label{
	background-image: url("../image/img-top-category-02-sp.png");
}
.main-search-category-box:nth-of-type(3) .search-category-label{
	background-image: url("../image/img-top-category-03-sp.png");
}
.main-search-category-box:nth-of-type(4) .search-category-label{
	background-image: url("../image/img-top-category-04-sp.png");
}
.main-search-category-box:nth-of-type(5) .search-category-label{
	background-image: url("../image/img-top-category-05-sp.png");
}

.search-category-check:checked ~ .search-category-list-box{
	overflow: visible;
	height: auto;
	opacity: 1;
}

/* お悩みから探す */
.main-search-complex-item.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}
.main-search-complex {
	padding: 30px 0;
}
.main-search-complex-item {
	overflow: hidden;
    opacity: 1;
	margin-bottom: 15px;
    transition: all 0.4s ease 0s;
}
.main-search-complex .main-search-complex-button{
	display: block;
	margin-left: auto;
	width: 7em;
	overflow-anchor: none;
}
.main-search-complex-box {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: auto;
	width: 100%;
}
.main-search-complex label {
	overflow: hidden;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 5px 15px;
	width: 100%;
	height: 74px;
	border: 1px solid #EDEDED;
    border-radius: 3px 3px 0 0;
}
.main-search-complex input:checked + label {
	border-bottom: 0;
}
.main-search-complex label::before {
	content: url("../image/icon-acd-down-green.svg");
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
}
.main-search-complex label strong{
	display: block;
}
.main-search-complex ol {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	border-right: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-radius: 0 0 3px 3px;
}
.main-search-complex ol li{
	width: 50%;
	border-bottom: 1px solid #EDEDED;
}
.main-search-complex ol li:nth-of-type(1),
.main-search-complex ol li:nth-of-type(2){
	border-top: 1px solid #EDEDED;
}
.main-search-complex ol li:nth-last-of-type(1)
/*.main-search-complex ol li:nth-last-of-type(2)*/{
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
}
.main-search-complex a {
	padding: 15px;
	width: 100%;
	height: 100%;
}
.main-search-complex ol li:nth-of-type(odd){
	border-right: 1px solid #EDEDED;
}
.main-search-complex ol li:last-of-type(1),
.main-search-complex ol li:last-of-type(2){
	border-bottom: 0;
}
.main-search-complex a:hover{
	opacity: .4;
}
.main-search-complex img{
	display: block;
	margin-right: 15px;
	height: auto;
	min-height: 51px;
	width: auto;
	max-width: 36px;
}
.main-search-complex strong{
	font-weight: bold;
	width: calc( 100% - 70px);
	text-align: left;
	line-height: 1.2em;
}
@media screen and (max-width:350px) {
.main-search-complex > ul > li a img{
	margin-right: 0;
	height: 40px;
	width: 40px;
	}
.main-search-complex > ul > li a h3{
	margin-top: 5px;
	text-align: center;
	}
}


/*　コラム　*/
.column{
	position: relative;
	margin: 60px auto;
}
.column .wrap-btn-position-pc{
	width: 10em;
}
.column-large{
	margin: 0 auto 30px;
    width: 100%;
    max-width: 1140px;
}
.column ul{
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.column-small{
	display: inline-block;
	margin: 0 0 30px;
    width: calc( 50% - 7.5px);
}
.column li > a,
.column-large > a {
    display: block;
    width: 100%;
    height: 160px;
    color: inherit;
}
.column li:hover img,
.column-large:hover img{
	 opacity: .6;
}
.column li:hover .article-heading,
.column-large:hover .article-heading{
	 text-decoration: underline;
}
.column figure {
	overflow: hidden;
	position: relative;
	margin: 0 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.column-large figure{
	margin: 0 0;
    height: 100%;
}
.column img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
    min-width: 100%;
}
.column-inner{
	padding: 15px;
	height: auto;
    width: 100%;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	z-index: 1;
}
.column-large .column-inner{
	padding: 15px;
	height: auto;
    width: 100%;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	z-index: 1;
}
.article-data {
    display: inline-block;
	margin-right: .5em;
    margin-bottom: 15px;
    height: 12px;
    width: 6em;
    color: #888888;
	font-size: 12px;
}
.article-category{
    display: inline-block;
	margin-left: 0;
    margin-bottom: 15px;
    height: 12px;
    width: 8em;
    color: #2C2C2C;
	vertical-align: middle;
}
.article-category i {
    height: 12px;
	line-height: 12px;
    color: #1DB0EC;
	font-size: 12px;
}
.article-category span{
	font-size: 12px;
	line-height: 12px;
}
.column-large .article-heading {
    font-size: 18px;
    font-weight: 600;
    height: 38px;
}
.article-heading {
    overflow: hidden;
    margin-bottom: 10px;
    height: 60px;
    min-width: 50%;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    white-space: normal;
}
.article-contents {
    overflow: hidden;
    margin-bottom: 10px;
    height: 0;
    line-height: 24px;
    white-space: normal;
}
.tags-box{
	overflow: hidden;
	height: calc( 21px * 3);
}
.column-large .tags-box{
	overflow: hidden;
	height: calc( 21px * 2);
}
.tags-box a{
	display: inline-block;
    height: 18px;
    margin-right: 10px;
    line-height: 18px;
}
.tags-box a:hover{
	opacity: .4;
}
.tag {
    color: #888888;
	font-size: 12px;
}
.tag::before {
    content: "#";
}

/*　会員特典　*/
.member-benefits {
	margin: 0 0 30PX 0;
	padding: 60px 0 60px;
}
.member-benefits li{
	background-color: #fff;
}
.member-benefits a{
	height: 100%;
	width: 100%;
}
.member-benefits a:hover{
	opacity: .6;
}
.member-benefits .text-box{
	margin-top: 5px;
	padding-left: 10px;
}
.member-benefits .text-box h3{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width:380px) {
.member-benefits .text-box h3{
	font-size: 14px;
}}
.member-benefits li:nth-of-type(1) ,
.member-benefits li:nth-of-type(2) {
	width: 50%;
	border-bottom: 5px solid #E8F6EB;
}
.member-benefits li:nth-of-type(3) ,
.member-benefits li:nth-of-type(4) ,
.member-benefits li:nth-of-type(5) {
	width: calc( 100% / 3);
}
.member-benefits li:nth-of-type(1) ,
.member-benefits li:nth-of-type(3) ,
.member-benefits li:nth-of-type(4) {
	border-right: 5px solid #E8F6EB;
}
.member-benefits img{
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 70px;
}

/*　news　*/
.news {
	padding: 30px 0;
}
.news ul ,
.news li {
	width: 100%;
}
.news ul {
	min-height: 238px;
	height: auto;
}
.news li {
	height: auto;
	line-height: 16px;
	border-top: 1px solid #EDEDED;
}
.news li:last-of-type {
	border-bottom: 1px solid #EDEDED;
}
.day{
	padding: 0 15px 15px 0;
	width: 7.5em;
	font-size: 15px;
	color: #888888;
}
.type{
	overflow: hidden;
	padding: 0 15px 15px 0;
	flex-grow: 1;
	width: calc( 100% - 8.5em);
	font-weight: bold;
}
.news .ttl-news{
	padding: 0 45px 0 0;
	width: 100%;
}
.news-label{
	position: relative;
	cursor: pointer;
	padding: 15px 0;
}
.news-label::before{
	top: 50px;
}
.news-label:hover .ttl-news{
	text-decoration: underline;
}
.news-content{
	width: 100%;
	line-height: 1.6;
	border-bottom: 1px solid #EDEDED;
}

/*　お電話でのご注文　*/
.order-phone{
	padding-bottom: 30px;
}
.calender{
	width: 100%;
}
.holiday div{
	display: inline-block;
	margin-right: 5px;
	height: 20px;
	width: 50px;
	background-color: #FFE6E6;
}
.holiday{
	margin: auto;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 270px;
}
.prder-phone-text{
	margin-top: 10px;
	width: 100%;
}
.order-phone .ttl small ,
.prder-phone-text > p {
	font-size: 16px;
}
.prder-phone-text span {
	margin-top: 5px
}
.prder-phone-text span,
.order-phone .tel-nth{
	font-weight: bold;
}
.prder-phone-text > p {
	margin-bottom: 15px;
}
.order-phone .ttl{
	font-size: 16px;
	color: #888888;
	font-weight: bold;
}
.order-phone .tel{
	display: block;
	border: 3px solid #F5F5F5;
}
.order-phone .tel-nth{
	margin-right: 15px;
	height: 32px;
	font-size: 32px;
	line-height: 1;
}

/*　カート　*/
#cart .ttl-section-sub span{
	font-size: 14px;
	font-weight: bold;
}
.cert-to-add ul{
	margin: 5px auto;
	padding: 10px;
	border: 1px solid #1DA63D;
	border-radius: 3px;
}
.cert-to-add li{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-grow: 1;
}
.cert-to-add li:nth-of-type(1){
	margin-right: 15px;
	width: calc(100% - 15px - 7em);
}
.cert-to-add li:nth-of-type(2){
	margin-right: 0;
	width: 7em;
}
.cert-to-add li:nth-of-type(3){
	margin: 15px 15px 0 0;
	width: calc(50% - 15px);
}
.cert-to-add li:nth-of-type(4){
	margin: 15px 0 0 0;
	width: 50%;
}
.cert-to-add .ttl{
	line-height: 30px;
}
.cert-to-add .btn-green-square{
	height: 30px;
	line-height: 28px;
}
.cert-to-add .select-border{
	padding: 0 .5em;
	height: 30px;
	line-height: 30px;
}
.cert-to-add input{
	display: block;
	margin: 0 5px;
	padding: 5px;
}
.cert-to-add input[type="text"]{
	width: 100%;
}

.table-subsidy{
	margin-bottom: 45px;
	border-collapse: collapse;
	border: 1px solid #DDDDDD;
	width: 100%;
	max-width: 993px;
}
.customer-cart .table-subsidy {
	margin-bottom: 0;
}
.table-subsidy.not-applicable{
	margin-bottom: 5px;
}
.table-subsidy .cart-image-box a{
	display: block;
}
.table-subsidy td{
	/*overflow-x: hidden;*/
	display: grid;
	grid-template:
        "image ...... name" auto
        "...... ...... ......" 10px
        "...... ...... unitprice" 64px
        "...... ...... ......" 10px
        "...... ...... quantity" 64px
        "...... ...... ......" 10px
        "delete ...... price" 64px
        / 90px 15px 1fr ;
	padding: 15px;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}
.confirm .table-subsidy td{
	/*overflow-x: hidden;*/
	display: grid;
	grid-template:
        "image ...... name" auto
        "...... ...... ......" 10px
        "unitprice unitprice unitprice" 24px
        "...... ...... ......" 10px
        " quantity quantity quantity" 24px
        "...... ...... ......" 10px
        "price price price" 24px
        / 90px 15px 1fr ;
	padding: 15px;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}
.cart-unitprice{
	grid-area: unitprice;
}

.table-subsidy tr:last-child td{
	border-bottom: 0;
}
.cart-image-box{
	grid-area: image;
	height: 90px;
	width: 90px;
}
.cart-image-box img{
	height: auto;
	width: 100%;
}
.cart-label-box{
	grid-area: name;
	overflow: hidden;
}
#cart .product-label-box-inner i{
	position: static;
}
#cart .product-label-box-inner i.img-self{
	height: 20px;
	background-position: top left;
}
#cart .product-label-box-inner i.label-medicine{
	padding: 0;
}
.cart-label-box .product-name{
	font-weight: bold;
}
.cart-label-box .label-medicine {
	display: inline-block;
}
.cart-unitprice,
.cart-price{
	overflow: hidden;
}
.cart-unitprice p span ,
.cart-price p span {
	padding-right: 3px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.cart-quantity{
	grid-area: quantity;
	line-height: 24px;
}
.cart-quantity .select-box{
	min-width: 120px;
}
.cart-quantity p{
	font-size: 12px;
	text-align: right;
}
.cart-quantity p{
	width: 100%;
}
.confirm .cart-quantity p{
	width: auto;
}
.confirm .cart-quantity p span{
	display: block;
	margin-left: auto;
	width: auto;
	font-weight: bold;
	font-size: 18px;
}
.cart-quantity p span{
	padding-left: 3px;
	color: #ED3434;
}
.cart-quantity p span:nth-child(1){
	font-size: 18px;
	font-weight: bold;
}
.customer-cart .cart-quantity p span {
	color: inherit;
}
.cart-price{
	grid-area: price;
}
.cart-delete{
	grid-area: delete;
}
.cart-delete button{
	display: block;
	width: 100%;
	vertical-align: middle;
	line-height: 14px;
	font-size: 14px;
}
.cart-delete i{
    display: inline-block;
    height: 13px;
    width: 16px;
    background-image: url(../image/icon-delete.svg);
    background-repeat: no-repeat;
    background-position: center 1px;
    background-size: 11px auto;
}
.table-subsidy .flex-wrap{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.table-subsidy h5{
	font-weight: bold;
}
.cart-notes {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}
.cart-notes .img-self{
	position: static;
	margin: 0 5px;
}
.cart-notes .img-keigen{
	position: static;
	margin: 0 5px;
}
.cart-notes small{
	display: block
}
.cart-coupon,
.choice-box{
	margin-top: 50px;
}
.payment-method .choice-box {
    margin-top: 0;
}
.payment-method .ttl-section + .ttl-section-sub {
	margin-top: 30px;
}
.payment-method .payment-transfer{
	font-size: 16px;
}
.coupon-box li,
.choice-box li{
	margin: 15px auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	border-radius: 3px;
	opacity: .8;
	color: #DDDDDD;
}
.coupon-box li > label ,
.choice-box li > label {
	padding: 20px 15px;
}
.customer-info input[type="radio"] {
	height: 30px;
	vertical-align: middle;
}
.customer-info .sex label ,
.customer-info .mail-magazine label {
	overflow: hidden;
	padding: 0 15px 0 5px;
	height: 30px;
	line-height: 30px;
}
.coupon-box li.coupon-select ,
.choice-box li.selected {
	border: 1px solid #1DA63D;
	color: #1DA63D;
	opacity: 1;
}
.selected .selected ,
.choice-box li.selected .selected{
	border: 0;
	background-color: #E8F6EB;
}
.coupon-box label,
.choice-box .address-old ,
.choice-box .acd-label {
	display: inline-block;
	padding-left: 15px;
	width: calc( 100% - 28px);
	font-size: 18px;
	line-height: 1;
}
.address-old {
	padding: 0 0 15px 15px;
}
.choice-box .acd-content {
	margin: 0 auto;
	color: #414844;
}
.choice-box .acd-check:checked ~ .acd-content .acd-item {
	margin: 30px 0;
}
.choice-box .acd-check:checked ~ .acd-content .postal-code.acd-item ,
.choice-box .acd-check:checked ~ .acd-content .telephone.acd-item ,
.choice-box .acd-check:checked ~ .acd-content .brithday {
	margin: 30px 0;
	padding-bottom: 30px;
	border-top: 1px solid #EDEDED;
}
.choice-box .acd-check:checked ~ .acd-content .postal-code.acd-item ,
.choice-box .acd-check:checked ~ .acd-content .telephone.acd-item ,
.choice-box .acd-check:checked ~ .acd-content .brithday.acd-item {
	padding-top: 30px;
	padding-bottom: 0;
}
.choice-box .acd-check:checked ~ .acd-content {
    padding-bottom: 30px;
}
.choice-box .acd-check:checked ~ .acd-content .acd-item:last-child{
	margin: 30px 0 0 0 ;
}
.choice-box .acd-check:checked ~ .acd-content  p{
	margin-top: 5px;
}
.payment-method .choice-box .acd-check:checked ~ .acd-content {
	margin-top: 5px;
	padding-bottom: 30px;
}
.payment-method.gest .choice-box .acd-check:checked ~ .acd-content {
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 3px;
}
.payment-method .choice-box .acd-check:checked ~ .acd-content p:first-child{
	margin-top: 0;
}

.choice-box .acd-content .select-border ,
customer-info .select-border {
	padding: 0 .5em;
	height: 30px;
	line-height: 30px;
}
@media all and (-ms-high-contrast: none) {
	.choice-box .acd-content .select-border ,
	.customer-info .select-border {
		line-height: 28px;
	}
	.choice-box .acd-content .select-border input[type="text"] ,
	.customer-info .select-border input[type="text"]{
		padding: 0 7px;
	}
	.table-subsidy  td{
		position: relative;
		height: 275px;
	}
	.cart-limage-box {
		position: absolute;
		left: 15px;
		top: 15px;
	}
	.cart-label-box {
		position: absolute;
		left: 135px;
		top: 15px;
		height: auto;
		width: calc(100% - 150px);
	}
	.cart-unitprice ,
	.cart-quantity ,
	.cart-price {
		position: absolute;
		left: 135px;
		width: calc(100% - 150px);
	}
	.cart-unitprice {
	top: 129px;
	}
	.cart-quantity {
	top: 168px;
	height: 52px;
	}
	.cart-price {
	top: 235px;
	}
	.cart-delete {
	position: absolute;
	left: calc( 90px - 4em);
	top: 238px;
	}
	.confirm .table-subsidy td{
		height: 255px;
	}
	.confirm .cart-unitprice ,
	.confirm .cart-quantity ,
	.confirm .cart-price {
		left: 15px;
		width: calc(100% - 30px);
	}
	.confirm .cart-unitprice {
	top: 109px;
	}
	.confirm .cart-quantity {
	top: 148px;
	height: 24px;
	}
	.confirm .cart-price {
	top: 187px;
	}

}
.choice-box .acd-content p ,
.customer-info p {
	line-height: 1;
}
.customer-info p {
	margin-top: 5px;
}
.name input[type="text"] ,
.name-kana input[type="text"] ,
.email-address input[type="text"] ,
.email-address-confirm input[type="text"] ,
.cities input[type="text"] ,
.towns input[type="text"] ,
.company input[type="text"] ,
.elephone input[type="text"] ,
.fax input[type="text"] {
	width: calc( 100% - 8px);
}
.postal-code input[type="text"] ,
.choice-box .acd-content .postal-code input[type="text"] ,
.customer-info .postal-code input[type="text"] {
	width: calc( 100% - 7em - 15px);
}
/*.postal-code .btn-green-square {*/
/*	width: 7em!important;*/
/*}*/
.choice-box .acd-content .ttl ,
.customer-info .ttl {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
.choice-box .acd-content .ttl-sub ,
.customer-info .ttl-sub {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1;
}
.choice-box .acd-content .ttl.flex-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.name .first-name ,
.name .last-name ,
.name-kana .first-name ,
.name-kana  .last-name {
	width: 50%;
}
.email-address input,
.email-address-confirm input,
.towns input ,
.company input ,
.card-name input ,
.card-nth input {
	max-width: 600px;
}
.name .first-name input ,
.name .last-name input ,
.name-kana .first-name input ,
.name-kana .last-name input ,
.cities input ,
.telephone input ,
.fax input {
	max-width: 300px;
}
.security-code input ,
.postal-code input ,
.medical-interview-item .select-box{
	max-width: 200px;
}
.prefecture .select-box {
	width: calc( 100% - 100px );
	max-width: 200px;
}
.expiration-date .select-box {
	margin-right: 10px;
	width: calc( 50% - 10px );
	max-width: 160px;
}
.postal-code input {
	margin-right: 13px;
	width: calc( 100% - 100px );
}
.postal-code .btn-green-square {
	border:1px solid #1DA63D;
	height: 30px;
	line-height: 28px;
}
.customer-info select{
	padding: 0;
	height: auto;
	min-width: 4em;
	line-height: 30px;
}
.customer-info option{
	left: -10px;
}
.brithday-year.flex-wrap ,
.brithday-month.flex-wrap ,
.brithday-day.flex-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.brithday-year::after ,
.brithday-month::after ,
.brithday-day::after {
	display: block;
	margin-left: 5px;
	margin-right: 10px;
}
.brithday-year::after{
	content: "年";
}
.brithday-month::after{
	content: "月";
}
.brithday-day::after{
	content: "日";
}
.choice-box .acd-content .entry-credit-card .ttl {
	margin-bottom: 0;
}
.entry-credit-card .flex-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.entry-credit-card > .ttl{
	width: 100%;
}
.entry-credit-card > div{
	margin-top: 5px;
	height: 24px;
}
.entry-credit-card input{
	margin-top: -2px;
}
.entry-credit-card label{
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
}
.entry-credit-card > p{
	width: 100%;
}
.coupon-contents{
	padding-left: .5em;
}
.point-pay-price{
	color: #ED3434;
	font-weight: bold;
}
.point-pay-price::after{
	content: "pt";
	font-size: 11px;
}
.point-pay-content input[type="text"]{
	padding: 5px;
	border-radius: 3px;
}
.point-pay-content {
	overflow: hidden;
	padding: 0;
	height: 0;
	width: 100%;
	opacity: 0;
}
.credit-card-data ,
.credit-card-data span{
	font-size: 18px;
}
.credit-card-expiration-month::after{
	content: "/";
	display: inline-block;
	padding: 0 5px;
	font-size: 18px;
}
.coupon-box input:checked ~ .point-pay-content {
	overflow: visible;
	padding: 15px;
	height: auto;
	opacity: 1;
}
.point-pay-content div span{
	font-size: 11px;
}
.cart-point-payment ,
.cart-price-confirmation{
	margin-top: 45px;
}
.table-price-confirmation{
	border-collapse:collapse;
	width: 100%;
	border:1px solid #DDDDDD;
	border-radius: 3px;
}
.customer-cart .table-price-confirmation{
	margin-bottom: 45px;
}
.table-price-confirmation tr{
	border-bottom:1px solid #DDDDDD;
}
.table-price-confirmation tr.border-none ,
.table-price-confirmation tr:last-child {
	border-bottom:0;
}
.table-price-confirmation th,
.table-price-confirmation td{
	text-align: right;
	width: 50%;
}
.table-price-confirmation tr:last-child th,
.table-price-confirmation tr:last-child td{
	padding-bottom: 15px
}
.table-price-confirmation th{
	padding: 15px 0 15px 15px;
	position: relative;
}
.table-price-confirmation th.cart-aftaer-none{
	padding-bottom: 0;
}
.table-price-confirmation td{
	padding: 15px;
}
.table-price-confirmation th::after{
	content: ":";
	display: block;
	position: absolute;
	top: 13px;
	right: -10px;
}
th.cart-aftaer-none::after{
	display: none;
}
.table-price-confirmation .yellow-back td{
	font-size: 18px;
	font-weight: bold;
}
.attention-shipping{
	position: relative;
	margin-left: auto;
	padding: 10px;
	width: 176px;
	background-color: #ED3434;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.attention-shipping::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	border-radius: 0;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 3px 0 3px;
	border-color: #ED3434 transparent transparent transparent;
}
.acquisition-point-today p:first-child span{
	padding-left: 2em;
}
.acquisition-point-today .text-small{
	font-size: 12px;
}
.acquisition-point-today{
	margin-bottom: 30px;
	padding: 10px 0;
	width: 100%;
	text-align: right;
}
#cart .wrap-btn-round{
	margin: 30px auto 60px;
	width: 100%;
}
#cart .wrap-btn-round .btn-green-round{
	padding: 11px 1em;
	height: 60px;
	width: 100%;
}
#cart .wrap-btn-round .btn-gray-round{
	height: 40px;
	width: 100%;
}
.users-address{
	margin-top: 5px;
	margin-left: 30px;
	padding-bottom: 15px;
	color: #414844;
	line-height: 18px;
}
.users-address .user-name span {
	font-size: 16px;
	line-height: 20px;
}
.choice-box .user-name {
	overflow: visible;
    text-overflow: "";
}

/*　カート確認  */
.confirm .table-subsidy.not-applicable {
    margin-bottom: 0;
	border-bottom: 0;
}
.confirm .ttl-section-sub{
	margin-bottom: 5px;
}
#cart .table-price-confirmation .sp-none-block,
#cart .cart-price-confirmation-subsidy .small-sp{
	display: block;
}
#cart .small-sp + span{
	display: inline;
}


/*　支払方法　*/
.payment-cc-img img{
	display: block;
	margin-right: 10px;
	height: 30px;
	width: auto;
}

/*　注文完了　*/
.complete-ctn-box {
	margin-bottom: 120px;
}
.complete-ctn-box .flex-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.complete-ctn-box .flex-wrap a{
	display: block;
}
.complete-ctn-box .flex-wrap div{
	margin: 15px auto 0;
	width: 100%;
}
.complete-ctn-box .flex-wrap a.btn-green-square{
	margin-bottom: 5px;
	padding: 15px;
	line-height: 1;
	height: auto;
}
.confirm .cart-quantity p span{
	color: inherit;
}
.shipping ,
.payment ,
.payment-cc,
.name-entry ,
.name-destination {
	font-size: 16px;
	line-height: 1.5;
}

/*　問診　*/
.text-medical-interview {
	margin-top: 45px;
}
.medical-interview-box {
	margin-top: 5px;
}
.medical-interview-item{
	border: 1px solid #1DA63D;
	border-radius: 3px;
	font-size: 16px;
}
.medical-interview-item.pdng{
	padding: 15px 30px;
	font-size: 16px;
}
.medical-interview-item p{
	margin-bottom: 5px;
	font-size: 16px;
}
.ttl-medical-interview{
	font-weight: bold;
}
.medical-interview-item img{
	display: block;
	margin: 15px 0;
	height: auto;
	width: 130px;
}
.medical-interview-q{
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #EDEDED;
}
.medical-interview-q:last-of-type{
	padding-bottom: 0;
	border-bottom: 0;
}
.medical-interview .gray-back{
	border-bottom: 1px solid #AFAFAF;
	font-size: 16px;
}
.medical-interview-item-inner{
	padding: 15px 30px;
	font-size: 16px;
}
.medical-interview-item-count li h5 ,
.medical-interview-item-count li p ,
.medical-interview-item-count li p *{
	font-size: 16px;
}
.medical-interview-item-count li h5::before {
	padding-right: .5em;
	font-size: 16px;
}
.medical-interview-item-count li:nth-child(1) h5::before {
	content: "1.";
}
.medical-interview-item-count li:nth-child(2) h5::before {
	content: "2.";
}
.medical-interview-item-count li:nth-child(3) h5::before {
	content: "3.";
}
.medical-interview-item-count li:nth-child(4) h5::before {
	content: "4.";
}
.medical-interview-item-count li:nth-child(5) h5::before {
	content: "5.";
}
.medical-interview-item-count li:nth-child(6) h5::before {
	content: "6.";
}
.medical-interview-item-check {
	font-size: 16px;
}
.medical-interview-item-check .flex-wrap{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.medical-interview-item-check p {
	-ms-flex-line-pack: center;
	align-content: center;
	overflow: hidden;
	height: auto;
	min-height: 30px;
	line-height: 1.5;
}
.medical-interview-item-check input[type="checkbox"] {
	display: block;
	height: auto;
	margin-top: 3px;
	margin-right: 5px;
	line-height: 30px;
}
.medical-interview-item-check label{
	display: block;
	height: 100%;
	width: calc( 100% - 20px);
	font-weight: bold;
}

/*　質問　*/
.question{
	padding-bottom: 60px;
}
.question-box{
	border: 1px solid #1DA63D;
	border-radius: 3px;
	font-size: 16px;
}
.question-box.pdng{
	padding: 5px 15px;
	font-size: 16px;
}
.question-item.flex-wrap{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.question-item img{
	display: block;
	height: 150px;
	width: 150px;
	margin: 0 auto;
}
.question-item-text.flex-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-tot: 15px;
}
.question-item .ttl ,
.question-item .text-red{
	font-weight: bold;
	font-size: 16px;
}
.medical-interview-item i{
	padding-right: 5px;
}
.question .question-item-inner .ttl{
	margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}
.question .question-item-inner input[type="text"]{
	overflow: hidden;
	padding: 0 .5em;
	height: auto;
	width: 100%;
	max-width: 600px;
	line-height: 30px;
}
.question .question-item-inner .question-item-inner-text ,
.question .question-item-inner .error-inner-message{
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1;
}
.question .question-item-inner textarea{
	overflow: hidden;
	padding: 3px .5em;
	height: auto;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	line-height: 1.6;
	font-size: 14px;
}
.question .medical-interview-item p{
	margin-bottom: 0;
}

/*　質問確認　*/
.question-confirm {
	padding: 30px 0 90px;
}
.question-confirm .ttl {
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}
.question-confirm dl.flex-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.question-confirm dl.flex-wrap dt ,
.question-confirm dl.flex-wrap dd {
	width: 100%;
}
.medical-interview-item .question-confirm-content p{
	overflow: hidden;
	margin: 0 15px 0;
	padding: 15px 0;
	width: calc(100% - 30px);
}
.medical-interview-item .question-confirm-content.email-address p{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	line-height: 1;
}


/*　メンバーログイン　*/
.login form {
	padding-bottom: 60px;
}
.login form > section{
	margin: 15px auto 15px;
	width: calc( 100% - 15px);
	border: 1px solid #1DA63D;
	border-radius: 10px;
}
.login .ttl-section{
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}
.login .select-border{
	margin-top: 5px;
	padding: 0 5px;
	line-height: 30px;
	border-radius: 3px;
	height: 32px;
	width: 100%;
}
.login .btn-green-round02{
	padding: 10px 0;
}
.login section .btn-green-round02{
	width: 100%;
}
.login form > button{
	margin: 30px auto 90px;
	width: calc( 100% - 70px);
	max-width: 993px;
}
.login .btn-text-gray{
	display: block;
	margin-left: auto;
}
.login .btn-text-gray::before{
	content: ">>";
}
.login-member > .flex-wrap{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.login > .flex-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.login .flex-wrap.mgn-b-30 input{
	margin-right: 5px;
}

/* お客様情報入力 */
.step-input ,
.step-input ul{
	overflow: hidden;
	padding: 0 15px;
	width: 100%;
}
.step-input {
	margin-bottom: 45px;
}
.step-input ul{
	margin: auto;
	padding-top: 50px;
}
.step-input li{
	position: relative;
	height: 12px;
	width: 20%;
}
.step-input li::before{
	content:"";
	display: block;
	position: absolute;
	left: calc( 50% - 6px);
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #EDEDED;
	line-height: 0;
}
.step-input li.now::before{
	background-color: #1DA63D;
}
.step-input li::after{
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: calc( 50% - 6px);
	width: 100%;
	height: 1px;
	background-color: #EDEDED;
	z-index: -1;
}
.step-input li:last-child::after{
	display: none;
}
.step-input li span,
.step-input li h3{
	display: none;
}
.step-input li span{
	font-size: 14px;
}
.step-input li h3{
	font-size: 16px;
}
.step-input li.now span,
.step-input li.now h3{
	display: block;
	position: absolute;
	width: calc( 100% * 4);
	text-align: center;
	font-weight: bold;
	color: #1DA63D;
}
.step-input li.now span{
	top: -50px;
	transform: translate( -50%, 0);
}
.step-input li.now h3 {
	top: -30px;
	transform: translate( -50%, 0);
}
.step-input li:nth-child(1).now span,
.step-input li:nth-child(1).now h3 {
	left: 250%;
}
.step-input li:nth-child(2).now span,
.step-input li:nth-child(2).now h3 {
	left: 150%;
}
.step-input li:nth-child(3).now span,
.step-input li:nth-child(3).now h3 {
	left: 50%;
}
.step-input li:nth-child(4).now span,
.step-input li:nth-child(4).now h3 {
	left: -50%;
}
.step-input li:nth-child(5).now span,
.step-input li:nth-child(5).now h3 {
	left: -150%;
}

/*　ポイント・会員ランクについて　*/
.point-membership-rank-how-about {
	position: relative;
    padding: 15px;
    border-radius: 10px;
}
.point-membership-rank-how-about::before {
	content: '';
    display: block;
    position: absolute;
	top: 7px;
    left: 13px;
    height: 65px;
    width: 81px;
    background-size: 81px 65px!important;
    background: url("../image/img-page-about-point-coin.png") no-repeat;
}
.point-membership-rank-how-about .ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 40px;
    margin-bottom: 10px !important;
    padding-left: 100px !important;
    font-size: 15px;
    text-align: left;
    color: #1DA63D;
}
.point-membership-rank-how-about p {
    padding: 20px 16px;
	border-radius: 10px;
    background-color: #fff;
}
.point-membership-rank-how-to .ttl-section-sub{
	margin-bottom: 5px;
}
.point-membership-rank-how-to > .border-green.flex-wrap img{
	height: auto;
	width: 100%;
}
.point-membership-rank-how-to .border-b-gray {
	padding-bottom: 15px;
}
.point-membership-rank-how-to .sp-tb-none-block ,
.point-membership-rank-how-to .pc-none-block {
	margin: 0 auto;
	height: auto;
	width: 100%;
	max-width: 650px;
}
.point-membership-rank-banner .text-center::before {
	content: "＼"
}
.point-membership-rank-banner .text-center::after {
	content: "／"
}
.point-membership-rank-banner .display-block {
	margin: auto;
	height: auto;
	width: 100%;
	max-width: 450px;
}
.point-membership-rank-banner .sp-tb-none-block ,
.point-membership-rank-banner .pc-none-block {
	margin: 15px auto;
	width: 100%;
	max-width: 450px;
}
.point-membership-rank-banner .btn-next.btn-green-round {
	margin: 30px auto;
	width: 100%;
	max-width: 450px;
}

/*　特納品について　*/
.spesial-delivery {
	padding-bottom: 60px;
}
.spesial-delivery-01{
	position: relative;
	height: auto;
	width: 100%;
}
.spesial-delivery-01::before{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -29px;
	transform: translate(-50%, 0);
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 30px 75px 0 75px;
	border-color: #1DA63D transparent transparent transparent;
	z-index: 99;
}
.spesial-delivery img{
	margin: 0 auto;
	height: auto;
	width: 100%;
}
.spesial-delivery-02{
 	position: relative;
	height: auto;
	width: 100%;
	padding: 45px 15px 15px;
    text-align: center;
}
.spesial-delivery-02::before{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -29px;
	transform: translate(-50%, 0);
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 30px 75px 0 75px;
	border-color: #E8F6EB transparent transparent transparent;
	z-index: 99;
}
.spesial-delivery-02 .ttl-section-sub {
	padding: 15px 0 10px;
    font-size: 32px;
    font-weight: bold;
    color: #1DA63D;
    text-align: center;
	line-height: 42px;
}
.spesial-delivery-02 > div ,
.spesial-delivery-03 > div > div {
	margin: 15px 0;
	border-radius: 10px;
	background-color: #fff;
}
.spesial-delivery-02 > div.flex-wrap ,
.spesial-delivery-02 > div > div.flex-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.spesial-delivery-02 > div span {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 15px;
    font-size: 32px;
	font-weight: bold;
    color: #1DA63D;
}
.spesial-delivery-02 > div > div .ttl {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
    color: #1DA63D;
    text-align: center;
}
.spesial-delivery-02 > div > div img ,
.spesial-delivery-03 > div > div img {
	margin: 15px auto;
	width: 90px;
}
.spesial-delivery-02 > div > div p {
    text-align: left;
}
.spesial-delivery-03{
 	position: relative;
	padding: 45px 15px 15px;
	height: auto;
	width: 100%;
    text-align: center;
}
.spesial-delivery-03.flex-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.spesial-delivery-03 .ttl-section-sub ,
.spesial-delivery-03 > .ttl {
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.spesial-delivery-03 .ttl-section-sub {
	position: relative;
	margin-top: 10px;
    padding: 130px 10px 10px;
	font-size: 21px;
}
.spesial-delivery-03 .ttl-section-sub::before {
	content: "ここで\Aちょっと";
	white-space:pre;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50% , 0) rotate(-10deg);
	border: 3px solid #fff;
	border-radius: 50%;
	padding: 25px 0;
	height: 110px;
	width: 110px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
}
.spesial-delivery-03 > div {
	position: relative;
	display: inline-block;
	width: 100%;
}
.spesial-delivery-03 > div > span {
	display: block;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translate(-50% , 0);
	margin: 0 auto;
    background-color: #E8F6EB;
	border-radius: 45px;
	border: 3px solid #fff;
	height: 45px;
	width: 120px;
	line-height: 39px;
    font-size: 16px;
	font-weight: bold;
	color: #1DA63D;
	text-align: center;
}
.spesial-delivery-03 > .ttl {
	margin: 15px 0;
    padding: 0 5px;
    font-size: 18px;
}
.spesial-delivery-03 > div > div > .ttl {
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #2e75b6;
    text-align: center;
}
.spesial-delivery-03 > div > div > p {
	text-align: left;
}

/*　会員規約・個人情報保護・ご利用規約  */
.page-list {
	padding: 15px 0 60px;
	line-height: 1.6;
}
.page-list .ttl-section-sub {
	padding-bottom: 5px;
}
.page-ttl-box p{
	font-feature-settings: "palt";
}
.page-index li {
	margin-bottom: 15px;
	line-height: 1;
}
.page-list ol {
	list-style-type: decimal;
}
.page-list ol > li {
	margin-bottom: 15px;
	margin-left: 2em;
	width: calc( 100% - 2em);
	line-height: 1.3;
	list-style: decimal;
	font-feature-settings: "palt";
}
.page-list > p {
	line-height: 1.3;
}
.liststyle-sub {
	counter-reset: section;
}
.liststyle-sub > li {
	margin: 10px 0 10px auto;
	line-height: 1.3;
}
.liststyle-sub > li::before {
	counter-increment: section;
	content: counter(section)")";
	padding-right: .5em;
	width: 1em;
}
.liststyle-sub h3,
.liststyle-sub p {
	margin-left: auto;
	width: calc( 100% - 2em);
}
.liststyle-step03 {
	margin-top: 5px;
	margin-left: auto;
}
.liststyle-sub .liststyle-step03 {
	width: calc( 100% - 2em);
}
.liststyle-step03 li {
	line-height: 1.3;
	width: calc( 100% - 1em);
}
.liststyle-step03 li::before {
	content: "-";
	padding-right: .5em;
	width: 1em;
}
.page-list .ttl.ttl-section-sub {
	position: relative;
	margin-left: 1em;
	width: calc(100% - 1em);
	line-height: 1.6em;
}
.page-list .ttl.ttl-section-sub::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1em;
	height: 28px;
	width: .5em;
	background-color: #1DA63D;
}
.description-drug-sale img.display-block{
	margin-right: 15px;
	height: auto;
	width: calc(100% - 8px);
	max-width: 384px;
}

/*　faq　*/
.faq {
	padding: 15px 0 60px;
}
.faq ol {
	margin-top: 45px;
}
.faq-q ,
.faq-a {
	position: relative;
	margin-left: 30px;
}
.faq-q::before ,
.faq-a::before {
	position: absolute;
	top: -2px;
	left: -30px;
	padding-right: .5em;
	color: #1DA63D;
	font-size: 16px;
	font-weight: bold;
}
.faq-q::before {
	content: "Q.";
}
.faq-a::before {
	content: "A.";
}
.faq li a {
	text-decoration: underline;
	color: #888888;
}
.faq .btn-green-square {
	padding-top: 10px;
    height: 40px;
	margin: 30px auto;
	max-width: 320px;
}

/*　ショップガイド　*/
.shop-guide {
	padding: 15px 0 60px;
}
.shop-guide .ttl-section-sub {
	padding-bottom: 5px;
}
.shop-guide-how-about-order .ttl {
	font-weight: bold;
}
.shop-guide-how-about-order li {
	position: relative;
	margin-bottom: 60px;
}
.shop-guide-how-about-order li::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 60px 0 60px;
	border-color: #ebebeb transparent transparent transparent;
}
.shop-guide-how-about-order li:last-of-type::before {
	display: none;
}
.shop-guide-how-about-order img {
	margin: 15px auto 0;
	height: auto;
	width: 90%;
}
.shop-guide-how-about-payment .ttl::before {
	content: "▼";
}
.shop-guide-how-about-order ,
.shop-guide-how-about-payment ,
.shop-guide-how-about-delivery {
	margin-bottom: 60px;
}

/*　selfmedication セルフメディケーション　*/
.faq ,
.self-medication {
	line-height: 1.6;
}
.self-medication-gray-text {
	font-size: 12px;
	color: #888888;
}
.self-medication img {
	margin: 0 auto;
	height: auto;
	width: 100%;
}
.page-img-explanation {
	max-width: 680px;
}
.page-img-self {
	max-width: 200px;
}
.self-medication ol {
	list-style: disc;
}
.self-medication ol li {
	margin-left: 30px;
	list-style-type: disc;
}
.self-medication .faq-how-about-shopping{
	list-style: none;
}
.self-medication .faq-how-about-shopping li {
	margin-left: 0;
	list-style-type: none;
}
.page-text-80 {
	width: 100%;
}
.self-medication-faq {
	margin-top: 60px;
}
.self-medication-faq ol {
    margin-top: 30px;
}

/*　aside　*/
aside {
	height: auto;
	width: 200px;
	float: left;
}
aside ul ,
aside li ,
aside a ,
.pc-category-step01 label ,
.pc-refined-search-step01 > label ,
.pc-refined-search-step02 > label {
	display: block;
	width: 100%;
}
aside input {
	padding: 15px 0;
}
.pc-category-step01 a ,
.pc-refined-search-step01 a ,
aside label,
.pc-category-step01 a:hover,
.pc-refined-search-step01 a:hover,
aside label:hover{
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #F0F0F0;
    cursor :pointer;
}
aside input[type="button"] + label{
	text-decoration: underline;
}
aside .ttl-section {
	display: inline-block;
	font-size: 18px;
}
aside .btn-text-gray {
	margin-left: 22px;
}
aside .pc-category-step01 ,
aside .pc-refined-search-step01 ,
aside .pc-classification-step01 {
	width: 100%;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
}
aside .pc-refined-search-step01  a ,
aside .pc-refined-search-step01  label {
	border-bottom: 0;
}
aside .pc-refined-search-step01  li ,
aside .pc-classification-step01  li {
	width: 100%;
	line-height: 20px;
	border-bottom: 1px solid #F0F0F0;
}
aside .pc-category-step01 > li.flex-wrap.ttl ,
aside .pc-refined-search-step01 > li.flex-wrap.ttl ,
aside .pc-classification-step01 > li.flex-wrap.ttl {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
aside .pc-refined-search-step03 input,
.pc-classification-step01 input{
	margin-left: 15px;
	width: 13px;
}
aside .pc-refined-search-step03 label ,
.pc-classification-step01 label{
	width: calc(100% - 28px);
}
aside .pc-refined-search-step01 li input:checked + label{
	border-bottom: 1px solid #F0F0F0;
}
aside .pc-refined-search-step03 li:last-child{
	border-top: 0;
}
aside .pc-category-step01 li.ttl ,
aside .pc-refined-search-step01 li.ttl ,
aside .pc-classification-step01 li.ttl {
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
}
aside .pc-refined-search-step03 li:hover,
.pc-classification-step01 li:hover{
	background-color: #E8F6EB;
	color: #1DA63D;
}
.pc-refined-search ol .flex-wrap,
.pc-classification-step01 .flex-wrap{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.pc-category-step03,
.pc-category-step04,
.pc-category-step05,
.pc-refined-search ol {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
.pc-category-step01 input:checked ~ .pc-category-step02,
.pc-category-step02 input:checked ~ .pc-category-step03,
.pc-category-step03 input:checked ~ .pc-category-step04,
.pc-category-step04 input:checked ~ .pc-category-step05,
.pc-refined-search input:checked ~ ol {
	overflow: visible;
	height: auto;
	opacity: 1;
}
aside .banner-list,
aside .banner-list a,
aside .banner-list img{
	width: 100%;
}
aside .banner-list{
	margin: 15px 0;
}
aside .banner-list a{
	display: block;
	margin-bottom: 15px;
	height: 100%;
}
aside .btn-green-square {
	width: 100%;
}
aside .taxt-small{
	font-size: 12px;
}

/*　footer　*/
footer {
	padding: 30px 0 0 0;
}
footer a{
	display: block;
	padding: 0 15px;
	spadding: 0;
	line-height: 30px;
}
footer > div.flex-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.footer-nav-box{
	padding: 0 0 30px;
}
.footer-nav-box-classification,
.footer-nav-content{
	width: 100%;
}
.footer-nav-box-classification > .footer-nav-label{
	font-weight: bold;
	font-size: 16px;
}
.ttl-footernav{
	position: relative;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #EDEDED;
}
.ttl-footernav02{
	position: relative;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #EDEDED;
}
.footer-nav-check:checked + .ttl-footernav02 {
	border-bottom: 0;
}
.footer-nav-step03{
	margin-top: 8px;
}
.ttl-footernav::before{
	top: 23px;
}
.footer-nav-label{
	padding: 13px;
	display: block;
	width: 100%;
}
.pdng-t-none > .footer-nav-label{
	padding: 0 15px 5px;
	display: block;
}
.footer-nav-content > .footer-nav-label {
	padding: 15px;
}
.footer-nav-content li:last-of-type{
	border: 0;
}
.flex-wrap.footer-nav-content{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.footer-end-nav{
	padding: 10px 15px;
	width: 100%;
}
.footer-end-nav li{
	width: 50%;
}
.footer-end-nav li a{
	font-size: 12px;
}
@media screen and (max-width:416px) {
.footer-end-nav li{
	width: 100%;
}
}
.footer-end-nav li:last-of-type{
	width: 100%;
	text-align: center;
	color:#fff;
}
.footer-end-nav li a{
	color:#fff;
}
.footer-end-nav li a::before{
	content: "";
	display: inline-block;
	margin-right: 3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ffffff;
}

/* 上に戻るボタン */
.pagetop {
	background-color: #fff;
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
	transform: rotate(180deg);
	box-shadow: 0 -3px 6px rgba(0,0,0,.1);
}

.pagetop:hover {
	text-decoration: none;
}

/*　スマホのみの要素　*/
@media screen and (max-width:390px) {
.product-list-sort {
	padding-bottom: 10px;
    height: 85px;
    border-bottom: 1px solid #F0F0F0;
}
.product-list-display{
	margin-top: 10px;
}
.product-list-sort p{
	font-size: 12px;
}
}
@media screen and (max-width:350px) {
#product-list .product-list-01 .product-label-box-inner{
	overflow: hidden;
	height: 93px;
}
.list-price .price-discount {
    margin-top: 18px;
}
#product-list .product-list-02 .product-label-box {
	height: 170px;
}
#product-list .product-list .product-list-02 li {
    height: 230px;
}
#product-list .product-list .product-list-02 ul {
    height: cacl( 260px * 20 );
}
#top .product-list li ,
.check-history li {
	width: calc( 50% - 7.5px);
	margin: 15px auto 15px 0;
}
#top .product-label-box {
    height: 180px;
}
.cart-unitprice p ,
.cart-price p {
	text-align-last: right;
}
.table-subsidy h5{
	font-size: 12px;
}
.table-price-confirmation .text-small th {
    font-size: 11px;
}

}
.btn-auto-input .btn-green-round:before {
    content: none;
}
.btn-auto-input button {
    height: 35px;
    line-height: 30px!important;
}
@media screen and (max-width:767px) {
	.header-hero{
		border-top: 3px solid  #1DA63D;
	}
.point-membership-rank-how-to > .border-green.flex-wrap img{
	margin-bottom: 15px;
	}
.page-list {
	margin-top: 30px;
    padding-top: 0;
}

}
body#product-list main {
    min-height: inherit;
}
.mgn-t-30 {
    margin-top: 30px;
}
.header-accepts-period span,
.header-accepts-period p {
    font-size: 16pt;
}
.header-accepts-period .span-header {
    font-weight: bold;
}
.header-accepts-period .span-accepts-period-web {
    margin-right: 30px;
}
.accepts-car-comment {
    font-size: 14pt;
}