@import url("style_edit.css");
@font-face {
    font-family: 'FontAwesome';
    src: url("/fonts/fontawesome-webfont.woff2") format("woff2");
    src: url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    min-width: 1330px;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    text-align: left;
    min-height: 100%;
    list-style: none;
    position: relative;
}
ul,ol,dl,li,dt,dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
img {
    vertical-align: bottom;
}
*::-webkit-scrollbar {
    height: 14px;←好きな高さ
}
*::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
}
*::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}
.star a {
    color: #0000ff !important;
    text-decoration: underline;
}
/* Lightbox用の拡大アイコン表示 */
a.lbox {
    position: relative;
    margin: 10px auto;
    border: 1px solid #333;
    display: inline-block;
}

a.lbox::after {
    content: "\f00e";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    color: #fff;
    font-size: 25px;
    line-height: 1;
    padding: 6px;
}

a,
a:visited {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #ff0000;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
    outline: none;
    border: 1px solid #bfbfbf;
}

input:focus,
textarea:focus,
select:focus {
    background: #ffefd1;
    border: 1px solid #bfbfbf;
}

/* ヘッダーのステータス状態：2020-07-01 */
.name_bar{
    width: 100%;
	background: #333;
}
.name_bar .name_bar_ce{
    min-width: 1320px;
    max-width: 1350px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 1;
	color: #fff;
	padding: 10px 20px;
}
.name_bar .name_bar_ce::before{
	content: "\f007";
    font-family: fontawesome;
	margin-right: 10px;
}
.name_bar .name_bar_ce .name,
.name_bar .name_bar_ce .point{
    font-size: 15px;
    font-weight: bold;
    padding: 0px 5px;
}
.name_bar .name_bar_ce .modal-1{
	display: inline-block;
	color: #fff;
    text-decoration: underline;
    margin-left: 20px;
    cursor: pointer;
}

/* TOPページスライダー （読み込み時 縦に並ぶ不具合の対応） */
#slider,#slider-nav {
    display: none;
}
#slider.slick-initialized,
#slider-nav.slick-initialized{
    display: block;
}

/* 共通ラベル */
/* h2 */
.category h2,
.all-ranking h2,
.info h2,
.topic-map h2,
.history-ranking h2,
.center-contents h2 {
    position: relative;
    padding: 10px 10px 10px 20px;
    font-size: 22px !important;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ccc;
    margin-bottom: 20px;
}

.category h2::before,
.all-ranking h2::before,
.info h2::before,
.topic-map h2::before,
.history-ranking h2::before,
.center-contents h2::before {
    content: "";
    width: 7px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 10px auto;
    position: absolute;
    background: #ED681A;
    display: block;
}
/* h3 */
.center-contents h3 {
    border-bottom: 3px solid #ccc;
    padding: 10px 5px;
    margin: 12px 0;
}
/* 画像配置 */
.left-img {
    float: left;
    margin: 10px;
    margin-left: 0;
    width: 150px;
}

.right-img {
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}

.img-l {
    float: left;
    margin: 20px;
    width: 33%;
}

.img-r {
    float: right;
    margin: 10px;
    margin-top: 0;
    width: 33%;
}

.img-c {
    display: center;
    margin: 10px auto;
    display: block;
    max-width: 100%;
    width: auto;
}

.link-txt a {
    font-weight: bold;
    font-size: 17px;
    position: relative;
    border-bottom: 1px solid #3c76ff;
    color: #3c76ff;
    word-wrap: break-word;
}

.link-txt a:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: larger;
    padding-right: 3px;
}

.link-txt a:hover {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.to_cat a {
    font-size: 17px;
    position: relative;
    border-bottom: 1px solid #3c76ff;
    color: #3c76ff;
    word-wrap: break-word;
}

.to_cat a:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: larger;
    padding-right: 3px;
}

.to_cat a:hover {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}
.clear {
    clear: both;
}
blockquote {
    margin: 0;
    padding: 5px 10px;
    background: #e8e8e8;
}
/*				*/
/*	ヘッダー	*/
/*				*/
header {
    width: 100%;
    min-width: 1330px;
    background: #fff;
}
header img {
    width: auto;
    height: 55px;
}
.header-top {
    width: 100%;
    overflow: hidden;
    background: #505050;
    color: #fff;
}
.header-top ul {
    padding: 0 1%;
}
.header-top li {
    position: relative;
    float: left;
}
.header-top li a {
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    color: #fff;
}
.header-top li a:hover {
    background: #7c7c7c;
}

.header-top .right {
    float: right;
}

.header-top .right li {
    position: relative;
}

.header-top .right li a {
    padding: 5px;
}

.header-top .right li a:before {
    content: "\f0c9";
    padding-right: 5px;
    font-family: fontawesome;
    font-size: 17px;
    position: relative;
    bottom: -1px;
}

#header-inner {
    width: 100%;
    min-width: 1330px;
    max-width: 1400px;
    margin:0 auto;
    display: block;
    padding: 10px 2%;
    background: #fff;
}

#header-inner::before,
#header-inner::after {
    content: "";
    clear: both;
    display: block;
}
/* 20221019 固定ヘッダー */
#header-inner.fixed-header{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:10;
    background-color:#fff;
    width:100%;
    min-width:auto;
    max-width:initial;
    padding:0!important;
    margin:0 auto;
    animation:1s cubic-bezier(.25,1,.5,1) forwards slideDown;
    height:62.5px!important;
    border-bottom:1px solid #ddd;
    transition:.5s
}
@keyframes slideDown{
    0%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0)
    }
}
#header-inner.fixed-header #header-inner_con{
    width:100%;
    min-width:1330px;
    max-width:1400px;
    margin:0 auto;
    display:block;
    padding:10px 2%
}
#header-inner.fixed-header img{
    width:auto;
    height:42px
}
#header-inner.fixed-header .headersearch form{
    margin:0
}
#header-inner.fixed-header .headersearch #search-box{
    font-size:16px;
    padding:5px 10px
}
#header-inner.fixed-header .headersearch #submit-box{
    line-height:11px
}
#header-inner.fixed-header .iconmenu .cartblock a .cart:before,#header-inner.fixed-header .iconmenu li a:before,#header-inner.fixed-header .iconmenu li:before{
    width:auto;
    display:inline-block;
    vertical-align:middle
}
#header-inner.fixed-header .iconmenu li a:before,#header-inner.fixed-header .iconmenu li:before{
    margin-right:3px
}
#header-inner.fixed-header .iconmenu .cart .mtxt{
    display:none
}
#header-inner.fixed-header .iconmenu .cartblock .cart-asist{
    top:170%;
    width:max-content;
    padding:7px 15px
}
#header-inner.fixed-header .iconmenu .cartblock .cart-asist p{
    font-size:14px;
    display:inline-block;
    vertical-align:middle
}
#header-inner.fixed-header .iconmenu .cartblock .cart-asist p span{
    font-size:20px!important
}
#header-inner.fixed-header .iconmenu .cartblock .cart-asist p:first-child::after{
    content:"/";
    font-weight:400;
    margin:0 5px
}
#header-inner.fixed-header .iconmenu .cartblock .cart-asist p:first-child span,#header-inner.fixed-header li.modal-1.nlink{
    font-size:14px
}
#header-inner.fixed-header .iconmenu .my-news{
    width:auto!important
}
#header-inner.fixed-header .iconmenu .my-news .mn-badge{
    right:25px
}


h1#logo {
    width: 16%;
    vertical-align: top;
    margin: 0;
}

#logo a {
    float: left;
}

/* TOPスライダー */
.top-banner {
    width: 100%;
    height: 19em;
    position: relative;
    z-index: 1;
    margin: 0px auto;
    overflow: hidden;
}
.top-banner #slider img {
    width: 100%;
    height: auto;
}
#slider {
    width: 100%;
    height: 14.8em;
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
}
#slider .slick-list{
    position: relative;
    z-index: 1;
}
#slider-nav {
    margin: 10px auto;
    text-align: center;
    position: relative;
    z-index: 2;
}
#slider-nav li {
    margin: 3px;
    display: inline-block;
    vertical-align: top;
    border: 2px solid transparent;
    position: relative;
}

#slider-nav li img {
    max-width: 100%;
    height: auto;
}

#slider-nav li.slick-current {
    border-color: #ED681A;
}

#slider-nav li.slick-current::before {
    content: "";
    border: 15px solid transparent;
    border-bottom: 15px solid #ED681A;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 101%;
    margin: auto;
    width: 0;
    height: 0;
    line-height: 0;
    z-index: 3;
}

#slider-nav .slick-list {
    overflow: initial;
}

.asistarea {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.banner-asist {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    background: #333;
    margin: 10px;
    cursor: pointer;
}

.asistarea .active {
    background: #3c76ff;
    box-shadow: 0 0 5px 1px rgb(60, 118, 255);
}

/*				*/
/*	編集中	*/
/*				*/
/* ヘッダー／電話番号部分 */
.headertopc,
.headerbottomc {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
}

.headertopc {
    /*width: 25%;*/
    float: left;
    margin-left: 10px;
}

.headerbottomc {
    width: 34%;
    margin: 0px 10px;
    float: left;
}

.callmenu {
    vertical-align: top;
}

/* 検索フォーム部分 */
.headersearch {
    width: 100%;
    float: left;
}
.headersearch form {
    width: 100%;
    border: 3px solid #ff8842;
    border-radius: 5px;
    margin: 4px;
    display: block;
    font-size: 0;
    white-space: pre;
    position: relative;
}
.headersearch #search-box {
    width: calc(100% - 62px);
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 3px 0 0 3px;
}
.headersearch #search-box:hover,
.headersearch #search-box:focus{
    background: #fffeea;
    outline: 0;
}
.headersearch #submit-box {
    line-height: 19px;
    font-size: 18px;
    width: 63px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 11px 9px;
    border-radius: 0 1px 1px 0;
}
.iconmenu {
    float: right;
    font-size: 15px;
    padding-right: 5px;
}

.iconmenu li {
    position: relative;
    padding: 5px 10px;
    float: left;
    border-left: 1px solid #afafaf;
    font-size: 13px;
    line-height: 1.8;
}
.iconmenu .my-news {
    width: 70px;
}
.iconmenu .my-news a::before {
    content: "\f0f3";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 32px;
    line-height: 0.76;
    text-align: center;
}
.iconmenu li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: relative;
}
.iconmenu .logout {
    border-left: 1px solid #afafaf;
}
.iconmenu .logout a {
    position: relative;
}
.iconmenu .logout a:before {
    content: "\f08b";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .mypage a {
    position: relative;
}
.iconmenu .mypage a:before {
    content: "\f007";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .log,
.iconmenu .rireki {
    text-align: center;
    position: relative;
    cursor: pointer;
}
.iconmenu li:hover,
.iconmenu li a:hover,
.iconmenu li:hover:before,
.iconmenu li a:hover:before,
.iconmenu li.cartblock a:hover .cart:before {
    color: #ff0000;
}
.iconmenu .rireki.modal-9:before,
.iconmenu .rireki a:before {
    content: "\f1da";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .cartblock {
    border-right: none;
    position: relative;
}
.iconmenu .cartblock .cart {
    text-align: center;
    position: relative;
}
.iconmenu .cartblock .cart span {
    background: rgb(237, 104, 26);
    border-radius: 50px;
    position: absolute;
    top: -10px;
    right: -35%;
    width: 20px;
    height: 20px;
    line-height: 1.7;
    color: #fff;
}
.iconmenu .cartblock .cart-asist {
    text-align: center;
    border: 1px solid #ccc;
    padding: 7px 10px 15px;
    position: absolute;
    top: 140%;
    width: 210px;
    right: 0;
    z-index: 10;
    display: inline-block;
    margin: -5px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(255, 229, 156, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(255, 229, 156, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(255, 229, 156, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffe59c", GradientType=1);
    box-shadow: 5px 5px 0px rgba(50, 50, 50, 0.5);
}
.iconmenu .cartblock .cart-asist::before {
    content: "";
    border: 7px solid transparent;
    border-bottom: 16px solid #ccc;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: -23px;
    right: 18px;
}
.iconmenu .cartblock .cart-asist::after {
    content: "";
    border: 7px solid transparent;
    border-bottom: 16px solid #fff;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: -20px;
    right: 18px;
}
.cart-asist p:first-child{
    margin:0;
    font-size:17px;
    line-height:1.3;
    position:relative
}
.cart-asist p:first-child span{
    font-size:24px;
    font-weight:700
}
.iconmenu .cartblock a:hover .cart-asist p:first-child:before{
    color:#333
}
.iconmenu .cartblock .cart-asist p:last-child {
    font-size:14px;
    line-height:1;
    margin:0
}
.iconmenu .cartblock .cart-asist p:last-child span{
    font-size:19px;
    font-weight:700
}
.iconmenu .gocart {
    display: block;
    border: none;
}
.iconmenu .gocart a {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(#ff973e, #FF6E1F);
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    border: 2px solid #ff8842;
    padding: 3px;
}
.iconmenu .gocart a:hover {
    color: #fff;
    opacity: 0.6;
}
.iconmenu .log:before {
    content: "\f090";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .regist a:before {
    content: "\f044";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .rireki1 a:before {
    content: "\f1da";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.iconmenu .cartblock a .cart:before {
    content: "\f07a";
    font-family: fontawesome;
    display: block;
    width: 100%;
    font-size: 35px;
    line-height: 0.7;
}
.mn-badge {
    position: absolute;
    right: 0;
    top: -10px;
    background: #ed681a;
    color: #fff;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1;
}
.right-text {
    margin-left: 5px;
    float: left;
    font-size: 12px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.right-text img {
    width: 50%;
    float: right;
}

/*				*/
/*	編集中	 end*/
/*				*/
/*				*/
/*	グローバルメニュー	*/
/*				*/
.g-menu {
    width: 100%;
    clear: both;
    background: #555;
    height: 44px;
}
.g-menu ul {
    width: 100%;
    min-width: 1300px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 15px;
    position: relative;
}
.g-menu ul li {
    margin: 0 auto;
    position: relative;
}
.g-menu .acodion {
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    float: left;
    background: #555;
    position: relative;
}
.g-menu .acodion span a {
    margin: 0;
    padding: 14px 25px;
    line-height: 1;
    text-align: center;
    display: block;
    color: #fff;
}
.g-menu .acodion span a:hover {
    color: #fff;
    background: #7b7b7b;
}
.g-menu .acodion ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    padding: 0px;
    min-width: auto;
    width: 240px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.g-menu .acodion ul:before {
    content: "";
    border-top: 13px solid #7b7b7b;
    border-bottom: 13px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -3px;
    left: 20px;
}

.g-menu .acodion:last-child ul:before {
    left: auto;
    right: 80px;
}

.g-menu .acodion ul li:first-child {
    margin-top: 10px;
}


.g-menu .acodion:first-child ul {
    left: 0;
}

.g-menu .acodion:last-child ul {
    left: auto;
    right: 0;
}

.g-menu .acodion ul li {
    display: block;
    float: none;
    clear: both;
    width: 100%;
}

.g-menu .acodion ul li a {
    color: #333;
    display: block;
    padding: 10px;
    width: 100%;
    font-size: 15px;
    position: relative;
}

.g-menu .acodion ul li a:hover {
    background: #efefef;
}

.g-menu .acodion ul li a:before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}

/* TOPページバナー下のお知らせ一覧 */
.topnews{
	margin:15px 0;
	background: #fff3ec;
    border: 2px solid #fd8640;
    padding:5px;
    position: relative;
    z-index: 2;
}
.topnews li{
	display:none;
	line-height:2;
}
.topnews li:nth-child(1){
	display:block;
}
.topnews li a span{
	padding: 0 10px;
	color: #ED681A;
}
.topnews li a:hover{
    color:#ff0000;
    text-decoration: underline;
}

/*				*/
/*	検索フォーム	*/
/*				*/
.g-menu #{
    background-color: white;
    width:46%;
    min-height: 23px;
    border: 1px solid #bfbfbf;
    border-radius:5px;
    padding:0;
    overflow: hidden;
    vertical-align: top;
    display:block;
}
#search form {
    height: 100%;
}
#search input {
    vertical-align: top;
    margin: 0px;
    box-sizing: border-box;
    font-size: 16px;
    height: 106%;
}
#search-box {
    border: none;
}
#search-box::placeholder{
    letter-spacing: -1px;
}
#submit-box {
    background: #ff8842;
    background-size: 20px;
    border: none;
    cursor: pointer;
    color: #fff;
    height: 100%;
}
#submit-box:hover {
    background: #ff6e1f;
}

.g-menu-fix #search {
    width: 46%;
    font-size: 20px;
    min-height: 21px;
}

/*				*/
/* モーダル コンテンツ*/
/*				*/
.modal {
    display: none;
    width: 40%;
    height: auto;
    margin: 0;
    padding: 20px;
    background-color: #ffffff;
    color: #666666;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 2px #0000005e;
}

.modal2 {
    display: none;
    width: 820px;
    height: auto;
    margin: 0;
    padding: 20px;
    background-color: #ffffff;
    color: #666666;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 2px #0000005e;
}

.card-modal {
    display: none;
    width: 80%;
    max-width: 1000px;
    height: auto;
    margin: 0;
    padding: 20px;
    background-color: #ffffff;
    color: #666666;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 2px #0000005e;
}

#modal-bg {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
}

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

.modal-right {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 20px;
    z-index: 5;
    background: #555;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

.m-left {
    display: block;
    clear: both;
}

.m-left a,
.pass a {
    color: #666666;
    text-decoration: underline;
}

.m-left a:hover,
.pass a:hover {
    color: #a00000;
}

.login p {
    margin: 0;
    margin-bottom: 2px;
    font-size: 14px;
}

.login .center-txt {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.login .l-1 {
    font-size: 16px;
    margin-bottom: 20px;
}

.login input {
    margin: 0;
    width: 100%;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}

.login #login-btn,
.login #mail-btn {
    width: 45%;
    height: auto;
    margin: 10px auto;
    display: block;
    background: #ed681a;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 20px;
}

.login .log,
.login .pass,
.login .back-log {
    float: none;
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    border: none;
    text-decoration: underline;
}

.modal .login .log,
.modal .login .back-log {
    color: #333;
}

/* フォーム部分必須アイコン */
.form_msg{
    font-size:0;
    position:relative;
    margin-bottom:20px;
}
.required::before{
    content:"必須";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:60px;
    text-align:center;
    font-size:15px;
    color:#fff;
    background:#df2e2e;
    padding:5px;
    margin:5px;
    box-sizing:border-box;
    border-radius:3px;
}


/*				*/
/*	コンテンツ	*/
/*				*/
#all-contents {
    width: 100%;
    min-width: 1300px;
    max-width: 1400px;
    overflow: hidden;
    padding: 20px;
    margin: 0px auto;
}

#all-contents::before,
#all-contents::after {
    content: "";
    clear: both;
    display: block;
}
#main-contents {
    float: right;
    width: 79%;
    display: block;
}
/*				*/
/*	パンくずリスト	*/
/*				*/
#breadcrumb {
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 150px;
}

#breadcrumb ul {
    overflow: hidden;
    clear: both;
}

#breadcrumb li {
    float: left;
    margin-right: 5px;
    font-size: 14px;
}

#breadcrumb li a {
    display: inline-block;
    position: relative;
    color: #1245d6;
}

#breadcrumb li a:hover {
    color: #ff0000;
}

#breadcrumb li:after {
    content: "\f105";
    font-family: fontawesome;
    right: 0;
    padding-left: 5px;
}

#breadcrumb li:last-child:after {
    content: none;
}

#breadcrumb li a.disabled {
    pointer-events: none;
    color: #333;
}

#gotop {
    position: fixed;
    bottom: 120px !important;
    right: 20px;
    z-index: 5;
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 0 15px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50px;
    cursor: pointer;
}

#gotop:before {
    content: "\f106";
    font-family: fontawesome;
    font-size: 40px;
    display: block;
    line-height: 0.7;
}

#main-contents h2 {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #bfbfbf;
    font-size: 30px;
    margin: 0;
    margin-bottom: 20px;
}
#main-contents .item-txt h2 {
    margin-top: 50px;
    clear: both;
}
#main-contents .ct-a h1 {
    margin-top: 0;
}
#main-contents .ct-a h2 {
    margin: 20px 0;
}
/*	売れ筋ランキング	*/
.all-ranking {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.all-ranking ul {
    margin-bottom: 20px;
    position: relative;
    
}
ul.list{
    overflow: auto;
}
.all-ranking li {
    background: #fff;
    padding: 5px;
    z-index: 3;
    float: none;
}

.all-ranking li a img {
    max-width: 100%;
    border: 1px solid #fff;
}
ul.list li a img{
    width: 142px;
    max-width: none;
}
.all-ranking li a img:hover {
    border: 1px solid #ff0000;
}

.all-ranking li .title {
    margin: 4% 0;
    height: 36px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-align: left;
}

.all-ranking li .title a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

.all-ranking li .txt {
    font-size: 14px;
    line-height: 1.3;
    height: 53px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.all-ranking li .price {
    font-weight: bold;
    color: #ff0000;
    font-size: 15px;
    position: relative;
}

.all-ranking li .price span {
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}

.all-ranking li .star a {
    line-height: 1;
    font-size: 12px;
}

.all-ranking li .star a img {
    min-width: 70px;
    width: 50% !important;
    border: none;
}

.all-ranking li .star a img:hover {
    border: none;
}

.all-ranking li .btn {
    position: relative;
    float: right;
    margin: 5% 0;
}

.all-ranking li .btn a {
    background: linear-gradient(#FFF, #f5f5f5);
    border: 1px solid #bfbfbf;
    font-weight: bold;
    padding: 0.3vw 0.6vw;
    font-size: 0.8vw;
    border-radius: 10px;
}

.all-ranking li .btn a:hover {
    background: #ED681A;
    color: #fff;
}

.all-ranking li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.all-ranking li .new {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #ed681ad1;
    color: #fff;
    padding: 5px;
    margin: 0;
    font-size: 12px;
}

.all-ranking .next,
.all-ranking .prev {
    display: inline-block;
    padding: 5px 8px 5px;
    background: #efefef;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 5;
    background: #555555;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: .75;
}

.all-ranking .next:hover,
.all-ranking .prev:hover {
    opacity: 1;
}

.all-ranking .next {
    position: absolute;
    top: 30%;
    right: 0px;
}

.all-ranking .next::before {
    content: "\f054";
    font-family: fontawesome;
}

.all-ranking .prev {
    position: absolute;
    top: 30%;
    left: 0px;
}

.all-ranking .prev::before {
    content: "\f053";
    font-family: fontawesome;
}

/*	カテゴリ別ランキング	*/
.category {
    margin: 10px 0;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}
.category .list-all {
    clear: both;
}
.category h3 {
    font-size: 20px;
    margin-top: 20px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.category h3:before {
    content: "\f02e";
    font-family: fontawesome;
    margin-right: 10px;
    color: #a00000;
    text-shadow: 1px 1px 1px #949494;
}

.tab {
    overflow: hidden;
    height: 50px;
    display: table;
	border-spacing: 5px 0px;
    width: 100%;
    border-bottom: 3px solid #333;
}
.tab .select {
    background: #fff;
    margin-bottom: 1vw;
    border-bottom: none;
    position: relative;
    background: linear-gradient(#656565, #333);
    color: #fff;
    transition: all ease 0.3s;
	border-radius: 5px 5px 0 0;
}

.content li {
    background: #eee;
}

.category-list {
    overflow: hidden;
    padding: 0;
    padding-left: 0;
}

.genru {
    display: block;
    overflow: hidden;
}

.genru a {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    border: 1px solid #333;
    padding: 0.5%;
    text-align: center;
    font-size: 10px;
    letter-spacing: -0.5px;
}

.genru a:last-child {
    margin-right: 0;
}

.genru span {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    border: 1px solid #333;
    padding: 0.5%;
    text-align: center;
    font-size: 0.7vmax;
}

/*				*/
/*	ランキング	*/
/*				*/
.list {
    position: relative;
    top: 0;
    /* メニューのwidth + padding */
    width: 100%;
    padding: 0;
    background-color: #fff;
}
dl.inner.list.cate{
    overflow: auto;
    display: flex; 
}
dl.inner.list.cate dt{
    width: 37%;
    min-width: 175px;
}
.list dt ,.list li{
    float: left;
    display: block;
    width: 22%;
    padding: 1%;
    position: relative;
}

.list dt:last-child {
    margin-right: 0;
}

.list dt p,.list li p {
    margin: 2% 0;
}

.list dt a img {
    max-width: 100%;
    border: 1px solid #fff;
}

.list dt a img:hover,.list li a img:hover {
    border: 1px solid #ff0000;
}

.list dt .title,.list li .title {
    margin: 4% 0;
    height: 38px;
    padding-top: 2px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-align: left;
}

.list dt .title a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    word-break: break-word;
}

.list dt .txt {
    font-size: 14px;
    line-height: 1.3;
    height: 53px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.list dt .price {
    font-weight: bold;
    color: #ff0000;
    font-size: 15px;
    position: relative;
}

.list dt .price span {
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}

.list dt .star a {
    line-height: 1;
    font-size: 12px;
}

.list dt .star a img {
    min-width: 70px;
    width: 50%;
    border: none;
}

.list dt .star a img:hover {
    border: none;
}

.list dt .btn {
    position: relative;
    float: right;
    margin: 5% 0;
}

.list dt .btn a {
    background: linear-gradient(#FFF, #f5f5f5);
    border: 1px solid #bfbfbf;
    font-weight: bold;
    padding: 0.3vw 0.6vw;
    font-size: 0.8vw;
    border-radius: 10px;
}

.list dt .btn a:hover {
    background: #ED681A;
    color: #fff;
}

.list dt .no {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3vw;
    max-width: 50px;
    min-width: 30px;
}

.list dt .no img {
    width: 100%;
    height: auto;
}

.category-list .next {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 1%;
}

.category-list .next a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    float: right;
    padding: 0;
    font-size: 22px;
    position: relative;
    border-bottom: 1px solid #333;
    line-height: 1;
}

.category-list .next a:after {
    content: "\f105";
    font-family: fontawesome;
    font-size: 28px;
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.history-list .list dt:before {
    content: none;
}

.hide {
    display: none;
}

.fadein {
    display: block;
    animation: fadeIn 0.4s ease 0s 1 normal;
}

/*				*/
/*	履歴	*/
/*				*/
.history-ranking {
    margin: 30px 0;
    overflow: hidden;
}
.history-ranking .list-all {
    clear: both;
}
#main-contents .history h3 {
    text-align: center;
    background: linear-gradient(#FFF, #f5f5f5);
    border-left: 1px solid #bfbfbf;
    display: block;
    position: relative;
    font-size: 20px;
    float: left;
    line-height: 1;
    padding: 15px 40px;
    margin-bottom: 0;
    cursor: pointer;
}
.history-ranking h3:last-child {
    border-right: 1px solid #bfbfbf;
}
#main-contents .history-ranking .history .select,
#main-contents .center-contents .text-area .select {
    margin-bottom: 1vw;
    border-bottom: none;
    position: relative;
    background: linear-gradient(#656565, #333);
    color: #fff;
    transition: all ease 0.3s;
}

.history {
    overflow: hidden;
}

.content li {
    background: #eee;
}

.history-list {
    overflow: hidden;
    padding: 0;
    padding-left: 0;
}
#main-contents .history-list a {
    color: #333;
}
#main-contents .history-list a:hover {
    color: #ff0000;
}

/* 購入履歴：支払い方法 */
#my-history .history-list table .orderslip a {
    width: 32%;
    border: 1px solid #9e9e9e;
    border-radius: 5px;
    margin-right: 2%;
    display: block;
    text-align: center;
    padding: 5px;
    float: left;
}

#my-history .history-list table .orderslip a:hover {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.orderslip div {
    text-align: left;
}

#my-history .history-list table .orderslip a:last-child {
    margin-right: 0;
}
/* 購入履歴：発送状況の確認ボタン、再注文ボタン、口コミ投稿ボタン */
.table-btn{
    display: block;
    font-weight: normal;
    text-align: center;
}

.table-btn a {
    display: block;
    padding: 10px;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1;
    background: rgb(213,213,213);
    background: linear-gradient(0deg, rgba(213,213,213,1) 0%, rgba(255,255,253,1) 100%);
    margin: 5px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.table-btn a:hover {
    background: rgb(230,230,230);
    background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,253,1) 100%);
}

.table-btn.se a {
    border: 1px solid #d0ac01;
    font-size: 18px;
    background: rgb(222,189,56);
    background: linear-gradient(0deg, rgba(222,189,56,1) 0%, rgba(247,246,109,1) 100%);
}
.table-btn.se a:hover {
    background: rgb(222,189,56);
    background: linear-gradient(0deg, rgba(222,189,56,1) 0%, rgba(255,254,163,1) 100%);
}


/*				*/
/*	情報ページリンク	*/
/*				*/
.info {
    overflow: hidden;
    margin-bottom: 80px;
}

.info .newtopic {
    width: 100%;
    margin-bottom: 50px;
}

.info .newtopic li {
    width: 100%;
}

.info .newtopic li a {
    width: 100%;
    overflow: hidden;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #bfbfbf;
}

.info .newtopic .new-img {
    width: 110px;
    height: 110px;
    float: left;
    overflow: hidden;
}

.info .newtopic .new-img img {
    width: 170px;
}

.info .newtopic .text {
    margin-left: 120px;
    width: auto;
    float: none;
}

.info .newtopic .text .title {
    font-weight: bold;
    font-size: 18px;
}

.info .newtopic .text .syosai {
    height: 87px;
    overflow: hidden;
}

.info .fav {
    overflow: hidden;
    margin-bottom: 50px;
}

.info .fav li {
    display: block;
    width: 50%;
    margin: 0;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

.info .fav li:nth-child(2n) {
    margin-left: 0;
    border-right: none;
}

.info .fav li a {
    display: block;
    width: 100%;
    padding: 6px;
    overflow: hidden;
    color: #333;
}

.info .fav li a:hover {
    color: #ff0000;
    opacity: 0.8;
}

.info .fav li a .img {
    width: 90px;
    height: 90px;
    float: left;
    margin: 5px 0;
    overflow: hidden;
}

.info .fav li a .img img {
    width: 120px;
}

.info .fav li a .text {
    margin-left: 100px;
}

#main-contents .info .fav li a .text p {
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    height: 40px;
}

#main-contents .info .fav li a .text .title {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin: 0;
    height: auto;
}

/*				*/
/*	サイドメニュー	*/
/*				*/
#side-contents {
    float: left;
    display: block;
    overflow: hidden;
    width: 255px;
    margin: 0;
    padding: 0;
}

#side-contents h2 {
    margin: 0;
    padding: 10px;
    border-bottom: none;
    font-size: 17px;
    line-height: 27px;
    padding: 10px;
    padding-bottom: 0;
}

#side-contents h2 span {
    border-bottom: 3px solid #ed681a;
    display: block;
    padding: 5px;
}


/* 新サイドメニュー */
#catMenu {
    border-radius: 5px;
    margin-bottom: 1.5vw;
    border: 1px solid #e5e5e5;
    text-align: left;
    font-size: 14px;
}

#catMenu dl {
    margin: 0px;
    padding: 0px;
}

#catMenu dt {
    position: relative;
    font-size: 15px;
    transition: all ease 0.2s;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px;
    margin: 0px;
}

#catMenu dd {
    margin: 0;
    padding: 0;
}

#catMenu dt.acMenu,
#catMenu dt.leg {
    position: relative;
    font-size: 15px;
    transition: all ease 0.2s;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px 10px 45px;
    margin: 0px;
    cursor: pointer;
    word-break: keep-all;
}

#catMenu dt.leg {
    cursor: default !important;
}

#catMenu dt.acMenu:before{
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 11px;
    width: 25px;
    height: 25px;
    line-height: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    display: block;
}

#catMenu dt.acMenu:after,
#catMenu dt.leg:after {
    content: "\f078";
    font-family: fontawesome;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    width: 0;
    line-height: 0;
}

#catMenu dt.acMenu.Open{
    color:#fff;
    background-color:#ED681A;   
}

#catMenu dt.acMenu.Open:after {
    content: "\f077";
}

#catMenu dt a {
    transition: all ease 0.2s;
    display: block;
    padding: 10px 20px 10px 45px;
    margin: 0px;
}

#catMenu dt a:after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    width: 0;
    line-height: 0;
}

#catMenu dt a:hover {
    background: #efefef;
}

#catMenu dt.acMenu + dd {
    display: none;
}

#catMenu dd li {
    background:#eaeaea;
    border-bottom: 1px dashed #e5e5e5;
}

#catMenu dd li a {
    position: relative;
    font-size: 15px;
    transition: all ease 0.2s;
    display: block;
    padding: 10px 20px;
}

#catMenu dd li a:after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    width: 0;
    line-height: 0;
}

#catMenu dt:last-child,
#catMenu dt.acMenu li:last-child {
    border-bottom: none;
}


/* カテゴリーメニューアイコン共通設定 a：リンク、a:hover：リンクに触れたとき
--------------------------------------------------------------------------*/
#catMenu dt,
#catMenu dt a,
#catMenu dt.acMenu,
#catMenu dt.leg {
    background-repeat: no-repeat;
    background-size: 25px !important;
}

#catMenu dt:hover,
#catMenu dt a:hover,
#catMenu dt.acMenu:hover,
#catMenu dt.leg:hover {
    background-size: 35px, 100% !important;
}

/* カテゴリーメニューアイコン a：リンク、a:hover：リンクに触れたとき
--------------------------------------------------------------------------*/
/* ランキング */
#catMenu .ranking a {
    background: url(/img/side25.png?ver=20220713_1712)no-repeat 10px center;
}
#catMenu .ranking a:hover {
    background: url(/img/side25.png?ver=20220713_1712)no-repeat 5px center, #efefef;
}

/* ↓新入荷商品 */
#catMenu .newitem a {
    background: url(/img/side7.png)no-repeat 10px center;
}

#catMenu .newitem a:hover {
    background: url(/img/side7.png)no-repeat 5px center, #efefef;
}

/* ↓お得なセット商品 */
#catMenu .campaign_set {
    background: url(/img/side5.png)no-repeat 10px center;
}

#catMenu .campaign_set:hover {
    background: url(/img/side5.png)no-repeat 5px center, #efefef;
}

/* ↓ED治療薬 */
#catMenu .ed {
    background: url(/img/side1.png)no-repeat 10px center;
}

#catMenu .ed:hover {
    background: url(/img/side1.png)no-repeat 5px center, #efefef;
}

/* ↓早漏防止薬 */
#catMenu .pe {
    background: url(/img/side2.png)no-repeat 10px center;
}

#catMenu .pe:hover {
    background: url(/img/side2.png)no-repeat 5px center, #efefef;
}

/* ↓ペニス増大 */
#catMenu .increase_penis {
    background: url(/img/side4.png)no-repeat 10px center;
}

#catMenu .increase_penis:hover {
    background: url(/img/side4.png)no-repeat 5px center, #efefef;
}

/* ↓媚薬 */
#catMenu .aphrodisiac {
    background: url(/img/side3.png)no-repeat 10px center;
}

#catMenu .aphrodisiac:hover {
    background: url(/img/side3.png)no-repeat 5px center, #efefef;
}

/* ↓女性向け商品 */
#catMenu .female {
    background: url(/img/side8.png)no-repeat 10px center;
}

#catMenu .female:hover {
    background: url(/img/side8.png)no-repeat 5px center, #efefef;
}

/* ↓アレルギー */
#catMenu .allergy {
    background: url(/img/side18.png)no-repeat 10px center;
}

#catMenu .allergy:hover {
    background: url(/img/side18.png)no-repeat 5px center, #efefef;
}

/* ↓アダルトグッズ */
#catMenu .other_items {
    background: url(/img/side19.png)no-repeat 10px center;
}

#catMenu .other_items:hover {
    background: url(/img/side19.png)no-repeat 5px center, #efefef;
}

/* ↓その他 */
#catMenu .sonota_items {
    background: url(/img/side9.png)no-repeat 10px center;
}

#catMenu .sonota_items:hover {
    background: url(/img/side9.png)no-repeat 5px center, #efefef;
}

/* ↓性病・感染症 */
#catMenu .std {
    background: url(/img/side11.png)no-repeat 10px center;
}

#catMenu .std:hover {
    background: url(/img/side11.png)no-repeat 5px center, #efefef;
}

/* ↓サプリメント */
#catMenu .supplement {
    background: url(/img/side10.png)no-repeat 10px center;
}

#catMenu .supplement:hover {
    background: url(/img/side10.png)no-repeat 5px center, #efefef;
}

/* ↓避妊薬 */
#catMenu .contraception {
    background: url(/img/side12.png)no-repeat 10px center;
}

#catMenu .contraception:hover {
    background: url(/img/side12.png)no-repeat 5px center, #efefef;
}

/* ↓検査キット */
#catMenu .testkit {
    background: url(/img/side13.png)no-repeat 10px center;
}

#catMenu .testkit:hover {
    background: url(/img/side13.png)no-repeat 5px center, #efefef;
}

/* ↓男性薄毛治療薬 */
#catMenu .aga {
    background: url(/img/side14.png)no-repeat 10px center;
}

#catMenu .aga:hover {
    background: url(/img/side14.png)no-repeat 5px center, #efefef;
}

/* ↓女性薄毛治療薬 */
#catMenu .aga\.woman {
    background: url(/img/side15.png)no-repeat 10px center;
}

#catMenu .aga\.woman:hover {
    background: url(/img/side15.png)no-repeat 5px center, #efefef;
}

/* ↓メンタルヘルスケア */
#catMenu .mentalhealth_care {
    background: url(/img/side16.png)no-repeat 10px center;
}

#catMenu .mentalhealth_care:hover {
    background: url(/img/side16.png)no-repeat 5px center, #efefef;
}

/* ↓不眠症 */
#catMenu .insomnia {
    background: url(/img/side17.png)no-repeat 10px center;
}

#catMenu .insomnia:hover {
    background: url(/img/side17.png)no-repeat 5px center, #efefef;
}


/* ↓ホルモン剤・更年期障害 */
#catMenu .hormone_menopause {
    background: url(/img/side20.png)no-repeat 10px center;
}

#catMenu .hormone_menopause:hover {
    background: url(/img/side20.png)no-repeat 5px center, #efefef;
}


/* ↓美容・スキンケア */
#catMenu .skincare {
    background: url(/img/side21.png)no-repeat 10px center;
}

#catMenu .skincare:hover {
    background: url(/img/side21.png)no-repeat 5px center, #efefef;
}

/* ↓ダイエット・筋肉 */
#catMenu .diet_muscle {
    background: url(/img/side22.png)no-repeat 10px center;
}

#catMenu .diet_muscle:hover {
    background: url(/img/side22.png)no-repeat 5px center, #efefef;
}

/* ↓病気・症状 */
#catMenu .sick_symptom {
    background: url(/img/side23.png)no-repeat 10px center;
}

#catMenu .sick_symptom:hover {
    background: url(/img/side23.png)no-repeat 5px center, #efefef;
}

/* ↓デンタルケア */
#catMenu .whitening_oralcare {
    background: url(/img/side24.png)no-repeat 10px center;
}

#catMenu .whitening_oralcare:hover {
    background: url(/img/side24.png)no-repeat 5px center, #efefef;
}

/* 非ログインユーザー・ログインユーザーレジットLv.0のとき */
/* ↓新入荷商品 */
#catMenu .newitem {
    background: url(/img/side7.png)no-repeat 10px center;
}

#catMenu .newitem:hover {
    background: url(/img/side7.png)no-repeat 5px center, #efefef;
}

/* ↓ナイトライフ */
#catMenu .nightlife {
    background: url(/img/side1.png)no-repeat 10px center;
}

#catMenu .nightlife:hover {
    background: url(/img/side1.png)no-repeat 5px center, #efefef;
}

/* ↓媚薬 */
#catMenu .aphrodisiac {
    background: url(/img/side3.png)no-repeat 10px center;
}

#catMenu .aphrodisiac:hover {
    background: url(/img/side3.png)no-repeat 5px center, #efefef;
}

/* ↓検査キット */
#catMenu .testkit {
    background: url(/img/side13.png)no-repeat 10px center;
}

#catMenu .testkit:hover {
    background: url(/img/side13.png)no-repeat 5px center, #efefef;
}


/* 旧サイドメニュー */
.sidemenu {
    border-radius: 5px;
    margin-bottom: 1.5vw;
    border: 1px solid #e5e5e5;
    text-align: left;
    font-size: 14px;
}

.sidemenu li {
    position: relative;
}

.sidemenu li a {
    font-size: 15px;
    position: relative;
    transition: all ease 0.2s;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px dashed #e5e5e5;
}

.sidemenu li a:hover {
    background: #efefef;
}

.sidemenu li a:after {
    content: "\f0da";
    font-family: fontawesome;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -9px;
}

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

.sidemenu .big a {
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 45px;
    padding-right: 20px;
}

.sidemenu .campaign_set a {
    background: url(/img/side5.png)no-repeat 10px center;
    background-size: 25px;
}

.sidemenu .campaign_set a:hover {
    background: url(/img/side5.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .ed a {
    background: url(/img/side1.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .ed a:hover {
    background: url(/img/side1.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .pe a {
    background: url(/img/side2.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .pe a:hover {
    background: url(/img/side2.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .increase_penis a {
    background: url(/img/side4.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .increase_penis a:hover {
    background: url(/img/side4.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .aphrodisiac a {
    background: url(/img/side3.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .aphrodisiac a:hover {
    background: url(/img/side3.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .female a {
    background: url(/img/side8.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .female a:hover {
    background: url(/img/side8.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .other_items a {
    background: url(/img/side9.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .other_items a:hover {
    background: url(/img/side9.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .std a {
    background: url(/img/side11.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .std a:hover {
    background: url(/img/side11.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .contraception a {
    background: url(/img/side12.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .contraception a:hover {
    background: url(/img/side12.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .supplement a {
    background: url(/img/side10.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .supplement a:hover {
    background: url(/img/side10.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .testkit a {
    background: url(/img/side13.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .testkit a:hover {
    background: url(/img/side13.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}


.sidemenu .newitem a {
    background: url(/img/side7.png)no-repeat 10px center;
    background-size: 25px, 100%;
}

.sidemenu .newitem a:hover {
    background: url(/img/side7.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .left-no1 a {
    background: url(/img/side1.png)no-repeat 10px center;
    background-size: 25px;
    padding: 10px 45px;
    font-weight: bold;
}

.sidemenu .left-no1 a:hover {
    background: url(/img/side1.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .left-no2 a {
    background: url(/img/side2.png)no-repeat 10px center;
    background-size: 25px;
    padding: 10px 45px;
    font-weight: bold;
}

.sidemenu .left-no2 a:hover {
    background: url(/img/side2.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .left-no3 a {
    background: url(/img/side6.png)no-repeat 10px center;
    background-size: 25px;
    padding: 10px 45px;
    font-weight: bold;
}

.sidemenu .left-no3 a:hover {
    background: url(/img/side6.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

.sidemenu .left-no4 a {
    background: url(/img/side3.png)no-repeat 10px center;
    background-size: 25px;
    padding: 10px 45px;
    font-weight: bold;
}

.sidemenu .left-no4 a:hover {
    background: url(/img/side3.png)no-repeat 5px center, #efefef;
    background-size: 35px, 100%;
}

/* ↑旧サイドメニュー */
/*				*/
/*	サイドのお知らせ	*/
/*				*/
.side-table ol {
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 5px 5px;
}
.side-table .box{
    margin-bottom: 20px;
}
.side-table .box img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0px !important;
}
.side-table ul form {
    margin: 0;
    padding: 15px;
}
.side-table ul .formarea {
    border: 1px solid #ed681a;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 40px;
    width: 100%;
    position: relative;
}
.side-table ul #textarea {
    width: 80%;
    margin: 0;
    padding: 0 0.5vw;
    height: 100%;
    border: none;
    font-size: 15px;
    vertical-align: top;
    min-height: 20px;
}
.side-table ul #btnarea {
    width: 20%;
    padding: 0.2vw;
    height: 100%;
    font-size: 15px;
    border: none;
    cursor: pointer;
    background: #ED681A;
    color: #fff;
    vertical-align: top;
    min-height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.side-table p {
    text-align: left;
    font-size: 14px;
}
.side-table .box{
    margin-bottom: 20px;
}
.side-table .box img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0px !important;
}
.side-table .tw-bnr-bx{
    margin-bottom: 20px;
}
.side-table .tw-bnr-bx img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0px !important;
}
/*				*/
/*	サイドのお知らせ	*/
/*				*/
#sidenews {
    background: #f2f2f2;
}

#sidenews li a {
    display: block;
    padding: 13px 20px;
    padding-right: 40px;
    font-size: 14px;
    border-bottom: 1px dashed #bfbfbf;
    position: relative;
    background: #fff7f2;
}

#sidenews li a:after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -10px;
    right: 5px;
    font-size: 20px;
}

#sidenews li a span {
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 5px 0px;
    color: #ED681A;
}

#sidenews li:last-child a {
    border-bottom: none;
}

/*				*/
/*	フッター	*/
/*				*/
footer {
    clear: both;
    background: #555;
    display: block;
    overflow: hidden;
    width: 100%;
    min-width: 1330px;
    margin: 0;
    margin-top: 2vw;
    padding: 0;
    position: relative;

}

#sitemap {
    width: 100%;
    min-width: 1300px;
    max-width: 1400px;
    margin: 0 auto;
}

#sitemap h2 {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    font-size: 16px;
}

#sitemap li a {
    font-size: 13px;
    position: relative;
    transition: all ease 0.2s;
}

#sitemap .regist-login {
    width: 25%;
    float: left;
    overflow: hidden;
    font-weight: bold;
}

#sitemap .regist-login .log,
#sitemap .regist-login li a,
#sitemap .regist-login .pass {
    background: #fff;
    width: 90%;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    display: block;
    cursor: pointer;
}

#sitemap .footermenu {
    display: block;
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin: 30px auto;
}

#sitemap .footermenu2 {
    width: 18.5%;
    float: left;
    overflow: hidden;
    color: #fff;
}

#sitemap .footermenu2 a {
    color: #fff;
}

#sitemap .footermenu a {
    color: #fff;
}

#sitemap .footermenu a:hover,
#sitemap .footermenu2 a:hover {
    color: #b5b5b5;
}

#sitemap .footermenu .footercont,
#sitemap .footermenu .footercont.login {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 2%;
    line-height: 22px;
}

#sitemap .footermenu .footercont {
    width: 20%;
}

#sitemap .footermenu .footercont.login {
    width: 17%;
}

#sitemap .footermenu .footercont:last-of-type,
#sitemap .footermenu .footercont.login:last-of-type {
    width: 12%;
}

#sitemap .footermenu .footercont span {
    padding: 0;
}

#sitemap .footermenu .footercont span,
#sitemap .footermenu .footercont span a {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px;
    padding: 0;
    display: inline-block;
    line-height: 1.2;
    margin-top: 5px;
}

#sitemap .footermenu .footercont li ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 7px;
}

#sitemap .footermenu .footercont li ul li:last-child {
    margin-bottom: 20px;
}

#footer {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    padding: 25px;
    font-size: 15px;
    color: #fff;
}

.img-footer {
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
}

.img-footer ul {
    overflow: hidden;
}

.img-footer li {
    width: 20%;
    float: left;
    text-align: center;
}

.img-footer li img {
    width: 80%;
    max-width: 300px;
    height:auto;
    margin: 0 auto;
}

/*	メインコンテンツ */
.center-contents {
    width: 73%;
    float: left;
}
.center-contents img{
    max-width: 100%;
    height: auto;
}
.center-contents .text-area {
    margin-bottom: 40px;
    overflow: hidden;
    font-size: 16px;
}
.text-area a,
.text-top a {
    color: #3c76ff;
}
.text-area a:hover,
.text-top a:hover {
    color: #ff0000;
}
#main-contents .center-contents .text-area h1 {
    border-bottom: 1px solid #bfbfbf;
}
#main-contents .center-contents .text-area h2,
#main-contents .center-contents .text-area h3,
#main-contents .center-contents .text-area h4,
#main-contents .center-contents .text-area h5 {
    margin: 0;
    margin-top: 50px;
}
#main-contents .center-contents .text-area h2::before,
#main-contents .center-contents .text-area h2::after,
#main-contents .center-contents .text-area h3::before,
#main-contents .center-contents .text-area h3::after,
#main-contents .center-contents .text-area h4::before,
#main-contents .center-contents .text-area h4::after,
#main-contents .center-contents .text-area h5::before,
#main-contents .center-contents .text-area h5::after {
    content:"";
    clear:both;
    display: block;
}
#main-contents .center-contents .text-area h2,
#main-contents .item-txt h2,
#main-contents .text-top h2 {
    font-size: 23px;
    color: #333333;
    background: #fff;
    position: relative;
    padding: 10px 20px 10px;
    font-size: 22px !important;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: 40px;
}
#main-contents .center-contents .text-area h3,
#main-contents .item-txt h3,
#main-contents .text-top h3 {
    font-size: 22px;
    background: linear-gradient(#FFF 50%, #f5f5f5 50%);
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
    position: relative;
    margin: 30px 0;
    margin-top: 40px;
    clear: both;
}
#main-contents .center-contents .text-area h4,
#main-contents .item-txt h4,
#main-contents .text-top h4 {
    font-size: 21px;
    border-bottom: 1px solid #bfbfbf;
    padding: 5px 10px;
    margin: 30px 0;
    margin-top: 40px;
    clear: both;
}
#main-contents .center-contents .text-area .no-bottom {
    margin-bottom: 0;
}
#main-contents .center-contents .text-area p{
    margin: 0px !important;
}
#main-contents .center-contents .text-area p,
#main-contents .text-top p {
    margin: 20px 10px;
}
#main-contents .center-contents .text-area dl.ta-dan{
    margin: 30px 0;
}
#main-contents .center-contents .text-area dl.ta-dan dt{
    font-weight: bold;
    margin: 10px 0;
}
#main-contents .center-contents .text-area dl.ta-dan dd{
    margin: 15px 25px 25px;
}
#main-contents .center-contents .text-area dl.ta-dan dd ol{
    margin: 10px 20px;
}
#main-contents .center-contents .text-area ol li{
    list-style: decimal  !important;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#main-contents .center-contents .text-area .link-txt a {
    font-weight: bold;
    font-size: 20px;
    color: #3c76ff;
    word-wrap: break-word;
}

#main-contents .center-contents .text-area .link-txt a:hover {
    color: #ff0000;
}

#main-contents .center-contents .text-area .link-txt2 {
    margin-top: 0;
    font-size: 20px;
    text-align: left;
}

.link-txt2 a {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #3c76ff;
    text-align: left;
    color: #3c76ff;
    word-wrap: break-word;
}

.link-txt2 a:hover {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

#main-contents .center-contents .text-area .sub-item,
#main-contents .center-contents .item-txt .sub-item {
    overflow: hidden;
    margin: 20px 0;
}

#main-contents .center-contents .text-area .sub-item h3,
#main-contents .center-contents .item-txt .sub-item h3 {
    font-size: 21px;
    border: none;
    background: none;
    border-bottom: 1px solid #bfbfbf;
    padding: 5px 10px;
    margin: 20px 0;
    margin-top: 0;
}

#main-contents .center-contents .text-area .sub-item li,
#main-contents .center-contents .item-txt .sub-item li {
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
}

.link-list {
    clear: both;
    margin: 20px;
    /*background: #f9f9f9;*/
    border: 1px solid #adadad;
}

.link-list li:first-child {
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 10px;
    font-weight: bold;
    margin: 0;
}

.link-list li a {
    position: relative;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin: 10px;
    font-size: 17px;
    color: #ed681a !important;
}

.link-list li a:hover {
    color: #ff0000;
}

.link-list li a:before {
    content: "\f105";
    font-family: fontawesome;
    padding-right: 3px;
}

#main-contents .center-contents .text-area .sub-item li .btn,
#main-contents .center-contents .item-txt .sub-item li .btn {
    float: right;
    clear: both;
    margin-bottom: 0;
}

#main-contents .center-contents .text-area .sub-item li .btn a,
#main-contents .center-contents .item-txt .sub-item li .btn a {
    position: relative;
    bottom: 0;
    font-size: 19px;
    font-weight: bold;
    color: #3c76ff;
    text-align: left;
}

#main-contents .center-contents .text-area .sub-item li .btn a:before,
#main-contents .center-contents .item-txt .sub-item li .btn a:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: larger;
    padding-right: 3px;
}

#main-contents .center-contents .text-area .sub-item li .btn a:after,
#main-contents .center-contents .item-txt .sub-item li .btn a:after {
    content: "の詳細はこちら";
}

#main-contents .center-contents .text-area .sub-item li .btn a:hover,
#main-contents .center-contents .item-txt .sub-item li .btn a:hover {
    color: #ff0000;
}

#main-contents .center-contents .text-area .sub-item li h4,
#main-contents .center-contents .item-txt .sub-item li h4 {
    margin: 0;
    margin-bottom: 10px;
}

#main-contents .center-contents .text-area .sub-item li img,
#main-contents .center-contents .item-txt .sub-item li img {
    float: left;
    width: 150px;
    margin: 10px;
    margin-left: 0;
}

#main-contents .center-contents .text-area .sub-item li p,
#main-contents .center-contents .item-txt .sub-item li p {
    margin-top: 0;
    margin-left: 160px;
}

#main-contents .center-contents .text-area .main-item {
    overflow: hidden;
}

#main-contents .center-contents .text-area .main-item ul {
    display: box;
    display: -webkit-box;
}

#main-contents .center-contents .text-area .main-item li {
    overflow: hidden;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 2%;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
    position: relative;
}

#main-contents .center-contents .text-area .main-item li:last-child {}

#main-contents .center-contents .text-area .main-item li a img {
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

#main-contents .center-contents .text-area .main-item li .title {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

#main-contents .center-contents .text-area .main-item li .title a {
    display: block;
    padding: 5px;
}

#main-contents .center-contents .text-area .main-item li .price {
    margin: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    color: #fff;
    font-size: 15px;
    padding: 3px 10px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.7);
}

#main-contents .center-contents .text-area .main-item li .price span {
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}

.component_item {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

.component_item a {
    color: #3c76ff;
    text-decoration: underline;
}

.component_item th {
    border: 1px solid #ccc;
    background: #eee;
    padding: 3px;
    text-align: center;
    font-size: 16px;
}

.component_item .top {
    font-size: 22px;
    font-weight: bold;
    background: linear-gradient(#FFF 50%, #f5f5f5 50%);
    padding: 10px;
}

.component_item td {
    border: 1px solid #ccc;
    text-align: center;
}

.component_item td:first-child {
    width: 10%;
}

.component_item td:nth-child(2) {
    width: 50%;
    font-size: 16px;
}

.component_item td:nth-child(2) a {
    width: 100%;
    padding: 3px;
}

.component_item td:nth-child(3) {
    width: 20%;
}

.component_item td:nth-child(4) {
    width: 20%;
}

.component_item td img {
    width: 50px;
    vertical-align: middle;
}

.grad-wrap {
    position: relative;
}

.grad-wrap + .grad-wrap {
    margin-top: 40px;
}

.grad-trigger {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -100px;
    display: block;
    width: 200px;
    text-align: center;
    z-index: 5;
    background: linear-gradient(#ED681A, #d8590e);
    border-radius: 50px;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 18px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.grad-item {
    position: relative;
}

.grad-item.is-hide {
    height: 280px;
    margin-bottom: 40px;
    overflow: hidden;
}

.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 40px;
    /*グラデーションで隠す高さ*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    z-index: 4;
}

.grad-trigger.is-show + .grad-item::before {
    display: none;
}
.topic-map ul {
    padding: 10px 10px;
    overflow: hidden;
    font-size: 0;
    text-align: left;
}
.img-map li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.img-map.nightlife-map li {
    width: 33%;
}
.img-map.guide li {
    width: 20%;
}
.img-map li a {
    display: block;
    border-radius: 10px;
    margin: 10px;
    height: 100%;
    background: #fffae1;
    padding: 10px 0;
    border: 4px solid #ffbc6a;
    box-shadow: 2px 4px 6px 2px #00000021;
    transition: ease all 0.3s;
}

.img-map li a img {
    max-width: 100%;
}

.img-map li a:hover {
    background: #f3d6ab;
}

.img-map li a:before {
    content: none;
}

.img-map li img {
    width: 100%;
    border-radius: 5px;
}

.topic-map h2 {
    clear: both;
}

/*				*/
/*	カテゴリーページ*/
/*				*/
#main-contents .center-contents #item-list h2 {
    font-size: 23px;
    line-height: 35px;
    margin: 20px 0;
    background: linear-gradient(#FFF 50%, #f5f5f5 50%);
    border: 1px solid #e2e2e2;
    padding: 5px 20px;
}
#main-contents #item-list ul {
    margin-bottom: 80px;
}
#main-contents #item-list li {
    padding: 10px 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

#main-contents #item-list p {
    font-size: 16px;
}
#main-contents #item-list .title {
    width:100%;
    background: linear-gradient(#FFF, #f5f5f5);
    border: 1px solid #e2e2e2;
    color: #333;
    display: block;
    padding: 15px;
    font-weight: bold;
    overflow: hidden;
    display: table;
    margin-bottom: 10px;
    position:relative;
}
#main-contents #item-list .title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #aaa;
}
#main-contents #item-list .title .title-a {
    margin: 5px 0px;
    padding: 0;
    min-width: 60px;
    max-width: 300px;
    /* line-height: 1; */
    float: left;
    display: table-cell;
    vertical-align: middle;
    border:none;
}

#main-contents #item-list .title .title-a a {
    font-size: 20px;
    line-height: 1;
}

#main-contents #item-list .title .cat-list{
    display: table-cell;
    /* float: right; */
    min-width: 400px;
    max-width: 400px;
    /* max-width: calc(69% - 5px); */
    vertical-align: top;
    text-align: right;
}

#main-contents #item-list .title .cat-list .cate {
    margin: 0;
}

#main-contents #item-list .title .cat-list .cate a {
    margin: 3px;
    font-size: 13px;
    float: right;
    padding: 2px 7px;
    background: #fff;
    display: inline-block;
    border: 1px solid #b3b3b3;
}

#main-contents #item-list .title .cat-list .cate a:before {
    content: "\f07b";
    font-family: fontawesome;
    padding-right: 3px;
}

#main-contents #item-list .title .cat-list .cate a:hover {
    background: #c53c3c;
    color: #fff;
    border: 1px solid #9c3333;
}

#main-contents #item-list .lr-box {}

#main-contents #item-list .left-box {
    float: left;
    display: block;
    margin-right: 15px;
    width: 150px;
}

#main-contents #item-list .left-box img {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ccc;
}

#main-contents #item-list .right-box {
    display: block;
    margin-left: 160px;
}

#main-contents #item-list .right-box p {
    margin: 10px 0;
}

#main-contents #item-list .right-box .stock {
    position: absolute;
    left: 160px;
    bottom: 35px;
    background: #0059a7;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    font-size: 15px;
    display: block;
    width: 105px;
    text-align: center;
}

#main-contents #item-list .right-box .stock-no {
    position: absolute;
    left: 160px;
    bottom: 35px;
    background: #a70000;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    font-size: 15px;
    display: block;
    width: 105px;
    text-align: center;
}

#main-contents #item-list .right-box .star {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.3;
    position: absolute;
    left: 160px;
    bottom: 10px;
}

#main-contents #item-list .right-box .star img {
    width: 105px;
    margin: 0;
}

#main-contents #item-list .right-box .view {
    font-size: 16px;
    margin-bottom: 80px;
    padding-right: 2px;
}

#main-contents #item-list .right-box .price {
    color: #ff0000;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    bottom: 50px;
    right: 0;
    margin: 0;
}

#main-contents #item-list .right-box .price span {
    font-size: 20px;
    color: #333;
    margin-right: 5px;
}

#main-contents #item-list .btn a {
    position: absolute;
    bottom: 10px;
    right: 0;
    background: linear-gradient(#FFF, #dedede);
    border: 1px solid #bfbfbf;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
}

#main-contents .item-txt {
    overflow: hidden;
}

#main-contents .item-txt a {
    color: #3c76ff;
}

#main-contents .item-txt a:hover {
    color: #ff0000;
}

#main-contents .item-txt table,
#main-contents .text-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#main-contents .item-txt table th,
#main-contents .text-table th {
    border: 1px solid #bfbfbf;
    padding: 10px 5px;
    text-align: center;
    background: #eee;
}

#main-contents .item-txt table td,
#main-contents .text-table td {
    border: 1px solid #bfbfbf;
    padding: 5px;
    font-size: 14px;
}

#main-contents .item-txt table .red,
#main-contents .text-table .red {
    color: #a00000;
    font-weight: bold;
}

#main-contents .item-txt table td img,
#main-contents .text-table td img {
    width: 100%;
}

#main-contents .read-btn {
    font-weight: bold;
    font-size: 18px;
}

#item-selling {
    overflow: hidden;
    margin-bottom: 50px;
}

#item-selling li {
    float: left;
    display: block;
    width: 20%;
    padding: 1%;
    position: relative;
}

#item-selling li:last-child {
    margin-right: 0;
}

#item-selling li p {
    margin: 2% 0;
}
#item-selling li a img {
    max-width: 100%;
    border: 1px solid #ddd;
}
#item-selling li a img:hover {
    border: 1px solid #ff0000;
}
#item-selling li .title {
    height: 44px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-align: left;
    margin: 10px 0;
    line-height: 22px;
}
#item-selling li .title a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    height: 38px;
    word-break: break-word;
}

#item-selling li .price {
    font-weight: bold;
    color: #ff0000;
    font-size: 15px;
    position: relative;
}

#item-selling li .price span {
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}

#item-selling li .star a {
    line-height: 1;
    font-size: 12px;
}

#item-selling li .star a img {
    min-width: 70px;
    width: 50%;
    border: none;
}

#item-selling li .star a img:hover {
    border: none;
}

#item-selling li .no {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3vw;
    max-width: 50px;
    min-width: 30px;
}

#item-selling li .no img {
    width: 100%;
}
span.kosuu {
    font-size: 20px;
    /* color: rgb(237,104,26); */
    margin-left: 10px;
}
span.counter {
    /*color: rgb(237,104,26);*/
}
/*				*/
/*	ページネーション*/
/*				*/
.pager {
    clear: both;
    margin: 30px 0;
    text-align: right;
}

.pager span {
    margin: 5px;
    padding: 15px 20px;
    font-size: 13px;
    color: #000;
    background: #f8f8f8;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.pager span.current {
    background: #bbbbbb;
}

.pager span.current:hover {
    cursor: default;
}

.pager span.invalid {
    display: none;
}

#item-list .pager span.invalid:hover {
    cursor: default;
}

#item-list .pager span.ellipsis {
    color: #000;
    background: none;
    border: none;
}

.pager span.ellipsis:hover {
    cursor: default;
}

.pager span:hover,
.pager span.first:hover,
.pager span.last:hover,
.pager span.prev:hover,
.pager span.next:hover {
    background: #bbbbbb;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
    cursor: pointer;
}

.pageNum {
    margin: 30px 0;
    text-align: center;
}

/*				*/
/*	右サイド*/
/*				*/
.side-table {
    float: right;
    width: 255px;
}
#main-contents .side-table h2 {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 27px;
    padding: 10px 15px;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    position: relative;
    border-radius: 5px 5px 0 0;
}
#main-contents .side-table h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 3px;
    background: #ed681a;
}
.side-table ul {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 5px 5px;
}
.side-table ul:last-child {
    border-top: 1px solid #e5e5e5;
}
.side-table li {
    position: relative;
}
.side-table li a {
    padding: 12px 20px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    text-align: left;
    font-size: 14px;
}
.side-table li:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9.5px;
}
.side-table li:last-child a {
    border-bottom: none;
}
.side-table a img {
    margin: 10px auto;
    width: 80%;
    display: block;
}

/*              */
/*  メーカー一覧*/
/*              */
.topic_bottom {
    display: block;
    overflow: hidden;
}

.clearfix {
    overflow: hidden;
    margin: 20px 0;
    border-bottom: 1px solid #bfbfbf;
    padding: 5px 0;
}

.maker_photo {
    width: 150px;
    float: left;
    text-align: center;
}

.maker_photo img {
    width: 100%;
}

.maker_product {
    height: 150px;
    margin-left: 160px;
}

.maker_name {
    padding: 0;
    padding-bottom: 3px;
    margin-bottom: 10px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #bfbfbf;
}

#main-contents .center-contents .text-area .maker_product p {
    margin: 0;
    padding: 5px;
    font-size: 16px;
    line-height: 1.3;
}

/*				*/
/*	メーカー詳細*/
/*				*/
.maker {
    overflow: hidden;
}

#main-contents .maker {
    margin: 0;
    overflow: hidden;
    display: box;
    display: -webkit-box;
}

#main-contents .maker h2 {
    margin-bottom: 20px;
}

.maker .maker-left {
    width: 200px;
    overflow: hidden;
    margin-top: 20px;
    margin-right: 20px;
}

.maker .maker-left img {
    width: 100%;
    display: block;
}

.maker .maker-right {
    overflow: hidden;
    margin-top: 20px;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}

.maker .maker-right table {
    border-collapse: collapse;
    width: 100%;
    height: 200px;
    table-layout: fixed;
}

.maker .maker-right table th {
    background: #f5f5f5;
    border: 1px solid #333;
    width: 15%;
    text-align: center;
}

.maker .maker-right table td {
    text-align: center;
    border: 1px solid #333;
    width: 70%;
    padding: 0 5px;
    word-break: break-word;
}

.use {
    border: 2px solid #1B7CC0;
}

#main-contents .center-contents .text-area .m-review {
    clear: both;
    margin: 10px;
    padding: 20px 0;
    width: 100%;
}

.m-review li {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0;
}

#main-contents .center-contents .text-area .m-review .profile p {
    font-size: 14px;
    margin: 0;
}

#main-contents .center-contents .text-area .m-review .profile .user {
    margin: 3px 0;
    display: box;
    display: -webkit-box;
}

#main-contents .center-contents .text-area .m-review .profile .user p {
    margin: 0;
}

#main-contents .center-contents .text-area .m-review .profile .name {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
}

#main-contents .center-contents .text-area .m-review .profile .name::after {
content: "さん";
    font-weight: normal;
    font-size: 15px;
}

#main-contents .center-contents .text-area .m-review .profile .age {
    display: inline-block;
}

.m-review .profile .star img {
    width: 100px;
}

#main-contents .center-contents .text-area .m-review .comment {
    margin-top: 8px;
    font-size: 16px;
}

.pro-name a {
    font-weight: bold;
    font-size: 22px;
}

/*				*/
/*	マイページ*/
/*				*/


/* マイページ メニュー */
.mypage .mypage_box{
	margin:15px;
}

.mypage .panel{
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:15px 3px;
	margin:20px auto;
}
.mypage .panel li{
	display:table-cell;
	width:33%;
	line-height: 1.2;
	text-align:center;
	border:1px solid #ccc
}
.mypage .panel li a{
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    text-align: center;
    padding: 20px 20px 30px;
	position:relative;
}
.mypage .panel li a:before{
	font-family:FontAwesome;
	line-height: 0;
	font-size:20px;
	margin-right:10px;
	font-weight:normal;
}
.mypage .panel li a:hover{
	background:#ccc;
}
.mypage .panel li.regist a:before{
	content:"\f007";
}
.mypage .panel li.history a:before{
	content:"\f1da";
}
.mypage .panel li.news a:before{
	content:"\f003";
}

.mypage .panel li a:after{
	content:"\f107";
	font-family:fontawesome;
	position:absolute;
	left:0;
	right:0;
	bottom: 15px;
	display: block;
	margin:auto;
	height:0;
	line-height: 0;
	font-size: 30px;
}

#my-history {
    margin-bottom: 50px;
}

#main-contents .center-contents .text-area .mypage h2 {
    margin-top: 0;
}

.mypage .regist-table {
    width: 100%;
	border: 1px solid #ccc;
}

.mypage .regist-table th {
    text-align: right;
    width: 150px;
    vertical-align: middle;
    padding: 20px;
    background: #f1f1f1;
}
.mypage .regist-table td input {
    font-size: 18px;
    padding: 5px;
}

.mypage .regist-table td input[type="radio"] {
    height: auto;
}

.mypage .regist-table td {
    font-size: 18px;
    vertical-align: middle;
    background: #f1f1f1;
    padding: 10px;
    font-size: 17px;
}

.mypage .regist-table td .tdi-1 {
    width: 30%;
    padding: 5px;
    line-height: 1;
    font-size: 17px;
    height: auto;
}

.regist-table .my-edit {
    display: inline-block;
    border: 2px solid #3c76ff;
    border-radius: 5px;
    padding: 5px;
    margin: 3px auto;
    font-size: 12px;
    color: #3c76ff;
    cursor: pointer;
    float: none;
}

.mypage .regist-table .my-edit {
    background: #fff;
}

.mypage .regist-table td .tdi-2 {
    width: 100%;
    margin-top: 5px;
}

#main-contents .center-contents .text-area .mypage .regist-table td p {
    margin: 0;
    font-size: 13px;
}

.mypage #regist-btn {
    width: 60%;
    font-size: 21px;
    padding: 10px;
}

.mypage .regist-table th .change-ad {
    display: inline-block;
    border: 2px solid #3c76ff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    color: #3c76ff;
    cursor: pointer;
    float: none;
}

.mypage .regist-table th .change-ad:hover {
    border: 2px solid #a00000;
    color: #a00000;
}
.mypage .regist-table th:last-child {
    text-align: center;
    background: #fff;
}

#main-contents .center-contents .text-area .history h3 {
    padding: 11px 40px;
    float: left;
    clear: none;
    width: 50%;
    height: 45px;
    margin: 0px;
}
#my-history .history{
    margin: 30px 0;
    border-bottom: 3px solid #333;
}
#my-history .history h3 {
    margin: 0;
}
#my-history .history h3.select{
    border: 1px solid #333;
}

#my-history .history-list {
    margin-bottom: 20px;
}

#my-history .history-list a img {
    display: inline-block;
    width: 80px;
}

#my-history .history-list li {
    margin-bottom: 50px;
}

#my-history .history-list li h4 {
    margin-bottom: 30px;
    font-size: 30px;
}

/* マイページ：お知らせ一覧（過去のメール一覧） */
#my-news .cont a{
    text-decoration:underline;
}
.flash {
    display: inline-block;
    color: #a00000;
    margin-left: 10px;
    font-size: 30px;
    text-shadow: 1px 1px 1px #b95c4d;
}
#my-history .history-list table {
    width: 100%;
    /*border-collapse: collapse;*/
    border-spacing: 0px 0px;
    margin: 0px auto 10px;
}
#my-history .history-list table a {
    color: #333;
}
.ok-form .tab-form,
#my-history .history-list .ok-form .tab .p-1 {
    display: none;
}
#my-history .history-list .ok-form .tab .select {
    display: inline-block;
}
#my-history .history-list table .table-head th {
    position: relative;
    background: #f5f5f5;
    text-align: center;
}
#my-history .history-list table .table-head th:first-child {
    width: 150px;
    padding: 0px 20px;
}
#my-history .history-list table .table-head th:first-child span {
    color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    display: block;
    min-width: 110px;
    text-align: center;
    padding: 7px 15px;
    line-height: 1;
    font-size: 16px;
}
#my-history .history-list table .table-head th .ok {
    background: #ED681A;
}
#my-history .history-list table .table-head th .ok-pay {
    background: #16bd56;
}
#my-history .history-list table .table-head th .ng {
    background: #a00000;
}
#my-history .history-list table .table-head th .canceled {
    background: #555;
}
#my-history .history-list table .table-head th:nth-child(2) {
    width: 15%;
}
#my-history .history-list table .table-head th:nth-child(3) {
    width: 15%;
}
#my-history .history-list table .table-head th:nth-child(4) {
    width: 41%;
}
/*#my-history .history-list table .table-head th:nth-child(4) span {
    font-size: 17px;
    color: #a00000;
}*/
/*#my-history .history-list table.dispatch .table-head th:nth-child(4) {
    width: 15%;
}*/
#my-history .history-list table.dispatch .table-head th:nth-child(4) {
    width: 41%;
}
#my-history .history-list table td {
    text-align: center;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    clear: both;
}

#my-history .history-list table td .p-1 {
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 7px 5px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    cursor: pointer;
}

#my-history .history-list table td .tab {
    border-bottom:0px;
}

#my-history .history-list table td .tab-form div a {
    margin: 5px;
    margin-right: 0;
    padding: 5px 10px;
    font-size: 15px;
    background: linear-gradient(#FFF, #dedede);
    border: 1px solid #bfbfbf;
    cursor: pointer;
    color: #333;
    font-weight: bold;
    float: left;
}
#my-history .history-list .table-body {
    border-bottom: 1px solid #eee;
}
#my-history .history-list .table-body:last-child {
    border-bottom: none;
}
#my-history .history-list .table-body th,
#my-history .history-list .table-body td {
    border: none;
}

#my-history .history-list .table-body th {
    background: #f5f5f5;
    border: 4px solid #fff;
    text-align: center;
    font-size: 15px;
    line-height: 1;
}
#my-history .history-list .table-body th:nth-child(2) {
    width: 90px;
}
#my-history .history-list .table-body th:nth-child(3) {
    width: 90px;
}
#my-history .history-list .dispatch .table-body th:nth-child(3) {
    width: 13%;
}
#my-history .history-list .dispatch .table-body th:nth-child(4) {
    width: 32%;
}
#my-history .history-list .table-body td {
    position: relative;
}
#my-history .history-list .table-body td:first-child {
    width: 95px;
}

#my-history .history-list .table-body td:nth-child(2) {
    text-align: left;
    font-size: 14px;
    word-break: break-all;
}
#my-history .history-list .table-body td:nth-child(2) a {
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
}

/* 注文キャンセルボタン */
#my-history .history-list table .table-head th:first-child .cance-btn{
    width  : 100%;
    display: block;
    padding: 10px;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1;
    background: rgb(213,213,213);
    background: linear-gradient(0deg, rgba(213,213,213,1) 0%, rgba(255,255,253,1) 100%);
    margin: 5px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}
/* キャンセル画面 */
#cancel-modal{
    display: none;
}
#cancel-modal .cancel-window{
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 50%;
    width: 900px;
    height: 550px;
    margin: auto;
    background: #fff;
    z-index: 11;
    display: block;
    overflow-y: scroll;
    border: 5px solid #FF5722;
}
#cancel-modal .cancel-close{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
}
#cancel-modal .cancel-window .wd_title{
    font-size: 23px;
    line-height: 1;
    font-weight: bold;
    color: #FF5722;
    text-align: center;
    padding: 25px 0 0;
}
#cancel-modal .cancel-window .wd_title + p{
    text-align: center;
}

/* キャンセルダイアログ：テーブル表 */
#cancel-modal .cancel-window #cancel-history{
    margin: 25px;
}
#cancel-history .inner table .table-head th:first-child span {
    color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    display: block;
    min-width: 110px;
    text-align: center;
    padding: 7px 15px;
    line-height: 1;
    font-size: 16px;
}
#cancel-history .history-list table .table-head th .ng {
    background: #a00000;
}
#cancel-history .history-list > table {
    width: 100%;
    /*border-collapse: collapse;*/
    border-spacing: 0px 0px;
    margin: 0px auto 10px;
    border: 1px solid #ccc;
}
#cancel-history .history-list table a {
    color: #333;
}
#cancel-history .history-list table .table-head th {
    position: relative;
    background: #f5f5f5;
    text-align: center;
    border: 1px solid #ccc;
    padding: 7px;
}
#cancel-history .history-list table .table-head th:first-child {
    width: 150px;
    padding: 0px 20px;
}
#cancel-history .history-list table .table-head th:nth-child(4) {
    width: 41%;
}
#cancel-history .history-list table td {
    text-align: center;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    clear: both;
    padding: 10px;
}
#cancel-history .history-list table td table{
    width: 100%;
}
#cancel-history .history-list .table-body th {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    padding: 10px;
}
#cancel-history .history-list .table-body th:nth-child(2) {
    width: 90px;
}
#cancel-history .history-list .table-body th:nth-child(3) {
    width: 90px;
}

#cancel-history .history-list .dispatch .table-body th:nth-child(3) {
    width: 13%;
}
#cancel-history .history-list .dispatch .table-body th:nth-child(4) {
    width: 32%;
}
#cancel-history .history-list .table-body td {
    position: relative;
}
#cancel-history .history-list .table-body td:first-child{
    width: 95px;
}
#cancel-history .history-list .table-body td:first-child img{
    width: 100%;
    height: auto;
}
#cancel-history .history-list .table-body td:nth-child(2) {
    text-align: left;
    font-size: 14px;
    word-break: break-all;
}
#cancel-history .history-list .table-body td:nth-child(2) a {
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
}
.cancel-select{
    text-align: center;
    margin: 30px auto 0px;
}
.cancel-select button{
    border: 1px solid #aaa;
    background: #fff;
    color: #333;
    margin: 10px;
    width: 50%;
    border-radius: 3px;
    cursor: pointer;
}
.cancel-select .cancel_off{
    background: rgb(213,213,213);
    background: linear-gradient(0deg, rgba(213,213,213,1) 0%, rgba(255,255,253,1) 100%);
    color: #333;
    font-size: 20px;
    padding: 15px;
    display: block;
    margin: auto;
}
.cancel-select .cancel_off a:hover{
    color: #333 !important;
    opacity: .75;
}

.cancel-select .cancel_on{
    font-size: 20px;
    padding: 15px;
    border: 1px solid  #ff8842;
    background: rgb(212,99,33);
    background: linear-gradient(0deg, rgba(212,99,33,1) 0%, rgba(255,114,31,1) 35%, rgba(255,136,66,1) 71%, rgba(255,138,70,1) 100%);
    color: #fff;
    margin: 10px;
    width: 50%;
    border-radius: 3px;
    cursor: pointer;
}
/* 領収書発行リンク */
.receipt-btn a {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(#FFF, #dedede);
    border: 1px solid #bfbfbf;
    cursor: pointer;
    color: #333;
    float: left;
}

/*				*/
/*	閲覧履歴*/
/*				*/
#my-history .history-list .list {
    position: relative;
    top: 0;
    /* メニューのwidth + padding */
    width: 100%;
    padding: 0;
    background-color: #fff;
}

#my-history .history-list .list dt {
    float: left;
    display: block;
    width: 20%;
    padding: 1%;
    position: relative;
}

#my-history .history-list .list dt:last-child {
    margin-right: 0;
}

#my-history .history-list .list dt p {
    margin: 2% 0;
}

#my-history .history-list .list dt a img {
    width: auto;
    max-width: 100%;
    border: 1px solid #fff;
}

#my-history .history-list .list dt a img:hover {
    border: 1px solid #ff0000;
}

#my-history .history-list .list dt .title a {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    height: 38px;
    word-break: break-word;
}

#my-history .history-list .list dt .txt {
    font-size: 14px;
    line-height: 1.3;
    height: 53px;
    overflow: hidden;
}

#my-history .history-list .list dt .price {
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
    position: relative;
}

#my-history .history-list .list dt .price {
    font-size: 14px;
}

#my-history .history-list .list dt .star a {
    line-height: 1;
    font-size: 12px;
}

#my-history .history-list .list dt .star a img {
    min-width: 70px;
    width: 50%;
    border: none;
}

#my-history .history-list .list dt .star a img:hover {
    border: none;
}

#my-history .history-list .list dt .btn a:hover {
    background: #ED681A;
    color: #fff;
}

#my-history .history-list .list dt .no {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3vw;
    max-width: 50px;
    min-width: 30px;
}

/*				*/
/*	お知らせ一覧*/
/*				*/
#main-contents .center-contents .text-area .mypage #my-news h2 {
    margin-bottom: 20px;
}

#my-news h2:first-of-type {
    margin-top: 0px !important;
}
#my-news ul{
    margin: 20px 0;
    border-radius: 5px;
}
#my-news ul li {
    border: 1px solid #bfbfbf;
    border-top: none;
}
#my-news ul li:first-child {
    border-top: 1px solid #bfbfbf;
}
#my-news .news-title {
    display: block;
    padding: 7px 20px;
    padding-right: 100px;
    font-weight: bold;
    background: #f5f5f5;
    transition: ease all 0.2s;
    -webkit-transition: ease all 0.2s;
    -moz-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    -ms-transition: ease all 0.2s;
    position: relative;
	cursor: pointer;
}
#my-news ul li:first-child,
#my-news ul li:first-child .news-title{
    border-radius: 5px 5px 0 0;
}
#my-news ul li:last-child,
#my-news ul li:last-child .news-title{
    border-radius: 0 0 5px 5px;
}
#my-news ul li:last-child .news-title.orange{
    border-radius: 0;
}

#my-news .news-title:hover{
    background-color: #dcdcdc;
}
#my-news .news-title.orange:hover,
#my-news .orange {
    background: #ffc4a2;
}
#my-news .news-title .news-open{
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    height: 20px;
    padding: 14px;
    border: 1px solid #555;
    margin: auto;
    line-height: 0;
    border-radius: 3px;
}
#my-news .news-title .news-open::before{
    content: "\f055";
    margin-right: 7px;
    font-family: fontawesome;
}
#my-news .news-title .news-close{
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    height: 20px;
    padding: 14px;
    border: 1px solid #795548;
    margin: auto;
    line-height: 0;
    background: #fff;
    border-radius: 3px;
}
#my-news .news-title .news-close::before{
    content: "\f057";
    margin-right: 7px;
    font-family: fontawesome;
}
#my-news .news-title .news-close,
#my-news .news-title.orange .news-open{
    display: none;
}
#my-news .news-title.orange .news-close,
#my-news .news-title .news-open{
    display: inline-block;
}

#main-contents #my-news .news-title .date {
    font-size: 13px;
    margin: 5px 0;
}

#main-contents #my-news .news-title .title {
    font-size: 20px;
    margin: 0;
}

#my-news .news-cont {
    display: none;
    overflow: hidden;
    padding: 20px;
    border-top: 1px solid #bfbfbf;
    word-break: break-all;
}

#main-contents #my-news .news-cont .name {
    margin: 10px 0;
    font-size: 17px;
}

#main-contents #my-news .news-cont .cont p {
    margin: 10px 0;
}

/*				*/
/*	テキストカラー*/
/*				*/
.side-mypage {
    float: right;
    width: 255px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
}

#main-contents .side-mypage h2 {
    margin-bottom: 0;
    border-bottom: none;
    font-size: 20px;
    padding: 10px 20px;
    border-bottom: none;
    position: relative;
}

#main-contents .side-mypage h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 3px;
    background: #ed681a;
}

#main-contents .side-mypage .name {
    font-size: 19px;
    font-weight: bold;
    padding: 10px 5px;
    text-align: center;
}

#main-contents .side-mypage .point {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 5px;
    text-align: center;
}

#main-contents .point:before {
    content: "ポイント:";
    padding-right: 3px;
    font-size: 14px;
    font-weight: normal;
}

#main-contents .point:after {
    content: "pt";
    padding-left: 2px;
    font-size: 14px;
    font-weight: normal;
}

.side-mypage li a {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 15px 10px;
    position: relative;
}

.side-mypage li a:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9.5px;
}

/*				*/
/*	お問い合わせ・領収書*/
/*				*/
#info-area {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

#info-area h2:first-of-type {
    margin-top: 0 !important;
}

#receipt-area {
    width: 60%;
    min-width: 980px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.info-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.info-table th {
    width: 35%;
    font-size: 18px;
    padding: 20px 10px;
    border: 1px solid #bfbfbf;
    background: #f5f5f5;
}

.info-table th span {
    color: #a00000;
    font-weight: normal;
    float: right;
    font-size: 15px;
}

.info-table td {
    width: 65%;
    font-size: 18px;
    padding: 5px 20px;
    border: 1px solid #bfbfbf;
}

.info-table td input {
    font-size: 17px;
    width: 100%;
    padding: 5px;
}

.info-table td select,
.info-table td option {
    font-size: 17px;
    padding: 5px;
}

.info-table td textarea {
    width: 100%;
    font-size: 17px;
    padding: 5px;
    margin: 20px 0;
}

.info-btn {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.info-btn input[type="submit"] {
    background: linear-gradient(#FFF, #dedede);
    border: 1px solid #bfbfbf;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
}

.receipt-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 18px;
    background: #f5f5f5;
}

.receipt-table th {
    width: 10%;
    text-align: right;
}

.receipt-table th span {
    display: block;
    margin: 35px 0;
    line-height: 1;
}

.receipt-table td {
    width: 40%;
    padding: 20px;
}

.receipt-table td:last-child {
    width: 20%;
}

.receipt-table td input[type="text"] {
    width: 100%;
    font-size: 18px;
    padding: 5px;
    margin: 10px;
}

.receipt-table td input[type="submit"] {
    background: linear-gradient(#FFF, #dedede);
    border: 1px solid #bfbfbf;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
    display: inline-block;
    margin: 0 auto;
}

/*				*/
/*	サイトマップﾟ*/
/*				*/
#map-area {
    width: 60%;
    min-width: 980px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.map-list {
    overflow: hidden;
    padding-left: 20px;
}

.map-list h3 {
    font-size: 21px;
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    clear: both;
}

.map-list h3:before {}

.map-list h4 {
    font-size: 19px;
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.map-list ul {
    overflow: hidden;
    margin-bottom: 20px;
}

.map-list ul li {
    float: left;
    width: 33%;
    display: block;
}

.map-list ul li a {
    position: relative;
    display: inline-block;
}

.map-list ul li a:before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 3px;
}

/*              */
.damy {
    border-radius: 5px;
    margin-bottom: 1.5vw;
}
.damy a li {
    font-size: 15px;
    position: relative;
    transition: all ease 0.2s;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px dashed #bfbfbf;
}
.damy a li:last-child {
    border-bottom: none;
}
.damy a li:after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    right: 20px;
    margin: auto;
    line-height: 0;
    font-size: 20px;
}

.area {
    width: 80%;
    margin: 0 auto;
}

.area h3 {
    font-size: 23px;
    margin-top: 50px;
    padding: 5px;
    border-left: 8px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

.area p {
    font-size: 16px;
}

.area .search-form {
    margin: 20px 60px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}

.search-form input[type="search"] {
    width: 85%;
    border: none;
    height: 50px;
    vertical-align: bottom;
    padding: 5px;
    font-size: 18px;
}

.search-form input[type="submit"] {
    width: 15%;
    border: none;
    height: 50px;
    vertical-align: middle;
    font-size: 18px;
    background: #ED681A;
    font-weight: bold;
    color: #fff;
}

.s-block {
    background: #dadada;
    padding: 20px;
}

.area .login {
    margin: 20px 80px;
    overflow: hidden;
    border-radius: 5px;
}

.area .login table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.area .login th {
    width: 30%;
    background: #f5f5f5;
    border: 1px solid #bfbfbf;
    text-align: center;
    padding: 10px;
}

.area .login td {
    width: 70%;
    border: 1px solid #bfbfbf;
    padding: 30px;
}

.area .login td input {
    margin: 0;
    height: 35px;
    padding: 3px;
}

.term-area {}

.term-area ul {
    overflow: hidden;
    padding: 0 10px;
    overflow: hidden;
}

.term-area ul li {
    margin: 5px 0;
    font-size: 16px;
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}

.term-area ul li:nth-child(3n) {
    margin-right: 0;
}

.term-area ul li a:before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}

#main-contents .center-contents .text-area .term-area h2 {
    background: none;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    border-left: 8px solid #bfbfbf;
    color: #333;
}

.side-table .term-block {
    display: block;
    background: #f9f9f9;
}

.term-block li a {
    display: block;
    width: 30%;
    float: left;
    background: #fff;
    border: 1px solid #bfbfbf;
    margin: 2.5% 0;
    margin-left: 2.5%;
    padding: 10px 0;
    text-align: center;
    box-shadow: 1px 1px 2px 0px #d0d0d0;
}

.term-block .az a {
    clear: both;
    display: block;
    width: 95%;
    background: #fff;
    border: 1px solid #bfbfbf;
    margin: 2.5%;
    padding: 10px 0;
    text-align: center;
    box-shadow: 1px 1px 2px 0px #d0d0d0;
}

.term-block li:nth-child(3n) a {
    margin-right: 2.5%;
}

.side-table .term-block li:before {
    content: none;
}

.side-table .term-block li:last-child a {
    border: 1px solid #bfbfbf;
}

/*              */
/*  ed診断*/
/*              */
.diagnosis {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}

.diagnosis-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    z-index: 5;
    width: 100%;
}

.diagnosis ul {
    position: relative;
    border: 2px solid #947059;
    overflow: hidden;
    height: 500px;
    border-radius: 5px;
    background: #BC8A41;
}

#main-contents .center-contents .text-area .diagnosis-h2 {
    background: none;
    margin: 0;
    border: none;
    color: #333;
    font-size: 25px;
}

.diagnosis li {
    display: block;
    height: 470px;
    width: 94%;
    overflow: hidden;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    position: absolute;
    padding: 10px;
    padding-top: 25px;
    margin: 15px 3%;
    border-radius: 10px;
    background: #fff;
}

.diagnosis li .start-img {
    width: 80% margin:10px auto;
    padding: 3px;
    border: 1px solid #efefef;
}

.diagnosis li .start-img img {
    width: 100%;
}

#main-contents .center-contents .text-area .diagnosis li:first-child {
    z-index: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
}

#main-contents .center-contents .text-area .diagnosis li:first-child p {
    border-bottom: 1px solid #efefef;
    display: block;
    margin: 5px 10px;
}

.diagnosis li input[type="radio"] {
    display: none;
}

.diagnosis .active {
    left: 0;
}

#main-contents .center-contents .text-area .diagnosis li .ques {
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0 auto;
    max-width: 600px;
    margin-top: 20px;
}

#main-contents .center-contents .text-area .diagnosis li label {
    display: block;
    margin: 10px auto;
    padding: 10px;
    padding-left: 55px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 600px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    border: 2px solid #bfbfbf;
}

#main-contents .center-contents .text-area .diagnosis li .selectlabel:before {
    content: "\f14a";
    font-family: fontawesome;
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 50px;
}

.min1,
.min2,
.min3,
.min4 {
    display: none;
}

#main-contents .center-contents .text-area .start {
    background: #333;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 30px;
    display: block;
    width: 50%;
    margin: 10px auto;
    color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    clear: both;
}

#main-contents .center-contents .text-area .li-back {
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    float: left;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

#main-contents .center-contents .text-area .nex {
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    float: right;
    display: none;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

.ok {
    text-align: center;
}

#main-contents .center-contents .text-area .ok-result {
    font-size: 35px;
    margin: 10px;
    font-weight: bold;
}

.ok span {
    font-size: 27px;
    font-weight: bold;
}

.min-btn a {
    display: block;
    margin: 5px auto;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 400px;
    color: #fff;
    background: #218ece;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}

.min-btn a:hover {
    background: #40b8ff;
}

.min-btn2 a {
    display: block;
    margin: 5px auto;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 400px;
    color: #fff;
    background: #ce2149;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}

.min-btn2 a:hover {
    background: #fd5c81;
}

.min-bottom {
    margin-top: 60px;
}

.ok .min-bottom span {
    font-size: 20px;
}

#main-contents .center-contents .text-area .min-bottom p {
    margin: 0 auto;
}

/*              */
/*  薬診断*/
/*              */
.medicine {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.medicine ul {
    background: #fde4c4;
    height: 600px;
    overflow: hidden;
    position: relative;
}

#main-contents .center-contents .text-area .medicine-h2 {
    background: none;
    margin: 0;
    border: none;
    color: #333;
    font-size: 25px;
}

.medicine li {
    display: block;
    height: 570px;
    width: 94%;
    overflow: hidden;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    position: absolute;
    padding: 10px;
    margin: 15px 3%;
    border-radius: 10px;
    background: #fff;
}

.medicine li .start-img {
    width: 80% margin:10px auto;
    padding: 3px;
    border: 1px solid #efefef;
}

.medicine li .start-img img {
    width: 100%;
}

#main-contents .center-contents .text-area .medicine li:first-child {
    z-index: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
}

#main-contents .center-contents .text-area .medicine li:first-child p {
    border-bottom: 1px solid #efefef;
    display: block;
    margin: 5px 10px;
}

.medicine li input[type="radio"] {
    display: none;
}

.medicine .active {
    left: 0;
}

#main-contents .center-contents .text-area .medicine li .ques {
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0 auto;
    max-width: 600px;
    margin-top: 20px;
}

#main-contents .center-contents .text-area .medicine li label {
    display: block;
    margin: 10px auto;
    padding: 10px;
    padding-left: 55px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 600px;
    color: #fff;
    background: #218ece;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}

#main-contents .center-contents .text-area .medicine li .select:before {
    content: "\f14a";
    font-family: fontawesome;
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 50px;
}

.min1,
.min2,
.min3,
.min4 {
    display: none;
}

#main-contents .center-contents .text-area .li-back {
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    float: left;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

#main-contents .center-contents .text-area .nex {
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    float: right;
    display: none;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

.ok {
    text-align: center;
}

#main-contents .center-contents .text-area .ok-result {
    font-size: 35px;
    margin: 10px;
    font-weight: bold;
}

.ok span {
    font-size: 27px;
    font-weight: bold;
}

.min-btn a {
    display: block;
    margin: 5px auto;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 450px;
    color: #fff;
    background: #218ece;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}

.min-btn a:hover {
    background: #40b8ff;
}

.min-btn2 a {
    display: block;
    margin: 5px auto;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 450px;
    color: #fff;
    background: #ce2149;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}

.min-btn2 a:hover {
    background: #fd5c81;
}

.min-0,
.min-1,
.min-2,
.min-3,
.min-4,
.min-5,
.min-6,
.min-7,
.min-8,
.min-9,
.min-10,
.min-11,
.min-12,
.min-13,
.min-14,
.min-15,
.min-16,
.min-17 {
    display: none;
}

#main-contents .center-contents .text-area .min-bottom p {
    margin: 0 auto;
}

.min-slide,
.min-slide2 {
    overflow: hidden;
    height: 550px;
    width: 100%;
    position: relative;
}

.min-slide dl,
.min-slide2 dl {
    margin: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
}

.min-slide dd,
.min-slide2 dd {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
    background: #fff;
    display: block;
}

.min-slide dd .min-title,
.min-slide2 dd .min-title {
    margin: 10px auto;
    display: block;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 23px;
    max-width: 600px;
    text-align: center;
    color: #ce2149;
}

.min-slide dd .min-pro,
.min-slide2 dd .min-pro {
    max-width: 600px;
    margin: 10px auto;
    display: block;
    margin-bottom: 0;
}

.min-slide dl .right,
.min-slide2 dl .right {
    position: absolute;
    right: 30px;
    top: 130px;
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

.min-slide dl .right:before,
.min-slide2 dl .right:before {
    content: "\f101";
    font-family: fontawesome;
    position: relative;
    top: 0;
    display: block;
    left: 50%;
    margin-left: -11px;
    font-size: 30px;
    font-weight: normal;
}

.min-slide dl .left,
.min-slide2 dl .left {
    position: absolute;
    left: 30px;
    top: 130px;
    cursor: pointer;
    background: #efefef;
    font-weight: bold;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px 0;
}

.min-slide dl .left:before,
.min-slide2 dl .left:before {
    content: "\f100";
    font-family: fontawesome;
    position: relative;
    top: 0;
    display: block;
    left: 50%;
    margin-left: -11px;
    font-size: 30px;
    font-weight: normal;
}

.min-img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 190px;
    max-width: 50%;
}

.min-total {
    font-size: 26px;
    padding: 5px 10px;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

.min-img img {
    width: 100%;
}

.t-1 {
    display: block;
    background: url("../img/t-1.jpg")no-repeat;
    background-size: 100% auto;
    max-width: 1059px;
}

.t-2 {
    display: block;
    background: url("../img/t-2.jpg")no-repeat;
    background-size: 100% auto;
    max-width: 1059px;
}

.t-1 img,
.t-2 img {
    width: 100%;
}

/* お問い合わせ完了 */
.info-ok {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 10px;
    border-radius: 10px;
}
.info-ok th, .info-ok td{
    border: none !important;
}
.info-ok th {
    width: 20%;
}
.info-ok th img {
    width: 100%;
}
.info-ok td {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px;
}
.info-ok .s1 {
    font-size: 25px;
}
.iobtn a {
    display: inline-block;
    padding: 5px 25px;
    color: #fff;
    background: #3c76ff;
    border-radius: 5px;
    position: relative;
}
.iobtn a:before {
    content: "\f0a9";
    font-family: fontawesome;
    padding-right: 3px;
}
.iobtn a:hover{
    color: #fff;
    opacity: .75;
}

.mokuji {
    margin: 20px;
    padding: 20px;
    border: 2px solid #1B7CC0;
    background: #f1f1f1bf;
    clear: both;
}
.mokuji0 {
    font-size: 20px;
    color: #666;
    display: block;
    padding: 6px 0;
    text-align: center;
    text-decoration: underline;
}
.mokuji ol {
    margin-left: 20px;
    padding: 20px;
}
.mokuji ol li{
    margin: 0 !important;
}
.mokuji ol li ol{
    margin: 0;
    padding: 0;
}
.mokuji ol li ol li{
    padding-left: 1;
}
.mokuji li a {
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
}

/*              */
/*  Q&A*/
/*              */
#main-contents .center-contents .text-area .q-a-area h3 {
    background: #f5f5f5;
    color: #333;
    padding: 20px 55px;
    border: none;
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
}

#main-contents .center-contents .text-area .q-a-area h3:before {
    content: "";
    background: url("../img/ques.png")no-repeat left top;
    background-size: 30px;
    width: 30px;
    height: 43px;
    position: absolute;
    left: 7px;
    top: 17px;
}

#main-contents .center-contents .text-area .q-a-area h3:after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    width:0;
    height:0;
    line-height:0;
    top:0;
    bottom:0;
    right:30px;
    margin:auto;
}

#main-contents .center-contents .text-area .q-a-area .bg-ques:after {
    content: "\f106";
    font-family: fontawesome;
    position: absolute;
    width:0;
    height:0;
    line-height:0;
    top:0;
    bottom:0;
    right:30px;
    margin:auto;
}

#main-contents .center-contents .text-area .q-a-area .ansew {
    position: relative;
    padding: 20px 30px 30px;
    padding-bottom: 0;
    display: none;
}

#main-contents .center-contents .text-area .q-a-area .ansew::before {
    content: "";
    background: url("../img/ansew.png")no-repeat left top;
    background-size: 30px;
    width: 30px;
    height: 43px;
    position: absolute;
    left: 5px;
    top: 20px;
}

#main-contents .center-contents .text-area .q-a-area .ansew p {
    padding-left: 25px;
    margin: 0;
    margin-bottom: 20px;
}

.m-img {
    margin: 10px auto;
}

.m-l-img {
    overflow: hidden;
    display: none;
}

.m-l-img img {
    float: left;
    max-width: 50%;
    width: auto;
}

.m-img .m-t {
    display: block;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}

.log-o {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #3c76ff;
    text-align: left;
    color: #3c76ff;
    word-wrap: break-word;
    display: inline-block;
    cursor: pointer;
}

.log-o:hover {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.log-o:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 28px;
    padding-right: 5px;
    position: relative;
    top: 1px;
}

#main-contents .history-list .order-link a {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #3c76ff;
    text-align: left;
    color: #3c76ff;
    word-wrap: break-word;
    display: inline-block;
}

#main-contents .history-list .order-link a:hover {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.order-link a:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 28px;
    padding-right: 5px;
    position: relative;
    top: 1px;
}

.sidebanner {
    margin: 20px 0;
}

.sidebanner img {
    width: 100%;
}

.sideprice {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

.sideprice form {
    margin: 0 10px;
}

.lh-list ul {}

.lh-list li {
    border-bottom: 1px dashed #bfbfbf;
}

.lh-list li:last-child {
    border-bottom: none;
}

.lh-head {
    padding: 10px 5px;
}

.lh-head:hover {
    background: #efefef;
}

.hide-lh {
    position: absolute;
    background: #fff;
    border: 1px solid #bfbfbf;
    padding: 10px 20px;
    width: 300px;
    display: none;
}

.hide-lh li {
    border: none;
}

.hide-lh label {
    display: block;
    padding: 5px;
}

.hide-lh label:hover {
    background: #efefef;
}

.lh-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    overflow: hidden;
}

.modal-main1 .lh-table {
    width: 50%;
    margin: 10px auto;
}

.lh-table td {
    width: 20%;
    text-align: center;
    padding: 10px 0;
}

.lh-table .low-left,
.lh-table .high-right {
    width: 35%;
    padding: 0;
    margin: 0;
}

.lh-table input[type="text"] {
    width: 100%;
    padding: 7px 5px;
    border: 1px solid #bfbfbf;
    font-size: 15px;
}

.lh-table input::-webkit-input-placeholder {
    font-size: 12.5px;
}

.lh-table input::-moz-placeholder {
    font-size: 12.5px;
}

.lh-table input:-ms-input-placeholder {
    font-size: 12.5px;
}

.label-cate li {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin: 10px 0;
    margin-bottom: 0;
    padding: 0;
}

.label-cate label {
    width: 25%;
    padding: 5px;
    line-height: 1;
    font-size: 15px;
    float: left;
    display: block;
    text-align: left;
}

.label-cate li h2,
.lh-table h2 {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #bfbfbf;
    text-align: left;
    font-size: 20px;
}

.free-line {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    background: #fff3e8;
    padding: 5px;
    border: 2px solid #ffbc8c;
    position: relative;
    margin-bottom: 10px;
}

.free-line:before {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid #ffbc8c;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 10px;
    top: -21px;
}

.free-line:after {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff3e8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 10px;
    top: -19px;
}

.free-line span {
    font-weight: bold;
    font-size: 23px;
    color: #a00000;
}

.lh-box {
    padding: 0px 10px;
    border: 2px solid #dadada;
    margin-top: 10px;
}

.price-btn {
    clear: both;
    padding: 10px;
    margin: 5px 0;
    background: #ED681A;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.sideprice .price-btn {
    clear: both;
    padding: 10px;
    margin: 5px 0;
    background: #ED681A;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.left-p {
    float: right;
    width: 50%;
}

.price-back {
    background: linear-gradient(#FFF, #f5f5f5);
    border: 1px solid #bfbfbf;
    float: left;
    padding: 10px;
    margin: 5px 0;
    font-size: 14px;
    width: 40%;
}

.price-btn:hover,
.price-back:hover {
    cursor: pointer;
}

/* 更新日 */
.update {
    display: block;
    text-align: right;
}
.update::before {
    content: "\f017";
    color: #FF6E1F;
    font-family: FontAwesome;
    margin-right: 5px;
}

/*  テキストカラー*/
.red {
    font-weight: bold;
    color: #a00000;
    font-size: 17px;
}

.aka {
    color: #a00000;
}

.bold {
    font-weight: bold;
}

/* シェアボタン */
.shere {
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 10px;
}
.shere ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.shere img{
    width: 115px;
    height: 20px;
    object-fit: contain;
}

/*				*/
/*	イベント用	*/
/*				*/
.event-modal {
    display: none;
    width: 800px;
    height: 400px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #666666;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 2px #0000005e;
    transition: ease all 0.7s;
    overflow: hidden;
}

.event-modal .event-close {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    background: #4c4c4c;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
}

#right-bottom {
    left: none;
    top: none;
    right: 15px;
    bottom: 100px;
    width: 80px;
    height: 80px;
    padding: 10px 15px;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    transition: ease all 0.7s;
    background: #ED681A;
    cursor: pointer;
}

#right-bottom:before {
    content: "キャンペーン実施中";
    position: relative;
    left: 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    width: 50px;
    height: 55px;
}

.event-text {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/event.jpg")no-repeat left top;
    overflow: hidden;
}

.event-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.event-pro ul li {
    font-size: 15px;
    position: absolute;
    bottom: 87px;
    left: 80px;
    color: #fff;
}

.event-pro ul li:last-child {
    bottom: 20px;
}

.event-pro ul li a {
    background: #fff;
    color: #ED681A;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.27);
    transition: ease all 0.3s;
}

.event-pro ul li a:hover {
    background: #a00000;
    color: #fff;
}

.usage {
    margin: 0;
    padding-top: 10px;
}

/*	カテゴリカートイン	*/
.camp-item {
    overflow: hidden;
}

.camp-item .title {
    background: #007BC7;
    color: #fff;
    padding: 5px 20px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
}

.camp-item .image {
    width: 20%;
    margin: 10px;
    margin-left: 0;
    float: left;
    overflow: hidden;
    text-align: center;
}

.camp-item .image img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

.item-right {
    width: 78%;
    float: right;
}

.camp-item li .product {
    margin-top: 10px;
    display: block;
    overflow: hidden;
    font-size: 15px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    min-height: 20px;
    max-height: 60px;
}

.camp-item li .product2 a {
    display: block;
    width: 100%;
    background: #efefef;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
}

.camp-item .tablefade {
    display: block;
    overflow: hidden;
    width: 100%;
    clear: both;
}

.camp-item li .tablefade {
    display: block;
    overflow: hidden;
    width: 100%;
}

.btnfade {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}

.camp-item .btnfade li {
    display: block;
    float: left;
}

.camp-item .btnfade li span {
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 1;
    position: relative;
    padding: 0;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.camp-item .btnfade li:first-child {
    display: inline-block;
    width: auto;
    padding: 6px 15px;
    padding-left: 0;
    border: none;
    line-height: 1;
    font-size: 16px;
    cursor: default;
    font-weight: bold;
    padding-top: 10px;
}

.camp-item .btnfade li:before {
    content: "\f096";
    font-family: fontawesome;
    padding: 6px 3px;
    padding-left: 0;
    border-radius: 5px;
    font-size: 20px;
    display: inline-block;
}

.camp-item .btnfade li:first-child:before {
    content: none;
}

.camp-item .btnfade .selected span {
    color: #a00000;
}

.camp-item .btnfade .selected:before {
    content: "\f046";
    font-family: fontawesome;
    color: #a00000;
    font-size: 20px;
    padding-right: 0;
}

.camp-item table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.camp-item table th {
    border-bottom: 1px solid #dadada;
}

.camp-item table th:first-child {
    width: 10%;
}

.camp-item table th:nth-child(2) {
    width: 17%;
    text-align: right;
    padding-right: 40px;
}

.camp-item table th:nth-child(3) {
    width: 15%;
    padding-left: 10px;
}

.camp-item table th:nth-child(4) {
    width: 18%;
}

.camp-item table th:last-child {
    text-align: center;
}

.camp-item table td {
    padding: 3px;
    line-height: 1.2;
    border-bottom: 1px solid #dadada;
    position: relative;
}

.camp-item table td:first-child {
    width: 11%;
}

.camp-item table td:nth-child(5) {
    text-align: center;
}

.camp-item table .tk {
    text-align: right;
    padding-right: 10px;
    text-decoration: line-through;
    width: 17%;
}

.camp-item table .tk:after {
    content: "\f061";
    font-family: fontawesome;
    padding-left: 10px;
}

.camp-item table .hk {
    color: #de350b;
    font-weight: bold;
    font-size: 17px;
    width: 15%;
    text-align: left;
}

.camp-item table .shopping {
    width: 25%;
}

.camp-item table .shopping a {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 0;
    background: linear-gradient(#ffde80, #fda300);
    border: 1px solid #7d7d7d;
    position: relative;
    border-radius: 10px;
    color: #333;
    text-align: center;
    position: relative;
}

.camp-item table .shopping a:before {
    content: "\f218";
    font-family: fontawesome;
    padding-right: 3px;
    font-size: 18px;
}

/*------------------------
▼新入荷商品ページ追加分
-------------------------*/
li.in_link {
    width: 49%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 10px;
    background: rgba(223, 223, 223, 0.5);
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* ↓商品未入荷の場合 */
.in_link.no {
    color: #bbb;
}

.in_link:first-child {
    margin: 0 1% 20px 0;
}

.in_link:last-child {
    margin: 0 0 20px 1%;
}

.in_link a {
    display: block;
    text-align: center;
}

#ni_1,
#ni_2 {
    clear: both;
    border-bottom: 1px solid #007bc7;
    padding: 0 0 0 5px;
    font-size: 1.2em;
}

/*------------------------
▲新入荷商品ページ追加分
-------------------------*/
/*------------------------
▼▼CLASS追加分
-------------------------*/
h5 {
    font-size: 100%;
    margin-left: 10px !important;
}

.btn_1 {
    text-align: right;
}

.btn_1 a {
    font-weight: bold;
    font-size: larger;
}

.btn_1 a:hover {
    color: #f00;
}

.btn_1 a::before {
    font-family: fontawesome;
    content: "\f101";
    margin: 0 5px 0 0;
}

.btn_1 a::after {
    font-family: fontawesome;
    content: "の詳細はこちら";
}

.font_la {
    font-size: 1.25em !important;
}

/* 目次に戻るボタン */
#gomkjtop {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 5;
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 0 10px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50px;
    cursor: pointer;
}

#gomkjtop a {
    color: #fff;
}

#gomkjtop a:before {
    content: "\f106";
    font-family: fontawesome;
    font-size: 40px;
    display: block;
    line-height: 0.7;
}


/* コロナウイルスの影響による発送遅延 */
.send_status{
    font-size: 17px;
}
.send_status a{
    text-decoration:underline;
}
.send_status th{
    background: #ddd;
    text-align: center;
}
.send_status td:first-child{
    font-weight:bold;
}

/* お知らせ */
.infobox{
    background: #fffeea;
    margin: 0px auto 15px;
    position: relative;
    padding: 20px 20px 20px 90px;
    font-size: 21px;
    border: 4px double #ff0000;
}

.infobox::before{
    content: "!";
    background: red;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    padding: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    display: inline-block;
}

.infobox a{
	color:#0208b5 !important;
    text-decoration: underline;
}

.infobox a:hover{
	color:#ff2c2c !important;
}

/* マイページ・注文履歴：金額内訳 */
.table-head dl{
    text-align: left;
    margin: 7px;
}
.table-head dt,
.table-head dd{
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 0;
}
.table-head dt{
    width:170px;
    text-align: left;
}
/* 小計・合計のみ文字を大きく・太字 */
.table-head dt.slip_label{
    font-size: 15px;
    font-weight: bold;
}
.table-head dd.slip_total{
    font-size: 15px;
    font-weight: bold;
}
.table-head dd.slip_total .st_red{
    font-size: 19px;
    color: #a00000 ;
}
.table-head dd{
    width: calc(100% - 180px);
    text-align: right;
}
.table-head dd.receipt_link{
    width: 100%;
    text-align: right;
}
.table-head dd.receipt_link a{
    color: #333;
    text-decoration: underline;
}
/* 領収書発行ページ */
.receipt-box{
    width: 65%;
    margin:20px auto;
    border: 3px solid #e65e10;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}
.receipt-box dl{
    margin: 0;
    padding: 0;
}
.receipt-box dl dt,
.receipt-box dl dd{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    margin: 0;
    font-size: 19px;
}
.receipt-box dl dt{
    width: 80px;
}
.receipt-box dl dd{
    width: calc(100% - 100px);
}
.receipt-box dl dd input{
    width: 100%;
    font-size: 20px;
    padding: 5px;
}
.receipt-box .receipt-btn{
    width: 250px;
    text-align: center;
    background: rgb(228,228,228);
    background: -moz-linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e4e4",endColorstr="#ffffff",GradientType=1);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 20px;
    margin: 15px auto;
    font-size: 20px;
    cursor: pointer;
}


/* 2020-07-01 カテゴリー */
.catlist-label{
    position: relative;
    margin: 20px 0;
    display: inline-block;
}
.catlist-label h3{
    margin: 0px;
    line-height: 1;
    margin-bottom: 12px;
}    
.catlist-label .more{
    position: absolute;
    right: 8px;
    top: 10px;
    margin: 0px;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
}
.catlist-label .more a{
    padding: 5px 10px;
    background: #333;
    color: #fff;
    border-radius: 6px 6px 0 0;
}
.catlist-label .more a:hover{
    background: #777;
}

/* メール送信テスト */
.checkpoint{
    text-align: center !important;
}
.checkpoint a{
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
    text-decoration: underline;
}
.mailtest-form{
    background-color: #ddd;
    padding: 15px 15px 30px;
    margin: 20px;
    text-align: center;
}
.mailtest-form::before,
.mailtest-form::after{
    content: "";
    clear: both;
    display: block;
}
.mailtest-form label{
    width: 115px;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.mailtest-form-parts{
    clear: both;
    width: 95%;
    margin: 15px auto;
    display: block;
}
.mailtest-form input,
.mailtest-form .img-captcha{
    width: calc(100% - 230px);
    display: inline-block;
    vertical-align: middle;
}
.mailtest-form input[type="submit"]{
    font-size: 20px;
    font-weight: bold;
}
.mailtest-form input{
    padding: 10px;
    font-size: 16px;
}
.mail_howto{
    margin: 50px auto;
    border: 2px solid #ff0000;
    background-color: #fff;
}
.mail_howto .mail_howtolabel{
    color: #fff;
    background: #ff0000;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.mail_howto .mail_howtodetail{
    padding: 20px;
}
.mail_howto .mail_howtodetail .mail_howtodetail_label{
    background: #fa7f7f;
    font-weight: bold;
    padding: 10px;
    font-size: 17px;
    margin-bottom: 10px;
}
.mail_howto .mail_howtodetail .mail_howtodetail_label2{
    font-size: 17px;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #fa7f7f;
}
.mail_howto .mail_howtodetail .linkbtn{
    width: 400px;
    display: block;
    margin: 20px auto;
}
.mail_howto .mail_howtodetail .linkbtn a{
    border: 1px solid #333;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding: 15px;
    display: block;
}
.mail_howto .mail_howtodetail .linkbtn a:hover{
    background-color: #ccc;
}


/* ↓文字サイズ設定 */
.fs20 { font-size: 20px !important; }

/*	ヘッダーキャンペーン部分 */
.camp-box{
    margin: auto;
    display: block;
    text-align: center;
    background: #FF7BAC;
    height: 55px;
}
.camp-box img{
    max-width: 100%;
    height: auto;
}
.snsbox {
    width: 140px;
    font-size: 0;
    margin-bottom: 15px;
}
.snsbox li {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin-left: 5px;
}
.snsbox li.sns-tw a {
    background-color: #1da1f2;
}
.snsbox li.sns-fb a {
    background-color: #304e94;
}
.snsbox li.sns-line a {
    padding: 0;
    background-color: #00b200;
}
.snsbox li a {
    display: block;
    text-align: center;
    padding: 4px;
    font-size: 19px;
    color: #fff;
    background: #ccc;
}
.snsbox li a:hover{
    color: #ffffff;
}
.snsbox li.sns-line a img {
    width: 30px;
    height: 30px;
    margin: 0;
    object-fit: contain;
}
.snsbox li.sns-hatena a {
    font-family: Verdana,sans-serif;
    font-weight: 700;
    background-color: #00a4de;
}
a.orange_btn {
    width: 100%;
    display: block;
    padding: 10px;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1;
    background: rgb(213,213,213);
    background: linear-gradient(to bottom, #fae080,#eaba4a);
    margin: 5px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
}
/*テーブルレイアウト追加*/
.grad-item-a table.component_item td:nth-child(2){
    width: 20% !important;
}
.grad-item-a table.component_item td:first-child{
    width: 20% !important;
}
.grad-item-a table.component_item td:nth-child(4){
    width: 20%;
    text-align: left;
}
.grad-item-a table.component_item td:nth-child(3){
    width: 40%;
    text-align: left;
}

/* チャットボット */
#chatplusview #eye_catcher img {
    /* max-width: 150px !important; */
}