@media (max-width: 767px) {

    /*------------------------------------------
 *	html
------------------------------------------*/
    html {
        font-size: 62.5%;
        -webkit-text-size-adjust: 100%;
    }

    body {
        min-width: inherit;
    }

    /*------------------------------------------
 *	レイアウト構成パーツ
------------------------------------------*/
    .main-container {
        display: flex;
        flex-direction: column;
        padding: 30px 0 40px;
        justify-content: flex-start;
        position: relative;
        box-sizing: border-box;
    }

    .main-contents {
        width: auto;
        box-sizing: border-box;
        padding: 0;
        overflow: hidden;
    }

    /*------------------------------------------
 *	スライダー関連
------------------------------------------*/
    .swiper-container {
        margin: 0 10px;
    }

        .swiper-container .prev,
        .swiper-container .next {
            position: absolute;
            top: 50%;
            width: 25px;
            height: 25px;
            margin-top: -10px;
            z-index: 10;
            cursor: pointer;
            background-size: 15px 18px;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #ddd;
        }

        .swiper-container .prev {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            left: -10px;
            right: auto;
        }

        .swiper-container .next {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            right: -10px;
            left: auto;
        }

    /*スライダータイトル*/
    .swiper-title {
        font-size: 1.8rem;
        margin: 0 0 25px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 15px;
        background: #f9f9f9;
        font-weight: bold;
    }

    /*------------------------------------------
 *	ヘッダー
------------------------------------------*/
    .header-global {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

        .header-global .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 7px 0 7px 16px;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 999;
            box-sizing: border-box;
            background: #fff;
        }

        .header-global .menu-mobile-btn {
            width: 53px;
            height: 50px;
            background: #fff;
            display: block;
            position: relative;
            cursor: pointer;
        }

            .header-global .menu-mobile-btn .menu-btn {
                display: block;
                width: 20px;
                height: 20px;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

                .header-global .menu-mobile-btn .menu-btn .line {
                    display: block;
                    width: 100%;
                    height: 2px;
                    background: #008cd6;
                    position: absolute;
                    transition: transform .1s linear;
                }

    .menu-mobile-btn .line:first-child {
        top: 0;
    }

    .menu-mobile-btn .line:nth-child(2) {
        opacity: 1;
        top: 9px;
    }

    .menu-mobile-btn .line:nth-child(3) {
        bottom: 0;
    }

    .is-show-menu .menu-mobile-btn .menu-btn .line {
        height: 2px;
        transition: transform .1s linear;
    }

    .is-show-menu .menu-mobile-btn .line:first-child {
        transform: translateY(6px) rotate(45deg);
    }

    .is-show-menu .menu-mobile-btn .line:nth-child(2) {
        opacity: 0;
    }

    .is-show-menu .menu-mobile-btn .line:nth-child(3) {
        bottom: -1px;
        transform: translateY(-13px) rotate(-45deg);
    }

    .header-global .logo {
        margin: 0;
    }

        .header-global .logo .txt-logo {
            font-size: 1rem;
            text-align: center;
            display: block;
            font-weight: bold;
            margin: 0 0 5px;
        }

        .header-global .logo a {
            text-decoration: none;
        }

        .header-global .logo img {
            width: 130px;
            height: auto;
        }

    /*ヘッダーお知らせ*/
    .header-global .header-news {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        order: 3;
    }

        .header-global .header-news .header-shipping {
            width: 100%;
            box-sizing: border-box;
            padding: 10px 16px;
            background: #008cd7;
            text-align: center;
        }

            .header-global .header-news .header-shipping .txt-shipping {
                color: #fff;
                font-size: 2rem;
                font-weight: bold;
                display: block;
                letter-spacing: 0.05em;
                margin: 0 0 10px 0;
            }

        .header-global .header-news .txt-shipment {
            margin: 0;
            color: #fff;
            font-size: 1.5rem;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            letter-spacing: 0.05em;
        }

        .header-global .header-news .txt-shipping i {
            transform: scale(-1, 1);
            margin: 0 10px 0 0;
            font-size: 2.2rem;
        }

        .header-global .header-news .txt-shipment i {
            margin: 0 5px 0 0;
            font-size: 2.2rem;
        }

    .header-global .header-news-inner {
        display: flex;
        align-items: center;
        width: 100%;
        border-top: none;
        border-bottom: 1px solid #d0d0d0;
        background: #fafafa;
    }

        .header-global .header-news-inner .news-ttl {
            background: #101010;
            padding: 0 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            position: relative;
            margin: 0 30px 0 0;
            box-sizing: border-box;
            flex-shrink: 0;
            min-height: 5em;
        }

            .header-global .header-news-inner .news-ttl a,
            .header-global .header-news-inner .news-ttl a:visited,
            .header-global .header-news-inner .news-ttl a:link,
            .header-global .header-news-inner .news-ttl a:hover,
            .header-global .header-news-inner .news-ttl a:active {
                color: #fff;
            }
    #bottom_navi {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: #333333;
        display: inline-block;
        z-index: 999;
    }

	#bottom_navi ul li a {
		position: relative;
	}

        #bottom_navi span {
            font-size: 18px;
        }

		#bottom_navi .badge.badge-cart {
			font-size: 12px;
			padding: 3px 4px;
			position: absolute;
			top: -5px;
			right: -7px;
        }

        #bottom_navi ul {
            margin: 0;
            padding: 0;
        }

            #bottom_navi ul li {
                overflow: hidden;
                list-style: none;
                width: 33.333%; /*5列の場合は20%へ*/
                float: left;
                margin: 0;
                text-align: center;
                border-right: 1px solid #555555;
                padding: 9px 0 9px 0;
                box-sizing: border-box;
                font-size: 12px;
            }

                #bottom_navi ul li a {
                    color: #ffffff;
                }
                    #bottom_navi ul li a i {
                        color: #ffffff;
                        font-size: 16px;
                        margin-bottom: 5px;
                    }
                #bottom_navi ul li:last-child {
                    border: none;
                }
    .header-global .header-news-inner .news-ttl span {
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	transition: opacity 0.3s ease;
}

.header-global .header-news-inner .news-list span {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.4rem;
	color: #101010;
	line-height: 1.4;
}

/*ナビゲーション*/
.header-global .header-nav {
	display: flex;
	width: 100%;
	border-bottom: none;
	background: #fff;
	justify-content: flex-start;
	flex-direction: column;
	height: auto;
	flex-wrap: wrap;
}

.header-global .header-nav-inner {
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
}

.header-global .header-info {
	margin: 0 0 0 auto;
}

.header-global .header-info .img-company {
	display: none;
}

.header-global .header-contact {
	display: flex;
	align-items: center;
}

.header-global .header-contact .header-tel {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
	margin: 0 10px 0 0;
	line-height: 1.2;
	display: none;
}

.header-global .header-contact .header-tel a {
	font-size: 2.4rem;
	font-size: 0;
	font-weight: bold;
	color: #ed761a;
	pointer-events: auto;
	display: block;
	width: 40px;
	height: 40px;
	background: #008cd6;
	position: relative;
}

.header-global .header-contact .header-tel a:after {
	color: #fff;
	font-family: 'Font Awesome 5 Free';
	content: '\f879';
	font-size: 1.6rem;
	left: 50%;
	font-weight: 900;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}

.header-global .header-contact .header-tel br {
	display: none;
}

.header-global .header-contact .txt-btime {
	font-size: 1.2rem;
	text-align: center;
	display: none;
}


.header-global .header-contact .header-contact-btn a {
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	font-size: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #008cd6;
	position: relative;
}

.header-global .header-contact .header-contact-btn {
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
}

.header-global .header-contact .header-contact-btn a:hover {
	background: #008cd6;
}

.header-global .header-contact .header-contact-btn a:after {
	color: #fff;
	font-family: 'Font Awesome 5 Free';
	content: '\f0e0';
	font-size: 1.6rem;
	left: 50%;
	font-weight: 900;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}
.header-global .header-contact .header-tel-btn {
display: block;
}
.header-global .header-contact .header-tel-btn a {
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	font-size: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #008cd6;
	position: relative;
}
.header-global .header-contact .header-tel-btn {
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
}
.header-global .header-contact .header-tel-btn a:hover {
	background: #008cd6;
}
.header-global .header-contact .header-tel-btn a:after {
	color: #fff;
	font-family: 'Font Awesome 5 Free';
	content: '\f095';
	font-size: 1.6rem;
	left: 50%;
	font-weight: 900;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}

.header-global .header-category-nav {
	margin: 0;
	width: 100%;
	order: 2;
}

.header-global .header-category-nav:hover .category-list-nav {
	display: none;
}

.header-global .header-category-btn a {
	display: block;
	width: 100%;
	color: #fff;
	background: #ed761a;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	height: 100%;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
}

.header-category-nav .category-list-nav .category-list-group:hover .category-list-secondly {
	display: none;
}

.header-global .header-stock {
	display: none;
}

.header-global .nav-global {
	display: none;
}

.header-global form[name="search"] {
	width: 100%;
}

select::-ms-expand {
    display: none;
}

.header-global .search-product-nav {
	display: flex;
	align-items: center;
	height: auto;
	width: 100%;
	padding: 72px 8px 0;
	box-sizing: border-box;
	margin: 0 0 10px;
}

.header-global .search-category-list {
	position: relative;
	border: 1px solid #008cd6;
	background: #f0faff;
	font-size: 1.6rem;
	line-height: 1;
	width: 200px;
	box-sizing: border-box;
}

.header-global .search-category-list:after {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #008cd6;
	pointer-events: none;
	display: none;
}

.header-global .search-category-list select {
	appearance: none;
	width: 100%;
	border: none;
	outline: none;
	background-image: none;
	box-shadow: none;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	padding: 14px 0 14px 10px;
	line-height: 1;
	font-size:1.1rem;
	text-align: center;
}

.header-global .search-product-input {
	width: 100%;
}

.header-global .search-product-input .search-input {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 11px 5px;
	font-size:1.6rem;
	width: 100%;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.header-global .search-product-input .search-input:focus {
	border: 1px solid #cfcfcf;
	outline: 0;
}

.header-global .search-product-input .search-input:placeholder-shown {
	font-size: 1.2rem;
	color: #acacac;
	letter-spacing: 0.05em;
}

.header-global .search-product-input .search-input:-webkit-input-placeholder {
	font-size: 1.2rem;
	color: #acacac;
	letter-spacing: 0.05em;
}
.header-global .search-product-input .search-input:-moz-placeholder {
	font-size: 1.2rem;
	color: #acacac;
	letter-spacing: 0.05em;
}
.header-global .search-product-input .search-input::-moz-placeholder {
	font-size: 1.2rem;
	color: #acacac;
	letter-spacing: 0.05em;
}

.header-global .search-product-input .search-input:-ms-input-placeholder {
	font-size: 1.2rem;
	color: #acacac;
	letter-spacing: 0.05em;
}

.header-global .search-product-submit {
	display: flex;
	align-items: center;
	width: 64px;
	border: 1px solid #ddd;
	color: #fff;
	font-size: 1.4rem;
	background: #444;
	justify-content: center;
	flex-shrink: 0;

}

.header-global .search-product-submit input[type="submit"] {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	cursor: pointer;
	margin: 0 0 0 5px;
}

.header-global .nav-global {
	display: block;
	background: #fff;
	transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	z-index: 5;
	text-align: right;
	top: 64px;
	z-index: 999;
	overflow-y: scroll;
}

.is-show-menu .header-global .nav-global {
	right: 0;
}

.header-global .nav-global .nav-list {
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
	padding: 0 16px 50px;
	margin: 0;
	height: auto;
}

.header-global .nav-global .nav-list li {
	font-size: 1.4rem;
	list-style: none;
	font-weight: bold;
	border-left: 1px solid #fff;
	line-height: 1;
}

.header-global .nav-global .nav-list li #logoutForm {
	height: 100%;
}

.header-global .nav-global .nav-list li a {
	color: #101010;
	padding: 15px;
	transition: background-color 0.3s ease;
	text-decoration: none;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.header-global .nav-global .nav-list li:last-child {
	display: none;
}

.header-global .nav-global .nav-list li a:hover {
	background: #fff;
	color: #101010;
}

.header-global .nav-global .nav-list li a:hover i {
	color: #101010;
}

.header-global .nav-global .nav-list i {
	font-size: 2rem;
	margin: 0 3px 0 0;
}
.header-global .nav-global .nav-tel {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	text-align: left;
	margin: 0 5% 10px;
	line-height: 1.2;
	    display: block;
}

.header-global .nav-global .nav-tel a {
	font-size: 2.4rem;
	font-weight: bold;
	color: #ed761a;
	pointer-events: none;
}
/*------------------------------------------
 *	パンくず
------------------------------------------*/
.list-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.list-breadcrumb li {
	font-size: 1.2rem;
	margin: 0 0 10px;
	padding: 0 24px 0 0;
	position: relative;
}

/*------------------------------------------
 *	TOPカテゴリ一覧
------------------------------------------*/
.sec-category-list .category-list {
	display: flex;
	align-items: flex-start;
	margin: 0 0 30px;
	flex-wrap: wrap;
}

.sec-category-list .category-list .category {
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.sec-category-list .ttl-category {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sec-category-list .ttl-category a {
	color: #101010;
}

.sec-category-list .category-seccond {
	margin: 0 0 10px;
}

.sec-category-list .category-seccond-inner {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
}

.sec-category-list .category-seccond-inner a {
	width: 50%;
	display: flex;
	align-items: center;
	color: #101010;
	font-size: 1.3rem;
	margin: 5px 0;
	line-height: 1.2;
}

.sec-category-list .category-seccond-inner a:hover {
	text-decoration: underline;
}

.sec-category-list .category-seccond-inner a img {
	width: 40px;
	height: auto;
	margin: 0 5px 0 0;
}

.sec-category-list .category .btn-category-all {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	background: #eee;
	margin: 10px 10px 0;
	padding: 10px 0;
	cursor: pointer;
	box-sizing: border-box;
    transition:background-color 0.3s ease;
    font-weight: bold;
}

.sec-category-list .category .btn-category-all:hover {
	background:#eee;
}

.sec-category-list .category .btn-category-all.open {
	font-size:0;
}

.sec-category-list .category .btn-category-all.open:after {
	content:"カテゴリを隠す";
    text-align:center;
    font-size:1.2rem;
}

.sec-category-list .category-seccond-inner a:nth-of-type(n+7){
    display: none;
}

/*------------------------------------------
 *	ブログ一覧TOP
------------------------------------------*/
.list-productinfo {
    display:flex;
    flex-wrap:wrap;
    margin:0 16px 30px;
}

.list-productinfo .productinfo-link {
    padding:7px 5px 10px;
    display:block;
    transition:opacity 0.3s ease;
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 15px;
}

.list-productinfo .productinfo-link:hover {
    text-decoration:none;
    opacity:0.7;
}

.list-productinfo .productinfo-content {
    border:1px solid #ccc;
    padding:7px;
    height:100%;
}

.list-productinfo .productinfo-img {
    height: 120px;
    overflow:hidden;
}

.list-productinfo .productinfo-img img {
    width:100%;
    height:auto;
}

.list-productinfo .productinfo-date {
    color:#101010;
    font-size: 1.2rem;
    margin: 10px 0;
}

.list-productinfo .productinfo-ttl {
    color:#101010;
    line-height:1.2;
    font-size: 1.6rem;
}

/*------------------------------------------
 *	よくあるご質問
------------------------------------------*/
.list-all-faq {
    width: auto;
    margin: 0 16px 40px;
}

.list-all-faq  a {
    display: block;
    padding: 20px 0;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #008cd7;
    transition: background-color 0.3s ease;
    font-size: 1.8rem;
    font-weight: bold;
}

.list-all-faq  a:hover {
    background:#008cd7;
}

.list-faq {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 16px 10px;
	align-items: flex-start;
}

.list-faq li {
	width: 100%;
	border: 1px solid #008cd6;
	background: #f0faff;
	box-sizing: border-box;
	padding: 16px;
	margin: 0 0 20px;
	cursor: pointer;
}

.list-faq .question {
	display: flex;
	font-size: 1.6rem;
	align-items: center;
}


.list-faq .question .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 10px 0 0;
	background: #008cd6;
	font-weight: bold;
	text-align: center;
	width: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.list-faq .question p {
	font-weight: bold;

}

.list-faq .toggole-js {
	display: none;
}

.list-faq .answer {
	display: flex;
	font-size: 1.6rem;
	align-items: center;
	margin: 20px 0 0;
}


.list-faq .answer .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 10px 0 0;
	background: #ed761a;
	font-weight: bold;
	text-align: center;
	width: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.list-faq .answer p {
	font-weight: bold;
	line-height: 1.4;

}

.list-faq .answer p a {
	color:#008cd6;
	text-decoration: underline;
}

/*------------------------------------------
 *	お客様の声
------------------------------------------*/
.sec-voice .ttl-h2-top {
	font-size: 1.8rem;
	margin: 0 0 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}


.sec-voice .voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	align-items: flex-start;
}

.sec-voice .voice-list .voice {
	display: flex;
	width: 100%;
	padding: 0 10px 30px;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.voice-list .voice .img-voice {
	width: 90px;
	flex-shrink: 0;
	margin: 0 20px 0 0;
}

.voice-list .voice .img-voice img {
	width: 100%;
	height: auto;
}

.voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1.2;
}

.voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
}

.voice-list .voice .product-voice {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.2;
	word-break: break-all;
}

.voice-list .voice .product-rate {
	font-size: 1.2rem;
	margin: 0 0 5px;
}

.voice-list .voice .date-voice {
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.voice-list .voice .name-voice {
	font-size: 1.4rem;
	color: #101010;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.voice-list .voice .comment {
	font-size: 1.4rem;
	line-height: 1.6;
}

.voice-list .voice .comment-staff {
	margin: 12px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid #ddd;
}

.voice-list .voice .more-voice {
	font-size: 1.6rem;
	text-align: right;
	margin: 10px 10px 0 0;
}

.voice-list .voice .more-voice a {
	color: #008cd6;
	transition-duration: none;
}

.voice-list .voice .more-voice a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	お知らせ
------------------------------------------*/
.sec-news .ttl-h2-top {
	font-size: 1.8rem;
	margin: 0 0 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}

.sec-news .news-list li {
	display: flex;
	align-items: flex-start;
	padding: 0 16px 15px;
	margin: 0 0 15px;
	border-bottom: 1px dotted #444;
}

.sec-news .news-list .date {
	font-size: 1.2rem;
	margin: 5px 20px 0 0;
}

/*------------------------------------------
 *	現在の受注状況
------------------------------------------*/
.sec-order .tbl-order-container {
	margin: 0 auto;
	width: auto;
	padding: 0 16px;
}

.sec-order .tbl-ttl {
	width: 100%;
	background: #f0faff;
	display: table;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	display: none;
}

.sec-order .tbl-ttl p {
	display: table-cell;
	font-size: 1.4rem;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
}

.sec-order .tbl-ttl p:nth-child(1),
.sec-order .tbl-order .tbl-order-contents p:nth-child(1) {
	width: 15%;
}

.sec-order .tbl-ttl p:nth-child(2),
.sec-order .tbl-order .tbl-order-contents p:nth-child(2) {
	width: 10%;
}

.sec-order .tbl-ttl p:nth-child(3),
.sec-order .tbl-order .tbl-order-contents p:nth-child(3) {
	width: 40%;
}

.sec-order .tbl-ttl p:nth-child(4),
.sec-order .tbl-order .tbl-order-contents p:nth-child(4) {
	width: 15%;
}

.sec-order .tbl-ttl p:nth-child(5),
.sec-order .tbl-order .tbl-order-contents p:nth-child(5) {
	width: 20%;
}

.sec-order .tbl-order {
	height: 600px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.sec-order .tbl-order .tbl-order-contents {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
	height: 150px;
	vertical-align: middle;
	box-sizing: border-box;
}

.sec-order .tbl-order .tbl-order-js {
	position: absolute;
	left: 0;
	overflow: hidden;
}

.sec-order .tbl-order .tbl-order-contents p {
	font-size: 1.4rem;
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	border-right: none;
	box-sizing: border-box;
}

.sec-order .tbl-order .tbl-order-contents p img {
	max-width: 100px;
	height: auto;
}

.sec-order .tbl-order .tbl-order-contents p:last-child {
	border-right: #fff;
}

.sec-order .tbl-order .tbl-order-contents p a {
	color: #008cd6;
	text-decoration: underline;
}

.sec-order .tbl-order .tbl-order-contents p a:hover {
	text-decoration: none;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(1) {
	text-align: center;
	line-height: 1;
	order: 3;
	width: auto;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(1) br {
	display: none;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(2) {
	text-align: center;
	width: 20%;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(3) {
	line-height: 1.4;
	word-break: break-all;
	width: 80%;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(4) {
	text-align: center;
	width: auto;
	order: 4;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(5) {
	text-align: center;
	width: auto;
	order: 5;
}


/*------------------------------------------
 *	かごの中
------------------------------------------*/
.page-cart {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.cart-product-group {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.cart-product-group .cart-product .ttl-cart {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.cart-product-group .cart-product .ttl-cart i {
	margin: 0 10px 0 0;
	font-size: 1.8rem;
}

.cart-product-group .cart-product {
	margin: 0 0 20px;
	width: 100%;
}

.cart-product-group .cart-product .product {
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0 0 20px;
}

.cart-product .product .product-info {
	display: block;
	align-items: flex-start;
	margin: 0 0 15px;
	word-break: break-all;
}

.cart-product .product .product-info .img-product {
	width: 100px;
	flex-shrink: 0;
	margin: 0 15px 0 0;
}

.cart-product .product .product-info .txt-product .ttl-product {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1.4;
}

.cart-product .product .product-info .txt-product .ttl-product a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product .product .product-info .txt-product .ttl-product a:hover {
	text-decoration: underline;
}

.cart-product .product .product-info .txt-product .txt-productnum {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;

}

.cart-product .product .product-info .txt-product .txt-productname {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-info .txt-product .txt-productinfo {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 15px 0 0;
	word-break: break-all;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-price-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-shrink: inherit;
	align-items: center;
	padding: 0 5px 0 10px;
	box-sizing: border-box;
}

.cart-product .product .product-price-group .product-quantity {
	margin: 0 0 0 0;
}

.cart-product .product .product-price-group .product-quantity .btn-update {
	line-height:38px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	border-radius: 0;
	margin: 15px 0 0;
	transition: opacity 0.3s ease;
	-webkit-appearance:none;
	appearance:none;
}

.cart-product .product .product-price-group .product-quantity .btn-update:hover {
	opacity: 1;
}

.cart-product .product .product-price-group .product-price {
	font-size: 1.6rem;
	font-weight: bold;
	width: auto;
	text-align: right;
	margin: 0 0 0 auto;
}

.cart-product .product .product-price-group .btn-delete {
	font-size: 1.2rem;
	margin: 0 0 0 15px;
}

.cart-product .product .product-price-group .btn-delete a {
	text-decoration: none;
	color: #101010;
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
	border: 1px solid #aaa;
	border-radius: 5px;
	display: block;
	padding: 10px;
}

.cart-product .product .product-price-group .btn-delete a:hover {
	text-decoration: none;
}

.cart-product .product-total {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cart-product .product-total .txt-total {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.cart-product .product-total .txt-price {
	font-size: 2.2rem;
	font-weight: bold;
	color: #d00;
}

.cart-product .product-total .txt-tax {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 0 5px;
}

.cart-product-group .cart-buy {
	width: 100%;
	margin: 30px 0 30px;
	flex-shrink: inherit;
}

.cart-product-group .cart-buy .cart-buy-inner {
	padding: 20px;
	background: #eee;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-total {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-quantity {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 5px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-price {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 12px;
	color: #d00;
	text-align: right;
	padding: 0 0 10px;
	border-bottom: 2px solid #008cd6;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-login {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.4rem;
	width: auto;
	margin: 0 0 5px;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size:1.6rem;
	width: 100%;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost {
	font-size: 1.2rem;
	margin: 20px 0 20px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a:hover {
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy:hover {
	opacity: 1;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy input[type="submit"] {
	line-height:52px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue {
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 0;
	line-height:50px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a:hover {
	background: #fff;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist {
	font-size: 1.2rem;
	margin: 20px 0 20px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a:hover {
	text-decoration: none;
}

.cart-product-group .cart-buy .cart-buy-inner .input-check {
	display: flex;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-check {
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

.cart-product-group .cart-buy .txt-shipping {
	padding: 10px;
	border: 1px solid #d00;
	margin: 20px 0 0;
	font-size: 1.2rem;
	line-height: 1.4;
}

.cart-product-group .cart-buy .txt-shipping span {
	color: #d00;
	font-weight: bold;
}

.cart-product-group .cart-none {
	margin: 40px 0 50px;
}

.cart-product-group .cart-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .txt-done {
	font-size: 1.6rem;
	font-weight: normal;
}

.cart-product-group .cart-none .attention {
	color: #d00;
	font-size: 2.4rem;
}

.cart-product-group .cart-none .btn-continue {
	margin: 0 auto 10px;
	width: 100%;
}

.cart-product-group .cart-none .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .btn-continue a:hover {
	background: #fff;
}

/*数量増減部分*/

.input-quantity-group {
	display: flex;
	align-items: center;
}

.input-quantity-group .btn-sub,
.input-quantity-group .btn-add {
	width: 32px;
	height: 32px;
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
	border: 1px solid #aaa;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.input-quantity-group .btn-sub:disabled,
.input-quantity-group .btn-add:disabled {
	background: #bbb;
	border: 1px solid #aaa;
	cursor: default;
}

.input-quantity-group .btn-sub span,
.input-quantity-group .btn-add span {
	width: 14px;
	height: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.input-quantity-group .btn-add span:after {
	content: "";
	height: 14px;
	width: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.input-quantity-group .btn-sub:disabled span,
.input-quantity-group .btn-add:disabled span,
.input-quantity-group .btn-add:disabled span:after {
	background: #fff;
}

.input-quantity-group .input-quantity {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.6rem;
	width: 4em;
	margin: 0 5px;
	text-align: right;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

/*------------------------------------------
 *	注文内容確認画面
------------------------------------------*/
.page-cart-confirm {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-cart-confirm .ttl-cart {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-cart-confirm .ttl-info {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 15px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #008cd6;
	color: #fff;
}

.page-cart-confirm .tbl-cart-form {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.page-cart-confirm .tbl-cart-form th {
	padding: 12px 12px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	width: 100%;
	display: block;
	box-sizing: border-box;

}

.page-cart-confirm .tbl-cart-form td {
	padding: 15px;
	background: #fff;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	display: block;
	line-height: 1.4;
	box-sizing: border-box;
}

.page-cart-confirm .product-confirm {
	margin: 30px 0 0;
}

.page-cart-confirm .cart-product-group .cart-buy {
	width: 100%;
	margin: 20px 0 30px;
	flex-shrink: 0;
}

.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .txt-total {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}

.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .cart-total-price {
	display: flex;
	justify-content: space-between;
	margin: 0 0 15px;
	align-items: center;
	padding: 0 0 15px;
	border-bottom: 1px solid #008cd6;
	font-weight: bold;
	font-size: 1.6rem;
}

.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .txt-not-buy {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 30px 0 15px;
	text-align: center;
	color: #d00;
}

.page-cart-confirm .cart-product .product .product-info .img-product {
	width: 100px;
	margin: 0 15px 0 0;
	flex-shrink: 0;
}

.page-cart-confirm .cart-product .product .product-price-group {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	flex-shrink: 0;
	align-items: center;
	padding: 0;
}

.page-cart-confirm .cart-product .product .product-price-group .product-price-label {
	padding: 3px;
	background: #008cd6;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 10px;
	border-left: 1px solid #fff;
}

.page-cart-confirm .cart-product .product .product-price-group .product-price {
	width: 8em;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
}

/*------------------------------------------
 *	商品詳細
------------------------------------------*/
.page-product-detail {
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.page-product-detail .list-breadcrumb {
	padding: 0 16px;
}

/*商品詳細情報グループ*/
.product-info-group {
	display: flex;
	align-items: flex-start;
	margin: 0 0 40px;
	padding: 0 16px;
	flex-direction: column;
}

.product-detail {
	margin: 0;
	width: 100%;
}

.product-detail-inner {
	display: flex;
	flex-direction: column;
}

/*商品写真*/
.product-info-group .product-photo {
	margin: 0 0 20px;
	width: 100%;
}

.product-info-group .product-photo .product-photo-main {
	margin: 0 0 20px;
	text-align: center;
}

.product-info-group .product-photo .product-photo-main img {
	width: 100%;
	height: auto;
}

.product-info-group .product-photo .product-photo-sub {
	display: flex;
	flex-wrap: wrap;
}

.product-info-group .product-photo .product-photo-sub li {
	width:calc(20% - 10px);
	padding:0;
	border:1px solid #ddd;
	height:100%;
	margin: 0 5px 5px;
	box-sizing:border-box;
	cursor:pointer;
	transition:all 0.3s ease;
}

.product-info-group .product-photo .product-photo-sub li:hover,
.product-info-group .product-photo .product-photo-sub li.current {
	 border:1px solid #f98026;
}

.product-info-group .product-photo .product-photo-sub li:hover,
.product-info-group .product-photo .product-photo-sub li.current {
	 border:1px solid #ddd;
}

.product-info-group .product-photo .product-photo-sub li img {
	width: 100%;
	height: auto;
}

/*商品情報*/
.product-info .product-info-inner {
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

.product-info .product-info-inner .product-name {
	font-size: 2.2rem;
	line-height: 1.4;
	margin: 0 0 10px;
	font-weight: bold;
}

.product-info .product-info-inner .maker-logo {
	width: 60px;
	margin: 0 0 20px;
}

.product-info .product-info-inner .maker-logo img {
	width: 100%;
	height: auto;
}

.product-rate {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.product-rate span {
    color:#dedede;
    display: inline-block;
}

.product-rate.rate-10 span:nth-child(-n+1) {
    color:#e7711b;
}

.product-rate.rate-15 span:nth-child(-n+1) {
    color:#e7711b;
}

.product-rate.rate-15 span:nth-child(2) {
    position: relative;
}

.product-rate.rate-15 span:nth-child(2):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-20 span:nth-child(-n+2) {
    color:#e7711b;
}

.product-rate.rate-25 span:nth-child(-n+2) {
    color:#e7711b;
}

.product-rate.rate-25 span:nth-child(3) {
    position: relative;
}

.product-rate.rate-25 span:nth-child(3):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-30 span:nth-child(-n+3) {
    color:#e7711b;
}

.product-rate.rate-35 span:nth-child(-n+3) {
    color:#e7711b;
}

.product-rate.rate-35 span:nth-child(4) {
    position: relative;
}

.product-rate.rate-35 span:nth-child(4):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-40 span:nth-child(-n+4) {
    color:#e7711b;
}

.product-rate.rate-45 span:nth-child(-n+4) {
    color:#e7711b;
}

.product-rate.rate-45 span:nth-child(5) {
    position: relative;
}

.product-rate.rate-45 span:nth-child(5):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-50 span:nth-child(-n+5) {
    color:#e7711b;
}

.product-rate .voice-num {
	margin: 0 0 0 10px;
}

.product-rate .voice-num a {
	color: #007185;
}

.product-rate .voice-num a:hover {
	text-decoration: underline;
}

.product-info .product-info-inner .product-label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.product-info .product-info-inner .product-label li {
	font-size: 1.2rem;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-info .product-info-inner .product-label li.label-release {
	background: #5bc0de;
}

.product-info .product-info-inner .product-label li.label-order {
	background: #f0ad4e;
}

.product-info .product-info-inner .product-label li.label-stock {
	background: #808080;
}

.product-info .product-info-inner .product-label li.label-end {
	background: #d00;
}

.product-info .product-num {
	margin: 20px 0 35px;
	font-size: 1.6rem;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.05em;
}

.product-info .product-num p {
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}

.product-info .product-num p .num-left {
	text-align: right;
	width: 6em;
	font-weight: normal;
}

.product-info .product-num .num-past a:hover {
	text-decoration: underline;
}

.product-info .product-num .line-through {
	text-decoration: line-through;
}

.product-info .product-num .selling-price .price {
	font-weight: bold;
	font-size: 2.2rem;
	color: #d00;
}

.product-info .product-num .tax {
	font-size: 1.2rem;
}

.product-info .product-num .discount {
	font-size: 1.4rem;
	color: #d00;
	margin: 0 0 0 10px;
	letter-spacing: -0.02em;
}

.product-info .product-drawing {
	display: block;
}

.product-info .product-drawing .drawing-img {
	width: 100%;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-right: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
}

.product-info .product-drawing .drawing-img a {
	transition: opacity 0.3s ease;
	text-decoration: underline;
}

.product-info .product-drawing .drawing-img a:hover{
	opacity: 1;
}

.product-info .product-drawing .drawing-img span {
	display: block;
	color: #23527c;
}

.product-info .product-drawing .drawing-img img {
	display: none;
}

.product-info .product-drawing .drawing-btn {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-info .product-drawing .drawing-btn a {
	background: #f2f2f2;
	color: #101010;
	display: flex;
	padding: 5px;
	width: 48%;;
	height: 48px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 1.2rem;
	margin: 0 0 10px 0;
	text-decoration: none;
	border: 1px solid #bbb;
	word-break: break-all;
	text-align: center;
	transition: background-color 0.3s ease;
}

.product-info .product-drawing .drawing-btn a:hover {
	background: #f2f2f2;
	color: #101010;
	text-decoration: none;
}

.product-detail .tbl-standard {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
	width: 100%;
}

.product-detail .tbl-standard th {
	background: #f2f2f2;
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.product-detail .tbl-standard td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
}

.product-detail .tbl-standard td a {
	color: #008cd6;
	text-decoration: underline;
}

.product-detail .tbl-standard td a:hover {
	text-decoration: none;
}

.product-detail .tbl-standard td:last-child {
	padding: 10px;
}

.product-detail .tbl-standard .price {
	font-size: 1.6rem;
	color: #d00;
}

.product-detail .tbl-standard .tax {
	font-size: 1.2rem;
	font-weight: bold;
}

.product-detail .tbl-standard .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
}

.product-detail .tbl-standard .stock {
	font-size: 1.2rem;
	background: #808080;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}


.product-detail .tbl-standard .end {
	font-size: 1.2rem;
	background: #d00;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-detail .tbl-standard .order {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-detail .tbl-standard .manufact {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #d00;
	font-weight: bold;
}



.product-detail .tbl-standard input[type="text"] {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.4rem;
	width: 6em;
}

.product-detail .tbl-standard .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.product-detail .tbl-standard .btn-cart:hover {
	opacity: 0.7;
}

.product-detail .tbl-standard .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.product-detail .tbl-standard .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

.product-detail .staff-comment {
	padding: 20px;
	background: #ddd;
	border-radius: 10px;
	margin: 20px 0 20px;
}

.product-detail .staff-comment p {
	font-size: 1.2rem;
	line-height: 1.4;
}

.product-detail .staff-comment a {
	text-decoration: underline;
	color: #008cd6;
}

.product-detail .staff-comment a:hover {
	text-decoration: underline;
}

.product-detail .staff-comment .staff-comment-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.product-detail .staff-comment .staff-comment-ttl i {
	margin: 0 10px 0 0;
}

.product-detail .product-attention {
	margin: 20px 0 30px;
	padding: 0;
}

.product-detail .product-attention p {
	font-size: 1.2rem;
	line-height: 1.4;
}

.product-detail .product-attention .attention-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.product-detail .product-attention .attention-ttl i {
	margin: 0 10px 0 0;
}

/*カートに入れる*/
.product-cart {
	width: 100%;
	flex-shrink: 0;
	margin: 0;
}

.product-cart .btn-product-contact {
	margin: 0 0 15px;
}

.product-cart .btn-product-contact:hover,
.product-cart .btn-favorite:hover {
	background: #fff;
}

.product-cart .btn-product-contact input[type="submit"],
.product-cart .btn-favorite input[type="submit"] {
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.product-detail .tbl-standard-group {
	width: 100%;
	overflow-x:scroll;
	margin: 0;
}

.product-detail .tbl-standard {
	width: 1024px;
	table-layout: fixed;
	margin: 30px 0 0;
	border-right: 1px solid #ddd;
}

.product-detail .tbl-standard td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	line-height: 1.4;
	vertical-align: middle;
}

.product-detail .tbl-standard input[type="text"] {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.4rem;
	width: 6em;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}


/*------------------------------------------
 *	商品グループ
------------------------------------------*/
.page-productgroup {
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.page-productgroup .list-breadcrumb {
	padding: 0 16px;
}

/*商品詳細情報グループ*/
.productgroup-info-group {
	display: block;
	margin: 0 0 40px;
	padding: 0 16px;
}

.page-productgroup .product-cart {
	width: 100%;
	flex-shrink: 0;
	margin: 0;
}

.productgroup-info-group .productgroup-info {
	margin: 0;
}

/*商品グループ関連記事*/
.productgroup-info-group .product-relation-article {
	margin: 0;
}

.productgroup-info .product-name {
	font-size: 2rem;
	line-height: 1.4;
	margin: 0 0 10px;
	font-weight: bold;
}

.productgroup-info .maker-logo {
	width: 60px;
	margin: 0 0 10px;
}

.productgroup-info .maker-logo img {
	width: 100%;
	height: auto;
}

/*商品写真*/
.productgroup-info .productgroup-photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px;
	order: 2;
}

.productgroup-info .productgroup-photo .product-photo-main {
	width: 80%;
	margin: 0 auto;
	padding: 0 10px 10px;
	box-sizing: border-box;
}

.productgroup-info .productgroup-photo .product-photo-main a {
	display: block;
	border: 1px solid #ddd;
	padding: 2px;
	transition: opacity 0.3s ease;
}

.productgroup-info .productgroup-photo .product-photo-main a:hover {
	opacity: 0.7;
}

.product-info-group .product-photo .product-photo-main img {
	width: 100%;
	height: auto;
}

.productgroup-info .productgroup-txt-area {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 25px;
}

.productgroup-info .productgroup-feature {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 0 30px;
}

.productgroup-info .productgroup-feature h2 {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1;
	padding: 0 0 10px 0;
	margin: 0 0 20px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.item-property {
	display:flex;
	align-items:flex-start;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0 0 25px;
}

.item-property .img-property {
	width:26%;
	margin:0 4% 0 0;
}

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

.item-property .body-property {
	width: 70%;
}

.item-property > .body-property {
	width: 100%;
}

.item-property .inner-property {
	display:flex;
	justify-content:space-between;
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
	margin: 0 0 15px;
	align-items: center;
}

.item-property .ttl-property {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 1.4rem;
}

.item-property .note-property {
	margin: 0;
	font-size: 1.2rem;
}

.item-property .note-property a {
	text-decoration: underline;
}

.item-property .name-property {
	font-weight:bold;
	font-size: 1.4rem;
	margin: 0 0 5px;
	color: #d9534f;
}

.item-property .txt-property {
	font-size: 1.3rem;
	line-height: 1.6;
}

.productgroup-info .product-attention {
	margin: 0 0 30px;
	padding: 0;
}

.productgroup-info .product-attention p {
	font-size: 1.2rem;
	line-height: 1.4;
}

.productgroup-info .product-attention .attention-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.productgroup-info .product-attention .attention-ttl i {
	margin: 0 10px 0 0;
}



.page-productgroup .tbl-standard-group {
	width: 100%;
	margin: 15px 0 25px;
	/* overflow-x:scroll;
	margin: 0; */
}

.page-productgroup .tbl-standard {
	width: 100%;
	table-layout: fixed;
	margin: 30px 0 0;
	border-right: 1px solid #ddd;
}


.productgroup-info .tbl-standard th {
	background: #f2f2f2;
	/* padding: 10px 20px; */
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 40%;
	padding: 10px 1px;
}

.productgroup-info .tbl-standard td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	line-height: 1.4;
	vertical-align: middle;
	width: 60%;
}

.productgroup-info .tbl-standard td a {
	color: #008cd6;
	text-decoration: underline;
}

.productgroup-info .tbl-standard td a:hover {
	text-decoration: none;
}

.productgroup-info .tbl-standard td:last-child {
	padding: 10px;
}

.product-info .tbl-standard .price {
	font-size: 1.6rem;
	color: #d00;
}

.productgroup-info .tbl-standard .tax {
	font-size: 1.2rem;
	font-weight: bold;
}

.productgroup-info .tbl-standard .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
}

.productgroup-info .tbl-standard .stock {
	font-size: 1.2rem;
	background: #808080;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}


.productgroup-info .tbl-standard .end {
	font-size: 1.2rem;
	background: #d00;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.productgroup-info .tbl-standard .order {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.productgroup-info .tbl-standard .manufact {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #d00;
	font-weight: bold;s
}

.productgroup-info .tbl-standard input[type="text"] {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	/* padding: 8px; */
	font-size: 1.4rem;
	width: 6em;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
	min-width: 4em;
	padding: 8px 20px 8px 8px;
}

.productgroup-info .tbl-standard .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
	margin-left: 2px;
	font-size: 10px;
}

.productgroup-info .tbl-standard .btn-cart:hover {
	opacity: 0.7;
}

.productgroup-info .tbl-standard .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.productgroup-info .tbl-standard .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

/*------------------------------------------
 *	カテゴリー
------------------------------------------*/
.page-category {
	width: 100%;
	box-sizing: border-box;
}

.page-category .list-breadcrumb {
	padding: 0 16px;
}

.page-category .list-productinfo {
    display:flex;
    flex-wrap:wrap;
    margin:0 16px 30px;
}

.page-category .list-all-faq {
    width: auto;
    margin: 0 16px 40px;
}

.page-category .list-faq {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 16px 10px;
	align-items: flex-start;
}

.category-group {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 16px;
}

.category-page-nav {
	display: flex;
	flex-wrap: wrap;
}

.category-page-nav .category {
	width: 100%;
	padding: 0 5px 18px;
	box-sizing: border-box;
}

.category-page-nav {
	margin: 0 0 30px;
}
.category-page-nav a {
	display: flex;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 100px;
	background-size: auto 100%;
	background-position: right center;
	background-repeat:no-repeat;
	position: relative;
	transition:opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
	align-items: center;
}

.category-page-nav .category-summary a {
	display: inline;
	border: none;
	border-radius: 0;
	height: auto;
	background-size: auto 100%;
	background-position: right center;
	background-repeat:no-repeat;
	position: relative;
	transition:opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
    background-image:none;
}

.category-page-nav a:hover {
	opacity:1;
	text-decoration:none;
}

.category-page-nav a:visited {
	text-decoration:none;
}

.category-page-nav .category-logo {
	width: 20%;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 1;
}

.category-page-nav .category-logo img {
	width: 80%;
	height: auto;
	vertical-align: top;
}

.category-page-nav .category-name {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.1;
	color: #333;
	padding: 13px 0 0 10px;
	margin: 0;
	word-break: break-all;
	box-sizing: border-box;
    text-decoration:none;
    text-shadow: 0px 1px 1px rgba(255,255,255,1),1px 1px 1px rgba(255,255,255,0.8);
    position:relative;
    z-index:2;
}

.category-page-nav .category-name .count {
	font-size: 1.2rem;
	margin: 0 0 0 3px;
}



.category-page-nav .category-name .size-adjust {
	font-size: 1.3rem;
}

.category-page-nav .pricerate-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0 20px;
}

.category-page-nav .pricerate-area .price {
	margin: 0;
	font-size: 1.8rem;
	color:#d00;
	font-weight: bold;
	line-height: 1;
}

.category-page-nav .pricerate-area .price span {
	font-size: 1.2rem;
	font-weight: normal;
	color:#333;
}

.category-page-nav .pricerate-area .rate {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1;
}

.category-page-nav .pricerate-area .rate span {
	font-size: 1.8rem;
	color: #d00;
}

.category-page-nav .category-summary {
	margin: 10px 0 0;
}

/*カテゴリ第一階層ナビゲーション*/
.page-category .first-category-nav {
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: column;
}

.page-category .first-category-nav .first-category-container {
	width: 100%;
}

.page-category .first-category-nav .first-category-inner {
	padding: 0 0 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.page-category .first-category-nav .ttl-seccond-category {
	background: #f0faff;
	padding: 15px;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	position: relative;
}

.page-category .first-category-nav .ttl-seccond-category .btn-sp {
	display: block;
	position: absolute;
	width: 48px;
	height: 40px;
	top: 50%;
	right: 0;
	margin: -20px 0 0;
}

.page-category .first-category-nav .ttl-seccond-category .btn-sp:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 12px;
	right: 15px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
	width: 12px;
	transform: rotate(135deg);
}

.page-category .first-category-nav .ttl-seccond-category .btn-sp.open:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 12px;
	right: 15px;
	margin: -2px 0 0;
	position: absolute;
	top: 50%;
	width: 12px;
	transform: rotate(-45deg);
}

.page-category .first-category-nav .ttl-seccond-category a {
	color: #101010;
	text-decoration: none;
}

.page-category .first-category-nav .ttl-seccond-category a:hover {
	text-decoration: underline;
	color: #008cd6;
}

.page-category .first-category-nav .category-list-lower {
	padding:5px 15px 15px;
	width: 100%;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	list-style: none;
	display: none;
}

.page-category .first-category-nav .category-list-lower li {
	color: #101010;
	text-decoration: none;
	padding: 12px 0 0;
	line-height: 1.4;
	word-break: break-all;
}

.page-category .first-category-nav .category-list-lower li a {
	font-size: 1.4rem;
	list-style: none;
	color: #101010;
}

.page-category .first-category-nav .category-list-lower li a:hover {
	text-decoration: underline;
	color: #101010;
}

/*検索ボタンスマホの場合のみ出現*/
.search-btn-group {
	display:flex;
	align-items:center;
}

.search-btn-group .menu-mobile-search {
	padding: 6px;
	color: #4d4d4d;
	line-height: 1;
	border: 1px solid #aaa;
	border-radius: 4px;
	background: linear-gradient(180deg,#fff,#f7f7f7);
	cursor:pointer;
	width:auto;
	margin:0 15px 0 0;
	font-size: 1.3rem;
}

.search-btn-group .search-reset {
	background: #666;
	color: #fff;
	border-radius: 5px;
	display: block;
	transition: background-color 0.3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px;
	font-size: 1.3rem;
	text-decoration: none;
}

.search-btn-group .search-reset:hover {
	color:#fff;
	text-decoration:none;
	background: #666;
}

.select-param-mobile {
	display: block;
	margin:15px 0 0;
}

.select-param-mobile .select-param {
	display:inline-block;
	margin:5px 10px 0 0;
	font-size:1.2rem;
}

.ttl-h1 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 25px;
}

.ttl-h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 30px 0 30px;
	/*padding: 20px;*/
	/*border-top: 5px solid #008cd6;*/
	/*background: #f4f4f4;*/
}

.page-category .category-contents {
	width: 100%;
}

.category-contents .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}

.category-productlist {
	margin: 20px 0 50px;
}

.category-productlist .category-productlist-ttl {
	border-top: 5px solid #008cd6;
	background: #eee;
	border-bottom: 1px solid #d0d0d0;
	padding: 12px 4px 15px;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0 0 30px;
}

.category-productlist-ttl .category-count {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.category-productlist-ttl .category-count .product-count {
	font-size: 1.3rem;
	margin: 0 10px 0 0;
}

.category-productlist-ttl .category-count .product-count span {
	font-weight: bold;
}

.category-productlist-ttl .product-style-select {
	font-size: 1.4rem;
	margin: 0 10px 0 10px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.category-productlist-ttl .product-style-select:hover,
.category-productlist-ttl .product-style-select.current {
	color: #008cd6;
}

.category-productlist-ttl .product-style-select i {
	margin: 0 5px 0 0;
}

.category-productlist-ttl .category-sort {
	display: flex;
	align-items: center;
	margin: 20px 0 0 auto;
}

.category-productlist-ttl .category-sort p {
	font-size: 1.4rem;
	margin: 0 10px 0 0;
}

.category-productlist-ttl .category-sort .select-category-sort {
	font-size: 1.6rem;
	padding: 5px 20px 5px 5px;
}

.category-productlist-inner .product-group {
	display: flex;
	justify-content: flex-start;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px;
	flex-direction: column;
}

.category-productlist-inner .product-group .product-group-inner {
	display: flex;
	align-items: flex-start;
	margin: 0 0 20px;
}

.category-productlist-inner .product-group-inner .product-photo {
	flex-shrink: 0;
	width: 100px;
	margin: 0 15px 0 0;
}

.category-productlist-inner .product-group-inner .product-photo a {
	transition: opacity 0.3s ease;
}

.category-productlist-inner .product-group-inner .product-photo a:hover {
	opacity: 1;
}

.category-productlist-inner .product-group-inner .product-name-group .maker-logo {
	width: 65px;
	margin: 0 0 10px;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name {
	font-size: 1.6rem;
	margin: 0 0 10px;
	line-height: 1.2;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name a {
	color: #008cd6;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name a:hover {
	text-decoration: none;
}

.category-productlist-inner .product-group-inner .product-name-group .product-txt {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 15px 0 0;
}

.category-productlist-inner .product-group .product-price-area {
	width: 100%;
	flex-shrink: 0;
	margin: 0;
	text-align: right;
}

.category-productlist-inner .product-price {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 8px;
}

.category-productlist-inner .product-price .price {
	color: #d00;
}

.category-productlist-inner .product-price .tax {
	color: #101010;
	font-size: 1.4rem;
	margin: 0 0 0 5px;
}

.category-productlist-inner .product-price-area .stock {
	font-size: 1.2rem;
	margin: 0;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	background: #808080;
	display: inline-block;
	line-height: 1;
}

.category-productlist-inner .product-price-area .btn-productgroup {
	margin: 20px 0 0;
}

.category-productlist-inner .product-price-area .btn-productgroup a {
	display: block;
	padding: 15px;
	text-align: center;
	color: #fff;
	background: #008cd6;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.category-productlist-inner .product-price-area .btn-productgroup a:hover {
	opacity: 1;
}

.category-productlist-inner .product-price-area .txt-kind-productgroup {
	font-size: 1.4rem;
	margin: 10px 0 0;
}

.category-productlist-photostyle {
	display: flex;
	flex-wrap: wrap;
}

.category-productlist-photostyle .product-group {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 5px;
	border-bottom: none;
	margin: 0 0 20px;
	width: 50%;
	box-sizing: border-box;
}

.category-productlist-photostyle .product-group .product-group-inner {
	display: block;
	margin: 0 0 15px;
}

.category-productlist-photostyle .product-group-inner .product-photo {
	flex-shrink: inherit;
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}

.category-productlist-photostyle .product-group-inner .product-photo img {
	max-width: 100%;
	height: auto;
}

.category-productlist-photostyle .product-group-inner .product-name-group .maker-logo {
	width: 60px;
	margin: 0 0 8px;
}

.category-productlist-photostyle .product-group-inner .product-name-group .product-name {
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 0 0 8px;
	word-break: break-all;
}

.category-productlist-photostyle .product-rate {
	font-size: 1.2rem;
	margin: 0;
}

.category-productlist-photostyle .product-group-inner .product-name-group .product-txt {
	display: none;
}

.category-productlist-photostyle .product-group .product-price-area {
	width: auto;
	flex-shrink: inherit;
	margin: 5px 0 0;
}

.category-productlist-photostyle .product-price {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	word-break: break-all;
}

.category-productlist-photostyle .product-price .tax {
	color: #101010;
	font-size: 1.2rem;
	margin: 0;
}

.category-productlist-photostyle .product-price-area .stock {
	font-size: 1.2rem;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	background: #808080;
	display: inline-block;
	line-height: 1;
}

.category-productlist-photostyle .product-price-area .btn-productgroup {
	margin: 20px 0 0;
}

.category-productlist-photostyle .product-price-area .btn-productgroup a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #008cd6;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.category-productlist-photostyle .product-price-area .txt-kind-productgroup {
	font-size: 1.2rem;
	margin: 10cpx 0 0;
}

/*関連記事*/
.product-relation-article {
	width: 100%;
	flex-shrink: 0;
	margin: 0 0 40px;
}

.product-relation-article .ttl-relation-article {
	padding: 16px 0;
	border-top: 5px solid #008cd6;
	background: -webkit-repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    background: -o-repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    background: repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
}

.product-relation-article .list-article {
	padding: 0 16px;
}

.product-relation-article .list-article li {
	padding: 0;
	margin: 15px 0 0;
	text-align: center;
}

.product-relation-article .list-article a {
	transition: opacity 0.3s ease;
}

.product-relation-article .list-article a:hover {
	opacity: 1;
}

.product-relation-article .list-article img {
	width: 100%;
	height: auto;
}


/*ページネーション*/
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 0;
}

.pagination li {
	margin: 0 2px;
	font-size: 1.4rem;
}

.pagination li a {
	display: block;
	border: 1px solid #ccc;
	padding: 12px 3px;
	text-align: center;
	color: #101010;
	text-decoration: none;
	width: 2em;
	transition: background-color 0.3s ease,color 0.3s ease;
}

.pagination li a:hover,
.pagination li.active a {
	background: #008cd6;
	color: #fff;
}

.pagination li.PagedList-ellipses a {
	display: block;
	border: none;
	padding: 2px 1px;
	text-align: center;
	width: auto;
}

.pagination li.PagedList-ellipses a:hover {
	background: transparent;
	color: #101010;
}

.pagination li.PagedList-skipToPrevious a,
.pagination li.PagedList-skipToNext a {
	font-size: 0;
	position: relative;
	width: auto;
}

.pagination li.PagedList-skipToPrevious.disabled a,
.pagination li.PagedList-skipToNext.disabled a {
	border: none;
	color: #777;
}

.pagination li.PagedList-skipToPrevious.disabled a:hover,
.pagination li.PagedList-skipToNext.disabled a:hover {
	background:transparent;
	color: #777;
}

.pagination li.PagedList-skipToPrevious a {
	padding: 12px 5px 12px 14px;
}

.pagination li.PagedList-skipToNext a {
	padding: 12px 14px 12px 5px;
}

.pagination li.PagedList-skipToPrevious a:after {
	content: "前へ";
	font-size:1.2rem;
}

.pagination li.PagedList-skipToNext a:after {
	content: "次へ";
	font-size:1.2rem;
}

.pagination li.PagedList-skipToPrevious a:before {
	border-right: 1px solid #101010;
	border-top: 1px solid #101010;
	content: "";
	height: 5px;
	left: 7px;
	margin: -3px 0 0 -3px;
	position: absolute;
	top: 50%;
	width: 5px;
	transition: border-color 0.3s ease;
}

.pagination li.PagedList-skipToNext a:before {
	border-right: 1px solid #101010;
	border-top: 1px solid #101010;
	content: "";
	height: 5px;
	right: 7px;
	margin: -3px 0 0 -3px;
	position: absolute;
	top: 50%;
	width: 5px;
	transition: border-color 0.3s ease;
}

.pagination li.PagedList-skipToPrevious a:hover:before,
.pagination li.PagedList-skipToNext a:hover:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.pagination li.PagedList-skipToPrevious.disabled a:before,
.pagination li.PagedList-skipToNext.disabled a:before {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

.pagination li.PagedList-skipToPrevious.disabled a:hover:before,
.pagination li.PagedList-skipToNext.disabled a:hover:before {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

.pagination li.PagedList-skipToPrevious a:before {
	transform: rotate(-135deg);
}

.pagination li.PagedList-skipToNext a:before {
	transform: rotate(45deg);
}

/*サイドバーカテゴリページ*/
.page-category+.side-menu .calender  {
	display: none;
}

/*サイドバーカテゴリページ*/
.page-category+.side-menu {
	position: fixed;
	z-index: 5000;
	top: 0;
	right: 0;
	overflow-y: auto;
	width: 100%;
	height: 100vh;
	pointer-events: ;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	background: #fff;
	padding: 50px 0 100px;
	box-sizing: border-box;
	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.is-show-menu .page-category+.side-menu {
	display: block;
	transform: translateX(0);
	pointer-events: initial;
}

.page-category+.side-menu .sidemenu-category {
	margin: 0;
	border-top: 1px solid #d0d0d0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.page-category+.side-menu .sidemenu-category.refine {
	margin: 0;
	border-top: 1px solid #d0d0d0;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d0d0d0;
}

.page-category+.side-menu .sidemenu-category .search-param-list li {
	margin: 15px 0 0;
}

.page-category+.side-menu .sidemenu-category .search-param-list {
	padding: 5px 10px 15px;
}

.page-category+.side-menu .sidemenu-category-tree p {
	margin: 15px 0 0;
}

.page-category+.side-menu .sidemenu-category-tree .category-tree-list {
	padding: 5px 10px 15px;
}

.mobile-search-closebtn {
	width: 53px;
	height: 50px;
	background: #fff;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.mobile-search-closebtn .menu-btn {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mobile-search-closebtn .menu-btn .line {
	display: block;
	width: 100%;
	height: 2px;
	background: #008cd6;
	position: absolute;
	transition: transform .1s linear;
}

.mobile-search-closebtn .line:first-child {
	transform: translateY(6px) rotate(45deg);
}

.mobile-search-closebtn .line:nth-child(2) {
	opacity: 0;

}
.mobile-search-closebtn .line:nth-child(3) {
	bottom: -1px;
	transform: translateY(-13px) rotate(-45deg);
}

/*関連カテゴリ*/
.sec-relation-category .list-relation-category {
	padding: 0 16px;
}

.sec-relation-category .list-relation-category li {
	font-size: 1.4rem;
	padding: 0 0 0 20px;
	position: relative;
	margin: 0 20px 15px 0;
}

.sec-relation-category .list-relation-category a {
	color: #008cd6;
	text-decoration: underline;
}

.sec-relation-category .list-relation-category a:hover {
	text-decoration: underline;
}


/*サイドバーカテゴリ*/
.sidemenu-category {
	border-top: 5px solid #008cd6;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 10px;
}

.sidemenu-category a {
	font-size: 1.3rem;
	color: #333;
	transition: color 0.3s ease;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.sidemenu-category a:hover {
	color: #008cd6;
	text-decoration: underline;
}

.sidemenu-category .search-param-list {
	padding: 5px 10px 10px;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-category .search-param-list li {
	margin: 8px 0 0;
	line-height: 1.2;
}

.sidemenu-category .search-param-list li.current a {
	color: #101010;
	font-weight: bold;
}

.sidemenu-category .search-param-list li.disabled a {
	pointer-events: none;
	color: #bbb;
}

.sidemenu-category .search-param-list li.current a:hover {
	color: #101010;
}

.sidemenu-category .search-param-list li.current a:after {
	content: " [×]";
	font-size: 1.3rem;
}

.sidemenu-category .search-param-list .product-rate {
	font-size: 1.3rem;
}

.sidemenu-category .search-param-list a:hover .product-rate {
	color: #008cd6;
}

.sidemenu-category .search-param-list li.current a:hover .product-rate {
	color: #101010;
}

.sidemenu-category .search-param-list li.disabled .product-rate {
	color: #bbb;
}

.sidemenu-category .search-param-list .checkbox {
	vertical-align: middle;
	width: 16px;
	height: auto;
}

.sidemenu-category h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.6rem;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	color: #101010;
}

.sidemenu-category h3:after {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	content: "";
	height: 8px;
	right: 10px;
	margin: -3px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sidemenu-category.open h3:after {
	margin: -8px 0 0;
	transform: rotate(135deg);
}

.sidemenu-category-tree h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.6rem;
	position: relative;
	cursor: inherit;
	font-weight: bold;
	color: #101010;
}

.sidemenu-category-tree h3:after {
	display: none;
}

.sidemenu-category-tree .category-tree-list {
	padding: 5px 10px 10px;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-category-tree p {
	margin: 7px 0 0;
	line-height: 1.2;
	word-break: break-all;
}

.sidemenu-category-tree p.current a {
	font-weight: bold;
	color: #101010;
}

.sidemenu-category-tree .hierarchy-1 {
	padding: 0 0 0 1em;
}

.sidemenu-category-tree .hierarchy-2 {
	padding: 0 0 0 2em;
}

.sidemenu-category-tree .hierarchy-3 {
	padding: 0 0 0 3em;
}

.sidemenu-category-tree .hierarchy-4 {
	padding: 0 0 0 4em;
}


/*サイドバーメーカー*/
.sidemenu-maker {
	border-top: 5px solid #008cd6;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 30px;
}

.sidemenu-maker h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}

.sidemenu-maker h3:before {
	color: #008cd6;
	font-family: 'Font Awesome 5 Free';
	content: '\f1ad';
	font-size: 2.4rem;
	left: 15px;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.sidemenu-maker h3 a {
	color: #101010;
	text-decoration: none;
	padding: 0 0 0 25px;
}

.sidemenu-maker h3 a:hover {
	color: #008cd6;
}

.sidemenu-maker .sidemenu-maker-syllabary {
	background: #eee;
	padding: 15px;
	font-size: 1.4rem;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	color: #101010;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-maker .sidemenu-maker-syllabary:after {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	content: "";
	height: 8px;
	right: 10px;
	margin: -3px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sidemenu-maker .sidemenu-maker-syllabary.open:after {
	margin: -8px 0 0;
	transform: rotate(135deg);
}

.sidemenu-maker .sidemenu-maker-list {
	border-top: 1px solid #d0d0d0;
}

.sidemenu-maker .sidemenu-maker-list a {
	line-height: 1.2;
	display: block;
	padding: 8px 10px;
	font-size: 1.3rem;
	border-bottom: 1px dotted #d0d0d0;
	word-break: break-all;
	color: #008cd6;
}

.sidemenu-maker .sidemenu-maker-list a:hover {
	text-decoration: underline;
}

.sidemenu-maker .sidemenu-maker-list li:last-child a {
	border-bottom: none;
}

/*カレンダー*/
.calender {
	margin: 0 0 30px;
}

.tbl-calender {
	width: 100%;
	font-size: 1.3rem;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}

.tbl-calender details {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.4;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	padding: 0 5px;
	background: #f0faff;
}

.tbl-calender summary {
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 8px 0;
	cursor: pointer;
}

.tbl-calender th {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px 3px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.tbl-calender th:nth-child(1) {
	color: #df6060;
}

.tbl-calender th:nth-child(7) {
	color: #46b7ec;
}

.tbl-calender td {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px 3px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

.tbl-calender td.off {
	background: #ddd;
}

/*商品詳細自由入力エリア*/
.product-free-area {
	font-size: 2rem;
	margin: 30px; 0 50px;
}


/*------------------------------------------
 *	各種テーブルレイアウト
------------------------------------------*/

.user-infoinput .tbl-cart-form th {
	padding: 15px 10px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.user-infoinput .tbl-cart-form td {
	padding: 10px;
	background: #fff;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.user-infoinput .tbl-cart-form input[type="text"],
.user-infoinput .tbl-cart-form input[type="email"],
.user-infoinput .tbl-cart-form input[type="tel"],
.user-infoinput .tbl-cart-form input[type="password"]  {
	border-radius: 0;
	font-size: 1.6rem;
	padding: 8px 7px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.05em;
	-webkit-appearance:none;
	appearance:none;
}

.user-infoinput .tbl-cart-form .input-mini {
	width: 25%;
}

/*------------------------------------------
 *	プライバシーポリシー
------------------------------------------*/
.page-privacypolicy {
	width: 100%;
	padding: 0;
}

.page-privacypolicy .ttl-privacypolicy {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-privacypolicy .privacypolicy-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-privacypolicy .txt-privacypolicy {
	font-size: 1.4rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.page-privacypolicy .privacypolicy h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 25px 0 15px;
}

.page-privacypolicy .privacypolicy p {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 10px;
}

.page-privacypolicy .privacypolicy ol {
	margin: 0 0 30px;
}

.page-privacypolicy .privacypolicy ol li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 5px;
}

.page-privacypolicy .privacypolicy .list-decimal {
	list-style: decimal inside;
}

/*------------------------------------------
 *	特定商取引に関する法律に基づく表記
------------------------------------------*/
.page-actonsct {
	width: 100%;
	padding: 0;
}

.page-actonsct .ttl-actonsct {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-actonsct .actonsct-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-actonsct .tbl-actonsct {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.page-actonsct .tbl-actonsct th {
	padding: 10px;
	background: #eee;
	text-align: left;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.page-actonsct .tbl-actonsct td {
	padding: 12px;
	background: #fff;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	line-height: 1.6;
	display: block;
	box-sizing: border-box;
}

.page-actonsct .tbl-actonsct a {
	color: #008cd6;
	text-decoration: underline;
}

.page-actonsct .tbl-actonsct a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	ご利用規約
------------------------------------------*/
.page-userpolicy {
	width: 100%;
	padding: 0;
}

.page-userpolicy .ttl-userpolicy {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-userpolicy .userpolicy-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-userpolicy .attention {
	color: #d00;
	font-size: 1.4rem;
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 1.6;
}

.page-userpolicy .txt-userpolicy {
	font-size: 1.4rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.page-userpolicy .userpolicy h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 30px 0 15px;
}

.page-userpolicy .userpolicy h4 {
	font-weight: bold;
	font-size: 1.4rem;
	margin: 30px 0 15px;
}

.page-userpolicy .userpolicy p {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 10px;
}

.page-userpolicy .userpolicy ol {
	margin: 0 0 30px;
}

.page-userpolicy .userpolicy ol li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 5px;
}

.page-userpolicy .userpolicy .list-decimal {
	list-style: decimal inside;
}

/*------------------------------------------
 *	おすすめ商品一覧
------------------------------------------*/
.page-campaign {
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
}

.page-campaign .campaign-group {
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-campaign .campaign-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.page-campaign .campaign-list .campaign {
	width: 100%;
	margin: 0 0 30px;
}

.page-campaign .campaign .ttl-campaign {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 15px 0 15px;
	width: 100%;
	font-weight: bold;
	box-sizing: border-box;
}

.page-campaign .campaign .img {
	margin: 0 auto 20px;
	width: 300px;
	border: 1px solid #eee;
	padding: 1px;
}

.page-campaign .campaign .img a {
	transition: opacity 0.3s ease;
}

.page-campaign .campaign .img a:hover {
	opacity: 1;
}

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

.page-campaign .campaign .txt {
	font-size: 1.4rem;
	line-height: 1.4;
}

.page-campaign .campaign .link {
	text-align: right;
	margin: 10px 0 0;
	font-size: 1.4rem;
}

.page-campaign .campaign .link a {
	color: #008cd6;
	text-decoration: underline;
}

.page-campaign .campaign .link a:hover {
	text-decoration: underline;
}

.page-campaign .campaign-none {
	font-size: 1.8rem;
	width: 100%;
	font-weight: bold;
}

/*------------------------------------------
 *	おすすめ商品一覧
------------------------------------------*/
.page-recommend {
	width: 100%;
}

.page-recommend .list-breadcrumb {
	padding: 0 16px;
}

.page-recommend h1 {
	padding: 0 16px;
}

.page-recommend .recommend-group {
	margin: 0 auto 60px;
}

.page-recommend .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
	display: none;
}


.page-recommend .category-list li {
	margin: 0 10px 10px 0;
}

.page-recommend .category-list li a {
	display: block;
	border :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-recommend .category-list li a:hover {
	text-decoration: none;
}

.page-recommend+.side-menu .sidemenu-category {
	border-top: 5px solid #008cd6;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 40px;
}

.page-recommend+.side-menu .sidemenu-category a {
	font-size: 1.4rem;
	border-top: 1px dotted #d0d0d0;
	color: #333;
	display: block;
	padding: 12px;
	transition: color 0.3s ease;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-recommend+.side-menu .search-param-list li:first-child a {
	border-top: none;
}

.page-recommend+.side-menu .sidemenu-category a:hover {
	color: #333;
	text-decoration: none;
}

.page-recommend+.side-menu .sidemenu-category .search-param-list {
	padding:0;
	border-top: 1px solid #d0d0d0;
}

.page-recommend+.side-menu .sidemenu-category .search-param-list li {
	margin: 0;
	line-height: 1.2;
}

/*------------------------------------------
 *	在庫商品一覧
------------------------------------------*/
.page-stockonstore {
	width: 100%;
}

.page-stockonstore .list-breadcrumb {
	padding: 0 16px;
}

.page-stockonstore h1 {
	padding: 0 16px;
}

.page-stockonstore .stockonstore-group {
	margin: 0 auto 60px;
}

.page-stockonstore .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
	display: none;
}

.page-stockonstore+.side-menu .sidemenu-category {
	border-top: 5px solid #008cd6;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 40px;
}

.page-stockonstore+.side-menu .sidemenu-category a {
	font-size: 1.4rem;
	border-top: 1px dotted #d0d0d0;
	color: #333;
	display: block;
	padding: 12px;
	transition: color 0.3s ease;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-stockonstore+.side-menu .search-param-list li:first-child a {
	border-top: none;
}

.page-stockonstore+.side-menu .sidemenu-category a:hover {
	color: #333;
	text-decoration: none;
}

.page-stockonstore+.side-menu .sidemenu-category .search-param-list {
	padding:0;
	border-top: 1px solid #d0d0d0;
}

.page-stockonstore+.side-menu .sidemenu-category .search-param-list li {
	margin: 0;
	line-height: 1.2;
}

/*------------------------------------------
 *	カテゴリ一覧
------------------------------------------*/
.page-categorylist .list-breadcrumb {
	padding: 0 16px;
}

.page-categorylist .category-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 16px;
	margin: 0 0 20px;
	align-items: center;
	justify-content: flex-start;
}

.page-categorylist h1 {
	padding: 0 16px;
}

.page-categorylist .category-list li {
	margin: 0 0 12px;
	width: 100%;
}

.page-categorylist .category-list li a {
	display: block;
	border :none;
	padding: 0;
	text-align: left;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-categorylist .category-list li a:hover {
	text-decoration: underline;
}

.page-categorylist .categorylist-container {
	margin: 0 0 40px;
}

.page-categorylist .category-first {
	font-size: 1.8rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-categorylist .category-first a {
	color: #101010;
	text-decoration: none;
}

.page-categorylist .category-first a:hover {
	text-decoration: none;
}

.page-categorylist .categorylist-secondary-container {
	margin: 0 0 20px;
	padding: 0 16px;
}

.page-categorylist .category-second {
	padding: 0 0 15px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.4rem;
	margin: 0 0 15px;
	font-weight: bold;
}

.page-categorylist .category-second a {
	color: #101010;
	text-decoration: none;
}

.page-categorylist .category-second a:hover {
	text-decoration: underline;
}

.page-categorylist .categorylist-third {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.page-categorylist .categorylist-third li {
	margin: 0 0 10px 0;
	width: 50%;
	box-sizing: border-box;
}

.page-categorylist .categorylist-third li a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px;
	font-size: 1.3rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #101010;
	border: none;
	transition: background-color 0.3s ease,color 0.3s ease;
	box-sizing: border-box;
	background: #fff;
}

.page-categorylist .categorylist-third img {
	width: 40px;
	height: auto;
	margin: 0 8px 0 0;
}

.page-categorylist .categorylist-third li a:hover {
	color: #101010;
	background: #fff;
}

/*------------------------------------------
 *	商品名一覧
------------------------------------------*/
.page-productnamelist {
	padding: 0 16px;
}

.page-productnamelist .productnamelist-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	align-items: flex-start;
	width: 100%;
}

.page-productnamelist .productnamelist-group .productnamelist-inner {
	width: 100%;
	margin: 0 0 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.page-productnamelist .productnamelist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 5px;
	font-weight: bold;
	width: 100%;
}

.page-productnamelist .productnamelist-inner .productname-list li {
	margin: 10px 10px 5px 0;
}

.page-productnamelist .productnamelist-inner .productname-list span {
	font-size: 1.2rem;
	color: #008cd6;
}

.page-productnamelist .productnamelist-inner .productname-list a {
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	color: #008cd6;
}

.page-productnamelist .productnamelist-inner .productname-list li a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	商品名一覧詳細ページ
------------------------------------------*/
.page-productnamelistdetail .list-breadcrumb {
	padding: 0 16px;
}

.page-productnamelistdetail h1 {
	padding: 0 16px;
}

.page-productnamelistdetail .productnamelist-index-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	align-items: flex-start;
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
	justify-content: space-between;
}

.page-productnamelistdetail .productnamelist-index-group .index-list {
	width: 49%;
	margin: 0 0 15px 0;
	display: flex;
}

.page-productnamelistdetail .index-list li {
	width: 20%;
}

.page-productnamelistdetail .index-list li a {
	display: block;
	border-right :1px solid #008cd6;
	padding: 10px 5px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
	background: #f0faff;
	width: 100%;
	box-sizing: border-box;
}

.page-productnamelistdetail .index-list li:first-child a {
	border-left :1px solid #008cd6;
}

.page-productnamelistdetail .index-list li a:hover {
	text-decoration: underline;
}

.page-productnamelistdetail .productnamelist-index-group .other-list {
	width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.page-productnamelistdetail .other-list li {
	width: 10%;
	margin: 0 0 15px;
}

.page-productnamelistdetail .other-list li a {
	border-left :1px solid #008cd6;
	border-right: none;
}

.page-productnamelistdetail .other-list li:last-child a {
	border-right :1px solid #008cd6;
}

.page-productnamelistdetail .other-list li:nth-child(10n) a {
	border-right :1px solid #008cd6;
}

.page-productnamelistdetail .productnamelist-container {
	margin: 0 0 40px;
}

.page-productnamelistdetail .productnamelist-index-ttl {
	font-size: 1.8rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-productnamelistdetail .productnamelist-inner {
	margin: 0 0 20px;
}

.page-productnamelistdetail .productnamelist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 16px 15px;
	font-weight: bold;
}

.page-productnamelistdetail .productnamelist-container .productname-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 16px;
}

.page-productnamelistdetail .productnamelist-container .productname-list li {
	margin: 0 0 15px 0;
	width: 100%;
}

.page-productnamelistdetail .productnamelist-container .productname-list a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #008cd6;
	box-sizing: border-box;
}

.page-productnamelistdetail .productnamelist-container li a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	メーカ一覧
------------------------------------------*/
.page-makerlist .list-breadcrumb {
	padding: 0 16px;
}

.page-makerlist h1 {
	padding: 0 16px;
}

.page-makerlist .makerlist-index-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	align-items: flex-start;
	width: 100%;
	justify-content: space-between;
	padding: 0 16px;
	box-sizing: border-box;
}

.page-makerlist .makerlist-index-group .index-list {
	width: 49%;
	margin: 0 0 15px 0;
	display: flex;
}

.page-makerlist .index-list li {
	width: 20%;
}

.page-makerlist .index-list li a {
	display: block;
	border-right :1px solid #008cd6;
	padding: 10px 5px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
	background: #f0faff;
	width: 100%;
	box-sizing: border-box;
}

.page-makerlist .index-list li:first-child a {
	border-left :1px solid #008cd6;
}

.page-makerlist .index-list li a:hover {
	text-decoration: none;
}

.page-makerlist .makerlist-container {
	margin: 0 0 20px;
}

.page-makerlist .makerlist-index-ttl {
	font-size: 1.8rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-makerlist .makerlist-inner {
	margin: 0 0 10px;
}

.page-makerlist .makerlist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 16px 15px;
	font-weight: bold;
}

.page-makerlist .makerlist-container .maker-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 10px;
	padding: 0 16px;
}

.page-makerlist .makerlist-container .maker-list li {
	margin: 0 0 15px 0;
	width: 100%;
}

.page-makerlist .makerlist-container .maker-list a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #008cd6;
	box-sizing: border-box;
}

.page-makerlist .makerlist-container li a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	注文確定画面（非会員）
------------------------------------------*/
.page-determined {
	padding: 0 16px;
	width: 100%;
}

.page-determined .cart-product-group .cart-product .ttl-cart {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-determined .cart-product-group .cart-none {
	margin: 30px 0 0;
}

.page-determined .cart-product-group .cart-none p {
	font-size: 2rem;
	text-align: left;
	margin: 0 0 20px;
	line-height: 1.4;
	font-weight: bold;
}

.page-determined .cart-product-group .cart-none .btn-continue {
	margin: 0 auto 10px;
	width: 100%;
}

.page-determined .cart-product-group .cart-none .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-determined .cart-product-group .cart-none .btn-continue a:hover {
	background: #fff;
}

/*------------------------------------------
 *	ログイン画面
------------------------------------------*/
.page-login {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-login .ttl-login {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-login .login-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-login .login-group {
	width: 100%;
	margin: 0;
}

.page-login .login-group .login-inner {
	padding: 10px;
	background: #eee;
}

.page-login .login-group .txt-login {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.page-login .login-group .input-area {
	display: flex;
	margin: 0 0 10px;
	align-items: flex-start;
	flex-direction: column;
}

.page-login .login-group .txt-input {
	font-size: 1.2rem;
	width: auto;
	flex-shrink: 0;
	margin: 10px 0 10px;
	font-weight: bold;
}

.page-login .login-group .form-input {
	width: 100%;
}

.page-login .login-group .input-login {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size:1.6rem;
	width: 100%;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.page-login .login-group .input-area span {
	color: #d00;
	font-size: 1.2rem;
	margin: 10px 0 0;
	display: inline-block;
}

.page-login .login-group .txt-lost {
	font-size: 1.2rem;
	margin: 15px 0 20px;
}

.page-login .login-group .txt-lost a {
	color: #008cd6;
	text-decoration: underline;
}

.page-login .login-group .txt-lost a:hover {
	text-decoration: underline;
}

.page-login .login-group .btn-login {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-login .login-group .btn-login:hover {
	opacity: 1;
}

.page-login .login-group .btn-login input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.page-login .login-group .txt-no-member {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 10px;
}

.page-login .login-group .bold {
	font-weight: bold;
}

.page-login .login-group .btn-regist {
	font-size: 1.2rem;
	margin: 15px 0 15px;
}

.page-login .login-group .btn-regist a {
	color: #008cd6;
	text-decoration: underline;
}

.page-login .login-group .btn-regist a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	新規会員登録
------------------------------------------*/
.page-register {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-register .cart-product-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-register .ttl-cart {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-register .cart-product-group .cart-buy {
	width: 100%;
	margin: 0;
	flex-shrink: 0;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner {
	padding: 10px;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 100%;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 10px;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-register .txt-register {
	font-size: 1.4rem;
}

.page-register .txt-input-register {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
}

.page-register .txt-input-error {
	font-size: 1.4rem;
	color: #d00;
	font-weight: bold;
	margin: 0 0 10px;
}

.page-register .txt-input-error i {
	margin: 0 5px 0 0;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner span {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 8px;
	display: inline-block;
}

/*------------------------------------------
 *	会員情報仮登録画面
------------------------------------------*/
.page-registconfirm {
	width: 100%;
	padding: 0;
}

.page-registconfirm .user-infoinput {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-registconfirm .ttl-infoinput {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

.page-registconfirm p {
	font-size: 1.4rem;
	color: #101010;
	line-height: 1.6;
	margin: 0 0 12px;
}

.page-registconfirm .txt-tel {
	margin: 0 0 20px;
}

.page-registconfirm .bold {
	font-weight: bold;
	margin: 20px 0 0;
}

.page-registconfirm .attention {
	color: #d00;
	font-size: 1.8rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-registconfirm .list-registconfirm {
	margin: 0 0 20px;
	list-style: inside none;
}

.page-registconfirm .list-registconfirm li {
	list-style: disc inside;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 10px;
}


/*------------------------------------------
 *	会員情報入力画面
------------------------------------------*/
.page-userdata {
	width: 100%;
	padding: 0;
}

.page-userdata  .user-infoinput .ttl-infoinput {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
}

.page-userdata .user-infoinput {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-userdata .attention {
	color: #d00;
	font-size: 1.8rem;
	line-height: 1.4;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-userdata .bold {
	font-weight: bold;
	margin: 20px 0 0;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdata {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdataconfirm {
	font-size: 1.4rem;
	margin: 15px 0 0;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdata span {
	color: #d00;
}

.page-userdata .user-infoinput .tbl-cart-form td {
	line-height: 1.4;
}

.page-userdata .user-infoinput .tbl-cart-form td input[type="radio"] {
	margin: -3px 5px 0 20px;
	vertical-align: middle;
}

.page-userdata .user-infoinput .tbl-cart-form td label:first-child input[type="radio"] {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

.page-userdata .user-infoinput .btn-userdata {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-userdata .user-infoinput .btn-userdata:hover {
	background: #008cd6;
}

.page-userdata .btn-userdataconfirm {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	flex-wrap: wrap;
}

.page-userdata .btn-back {
	width: 100%;
	margin: 0 0 15px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	outline: medium none;
	border: 1px solid #101010;
	padding: 12px;
	font-weight: bold;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-userdata .btn-back:hover {
	background: #fff;
}

.page-userdata .btn-complete {
	line-height:40px;
	display: block;
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-userdata .btn-complete:hover {
	background: #008cd6;
}

.page-userdata .btn-continue {
	margin: 30px auto 10px;
	width: 100%;
}

.page-userdata .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-userdata .btn-continue a:hover {
	background: #fff;
}

/*------------------------------------------
 *	お客様情報入力画面
------------------------------------------*/
.page-inputinfo {
	width: 100%;
	padding: 0;
}

.page-inputinfo .user-infoinput {
	padding: 0 16px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.user-infoinput .ttl-infoinput {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
}

.user-infoinput .txt-cart-form {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.user-infoinput .cart-form .ttl-info {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 15px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #008cd6;
	color: #fff;
}


.user-infoinput #isdifferent_true,
.user-infoinput #isdifferent_false {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.user-infoinput #isdifferent_false:hover {
	background: #008cd6;
}

.user-infoinput .tbl-cart-form td {
	line-height: 1.4;
}

/*------------------------------------------
 *	お届け先情報の入力画面
------------------------------------------*/
.page-delivinfo {
	width: 100%;
	padding: 0;
}

.page-delivinfo .user-infoinput {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-delivinfo .btn-delivinfo {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	flex-direction: column;
}

.page-delivinfo .btn-back {
	width: 100%;
	margin: 0 0 15px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-delivinfo .btn-back:hover {
	background: #fff;
}

.page-delivinfo .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-delivinfo .btn-confirm:hover {
	background: #008cd6;
}


/*------------------------------------------
 *	注文確定画面（非会員）
------------------------------------------*/
.page-determine {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-determine .cart-product-group .ttl-cart {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
}

.page-determine .cart-product-group .cart-none {
	margin: 20px 0 50px;
}

.page-determine .cart-product-group .cart-none p {
	font-size: 1.8rem;
	text-align: left;
	margin: 0 0 20px;
	font-weight: bold;
	line-height: 1.4;
}

.page-determine .btn-determine {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	width: 100%;
	cursor: pointer;
	background: #af0d12;
	margin: 30px auto 0;
	transition: opacity 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}

.page-determine .btn-determine:hover {
	opacity: 1;
}


/*------------------------------------------
 *	注文確定画面
------------------------------------------*/
.page-done {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-done .cart-product-group .ttl-cart {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
}

.page-done .cart-product-group .cart-none {
	margin: 20px 0 50px;
}

.page-done .cart-product-group .cart-none p {
	font-size: 1.8rem;
	text-align: left;
	margin: 0 0 20px;
	font-weight: bold;
	line-height: 1.4;
}

.page-done .cart-product-group .cart-none .txt-done {
	font-size: 1.6rem;
	font-weight: normal;
}

.page-done .cart-product-group .cart-none .attention {
	color: #d00;
	font-size: 2rem;
}

.page-done .cart-product-group .cart-none .btn-continue {
	margin: 0 auto 10px;
	width: auto;
}

.page-done .cart-product-group .cart-none .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-done .cart-product-group .cart-none .btn-continue a:hover {
	background: #fff;
}

/*------------------------------------------
 *	パスワード再発行画面
------------------------------------------*/
.page-forgotpasswaord {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-forgotpasswaord .cart-product-group {
	display: block;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.page-forgotpasswaord .ttl-forgotpasswaord {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner {
	padding: 15px;
	background: #eee;
}

.page-forgotpasswaord .txt-forgotpasswaord {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.4;
}

.page-forgotpasswaord .cart-product-group .cart-buy {
	width: auto;
	margin: 0;
	flex-shrink: 0;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: auto;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 10px;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
	flex-direction: column;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-forgotpasswaord .txt-input-error {
	font-size: 1.4rem;
	color: #d00;
	font-weight: bold;
	margin: 0 0 10px;
}

.page-forgotpasswaord .form-input {
	width: 100%;
}

/*------------------------------------------
 *	パスワード再発行用メール送信画面
------------------------------------------*/
.page-forgotpasswaordconfirmation {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-forgotpasswaordconfirmation .ttl-forgotpasswaordconfirmation {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-forgotpasswaordconfirmation .forgotpasswaordconfirmation-group {
	margin: 40px 0 20px;
}

.page-forgotpasswaordconfirmation .forgotpasswaordconfirmation-group p {
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-forgotpasswaordconfirmation .btn-top {
	margin: 30px auto 10px;
	width: 100%;
}

.page-forgotpasswaordconfirmation .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-forgotpasswaordconfirmation .btn-top a:hover {
	background: #fff;
}

/*------------------------------------------
 *	パスワード再設定画面
------------------------------------------*/
.page-resetpassword {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-resetpassword .cart-product-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-resetpassword .ttl-resetpassword {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner {
	padding: 15px;
	background: #eee;
}

.page-resetpassword .txt-resetpassword {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.page-resetpassword .cart-product-group .cart-buy {
	width: 100%;
	margin: 0;
	flex-shrink: 0;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: auto;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 10px;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 8px;
	flex-direction: column;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-resetpassword .login-area .form-input span {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 10px;
	display: inline-block;
}

.page-resetpassword .form-input {
	width: 100%;
}

/*------------------------------------------
 *	パスワード再設定完了画面
------------------------------------------*/
.page-resetpasswordconfirmation {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.page-resetpasswordconfirmation .ttl-resetpasswordconfirmation {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group {
	margin: 20px 0 50px;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group p {
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group a {
	color: #008cd6;
	text-decoration: underline;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group a:hover {
	text-decoration: underline;
}


/*------------------------------------------
 *	マイページメールアドレス変更
------------------------------------------*/
.page-changeemail {
	width: 100%;
	padding: 0;
}

.page-changeemail .ttl-changeemail {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-changeemail .changeemail-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-changeemail .txt-changeemail {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 15px;
}

.page-changeemail .txt-changeemail span {
	font-weight: bold;
	color: #d00;
}

.page-changeemail .cart-product-group .cart-buy {
	width: 100%;
	margin: 0 auto;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner {
	padding: 10px;
	background: #eee;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 100%;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 10px;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-changeemail .form-input span {
	color: #d00;
	font-size: 1.2rem;
	display: inline-block;
}

.page-changeemail .form-input {
	width: 100%;
}

.page-changeemail .btn-changeemail {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-changeemail .btn-changeemail:hover {
	opacity: 1;
}

.page-changeemail .btn-changeemail input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-changeemail .txt-input-changeemail {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
	display: inline-block;
	margin: 10px 0 0;
}

.page-changeemail .attention {
	color: #d00;
	font-size: 1.8rem;
	margin: 0 0 20px;
	font-weight: bold;
	line-height: 1.4;
}

.page-changeemail .btn-top {
	margin: 30px auto 10px;
	width: 100%;
}

.page-changeemail .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-changeemail .btn-top a:hover {
	background: #fff;
}

/*------------------------------------------
 *	マイページパスワード変更
------------------------------------------*/
.page-changepassword {
	width: 100%;
	padding: 0;
}

.page-changepassword .ttl-changepassword {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-changepassword .changepassword-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-changepassword .txt-changepassword {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 15px;
}

.page-changepassword .txt-changepassword span {
	font-weight: bold;
	color: #d00;
}

.page-changepassword .cart-product-group .cart-buy {
	width: 100%;
	margin: 0 auto;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner {
	padding: 10px;
	background: #eee;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 100%;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 10px;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-changepassword .form-input span {
	color: #d00;
	font-size: 1.2rem;
	display: inline-block;
}

.page-changepassword .form-input {
	width: 100%;
}

.page-changepassword .btn-changepassword {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-changepassword .btn-changepassword:hover {
	opacity: 1;
}

.page-changepassword .btn-changepassword input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-changepassword .txt-input-changepassword {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
	display: inline-block;
	margin: 10px 0 0;
}

.page-changepassword .attention {
	color: #101010;
	font-size: 1.8rem;
	margin: 0 0 10px;
	font-weight: bold;
}

.page-changepassword .btn-area {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	flex-wrap: wrap;
}

.page-changepassword .btn-mypage {
	width: 100%;
	margin: 0;
}

.page-changepassword .btn-mypage a {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}


.page-changepassword .btn-mypage a:hover {
	background: #008cd6;
}


.page-changepassword .btn-continue {
	margin: 0 0 10px;
	width: 100%;
}

.page-changepassword .btn-continue a {
	font-size: 1.6rem;
	line-height:40px;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 12px;
	font-weight: bold;
}

.page-changepassword .btn-continue a:hover {
	background: #fff;
}

/*------------------------------------------
 *	お気に入り
------------------------------------------*/
.page-favorite {
	width: 100%;
	padding: 0;
}

.page-favorite .favorite-product {
	margin: 0 0 30px;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 15px 0 0;
}

.page-favorite .favorite-product .product {
	padding: 0 0 30px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px;
}

.page-favorite .favorite-product .product-category {
	display: block;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
}

.page-favorite .favorite-product .product .product-info {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

.page-favorite .favorite-product .product .img-product {
	width: 120px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}

.page-favorite .favorite-product .product .ttl-product {
	line-height: 1.4;
	word-break: break-all;
	font-size: 1.4rem;
}

.page-favorite .favorite-product .product .ttl-product a {
	color: #008cd6;
	text-decoration: underline;
}

.page-favorite .favorite-product .product .ttl-product a:hover {
	text-decoration: underline;
}

.page-favorite .favorite-product .product .btn-delete {
	font-size: 1.4rem;
	margin: 0;
	width: 100%;
	text-align: right;
	flex-shrink: 0;
}

.page-favorite .favorite-product .product .btn-delete a {
	color: #101010;
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
}

.page-favorite .favorite-product .product .btn-delete a:hover {
	text-decoration: none;
}

.page-favorite .tbl-favorite-group {
	width: 100%;
	overflow-x:scroll;
	margin: 0;
}

.page-favorite .tbl-favorite-group .tbl-favorite {
	width: 1024px;
	border-left: 1px solid #ddd;
	table-layout: fixed;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col01 {
	width: 23%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col02 {
	width: 23%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col03 {
	width: 8%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col04 {
	width: 13%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col05 {
	width: 10%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col06 {
	width: 8%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col07 {
	width: 15%;
}

.page-favorite .tbl-favorite-group .tbl-favorite th {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.page-favorite .tbl-favorite-group .tbl-favorite td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.4;
}


.page-favorite .tbl-favorite-group .tbl-favorite td a {
	color: #008cd6;
	text-decoration: underline;
}

.page-favorite .tbl-favorite-group .tbl-favorite td a:hover {
	text-decoration: none;
}

.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(1),
.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(2) {
	text-align-last: left;
}

.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(4) {
	text-align-last: right;
}

.page-favorite .tbl-favorite .price {
	font-size: 1.4rem;
	font-weight: bold;
}

.page-favorite .tbl-favorite .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
	margin: 2px 0 0 10px;
	display: block;
}

.page-favorite .tbl-favorite .stock,
.page-favorite .tbl-favorite .order,
.page-favorite .tbl-favorite .manufact,
.page-favorite .tbl-favorite .discontinued {
	font-size: 1.2rem;
	padding: 5px;
	width: 5em;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	line-height: 1;
}

.page-favorite .tbl-favorite .stock {
	background: #808080;
}

.page-favorite .tbl-favorite .order {
	background: #f0ad4e;
}

.page-favorite .tbl-favorite .manufact {
	background: #f0ad4e;
	color: #d00;
}

.page-favorite .tbl-favorite .discontinued {
	background: #d00;
}

.page-favorite .tbl-favorite .quantity {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.6rem;
	width: 100%;
	text-align: right;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.page-favorite .tbl-favorite .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.page-favorite .tbl-favorite .btn-cart:hover {
	opacity: 0.7;
}

.page-favorite .tbl-favorite .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.page-favorite .tbl-favorite .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

.page-favorite .favorite-none {
	margin: 40px 0 50px;
}

.page-favorite .favorite-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

/*------------------------------------------
 *	購入履歴
------------------------------------------*/
.page-purchasehistory {
	width: 100%;
	padding: 0;
}

.page-purchasehistory .mypage-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-purchasehistory .tbl-purchasehistory-group {
	width: 100%;
	overflow-x:scroll;
	margin: 0;
}

.page-purchasehistory .tbl-purchasehistory {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
	width: 1024px;
}

.page-purchasehistory .tbl-purchasehistory .col01 {
	width: 15%;
}

.page-purchasehistory .tbl-purchasehistory .col02 {
	width: 10%;
}

.page-purchasehistory .tbl-purchasehistory .col03 {
	width: 25%;
}

.page-purchasehistory .tbl-purchasehistory .col04 {
	width: 25%;
}

.page-purchasehistory .tbl-purchasehistory .col05 {
	width: 15%;
}

.page-purchasehistory .tbl-purchasehistory .col06 {
	width: 10%;
}

.page-purchasehistory .tbl-purchasehistory th {
	background: #ccc;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.page-purchasehistory .tbl-purchasehistory td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.4;
}

.page-purchasehistory .tbl-purchasehistory tr td:nth-child(3),
.page-purchasehistory .tbl-purchasehistory tr td:nth-child(4) {
	text-align: left;
}

.page-purchasehistory .tbl-purchasehistory tr td:nth-child(5) {
	text-align: right;
}


.page-purchasehistory .tbl-purchasehistory td a {
	color: #008cd6;
	text-decoration: underline;
}

.page-purchasehistory .tbl-purchasehistory td a:hover {
	text-decoration: underline;
}

.page-purchasehistory .purchasehistory-none {
	margin: 40px 0 50px;
}

.page-purchasehistory .purchasehistory-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

/*------------------------------------------
 *	退会手続き
------------------------------------------*/
.page-remove {
	width: 100%;
	padding: 0;
}

.page-remove .ttl-remove {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-remove .remove-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-remove .txt-remove {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-remove .cart-product-group .cart-buy {
	width: 100%;
	margin: 0 auto;
}

.page-remove .form-input {
	width: 100%;
}

.page-remove .cart-product-group .cart-buy .cart-buy-inner {
	padding: 10px;
	background: #eee;
}

.page-remove .form-input textarea {
	margin: 0 0 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 8px 7px;
	width:100%;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-remove .btn-remove {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-remove .btn-remove:hover {
	opacity: 1;
}

.page-remove .btn-remove input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-remove .btn-top {
	margin: 30px auto 10px;
	width: 100%;
}

.page-remove .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-remove .btn-top a:hover {
	background: #fff;
}

/*------------------------------------------
 *	マイページTOP
------------------------------------------*/
.page-mypage {
	width: 100%;
	padding: 0;
}

.main-contents .ttl-mypage {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.main-contents .mypage-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-mypage .txt-mypage {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-mypage .txt-mypage span {
	color: #d00;
}

.page-mypage .tbl-cart-form td {
	line-height: 1.4;
}

.mypage-btn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 25px;
}

.mypage-btn li {
	width: 50%;
}

.mypage-btn li a {
	padding: 15px;
	display: block;
	font-size: 1.4rem;
	text-align: center;
	color: #101010;
	background: #eee;
	transition: background-color 0.3s ease;
	font-weight: bold;
}

.mypage-btn li a:hover {
	background: #eee;
	color: #101010;
}

.mypage-btn li a.current {
	background: #008cd6;
	color: #fff;
}

.page-mypage .change-btn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 30px;
}

.page-mypage .change-btn li {
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}

.page-mypage .change-btn a {
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	display: block;
	background: #444;
}

.page-mypage .change-btn a:hover {
	background: #444;
}

.page-mypage .user-infoinput .btn-mypage {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #af0d12;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-mypage .user-infoinput .btn-mypage:hover {
	background: #af0d12;
}

.page-mypage .btn-continue {
	margin: 30px auto 10px;
	width: 100%;
}

.page-mypage .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-mypage .btn-continue a:hover {
	background: #fff;
}

.page-mypage .attention {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}


/*------------------------------------------
 *	お届け先の指定（会員）
------------------------------------------*/
.page-mdeliveryaddress {
	width: 100%;
	padding: 0;
}

.page-mdeliveryaddress .mdeliveryaddress-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-mdeliveryaddress .ttl-mdeliveryaddress {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-mdeliveryaddress .txt-mdeliveryaddress {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-mdeliveryaddress .mdeliveryaddress-form {
	width: 100%;
	overflow-x:scroll;
	margin: 0 0 20px;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress {
	width: 900px;
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	table-layout: fixed;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col01 {
	width: 10%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col02 {
	width: 15%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col03 {
	width: 45%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col04 {
	width: 15%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col05 {
	width: 15%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress th {
	padding: 10px 15px;
	background: #E1F6FD;
	text-align: center;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: middle;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress td {
	padding: 20px;
	background: #fff;
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress td:nth-child(3) {
	text-align: left;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress input[type="radio"] {
	margin: -3px 0 0;
	vertical-align: middle;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress a {
	color: #008cd6;
	text-decoration: underline;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress a:hover {
	text-decoration: none;
}


.page-mdeliveryaddress .btn-mdeliveryaddress {
	width: 200px;
}

.page-mdeliveryaddress .btn-mdeliveryaddress a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	background: #444;
	text-align: center;
	transition: background-color 0.3s ease;
}

.page-mdeliveryaddress .btn-mdeliveryaddress a:hover {
	background: #444;
}

.page-mdeliveryaddress .btn-area {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

.page-mdeliveryaddress .btn-back {
	width: 100%;
	margin: 0 0 15px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-mdeliveryaddress .btn-back:hover {
	background: #fff;
}

.page-mdeliveryaddress .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-mdeliveryaddress .btn-confirm:hover {
	background: #008cd6;
}

/*------------------------------------------
 *	お届け先の指定（会員）
------------------------------------------*/
.page-madddeliveryaddress {
	width: 100%;
	padding: 0;
}

.page-madddeliveryaddress .madddeliveryaddress-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-madddeliveryaddress .ttl-madddeliveryaddress {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-madddeliveryaddress .txt-madddeliveryaddress {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-madddeliveryaddress .txt-madddeliveryaddress span {
	color: #d00;
}


.page-madddeliveryaddress .btn-madddeliveryaddress {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

.page-madddeliveryaddress .btn-back {
	width: 100%;
	margin: 0 0 15px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-madddeliveryaddress .btn-back:hover {
	background: #fff;
}

.page-madddeliveryaddress .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-madddeliveryaddress .btn-confirm:hover {
	background: #008cd6;
}

/*------------------------------------------
 *	ご利用ガイド
------------------------------------------*/
.page-guide {
	width: 100%;
	padding: 0;
}

.page-guide .ttl-guide {
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-guide .guide-group .txt-guide {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.page-guide .guide-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-guide .guide-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	width: 100%;
}

.page-guide .guide-list li {
	width: 50%;
	margin: 0 0 15px;
}

.page-guide .guide-list li a {
	display: flex;
	align-items: center;
	line-height: 1.4;
	border: 1px solid #ccc;
	margin: 0 5px;
	font-size: 1.4rem;
	padding: 10px 0;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
	transition: background-color ease 0.3s;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
}

.page-guide .guide-list li a:hover {
	background: #fff;
	color: #101010;
}

.page-guide .guide-contents {
	margin: -64px 0 50px;
	padding: 64px 0 0;
}

.page-guide .guide-contents .ttl {
	font-size: 2rem;
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}

.page-guide .guide-contents .guide-inner {
	margin: 0 0 30px;
}

.page-guide .guide-contents h3,
.page-guide .guide-contents .ttl-sub {
	font-size: 1.6rem;
	padding: 0 0 10px;
	margin: 0 0 15px;
	line-height: 1.4;
	border-bottom: 1px dotted #333;
	font-weight: bold;
}

.page-guide .guide-contents .ttl-sub {
	font-size: 2rem;
}

.page-guide .guide-contents h4 {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1.4;
}

.page-guide .guide-contents p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-guide .guide-contents p a,
.page-guide .txt-guide a {
	text-decoration: underline;
	color: #008cd6;
}

.page-guide .guide-contents p a:hover,
.page-guide .txt-guide a:hover {
	text-decoration: none;
}

.page-guide .guide-contents .list {
	list-style: none;
	margin: 0 0 15px;
}

.page-guide .guide-contents .list li {
	list-style: disc inside;
	padding: 0 0 0 1em;
	text-indent: -1em;
	margin: 0 0 8px;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: bold;
}

.page-guide .guide-contents .img {
	text-align: center;
	margin: 20px 0;
}

.page-guide .guide-contents .img {
	max-width: 100%;
	height: auto;
}

.page-guide .guide-contents .img-left {
	text-align: center;
	margin: 20px 0 30px;
}

.page-guide .guide-contents .img-left {
	max-width: 100%;
	height: auto;
}

.page-guide .bold {
	font-weight: bold;
}

.page-guide .attention {
	color: #d00;
}

.page-guide .tbl-payments {
	border-left: 1px solid #ddd;
	width: 100%;
}

.page-guide .tbl-payments th {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	width: 60%;
}

.page-guide .tbl-payments td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	line-height: 1.2;
	width: 40%;
}

/*------------------------------------------
 *	404,500エラーページ
------------------------------------------*/
.page-error {
	width: 100%;
	padding: 0;
}

.page-error .error-group {
	text-align: left;
	padding: 0 16px;
}

.page-error h1 {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 30px;
	text-align: center;
}

.page-error .txt-error {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: center;
}

.page-error p {
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: normal;
}

.page-error .btn-area {
	display: flex;
	justify-content: flex-start;
	margin: 30px 0;
	flex-wrap: wrap;
}

.page-error .btn-sitemap {
	width: 100%;
	margin: 0;
}

.page-error .btn-sitemap a {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}


.page-error .btn-sitemap a:hover {
	background: #008cd6;
}

.page-error .btn-top {
	width: 100%;
	margin: 0 0 10px;
}

.page-error .btn-top a {
	font-size: 1.4rem;
	line-height:40px;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 12px;
	font-weight: bold;
}

.page-error .btn-top a:hover {
	background: #fff;
}

/*------------------------------------------
 *	よくあるご質問
------------------------------------------*/
.page-faq {
	width: 100%;
	padding: 0;
}

.page-faq .ttl-faq {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 10px 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-faq .faq-group .txt-faq {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.page-faq .faq-group {
	padding: 0 16px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-faq .faq-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 20px;
	width: 100%;
}

.page-faq .faq-list li {
	width: 50%;
	margin: 0 0 15px;
}

.page-faq .faq-list li a {
	display: flex;
	align-items: center;
	line-height: 1.4;
	border: 1px solid #ccc;
	margin: 0 5px;
	font-size: 1.4rem;
	padding: 10px 0;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
	transition: background-color ease 0.3s;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
}

.page-faq .faq-list li a:hover {
	background: #f0faff;
	color: #008cd6;
}

.page-faq .faq-contents {
	margin: 0 0 50px;
}

.page-faq .faq-contents .ttl {
	font-size: 1.8rem;
	margin: 0 0 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}

.page-faq .faq li {
	border-bottom: 1px dotted #444;
	margin: 0 0 30px;
	padding: 0 0 15px;
}

.page-faq .faq p {
	line-height: 1.4;
	font-size: 1.6rem;
}

.page-faq .faq .answer p {
	margin: 3px 0 0;
}
.page-faq .faq a {
	color: #008cd6;
	text-decoration: underline;
}

.page-faq .faq a:hover {
	text-decoration: none;
}

.page-faq .faq .question {
	display: flex;
	align-items: center;
	padding: 0 0 15px;
}

.page-faq .faq .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 15px 0 0;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
	font-size: 1.6rem;
	box-sizing: border-box;
}

.page-faq .faq .question .ico {
	background: #008cd6;
}

.page-faq .faq .answer .ico {
	background: #ed761a;
}

.page-faq .faq .answer {
	display: flex;
	align-items: flex-start;
}


/*------------------------------------------
 *	お問い合わせ、商品のお問い合わせ
------------------------------------------*/
.page-ask {
	width: 100%;
	padding: 0;
}

.page-ask .ttl-ask {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 10px 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-ask .user-infoinput {
	padding: 0 20px;
	max-width: inherit;
	box-sizing: border-box;
	margin: 0 auto 40px;
}

.page-ask .user-infoinput .tbl-cart-form td {
	line-height: 1.6;
}

.page-ask .attention {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 20px;
	font-weight: bold;
	line-height: 1.4;
}

.page-ask .bold {
	font-weight: bold;
	margin: 20px 0 0;
	font-size: 1.4rem;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-ask {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-askconfirm {
	font-size: 1.4rem;
	margin: 15px 0 0;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-ask span {
	color: #d00;
}

.page-ask textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 8px 7px;
	width:100%;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-ask .user-infoinput .btn-ask {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	-webkit-appearance:none;
	appearance:none;
	font-weight: bold;
	border-radius: 0;
}

.page-ask .user-infoinput .btn-ask:hover {
	background: #008cd6;
}

.page-ask .btn-askconfirm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px 0 0;
}

.page-ask .btn-back {
	width: 100%;
	margin: 0 0 20px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	outline: medium none;
	border: 1px solid #101010;
	padding: 12px;
	font-weight: bold;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.page-ask .btn-back:hover {
	background: #fff;
}

.page-ask .btn-complete {
	line-height:40px;
	display: block;
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.page-ask .btn-complete:hover {
	background: #008cd6;
}

.page-ask .btn-continue {
	margin: 30px auto 10px;
	width: 100%;
}

.page-ask .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-ask .btn-continue a:hover {
	background: #fff;
}

/*------------------------------------------
 *	お客様の声一覧
------------------------------------------*/
.page-reviewlist {
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
}

.page-reviewlist .reviewlist-group {
	padding: 0 0 60px;
}

.page-reviewlist .ttl-reviewlist {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 10px 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.btn-review-write {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: #ed761a;
	width: auto;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	padding: 10px;
	margin: 0 16px 25px;
	transition: opacity ease 0.3s;
	font-weight: bold;
}

.btn-review-write i {
	margin: 0 10px 0 0;
}

.btn-review-write:hover {
	opacity: 1;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue {
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 10px;
}

.page-reviewlist .voice-list {
	margin: 0 0 25px;
}

.page-reviewlist .voice-list .voice {
	display: flex;
	width: 100%;
	padding: 0 10px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px;
}

.page-reviewlist .voice-list .voice .txt-voice {
	width: 100%;
}

.page-reviewlist .voice-list .voice .img-voice {
	width: 120px;
	flex-shrink: 0;
	margin: 0 15px 0 0;
}

.page-reviewlist .voice-list .voice .img-voice img {
	width: 100%;
	height: auto;
}

.page-reviewlist .voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1.2;
}

.page-reviewlist .voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
}

.page-reviewlist .voice-list .voice .product-voice {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.2;
	word-break: break-all;
}

.page-reviewlist .voice-list .voice .product-rate {
	font-size: 1.2rem;
	margin: 0 0 5px;
}

.page-reviewlist .voice-list .voice .date-voice {
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.page-reviewlist .voice-list .voice .name-voice {
	font-size: 1.4rem;
	color: #101010;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.page-reviewlist .voice-list .voice .comment {
	font-size: 1.4rem;
	line-height: 1.6;
}

.page-reviewlist .voice-list .voice .comment-staff {
	margin: 12px 0 0;
	padding: 12px 0 0;
	border-top: 1px dotted #999;
}

.page-reviewlist .voice-list .voice .more-voice {
	font-size: 1.4rem;
	text-align: right;
	margin: 5px 0 0;
}

.page-reviewlist .voice-list .voice .more-voice a {
	color: #008cd6;
	transition-duration: none;
}

.page-reviewlist .voice-list .voice .more-voice a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	図面ページ
------------------------------------------*/
.category-contens {
	padding: 0 16px;
}
.page-documents .list-breadcrumb {
	padding: 0 16px;
}

.documents-group {
	position: relative;
	padding: 0 16px;
}

.documents-group .txt-documents {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.documents-group .txt-documents a {
	color: #008cd7;
	text-decoration: underline;
}

.documents-group .txt-documents a:hover {
	text-decoration: underline;
}

.documents-group .documents-ttl {
	font-size: 1.6rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
	word-break: break-all;
}

.documents-group .document-contents {
	margin: 0 0 50px;
}

.documents-group .txt-documents-contents {
	font-size: 1.4rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.documents-group .lightgallery {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.documents-group .lightgallery a {
	width: 25%;
	position: relative;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
}

.documents-group .lightgallery a img {
    border: 1px solid #d0d0d0;
    margin-bottom: 24px;
    overflow: hidden;
}

.documents-group .lightgallery a:hover img {
    border: 1px solid #008cd7;
}

.documents-group .btn-documents {
    width: 100%;
    margin: 0 auto 40px;
    word-break: break-all;
}

.documents-group .btn-documents a {
    display: block;
    padding: 24px 0;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #008cd7;
    transition: background-color 0.3s ease;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
}

.documents-group .btn-documents  a:hover {
    background:#008cd7;
}


#documents_fixed {
    position: fixed;
    text-align: center;
    right: 0;
    z-index: 9999;
    /*width: 160px;*/
    width: 100%;
    margin: 0;
    padding: 0;
    top: inherit;
    bottom:0;
}

#documents_fixed img {
    width: 25%;
    height: auto;
    margin: 0;
    flex-shrink: 0;
}

#documents_fixed a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #d0d0d0;
    background: #fff;
}

#documents_fixed a:hover {
    border: 1px solid #d0d0d0;
}

#documents_fixed .caption {
    width: 75%;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 0 0 0 14px;
}

#documents_fixed .caption .ttl-product {
    font-size: 1.2rem;
    word-break: break-all;
    color: #008cd7;
    text-align: left;
    line-height: 1.4;
    font-weight: bold;
}

#documents_fixed .caption .rate {
    font-size: 1.1rem;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    color: #fff;
    background: #008cd7;
    margin: 10px 0 0;
}

#documents_fixed .caption .price {
    font-size: 1.4rem;
    font-weight: bold;
    color: #d00;
    margin: 10px 0 0;
    padding: 0 0 8px;
}

/*------------------------------------------
 *	サイトマップ
------------------------------------------*/
.page-sitemap {
	width: 100%;
}

.page-sitemap .list-breadcrumb {
	padding: 0 16px;
}

.sitemap-group {
	padding: 0 16px;
}

.sitemap-group .sitemap-ttl {
	font-size: 1.8rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
	word-break: break-all;
}

.sitemap-group .sitemap-ttl a {
	color: #101010;
	text-decoration: none;
}

.sitemap-group .sitemap-ttl a:hover {
	text-decoration: underline;
}

.sitemap-group .sitemap-nav {
	width: 100%;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.sitemap-group .sitemap-nav .sitemap-container {
	width: 100%;
}

.sitemap-group .sitemap-nav .sitemap-inner {
	padding: 0 0 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl {
	background: #f0faff;
	padding: 15px;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	position: relative;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl .arrow {
	display: block;
	position: absolute;
	width: 48px;
	height: 35px;
	top: 50%;
	right: 0;
	margin: -17px 0 0;
	cursor: pointer;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-js:nth-last-of-type(2) .arrow {
	display: block;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-ttl .arrow:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 8px;
	right: 15px;
	margin: -7px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(135deg);
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-ttl .arrow.open:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 8px;
	right: 15px;
	margin: -2px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sitemap-group .sitemap-nav .sitemap-page-ttl a {
	color: #101010;
	text-decoration: none;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl a:hover {
	text-decoration: underline;
	color: #008cd6;
}

.sitemap-group .sitemap-nav .sitemap-page-list {
	padding: 0 10px 15px 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	list-style: none;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-list.sitemap-js {
	display: none;
}

.sitemap-group .sitemap-nav .sitemap-page-list li {
	color: #101010;
	text-decoration: none;
	padding: 12px 0 0;
	line-height: 1.4;
	word-break: break-all;
}

.sitemap-group .sitemap-nav .sitemap-page-list li a {
	font-size: 1.4rem;
	list-style: none;
	color: #101010;
}

.sitemap-group .sitemap-nav .sitemap-page-list li a:hover {
	text-decoration: none;
	color: #101010;
}


/*------------------------------------------
 *	サイドバーメーカー
------------------------------------------*/
.sidemenu-maker {
	border-top: 5px solid #008cd6;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 30px;
}

/*------------------------------------------
 *	カレンダー
------------------------------------------*/
.calender {
	margin: 0 16px 30px;
}


/*------------------------------------------
 *	フッター
------------------------------------------*/
#footer {
	font-size: 1.4rem;
	border-top: 2px solid #008cd6;
	background: #f0faff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}

#footer .footer-nav {
	padding: 16px;
	display: block;
}

#footer .footer-nav .footer-nav-ttl {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 20px;
	color: #222;
	position: relative;
	cursor: pointer;
	pointer-events: inherit;
}

#footer .footer-nav .footer-nav-ttl:after {
	border-right: 1px solid #008cd6;
	border-top: 1px solid #008cd6;
	content: "";
	height: 8px;
	right: 5px;
	margin: -8px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(135deg);
}

#footer .footer-nav .footer-nav-ttl.open:after {
	margin: -3px 0 0;
	transform: rotate(-45deg);
}


#footer .footer-nav .footer-nav-list {
	margin: 0 0 20px;
	display: none;
	background: #fff;
	padding: 15px 10px 5px;
}

#footer .footer-nav-list li {
	margin: 0 0 15px;
}

#footer .footer-nav-list li a {
	color: #008cd6;
}

#footer .footer-nav-list li a:hover {
	text-decoration: underline;
}

#footer .footer-company {
	display: block;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 20px;
}


#footer .footer-company .google-map iframe {
	width: 100%;
}

#footer .company-info {
	padding: 20px 0 0;
}

#footer .footer-company .footer-logo {
	margin: 0 0 10px;
	text-align: center;
}

#footer .footer-company .footer-logo img {
	width: 200px;
	height: auto;
}

#footer .footer-company .footer-address {
	line-height: 1.4;
	margin: 0 0 5px;
}

#footer .footer-company .footer-tel {
	text-align: center;
}

#footer .footer-company .footer-tel a {
	pointer-events: auto;
	font-weight: bold;
	font-size: 2.4rem;
	color: #ed761a;
	display: inline-block;
	margin: 10px 0;
}

#footer .footer-company .txt-btime {
	display: inline-block;
	font-size: 1.2rem;
	margin: 5px 0 0;
}

#footer .footer-contact-btn {
	margin: 15px 0 0;
	width: 100%;
	text-align: center;
}

#footer .footer-contact-btn a {
	width: 100%;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	background: #008cd7;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

#footer .footer-contact-btn a:hover {
	background: #444;
}

#footer .footer-ssl {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #d0d0d0;
	align-items: center;
}

#footer .footer-ssl .img-ssl {
	margin: 0 10px 0 0;
	width: 90px;
	flex-shrink: 0;
}

#footer .footer-ssl p {
	line-height: 1.4;
	font-size: 1.2rem;
}

#footer .copyright {
	text-align: center;
	background: #fff;
	padding: 15px 0;
	font-size: 1.2rem;
}

#footer .copyright a {
	color: #008cd6;
	text-decoration: underline;
}

#footer .copyright a:hover{
	text-decoration: none;
}

.swiper-container{
  display: flex;
}
.swiper-container.slick-initialized{
  display: block;
}

        .page-productgroup .tbl-standard-group.pc {
            display: none;
        }

        .page-productgroup .tbl-standard-group.sp {
            display: block;
        }

}