@charset "utf-8";

/* reset styles
----------------------------------------------- */
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: 'Roboto', 'Noto Sans Japanese', "メイリオ", Verdana, Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka", "MS P Gothic", "ＭＳ Ｐゴシック", "lroSVbN", sans-serif !important;
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: left
}

ul li,
ol li {
    list-style-type: none
}

a {
    text-decoration: none
}

img {
    border: 0
}

img,
input,
select,
textarea {
    vertical-align: middle
}

address,
em {
    font-style: normal
}


*:first-child + html * {
    letter-spacing: 0
}


html {
    scroll-padding-top: 50px;
    /* 固定ヘッダの高さ分 */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('https://gift.just-shop.jp/font/NotoSansJP-Regular.otf') format('otf'),
        url('https://gift.just-shop.jp/font/NotoSansJP-Regular.woff') format('woff')
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    src: url('https://gift.just-shop.jp/font/NotoSansJP-Medium.otf') format('otf'),
        url('https://gift.just-shop.jp/font/NotoSansJP-Medium.woff') format('woff')
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 700;
    src: url('https://gift.just-shop.jp/font/NotoSansJP-Bold.otf') format('otf'),
        url('https://gift.just-shop.jp/font/NotoSansJP-Bold.woff') format('woff')
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    src: url('https://gift.just-shop.jp/font/NotoSansJP-Black.otf') format('otf'),
        url('https://gift.just-shop.jp/font/NotoSansJP-Black.woff') format('woff')
}



/* basic link colours
----------------------------------------------- */
a,
a:link,
a:visited {
    color: #0075c1;
    text-decoration: none;
}

a:hover {
    color: #2a99e1;
    text-decoration: underline;
}

a.arrow{
    position: relative;
    padding-right: 1em;
}
a.arrow::after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #0080FF;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
}


/* layout
----------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    word-break: break-all;
    -webkit-text-size-adjust: none;
    line-height: 1.5;
    color: #333;
    /*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
    background: #fbfbfc;
}

.mB30 {
    margin-bottom: 30px;
}

.mB20 {
    margin-bottom: 20px;
}

.mB15 {
    margin-bottom: 15px;
}

.mB10 {
    margin-bottom: 10px;
}

.mB5 {
    margin-bottom: 5px;
}

.mB50 {
    margin-bottom: 50px;
}

.mB40 {
    margin-bottom: 40px;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB15 {
    margin-bottom: 15px;
}

.mB10 {
    margin-bottom: 10px;
}

.mB5 {
    margin-bottom: 5px;
}

.mT50 {
    margin-top: 50px;
}

.mT40 {
    margin-top: 40px;
}

.mT30 {
    margin-top: 30px;
}

.mT20 {
    margin-top: 20px;
}

.mT15 {
    margin-top: 15px;
}

.mT10 {
    margin-top: 10px;
}

.mT5 {
    margin-top: 5px;
}

.cnt {
    text-align: center;
}

.txtRed {
    color: #ee3333;
}

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

.txtSmall{
    font-size: 90%;
}

/* span hidden
----------------------------------------------- */
.headIn h1 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* clear
----------------------------------------------- */
.clB {
    clear: both;
}

.foot1In,
.foot1In,
#contents,
.breadcrumbs,
.clearfix {
    overflow: hidden;
}

/* TOP HEADER
----------------------------------------------- */
#header {
    width: 100%;
    height: 42px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2200;
    background: url(https://gift.just-shop.jp/img/common/giftmeister_logo.svg)#fff 10px 9px no-repeat;
    background-size: 40vw auto;
    border-bottom: 1px solid #ccc;
}

.headTxt {
    display: none;
}

.headIn {
    height: 42px;
    border-top: solid 4px #0075c1;
    border-bottom: solid 1px #dadada;
    text-align: left;
    background: #fff;
}

.headIn h1 {
    width: 135px;
    height: 32.5px;
    float: left;
    padding: 5px 0 0 5px;
}

.headIn h1 a {
    width: 135px;
    height: 28px;
    display: block;
    background-image: url(../img/common/logo.png);
    -moz-background-size: cover;
    background-size: cover;
}

.headMemb,
.headTel {
    display: none;
}


h6.testkit{
    padding: 10px;
    text-align: center;
    background-color: #00c89d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

h6.biodet_testkit{
    padding: 10px;
    text-align: center;
    background-color: #009245;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}


div.biodet_testkit4step{
    background:#ebf8ed;
    font-size: 13px;
    font-weight: lighter;
    padding: 15px;
    margin: 0 auto 20 auto;
display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align:center;

}


        .yoyakukannbai{
            width: 100%;
            text-align: center;
        }
        
        .yoyakukannbai div.pink{
            padding: 10px;
            font-weight: bold;
            font-size: 20px;
            background: #ec5f59;
            color: #fff;
        }
        
        .yoyakukannbai div.glay{
            padding: 20px;
            background: #efefef;
        }
        
        .yoyakukannbai div.glay p{
            font-weight: lighter;
            font-size: 15px;
        }
        span.txtred{
            color: red;
        }
        

div.testkit4step{
    background:#ebf8f7;
    font-size: 14px;
    font-weight: lighter;
    padding: 15px;
    margin: 0 auto 20 auto;
display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;    
}

div.biodet_testkit4step div{
    max-width: 360px;
}

div.biodet_testkit4step p{
    margin-top: 10px;
    margin-bottom: 5px;
}

div.testkit4step p{
    max-width: 135px;
}

.head_sp {
    width: 184px;
    float: right;
}

.head_sp li {
    float: left;
}

.head_sp li a {
    width: 45px;
    height: 35px;
    display: block;
    border-left: solid 1px #dadada;
    text-align: center;
    padding-top: 7px;
    line-height: 1;
    font-size: 9px;
    letter-spacing: 0;
    color: #d7484a;
}

.head_sp li p {
    padding-top: 3px;
}

/* GLOBAL NAVI
----------------------------------------------- */
#gnav {
    width: 100%;
    margin-top: 43px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2100;
    overflow-y: auto;
}

#nav1,
#nav2 {
    display: block;
}

#nav1 li a {
    display: block;
    font-size: 15px;
    padding: 8px 12px;
    background: #63636a;
    color: #fff;
    border-bottom: 1px solid #fff;
}

#nav2 li a {
    display: block;
    font-size: 15px;
    padding: 8px 12px;
    background: #0075c1;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.nav1_2 {
    display: none;
}

/* SIDE
----------------------------------------------- */
#side {
    width: 100%;
}

.sideBan li {
    width: 45.3125%;
    float: left;
    padding: 0 0 3.125% 3.125%;
}

.sideBan li img {
    width: 100%;
    height: auto;
}

.sideNav,
.sideCale,
.sideCnt {
    display: none;
}

.sideBnr {
    width: 45%;
    float: left;
    margin: 0 0 10px 10px;
}

.sideBnr.right {
    width: 45%;
    float: right;
    margin: 0 10px 10px 0;
}

/* FOOTER
----------------------------------------------- */
#pageTop {
    bottom: 10px;
    right: 10px;
    display: block;
    width: 35px;
    height: 35px;
    position: fixed;
    z-index: 999;
}

#pageTop img {
    width: 35px;
    height: 35px;
}

.foot1 {
    width: 100%;
    background: #f0f0f1;
    border-top: solid 1px #e0e0e2;
    text-align: center;
    clear: both;
}

.foot1 .mB30 {
    margin-bottom: 0;
}

.foot1In {
    width: 100%;
    text-align: left;
    padding: 0 0 10px 0;
}

.footLogo {
    display: none;
}

.foot1In ul {
    clear: both;
}

.foot1In li {
    width: 45.3125%;
    float: left;
    padding: 0 0 5px 3.125%;
    font-size: 12px;
    letter-spacing: 0;
}

.foot1In li a {
    color: #666;
    line-height: 1.2;
}

.foot2 {
    display: none;
}

.copy {
    width: 100%;
    font-size: 10px;
    clear: both;
    background: #0075c1;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

/* CONTENTS
----------------------------------------------- */
#contents {
    width: 100%;
    margin-top: 50px;
}

#main {
    width: 100%;
    text-align: left;
    padding-bottom: 50px;
}

.breadcrumbs {
    display: none;
}

.ttlCmn {
    color: #0075c1;
    line-height: 1.2;
    padding: 5px 0 5px 10px;
    clear: both;
    font-size: 16px;
}

.guide {
    display: none;
}

.spNone {
    display: none;
}


/* ----- 珪藻土 -----*/
div#explainKeisoudo {
    font-size: 13px;
    line-height: 1.6;
    background: #FFF;
    width: 100%;
    margin-bottom: 30px;
}

div#explainKeisoudo .floatleft {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


div#explainKeisoudo .floatright {
    width: 90%;
    margin: 0 auto;
}


div#explainKeisoudo .pc_img {
    display: none;
}


div#explainKeisoudo span {
    color: #C1272D;
}


div#explainKeisoudo span.small {
    color: #C1272D;
    line-height: 15px;
}



div#explainKeisoudo dl {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px 0 25px 0;
}

div#explainKeisoudo dl dt {
    padding-right: 8px;
    width: 15%;
    height: auto;
    ;
    display: inline-block;
    margin-bottom: 10px;
}

div#explainKeisoudo dl dd {
    border-left: solid 1px #B0A47C;
    vertical-align: top;
    display: inline-block;
    padding-left: 8px;
    width: 78%;
    ;
    height: auto;
    margin-bottom: 10px;
}

div#explainKeisoudo dl dd img {
    margin: 0;
}

div#explainKeisoudo p.flow_ttl {
    font-size: 16px;
    line-height: 1.9;
    padding: 10px 0 0px 0;
    margin: 10px 0 15px 0;
    text-align: center;
}

div#explainKeisoudo p.flow_ttl#order {
    padding: 5% 0 10px 0;
}

div#explainKeisoudo p.flow_ttl span {
    padding: 5px 20px 5px 20px;
    margin: 0 10px 5px 0;
    color: #FFF;
    background: #8C8B63;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 1.5;
}

div#explainKeisoudo p.flow_ttl span.small {
    padding: 0;
    color: #000;
    background: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 12px;
    display: block;
    line-height: 1.4;
    margin-top: 5px;
}

div#explainKeisoudo p#ex {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
}

div#explainKeisoudo div.caution {
    font-size: 13px;
    line-height: 21px;
    color: #C1272D;
    border: solid 1px #C1272D;
    background: #FFF;
    padding: 10px;
    width: 97%;
    margin: 0 auto;
    box-sizing: border-box;
}

div#explainKeisoudo div.caution ul {
    color: #000;
}

div#explainKeisoudo div.caution ul li {
    padding-left: 15px;
    margin-bottom: 5px;
}

div#explainKeisoudo div.caution ul li:before {
    content: "●";
    margin-left: -13px;
}

div#explainKeisoudo div.caution div.layout_col img,
div#explainKeisoudo div.caution div.layout_row img {
    display: block;
    text-align: center;
    margin: 10px auto;
}

div#explainKeisoudo div.caution div.layout_row {
    color: #000;
}

div#explainKeisoudo div.caution p {
    width: 100%;
    vertical-align: top;
}

div#explainKeisoudo div.caution p.last {
    width: 100%;
    text-align: center;
}


div#explainKeisoudo div.caution span {
    font-weight: bold;
}

div#explainKeisoudo div.caution span.caution_ttl {
    display: block;
    font-size: 1.1em;
    padding: 5px 0;
}

div#explainKeisoudo div.orginalDesign {
    clear: both;
    background: url(../img/keisoudo/kOriginal_bk.jpg) no-repeat 0 0;
    background-size: contain;
    padding-bottom: 10%;
}

div#explainKeisoudo div.orginalDesign div#sentence {
    width: 94%;
    margin: 0 auto;
    padding-top: 15%;
}

div#explainKeisoudo #readymade span.ttl {
    font-size: 1.2em;
    padding: 0 20px 0 0;
    color: #333;
    font-weight: bold;
}

div#explainKeisoudo div#coasterBox {
    clear: both;
    background: url(../img/keisoudo/sp_coasterHead.png) no-repeat 0 0;
    background-size: contain;
    margin-bottom: 30px;
}

div#explainKeisoudo div#coasterBox p.copy01 {
    text-align: center;
    padding-top: 30%;
    margin-bottom: 0;
}

div#explainKeisoudo p.size {
    text-align: center !important;
    margin: 5px auto 20px auto;
    font-size: 1em;
}

div#explainKeisoudo p.size br {
    display: none;
}


div#explainKeisoudo p.naireLink {
    text-align: center;
    margin: 10px auto 20px;
}

div#explainKeisoudo p.naireLink a {
    padding: 10px 20px;
    background: #24394a;
    color: #fff;
}

div#explainKeisoudo p.naireLink a:hover {
    text-decoration: none;
}


div#explainKeisoudo div#bathmatBox {
    clear: both;
    background: url(../img/keisoudo/sp_bathmatHead.png) no-repeat 0 0;
    background-size: contain;
    margin-bottom: 20px;
}

div#explainKeisoudo div#bathmatBox p.copy01 {
    padding-top: 30%;
    text-align: center;
}

div#explainKeisoudo div#bathmatBox p.package {
    display: none;
}


div#explainKeisoudo div#bathmatBox div#mat_ex {
    display: none;
}


div#explainKeisoudo div#SGScertification_top {
    clear: both;
    width: 95%;
    height: 100%;
    padding: 15px;
    margin: 0px auto;
    border: #79d2d0 solid 2px;
    box-sizing: border-box;
    ;
    text-align: left;
    font-size: 13px;
    line-height: 1.6;
}

div#explainKeisoudo div#SGScertification img,
div#explainKeisoudo div#SGScertification_top img {
    height: 13vh;
    padding: 0 5px;
}

div#explainKeisoudo div#SGScertification span.underbar,
div#explainKeisoudo div#SGScertification_top span.underbar {
    text-decoration: underline;
}


div#explainKeisoudo div#videoBk {
    background: url(../img/keisoudo/sp_video_bk.png) no-repeat 0 0;
    background-size: contain;
}

div#explainKeisoudo div#videoBk div#video {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    padding-top: 25%;
}

div#explainKeisoudo div#videoBk div#video p {
    margin: 5px 0 10px;
    font-size: 11px;
    text-align: justify;
}

div#explainKeisoudo div#videoBk div#video p br {
    display: none;
}

div#explainKeisoudo div#videoBk div#video iframe {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


div#explainKeisoudo div#printingBk {
    background: url(../img/keisoudo/sp_printingHead.png) no-repeat 0 0;
    background-color: #f7f4c8;
    background-size: contain;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-top: 0;
}

div#explainKeisoudo div#printingBk p {
    text-align: center;
    padding-top: 30%;
}


div#explainKeisoudo section h1,
div#explainKeisoudo section h2 {
    display: none;
}

div#explainKeisoudo section#ex p.wrap:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c2c2c2;
    height: auto;
    overflow: hidden;
}


div#explainKeisoudo section:nth-of-type(2) h2 {
    text-indent: -9999px;
}

div#explainKeisoudo section:nth-of-type(2) h2 img {
    width: 20%;
    height: auto;
}


div#explainKeisoudo div.wrapper {
    width: 100%;
    margin: 0 auto;
}

div#explainKeisoudo div.wrapper2 {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}


div#explainKeisoudo div#SGScertification {
    clear: both;
    width: 95%;
    height: 100%;
    padding: 15px;
    margin: 20px auto;
    border: #79d2d0 solid 2px;
    box-sizing: border-box;
}

div#explainKeisoudo div#SGScertification p {
    paddin-bottom: 10%;
    font-size: 12px;
}


div#explainKeisoudo div#material {
    clear: both;
    width: 100%;
    background: url(../img/keisoudo/keisoudoMaterial.png) no-repeat 0 0;
    background-size: contain;
    padding-bottom: 10%;
    font-size: 13px;
}

div#explainKeisoudo div#material div {
    display: block;
    width: 92%;
    margin: 20px auto;
    text-align: center;
}

div#explainKeisoudo div#material div img {
    width: 30vw;
    padding-bottom: 10px;
}


div#explainKeisoudo div#material p#p1 {
    padding: 30% 0 0 0;
    width: 95%;
    margin: 0 auto;
}


div#explainKeisoudo div#care {
    width: 100%;
    height: auto;
    background: url(../img/keisoudo/sp_care_ttl.png) no-repeat 50% 3%;
    background-color: fefcf8;
    border: #f0eac8 solid 5px;
    background-size: contain;
    box-sizing: border-box;
    padding: 10px;
}

div#explainKeisoudo div#care ul {
    list-style: none;
    width: 100%;
    padding-top: 15%;
}

div#explainKeisoudo div#care ul br {
    display: none;
}

div#explainKeisoudo div#care ul img {
    float: left;
    width: 40%;
    height: auto;
    margin: 5px 15px 5px 0;
}

div#explainKeisoudo div#care ul li.left,
div#explainKeisoudo div#care ul li.right {
    width: 95%;
    margin: 10px auto;
    overflow: hidden;
    paddin-bottom: 10px;
}


div#explainKeisoudo .centerBtn {
    text-align: center;
    margin: 30px 0 30px 0;
}

div#explainKeisoudo div#readymade {
    width: 100%;
    height: auto;
    background: url(../img/keisoudo/sp_care_ttl.png) no-repeat 0 0.5%;
    background-color: fefcf8;
    border: #f0eac8 solid 5px;
    background-size: contain;
    box-sizing: border-box;
    padding: 14% 10px 10px 10px;
}

div#explainKeisoudo div#readymade table {
    width: 100%;
    margin: 10px auto;
    border: #ACAB8E solid 1px;
    table-layout: fixed;
}

div#explainKeisoudo div#readymade .scroll {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 15px;
}

div#explainKeisoudo div#readymade .scroll::-webkit-scrollbar {
    height: 10px;
}

div#explainKeisoudo div#readymade .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

div#explainKeisoudo div#readymade .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

div#explainKeisoudo div#readymade table thead th:first-child {
    width: 100px !important;
}

div#explainKeisoudo div#readymade table thead th {
    padding: 10px auto;
    background: #E8DDAC;
    border-right: #ACAB8E solid 1px;
    border-bottom: #ACAB8E solid 1px;
    text-align: center;
    width: 80px !important;
}

div#explainKeisoudo div#readymade table thead th:last-child {
    border-right: #ACAB8E solid 1px;
}

div#explainKeisoudo div#readymade table tbody th {
    margin: 10px auto 10px;
    background: #F6F2DF;
    font-size: 1.1em;
    border-bottom: #ACAB8E solid 1px;
    text-align: center;
    height: 60px;
    padding: 0 10px;
}

div#explainKeisoudo div#readymade table tbody td {
    margin: 10px auto 10px;
    background: #FFF;
    border-left: #ACAB8E solid 1px;
    border-bottom: #ACAB8E solid 1px;
    text-align: center;
    font-size: 0.9em;
    line-height: 20px;
}

div#explainKeisoudo div#readymade table tbody td span.price {
    font-weight: bold;
    font-size: 1.2em;
}


div#explainKeisoudo div#readymade div.tab-content {
    margin: 0 auto;
    width: 100%;
}

div#explainKeisoudo div#readymade div.tab-content input[type="radio"] {
    display: none;
}

div#explainKeisoudo div#readymade div.tab-content label.square {
    margin-right: 1%;
    cursor: pointer;
    display: inline-block;
    width: 32%;
    padding-bottom: 1.9%;
    box-sizing: border-box;
    background: url(../img/keisoudo/tab_square.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px;
    background-color: #395f6b;
}

div#explainKeisoudo div#readymade div.tab-content label.round {
    cursor: pointer;
    display: inline-block;
    width: 32%;
    padding-bottom: 1.9%;
    box-sizing: border-box;
    background: url(../img/keisoudo/tab_round.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px;
    background-color: #395f6b;
}


div#explainKeisoudo div#readymade div.tab-content label.toothbrushholder {
    display: inline-block;
    width: 32%;
    padding-bottom: 1.9%;
    box-sizing: border-box;
    background: url(../img/keisoudo/tab_toothbrushholder.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px;
    background-color: #395f6b;
}




div#explainKeisoudo div#readymade div.tab-content label:hover,
div#explainKeisoudo div#readymade div.tab-content input[type="radio"]:checked + label {
    color: #FFF;
    background-color: #31b8b5;
}

div#explainKeisoudo div#readymade div.tab-content .tab-box {
    width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #31b8b5;
    border-top: 8px solid #31b8b5;
    box-sizing: border-box;
    background-color: #FFF;
}

div#explainKeisoudo div#readymade div.tab-content > .tab-box > div {
    display: none;
}

div#explainKeisoudo div#readymade #tab1:checked ~ .tab-box > #tabView1 {
    display: block;
}

div#explainKeisoudo div#readymade #tab2:checked ~ .tab-box > #tabView2 {
    display: block;
}

div#explainKeisoudo div#readymade #tab3:checked ~ .tab-box > #tabView3 {
    display: block;
}


div#explainKeisoudo div#readymade div.tab-box ul.tmpl {
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div#explainKeisoudo div#readymade div.tab-box ul.tmpl li {
    width: 33.3%;
    margin: 10px auto;
}

div#explainKeisoudo div#readymade h3#tmpl_list {
    background: url(../img/keisoudo/tmpl_list.png) no-repeat 0 0;
    background-size: contain;
    height: 100%;
    display: block;
    text-indent: -9999px;
    padding-bottom: 26.4%;
    margin-top: 20px;
}

div#explainKeisoudo div#readymade p#bathmat_tmpl {
    margin: -35px 0 0 5px;
}

div#toothbrushholder_detail p.info {
    text-align: center;
}

div#toothbrushholder_detail p.info img {
    margin: 5px auto
}


div#toothbrushholder_detail span.catch br {
    display: none;
}

div#toothbrushholder_detail span.catch {
    color: #2cbeb4;
    font-size: 1.2em;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    padding: 0 30px;
    margin: 20px 0 10px;
}


/* ----- 珪藻土（フルカラー追加） -----*/

#main div#mustRead {
    margin: 0 auto 20px auto;
    clear: both;
    width: 90%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}

#main div#mustRead div {
    display: inline-block;
    width: 47%;
    height: 30px;
    margin: 15px 0 5px 0;
}

#main div#mustRead div a {
    background: url(../img/keisoudo/mustRead_01.png) no-repeat 0 0;
    background-size: contain;
    width: 100%;
    height: 6vh;
    display: inline-block;
    text-indent: -9999px;
}

#main div#mustRead div:last-child a {
    background: url(../img/keisoudo/mustRead_02.png) no-repeat 0 0;
    width: 100%;
    height: 6vh;
    display: inline-block;
    background-size: contain;
    text-indent: -9999px;
}

div#explainKeisoudo div#coasterBox div.orderArea,
div#explainKeisoudo div#bathmatBox div.orderArea {
    text-align: center;
    margin: 0 auto 20px auto;
    width: 90%;
}

div#explainKeisoudo div#coasterBox div.orderArea img,
div#explainKeisoudo div#bathmatBox div.orderArea img {
    margin: 5px;
}



div#explainKeisoudo div#naireBox {
    overflow: hidden;
    width: 100%;
    background: url(../img/keisoudo/sp_naireBox_bk.png) no-repeat left top;
    background-color: #f7f4c8;
    background-size: contain;
    padding-bottom: 20px;
}



div#explainKeisoudo div#naireBox p.naire_copy {
    text-align: center;
    margin: 30px auto 0 auto;
    width: 85%;
}

div#explainKeisoudo div#naireBox > p {
    text-align: center;
    width: 85%;
    margin: 0 auto 10px auto;
}

div#explainKeisoudo div#naireBox > p:nth-child(2) {
    margin-bottom: 10px;
}


div#explainKeisoudo p.naireOK {
    width: 90%;
    padding: 5px 10px;
    color: #666;
    margin: 10px auto;
    font-size: 13px;
}


div#explainKeisoudo div#naireBox div#laser,
div#explainKeisoudo div#naireBox div#full-color {
    width: 90%;
    height: auto;
    background: #fff;
    position: relative;
    margin: 10px auto 0 auto;
    padding-bottom: 5px;
}


div#explainKeisoudo div#naireBox div#laser p.way,
div#explainKeisoudo div#naireBox div#full-color p.way {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0;
    background: #f6dd60;
}

div#explainKeisoudo div#naireBox p.way + img {
    width: 36%;
    margin: 8px 0 0 8px;
}


div#explainKeisoudo div#naireBox div#laser p.naire_copy,
div#explainKeisoudo div#naireBox div#full-color p.naire_copy {
    box-sizing: border-box;
    padding-left: 30%;
    font-size: 10px;
    text-align: justify;
    position: absolute;
    right: 4%;
    top: 6%;
}


div#explainKeisoudo div#naireBox div#laser dl.price,
div#explainKeisoudo div#naireBox div#full-color dl.price {
    width: 97%;
    border: 4px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto;
}

div#explainKeisoudo div#naireBox dl.price dt {
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    float: static;
    margin-bottom: 0;
    width: 25%;
    font-size: 11px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    box-sizing: border-box;
}

div#explainKeisoudo div#naireBox dl.price dd {
    border-bottom: 1px solid #e6e6e6;
    float: static;
    margin-bottom: 0;
    padding-left: 0;
    width: 68%;
    height: auto;
    display: inline-block;
    padding: 5px;
    border-left: none;
    box-sizing: border-box;
}

div#explainKeisoudo div#naireBox dl.price dd span.txtb {
    font-weight: bold;
    color: #333;
}

div#explainKeisoudo div#naireBox dl.price dd span.txtRed {
    font-color: #d00037;
    font-size: 14px;
}

.balloon2-top {
    position: relative;
    display: inline-block;
    margin: 8px 0 0 0;
    padding: 10px 15px 5px 15px;
    min-width: 120px;
    max-width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    background: #FFF;
    border: solid 3px #ad0027;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.balloon2-top img {
    padding-right: 15px;
}

.balloon2-top:before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
}

.balloon2-top:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-bottom: 14px solid #ad0027;
    z-index: 1;
}

div#explainKeisoudo div#naireBox .balloon2-top p {
    display: inline-block;
}


/*珪藻土2021変更*/

div#explainKeisoudo #safety{
    padding: 10px 10px 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

div#explainKeisoudo #safety p.ttl{
    text-align: center;
}

div#explainKeisoudo #safety p.ttl span{
    font-size: 18px;
    font-weight: 500;
    background:linear-gradient(transparent 75%, #edde7b 75%);
    color:#000;
}

div#explainKeisoudo #safety p br{
    display: none;
}

div#explainKeisoudo #safety p{
    font-size: 12px;
}

div#explainKeisoudo #safety p.img{
    width: 100px;
    float: right;
    margin-left:5px;
}

div#explainKeisoudo h3{
    text-align: center;
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: normal;
}

div#explainKeisoudo ul.product{
    padding: 10px;
    background: #ebebed;
    border-radius: 5px;
    overflow:hidden;
}

div#explainKeisoudo ul.product li{
    background:#fff;
    width: 100%;
    height:310px;
    margin-top: 0;
    box-sizing: border-box;
    position: relative;
}

div#explainKeisoudo ul.product li a{
    color: #000;
}

div#explainKeisoudo ul.product li .notice{
    background: #CC2029;
    padding:0 15px 2px 15px;
    color:#fff;
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
    letter-spacing: 0.05em;
    z-index:10
}

div#explainKeisoudo ul.product li div:not(.notice){
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 100%;
}

div#explainKeisoudo ul.product li p{
    display:inline-block;
    position: absolute;
    top: 80%;
    left:15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

div#explainKeisoudo ul.product li:hover img{
    opacity: 0.8;
}


div#explainKeisoudo ul.product li p.img{
    right: 0;
    left: auto;
    width: 50%;
}

div#explainKeisoudo ul.product li p.img img{
    max-width: 100%;
}

div#explainKeisoudo ul.product li .name{
    display: block;
    color: #000;
    font-size: 16px;
    margin-bottom: 2px;
}

div#explainKeisoudo ul.product li .tax{
    color:#808080;
    font-size:11px
}



/* ----- 天チャックポーチ -----*/

div.chuckpouch_head {
    background: url(../img/chuckporch/summerCampaign.jpg) no-repeat 0 0;
    background-size: contain;
    padding-bottom: 25%;
    text-indent: -9999px;
}


div.graylineBox {
    width: 100%;
    border: #f2f2f2 solid 10px;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 10px;
}

div.graylineBox div.text_left {
    vertical-align: top;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

div.graylineBox div.text_left p {
    margin: 5px 0 10px;
}

div.graylineBox div.text_left span,
p.orderflow_ttl span,
div#chuckpouchPage dd span {
    color: #ff0000;
}

div.graylineBox div.text_left span.strong {
    font-size: 1.5em;
}

div.graylineBox div.image_right {
    text-align: center;
    vertical-align: top;
    margin-top: 15px;
}

div.graylineBox img {
    max-width: 100%;
}

div#chuckpouchPage a.detail {
    text-align: center;
    font-size: 4.8vw;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    color: #FFF;
    padding: 5px 10px 10px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 20px auto 5px auto;
}

div#chuckpouchPage a.detail img {
    vertical-align: baseline;
}

div#chuckpouchPage a.detail span {
    color: #ffe84f;
    font-size: 1.4em;
}



div#chuckpouchPage a.detail.lineup {
    background: #ff344b;
}

div#chuckpouchPage a.detail.ordermade {
    background: #00ae49;
}

p.orderflow_ttl {
    font-size: 6vw;
    line-height: 1.6;
    font-weight: bold;
    display: block;
    border-bottom: #00ae49 solid 3px;
    margin-bottom: 10px;
}

div#chuckpouchPage dl {
    width: 100%;
    vertical-align: top;
    display: table;
    margin-bottom: 20px;
}

div#chuckpouchPage dt {
    background: #75d68b;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    font-size: 4vw;
    padding: 0 10px;
    font-weight: bold;
    display: table-cell;
    width: 30%;
}

div#chuckpouchPage dd {
    background: #f2f2f2;
    padding: 10px;
    font-size: 14px;
    display: table-cell;
}

div#chuckpouchPage dd p {
    margin-bottom: 10px;
}

div#chuckpouchPage dd img {
    display: block;
    margin: 0 auto;
}

.pc_img {
    display: none;
}



/* ----- 季節の特集 -----*/

div#seasonPage {
    margin-bottom: 40px;
}

div#seasonPage h3 {
    font-size: 1.1em;
    display: block;
    background: url(../img/season/crown_icon.png)#78cdef no-repeat 10px 50%;
    color: #fff;
    padding: 10px 0 10px 70px;
    margin-top: 20px;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}

div#seasonPage div#summer div.rankingBox {
    padding: 20px;
    background: #fff;
    border: solid 4px #e8f4fa;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

div#seasonPage div.rankingBox_bk#fall,
div#seasonPage div.rankingBox_bk#winter {
    position: relative;
}

div#seasonPage div.rankingBox_bk#fall div.list div p.rankTtl,
div#seasonPage div.rankingBox_bk#winter div.list div p.rankTtl {
    position: absolute;
    top: -20px;
    left: 0;
}

div#seasonPage div#summer .ribbon {
    position: relative;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    -ms-transform: rotate(-10deg) skew(-17deg, 4deg);

    -webkit-transform: rotate(-10deg) skew(-17deg, 4deg);
    transform: rotate(-10deg) skew(-17deg, 4deg);
    float: left;
    margin: -15px 0 0 -10px;
}

div#seasonPage div#summer .ribbon:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 35px;
    background: #2f93f5;
    bottom: -7px;
    left: -4px;
    z-index: -2;
}

div#seasonPage div#summer .ribbon:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 35px;
    background: #2f93f5;
    bottom: -10px;
    right: -5px;
    z-index: -2;
}

div#seasonPage div#summer .ribbon h4 span {
    font-size: 1.2em;
}

div#seasonPage div#summer .ribbon h4 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 35px;
    font-size: 15px;
    color: white;
    background: #2f93f5;
}

div#seasonPage div#summer .ribbon h4:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-right: solid 15px #2b69bc;
}

div#seasonPage div#summer .ribbon h4:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 8px transparent;
    border-left: solid 15px #2b69bc;
}

div#seasonPage div.rankingBox div.image {
    vertical-align: top;
    width: 100%;
    position: relative;
    text-align: center;
}

div#seasonPage div.rankingBox div.image img {
    margin: 0 auto;
}

div#seasonPage div.rankingBox div.text {
    vertical-align: top;
    width: 90%;
    margin: 0 auto;
}

div#seasonPage div.rankingBox div.text p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.6;
}

div#seasonPage div.rankingBox div.text p.product_name {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-bottom: 10px;
    text-align: center;
}

div#seasonPage div.rankingBox div.text p.detail {
    font-size: 12px;
    margin-top: 20px;
}

div#seasonPage .product_name img {
    padding: 0 0 3px 10px;
}

div#seasonPage span.price,
div#freepage1 span.list_price {
    font-size: 16px;
    color: #ff0000;
    padding: 10px 0 5px 0;
}

div#seasonPage div#summer .listBtn {
    overflow: hidden;
    width: 100% height: 40px;
    margin-top: 10px;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div#seasonPage div#summer .listBtn a {
    display: block;
    position: relative;
    z-index: 100;
    text-align: center;
    background: #fff;
    color: #20bfe9;
    border: solid 2px #20bfe9;
    font-size: 14px;
    line-height: 35px;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


div#seasonPage div#summer .listBtn a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border: 5px solid transparent;
}

div#freepage1 div.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#freepage1 div.list div {
    width: 48%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 10px 10px 0 10px;
    position: relative;
    margin-bottom: 15px;
}

div#freepage1 div.list div a {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-decoration: underline;
}


div#freepage1 div.list div p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
}

div#freepage1 div.list p.detail {
    display: block;
    width: 100%;
    padding-top: 5px;
    border-top: 1px solid #e5e5e5;
}

div#freepage1 div.list p.detail img {
    padding-top: 0px;
    padding-bottom: 5px;
}

div#freepage1 div.list p.detail span.small {
    font-size: 10px;
    line-height: 1.4;
    padding-bottom: 3px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 3px;
}


div#freepage1 div.list div img {
    max-width: 100%;
    padding-top: 50px;
}

div#freepage1 div.list div h5 {
    font-size: 3.5vw;
    line-height: 3.2em;
    text-align: center;
    display: table;
    height: 45px;
    margin: 5px auto;
    vertical-align: middle;
}

div#seasonPage h5#multiline {
    padding-top: 10px;
    line-height: 1.2;
}


div#freepage1 div.list div h5#line3 {
    padding: 0;
    padding-top: 10px;
    line-height: 1.4;
    background: none;
}

div#seasonPage .line {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #20bfe9;
}

div#seasonPage .heading {
    margin: 10px 0 5px 0;
}

.line_blue .heading,
.line_purple .heading,
.line_pink .heading {
    overflow: hidden;
    position: relative;
    padding-bottom: 3px;
}

div#seasonPage .line_blue .heading span {
    padding: 8px;
}

div#seasonPage .line_blue .heading:before {
    content: "";
    border-bottom: 3px solid #20bfe9;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

div#seasonPage .line_blue .heading:after {
    border-bottom: 3px solid #ddd;
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 1;
}

div#seasonPage div#syogatsu {
    margin: 20px 0;
}

/* ----- 季節の特集（秋） -----*/

div#seasonPage .line.line_purple {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #2a027f;
}

div#seasonPage .line.line_pink {
    color: #ff2954;
    margin-top: 15px;
}

div#seasonPage .line.line_pink span.big {
    color: #fff;
    background: #ff2954;
    padding: 8px;
    line-height: 1;
    margin-top: 4px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}


div#seasonPage .line_purple .heading span,
div#seasonPage .line_pink .heading span {
    padding: 8px;
}

div#seasonPage .line_purple .heading:before {
    content: "";
    border-bottom: 3px solid #2a027f;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

div#seasonPage .line_purple .heading:after {
    border-bottom: 3px solid #ddd;
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 1;
}

div#seasonPage div.rankingBox_bk#fall {
    position: relative;
    margin-top: 0;
    padding: 50px 0 5px 0;
    background: url(../img/season/fall_line.png)#ffc000 no-repeat left top;
}

div#seasonPage div.rankingBox_bk#winter {
    position: relative;
    margin-top: 0;
    padding: 50px 0 5px 0;
    background: url(../img/season/winter_line.png)#ffd6bf no-repeat left top;
}

div#seasonPage div.rankingBox_bk#fall div.list,
div#seasonPage div.rankingBox_bk#winter div.list,
div#seasonPage div#halloweenBox div.list {
    position: relative;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
}

div#seasonPage div#halloweenBox {
    margin-top: 20px;
}

div#freepage1 div#halloweenBox {
    background: #8136ad;
    margin-top: 30px;
    position: relative;
    padding-top: 80px;
}

div#freepage1 div#halloweenBox > p {
    text-align: center;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -185px;
    display: block;
    text-align: center;
}

div#seasonPage div#halloweenBox div.list div {
    width: 48%;
    box-sizing: border-box;
    border: 2px solid #fe5cfe;
    padding: 10px 9px 5px 9px;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
}

div#seasonPage div#halloweenBox div.list div:last-child {
    display: none;
}

div#seasonPage div#fall.rankingBox_bk div.list div,
div#seasonPage div#winter.rankingBox_bk div.list div {
    width: 48%;
    box-sizing: border-box;
    border: 0;
    padding: 10px 10px 5px 10px;
    position: relative;
    margin-bottom: 25px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

div#seasonPage div.rankingBox_bk#fall div.list div p.rankTtl,
div#seasonPage div.rankingBox_bk#winter div.list div p.rankTtl {
    position: absolute;
    top: -20px;
    left: 0;
}

div#seasonPage div.rankingBox_bk#fall div.list div p.rankTtl img,
div#seasonPage div.rankingBox_bk#winter div.list div p.rankTtl img {
    padding-top: 0;
    margin: 0;
}

div#freepage1 div.rankingBox_bk#fall div.list div img.main,
div#freepage1 div.rankingBox_bk#winter div.list div img.main {
    max-width: 100%;
    padding-top: 50px;
    margin-bottom: 5px;
}

div#freepage1 div.rankingBox_bk#winter div.list div.others img.main {
    max-width: 100%;
    padding-top: 45px;
    margin-bottom: 5px;
}

div#freepage1 div.rankingBox_bk#winter div.list div.others h5#multiline {
    line-height: 1.2 !important;
    padding-top: 10px !important;
}

div#freepage1 div.rankingBox_bk#fall div.list div h5,
div#freepage1 div.rankingBox_bk#winter div.list div h5 {
    font-size: 3.5vw;
    line-height: 3em;
    text-align: center;
    display: table;
    height: 45px;
    margin: 5px auto;
    vertical-align: middle;
    padding-top: 15px;
}

div#freepage1 div.rankingBox_bk#fall div.list div.others h5 {
    font-size: 3.5vw;
    line-height: 3em;
    text-align: center;
    display: table;
    height: 45px;
    margin: 5px auto;
    vertical-align: middle;
    padding-top: 5px;
}

div#freepage1 div.rankingBox_bk#winter div.list div h5#multiline {
    line-height: 1.2;
    padding-top: 20px;
}

div#freepage1 div.rankingBox_bk#winter div.list div.others h5 {
    font-size: 3.5vw;
    line-height: 3em;
    text-align: center;
    display: table;
    height: 45px;
    margin: 5px auto;
    vertical-align: middle;
    padding-top: 5px;
}


div#seasonPage div.rankingBox_bk p.ttl {
    padding: 0 0 6%;
    margin-top: -10%;
    text-align: center;
}

div#seasonPage div.rankingBox_bk p.ttl img {
    max-width: 100%;
}

div.sp_visible {
    visibility: hidden;
}

div#seasonPage div.rankingBox_bk p.heading2 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #830000;
    color: #830000;
    padding: 5px 0;
    width: 95%;
    margin: 15px auto 10px auto;
}


/* ----- ポケットティッシュ -----*/

div#tissue_explain div#muji {
    width: 95%;
    margin: 20px auto;
    vertical-align: top;
    font-size: 12px;
    padding-top: 0;
}

div#tissue_explain div#muji p.ttl {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-weight: bold;
}

div#tissue_explain div#muji span.txtpink {
    color: #ff0072;
}

div#tissue_explain div#muji span.txtsmall {
    font-size: 12px;
    color: #ff0000;
    padding-left: 10px;
}

div#tissue_explain div#muji dl {
    margin: 5px auto;
    overflow: hidden;
}

div#tissue_explain div#muji dl dt {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

div#tissue_explain div#muji dl dt img {
    display: block;
    margin: 0 auto;
}

div#tissue_explain div#muji dl dd {
    width: 90%;
    text-align: justify;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 auto;
}

div#tissue_explain div#muji dl dd div {
    width: 100%;
    height: 94px;
    position: relative;
    margin: 10px 0;
    background: url(../img/pockettissue/koukoku_in02.png) no-repeat left top;
}

div#tissue_explain div#muji dl dd div p {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
}

div#tissue_explain div#muji dl dd div p span.price {
    font-weight: bold;
    color: #ff0000;
}

div#tissue_explain div#muji dl dd div p span.price span {
    font-size: 2em;
    line-height: 1;
}

div#tissue_explain div#muji dl dd div p span.tax {
    font-size: 10px;
}


div#tissue_explain div#color {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    border: 3px solid #ffd967;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin: 15px 0 20px 0;
}

div#tissue_explain div#color p.border {
    float: left;
    font-size: 18px;
    text-align: center;
    width: 60px;
    padding: 5px 7px;
    margin-bottom: 10px;
    border: 2px solid #000;
    font-weight: bold;
    margin-right: 10px;
}

div#tissue_explain div#color p:nth-child(2) {
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
}

div#tissue_explain div#color p:nth-child(2) br {
    display: none;
}

div#tissue_explain div#color img {
    margin: 8px auto;
}

h3.leftBorder {
    padding: 8px 0 8px 10px;
    background: #e5e6e8;
    border-left: 2px solid #742f33;
    margin: 10px 0;
    font-size: 1.2em;
}


/* ----- 天チャックポーチ印刷について -----*/

div#chuckpouchPage div.naireSpace {
    margin: 10px auto 30px auto;
    width: 97%;
}

div#chuckpouchPage div.naireSpace p:first-child {
    width: 60%;
    margin: 0 auto 10px auto;
}

div#chuckpouchPage div.naireSpace p:last-child {
    width: 90%;
    margin: 0 auto;
}

div#chuckpouchPage div.naireSpace p:last-child img {
    margin: 5px auto;
    display: table-cell;
}


div#chuckpouchPage div.tmplDl {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 97%;
    margin: 0 auto 20px auto;
}

div#chuckpouchPage div.tmplDl p {
    width: 47%;
    margin-bottom: 5px;
}

div#chuckpouchPage div.colorSample {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 97%;
    margin: 10px auto;
}

div#chuckpouchPage div.colorSample p {
    width: 47%;
    margin-bottom: 10px;
}

div#chuckpouchPage div.colorSample img {
    max-width: 100%;
}

.product_listBtn a {
    width: 40%;
    padding: 15px 20px;
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 1;
    background: #dddddd;
    border-bottom: solid 4px #999999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px auto 30px auto;
    text-align: center;
}


/* ----- カレンダーマウスパッド -----*/

div#original_mousepad_link {
    text-align: center;
    width: 100% height:auto;
    background: #ebeaea;
    margin: 30px 0 50px;
    padding-bottom: 10px;
}

div#original_mousepad_link p:first-child {
    padding: 40px 0 30px;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

div#original_mousepad_link p:nth-child(2) {
    padding-left: 5px;
}

div#original_mousepad_link p:nth-child(3) {
    width: 94%;
    margin: 0 auto;
}

div#mousepad_box div.list_box3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
}

div#mousepad_box div.product_list {
    width: 45%;
    ;
    height: auto;
    /*border-bottom:dotted 1px #ccc;*/
}

div#mousepad_box div.product_list dl {
    margin: 0 0 0;
}

div#mousepad_box div.product_list dt {
    text-align: center;
    /*font-weight:bold;*/
    font-size: 12px;
    line-height: 1.6;
}

div#mousepad_box div.product_list dd {
    line-height: 1.6;
    font-size: 12px;
}

div#mousepad_box div.product_list dd.product_t {
    line-height: 1.5;
    margin-bottom: 8px;
}

div#mousepad_box div.product_list dd img {
    margin: 5px 0 8px;
}

div#mousepad_box div.product_list ul li {
    background-repeat: no-repeat;
    border-bottom: dotted 1px #373434;
}

div#mousepad_box div.product_list ul {
    background-color: #fff;
    list-style-type: none;
    font-size: 12px;
}

p.p_list img {
    margin: 5px 0 0;
    text-align: center;
}

p.cm_txt {
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 5px 0 10px;
}

span.point_txt {
    font-size: 16px;
    color: #FF0000;
}


div#mousepad_box span.txtab {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

div#mousepad_box span.txtab {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

div#mousepad_box span.txta {
    font-size: 16px;
    color: #F00;
    font-weight: bold;
}



/* ----- レザー調グッズ -----*/

div#pugoods {
    margin-bottom: 50px;
}

div#pugoods div#naire {
    margin: 20px auto 40px auto;
    width: 100%;
    height: auto;
    background: url(../img/pugoods/naire_bg_sp.png)#150d0a no-repeat 0 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 27%;
    background-size: contain;
}

div#pugoods div#naire p {
    text-align: center;
    font-size: 12px;
    line-height: 1.7;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px
}

div#pugoods div#naire br {
    display: none;
}

div#pugoods div#naire a {
    color: #fbdba9;
    text-decoration: underline;
}


div#pugoods div#list > p {
    text-align: center;
}

div#pugoods div#list div.listBox {
    margin: 20px auto;
    font-size: 12px;
    line-height: 1.4;
    background: #f6f3ec;
    border: 4px solid #eeeae7;
    background: url(../img/pugoods/top_ribbon.png) right top no-repeat,
        url(../img/pugoods/bottom_ribbon.png) left bottom no-repeat;
    background-size: 50px auto;
    box-sizing: border-box;
}
/*
div#pugoods div#list div.listBox:nth-child(2) p.orderBtn {
    background: url(../img/pugoods/top_orderBtn.png) left top no-repeat;
    width: 388px;
    height: 52px;
    background-size: contain;
    padding: 6px 0 6px 130px;
    box-sizing: border-box;
    margin: 10px auto;
}
*/
div#pugoods div#list div.listBox .sp_img {
    width: 80%;
    margin: 20px auto;
}

div#pugoods div#list div.listBox p.detail {
    width: 85%;
    margin: 0 auto;
    font-size: 13px;
}

div#pugoods div#list div.listBox p.orderBtn {
    text-align: center;
    margin: 10px auto 20px auto;
}


div#pugoods div#stamp {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

div#pugoods div#fullcolor {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

div#pugoods div#stamp p.line,
div#pugoods div#fullcolor p.line {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
}

div#pugoods div#stamp div.detail,
div#pugoods div#fullcolor div.detail {
    width: 90%;
    margin: 20px auto;
    box-sizing: border-box;
    overflow: hidden;
}


div#pugoods div.detail p {
    font-size: 15px;
    margin-top: 10px;
}

div#pugoods div#stamp div.detail p span {
    font-size: 11px;
}

div#pugoods ul.caution {
    padding: 10px 15px;
    border: 1px solid #544641;
    font-size: 12px;
    margin-top: 20px;
    color: #544641;
}

div#pugoods ul.caution li {
    list-style-type: disc;
    margin-left: 10px;
}

div#pugoods div.list_link {
    background: #e1d2bf;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 20px;
}


div#pugoods div#stamp p.img,
div#pugoods div#fullcolor p.img {
    width: 80%;
    margin: 0 auto;
}

div#pugoods div.list_link > p {
    text-align: center;
}

div#pugoods div.list_link > p img {
    display: block;
    margin: 0 auto 5px auto;
}

div#pugoods div.list_link ul {
    margin: 10px 0 0 0;
}

div#pugoods div.list_link ul li {
    border: 4px solid #efece8;
    box-sizing: border-box;
    width: 226px;
    height: auto;
    padding-bottom: 5px;
    margin: 10px auto;
}

div#pugoods div#stamp div.list_link ul li:nth-child(1) {
    background: url(../img/pugoods/stamp_mousepad_img_sp.jpg)#fff left top no-repeat;
}

div#pugoods div#stamp div.list_link ul li:nth-child(2) {
    background: url(../img/pugoods/stamp_coaster_img_sp.jpg)#fff left top no-repeat;
}


div#pugoods div#fullcolor div.list_link ul li:nth-child(1) {
    background: url(../img/pugoods/fullcolor_mousepad_img.jpg)#fff left top no-repeat;
}

div#pugoods div#fullcolor div.list_link ul li:nth-child(2) {
    background: url(../img/pugoods/fullcolor_coaster_img.jpg)#fff left top no-repeat;

}

div#pugoods div#fullcolor div.list_link ul li:nth-child(3) {
    background: url(../img/pugoods/fullcolor_tissuebox_img.jpg)#fff left top no-repeat;
}

div#pugoods div#fullcolor div.list_link ul li:nth-child(3) p {
    margin-top: 100px;
}


div#pugoods div.list_link ul li p {
    margin: 125px auto 0 auto;
    text-align: center;
}

div#pugoods #stamp div.list_link ul li > p:nth-of-type(2) {
    margin-top:0px
}

div#pugoods div.list_link ul li p img {
    padding-bottom: 8px;
}

p.pugoods_mustRead {
    width: 90%;
    margin: 0 auto 20px auto;
}

div#pugoods div.list_link span#tmpl_mousepad {
    background: url(../img/pugoods/tmpl_dl_bk.png) left top no-repeat;
    width: 162px;
    height: 77px;
    background-size: contain;
    display: block;
    margin: 5px auto;
    padding-top: 28px;
    box-sizing: border-box;
}

div#pugoods div#fullcolor div.list_link span#tmpl_mousepad,
div#pugoods div#fullcolor div.list_link span#order_mousepad {
    margin: 0 auto;
}


div#pugoods div.list_link span#order_mousepad {
    background: url(../img/pugoods/orderBtn3_bk.png) left top no-repeat;
    width: 162px;
    height: 78px;
    background-size: contain;
    display: block;
    margin: 5px auto;
    padding-top: 28px;
    box-sizing: border-box;
}


div#pugoods div#stamp div.list_link ul li p img,
div#pugoods div#fullcolor div.list_link ul li p img {
    padding-bottom: 4px;
}



/* ----- 製作事例 -----*/

div#case_example h3 {
    padding: 10px;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    background: linear-gradient(#745f51 0%, #4a3828 100%);
    border: 1px solid #4a3828;
    margin-bottom: 10px;
}

div#case_example div.example_list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#case_example div.example_list div {
    width: 355px;
    margin: 0 auto 20px auto;
}

div#case_example div.example_list div img {
    max-width: 100%;
}

div#case_example p.c_name {
    text-align: center;
    font-size: 15px;
    padding: 6px 0;
    position: relative;
    background: #e7e7e7;
}

div#case_example p.c_name:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 48%;
    border: 12px solid transparent;
    border-top: 10px solid #e7e7e7;
    width: 0;
    height: 0;
    z-index: 100;
}

div#case_example dl {
    font-size: 14px;
    margin-top: 5px;
}

div#case_example dl dt {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 5px 0 5px 10px;
    border-left: 3px solid #742f33;
    border-right: 1px solid #ccc;
    margin-bottom: 3px;
}

div#case_example dl dd {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding: 5px 0;
    margin-bottom: 3px;
}


/* ----- 卓上カレンダー -----*/

div#deskcalendar {
    margin-bottom: 30px;
}

div#deskcalendar div#listBox {
    background: #ee4418;
    padding: 10px 0 5px 0;
}

div#deskcalendar img {
    max-width: 100%;
}

div#deskcalendar div#listBox > p:nth-child(2) {
    text-align: center;
    color: #ffed44;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 auto 10px auto;
    width: 90%;
    text-align: left;
}

div#deskcalendar div#listBox > p:nth-child(2) br {
    display: none;
}

div#deskcalendar div#listBox p.listTtl {
    background: #ffed44;
    color: #db004c;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    padding: 5px 0;
    margin: 10px auto;
}

div#deskcalendar div#listBox div.calendarList {
    width: 97%;
    margin: 5px auto;
    background: #fff;
    padding: 15px 15px 10px 15px;
    box-sizing: border-box;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

div#deskcalendar div#listBox div.calendarList div.img {
    width: 90%;
    margin: 0 auto;
}

div#deskcalendar div#listBox div.calendarList div.text {
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
}

div#deskcalendar div#listBox dl {
    margin: 20px auto 20px auto;
    width: 80%;
}

div#deskcalendar div#listBox dt {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    width: 65%;
    margin-bottom: 6px;
}

div#deskcalendar div#listBox dt:nth-child(4) {
    margin-bottom: 0;
}

div#deskcalendar div#listBox dd {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-top: 5px;
}

div#deskcalendar div#listBox dd span.price {
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
}

div#deskcalendar div#listBox dt span.small {
    color: #000;
    font-size: 10px;
    font-weight: normal;
}

div#deskcalendar div#listBox p.order {
    width: 190px;
    margin: 10px auto;
}


/* ----- アクリルキーホルダーキャラット☆ -----*/
div#charatto {
    margin-bottom: 40px;
}

div#charatto div#main {
    background: url(../img/keyholder/sp_main.png) left top no-repeat;
    width: 100%;
    height: auto;
    -moz-background-size: contain;
    background-size: contain;
    padding-top: 90%;
    padding-bottom: 20px;
}

div#charatto div#main p:nth-child(1) {
    text-align: center;
}

div#charatto div#main p:nth-child(2) {
    margin-top: 20px;
}


div#charatto div#size {
    text-align: center;
    margin-top: 20px;
}

div#charatto div#size > p {
    margin: 0 auto;
    width: 80%;
}

div#charatto div#size p.link img {
    box-shadow: 0 0 8px #ccc;
    width: 96%;
    height: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 20px;
}

div#charatto div#detail_main {
    background: url(../img/keyholder/pc_bg3.png) left top no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    width: 100%;
    padding-top: 30px;
}

div#charatto div#detail_main > p {
    width: 90%;
    margin: 0 auto;
}


div#charatto div.box {
    margin: 10px auto 30px auto;
    border: 1px solid #bdf3fe;
    padding: 10px 20px;
    width: 97%;
    box-sizing: border-box;
    background: #fff;
    font-size: 12px;
}

div#charatto div.box {
    background: url(../img/keyholder/product_guide01.png)#fff 480px top no-repeat;
}

div#charatto div.box p br {
    display: none;
}

div#charatto div.box span.ttl {
    display: block;
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #00bcdc;
}

div#charatto div.box span.ttl::before {
    font-family: FontAwesome;
    content: "\f1db";
    padding-right: 5px;
    color: #00bcdc;
}

div#charatto div.box p.img {
    display: inline-block;
    margin: 10px 0;
}


div#charatto div.box p.img_left {
    width: 100%;
    text-align: center;
}

span.attention {
    color: #ff0000;
}

div#charatto div.box p.detail_right {}

div#charatto div.box p.detail_right span.daishi_size {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    width: 240px;
    margin-bottom: 10px;
}

div#charatto h3 {
    padding: 25px 5px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 18px;
    line-height: 1;
    margin: 30px 0 20px;
}

div#charatto p.data_caution {
    font-size: 19px;
    font-weight: bold;
}

div#charatto p.data_caution span {
    color: #00bcdc;
}

div#charatto ul#data_guide {
    margin: 10px 0;
}

div#charatto ul#data_guide li {
    margin-bottom: 5px;
}

div#charatto ul#data_guide li::before {
    content: url(../img/keyholder/check_mark.png);
    margin: 0 6px;
    position: relative;
    top: 5px;
}




/* ----- オリジナルキーホルダー -----*/

div#original_keyholder {
    margin-bottom: 30px;
}

div#original_keyholder div.box {
    width: 98%;
    padding: 15px;
    box-sizing: border-box;
    border: 4px solid #f2f2f2;
    margin: 0 auto 10px auto;
    position: relative;
    overflow: hidden;
    background: #fff;
}

div#original_keyholder div.box p.copy {
    padding: 15px 10px;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: bold;
    display: block;
    color: #fff;
    text-align: center;
    background: #ff9125;
    box-shadow: 5px 5px #ffe5bf;
    margin: 0 auto;
    box-sizing: border-box;
}

div#original_keyholder div#acrylicPlate.box p.copy {
    background: #00d3e1;
    box-shadow: 5px 5px #d8f8fa;
}

div#original_keyholder div#leather.box p.copy {
    background: #ad8ae4;
    box-shadow: 5px 5px #e6dcf7;
}

div#original_keyholder div#acrylicHamepachi.box p.copy {
    background: #35cefc;
    box-shadow: 5px 5px #d1f7fe;
}

div#original_keyholder div#clover.box p.copy {
    background: #2ae871;
    box-shadow: 5px 5px #bff8d4;
}

div#original_keyholder div#raincoatball.box p.copy {
    background: #036eb8;
    box-shadow: 5px 5px #95cbe8;
}

div#original_keyholder div.box p.copy span {
    color: #ffe842;
}

div#original_keyholder div.box div.img {
    margin: 5px auto;
    text-align: center;
}

div#original_keyholder div.box div.detail {}

div#original_keyholder div.box p.name {
    font-size: 1.5em;
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
}

div#original_keyholder div.box p.name span {
    font-size: 0.8em;
}

div#original_keyholder div.box div.detail p {
    font-size: 12px;
    margin-bottom: 20px;
}

div#original_keyholder div.box div.detail p br {
    display: none;
}

div#original_keyholder div.box div.detail ul {
    margin: 10px auto;
    width: 70%;
}

div#original_keyholder div.box div.detail ul li {
    padding: 3px;
    background: #f2f2f2;
    color: #666;
    font-size: 12px;
    margin: 0 5px 3px 0;
    display: inline-block;
}

div#original_keyholder div.box p.link {
    margin: 0 auto;
    width: 70%;
    text-align: justify;
}

div#original_keyholder div.box .button {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 10px;
    border: 2px solid #ff9125;
    color: #ff9125;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
}


div#original_keyholder div.box .button::after {
    position: absolute;
    top: 50%;
    right: .2em;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #ff9125;
    transition: all .3s;
}


div#original_keyholder div.box .button:hover::after {
    border-left-color: #fff;
}

div#original_keyholder div#acrylicPlate.box .button {
    border: 2px solid #00d3e1;
    color: #00d3e1;
}

div#original_keyholder div#leather.box .button {
    border: 2px solid #ad8ae4;
    color: #ad8ae4;
}

div#original_keyholder div#acrylicHamepachi.box .button {
    border: 2px solid #35cefc;
    color: #35cefc;
}

div#original_keyholder div#clover.box .button {
    border: 2px solid #2ae871;
    color: #2ae871;
}

div#original_keyholder div#raincoatball.box .button {
    border: 2px solid #036eb8;
    color: #036eb8;
}

div#original_keyholder div#acrylicPlate.box .button::after {
    border-left-color: #00d3e1;
}

div#original_keyholder div#leather.box .button::after {
    border-left-color: #ad8ae4;
}

div#original_keyholder div#acrylicHamepachi.box .button::after {
    border-left-color: #35cefc;
}

div#original_keyholder div#clover.box .button::after {
    border-left-color: #2ae871;
}

div#original_keyholder div#raincoatball.box .button::after {
    border-left-color: #036eb8;
}


/* ----- ポッティングキーホルダー -----*/

div#potting_keyholder p.shape_ttl {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #230e11;
    width: 98%;
    margin: 0 auto;
}

div#potting_keyholder ul#sizeBox {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 98%;
    margin: 0 auto;
    font-size: 12px;
}

div#potting_keyholder ul#sizeBox li {
    padding: 15px 15px 50px 22%;
    width: 49%;
    border: 1px solid #d7cdc0;
    box-sizing: border-box;
    margin-bottom: 15px;
    text-align: justify;
    position: relative;
}

div#potting_keyholder ul#sizeBox li:nth-of-type(1) {
    background: url(../img/keyholder/potting/shape_round1.jpg)#ece3dd 0 top no-repeat;
    background-size: 50% auto;
}

div#potting_keyholder ul#sizeBox li:nth-of-type(2) {
    background: url(../img/keyholder/potting/shape_round2.jpg)#ece3dd 0 top no-repeat;
    background-size: 50% auto;
}

div#potting_keyholder ul#sizeBox li:nth-of-type(3) {
    background: url(../img/keyholder/potting/shape_square.jpg)#ece3dd 0 top no-repeat;
    background-size: 50% auto;
}

div#potting_keyholder ul#sizeBox li:nth-of-type(4) {
    background: url(../img/keyholder/potting/shape_Tshirts.jpg)#ece3dd 0 top no-repeat;
    background-size: 50% auto;
}

div#potting_keyholder ul#sizeBox li img {
    margin-bottom: 10px;
}

div#potting_keyholder ul#sizeBox a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 3px 8px 8px;
    background: #41313d;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
}


div#potting_keyholder ul#sizeBox a:after {
    content: " \f0da";
    color: #fff;
    font-family: FontAwesome;
    margin-left: 6px;
}

div#potting_keyholder div#potting_is {
    background-image: url(../img/keyholder/potting/pottingis1.png), url(../img/keyholder/potting/potting_bk.jpg);
    background-color: #472228;
    background-position: 0 40px, left bottom;
    background-repeat: no-repeat, no-repeat;
    border-top: 8px solid #7f6569;
    padding: 40px 20px 40px 20px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

div#potting_keyholder div#potting_is br {
    display: none;
}

div#potting_keyholder div#potting_is div.text {
    width: 100%;
    margin-top: 50px;
}

div#potting_keyholder div#potting_is div.img {
    width: 80%;
    text-align: center;
    margin: 10px auto;
}

div#potting_keyholder div#potting_is div.img + div.img {
    float: left;
    width: 40%;
    margin-top: 50px;
    margin-bottom: 50px;
}

div#potting_keyholder div#potting_is div.img + div.text {
    width: 55%;
    float: right;
    margin-bottom: 30px;
    margin-left: 10px;
}

div#potting_keyholder div#potting_is div.text dl {
    margin-top: 20px;
}

div#potting_keyholder div#potting_is div.text dl dt {
    padding: 8px 10px;
    background: #39161e;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}

div#potting_keyholder div#potting_is div.text dl dd {
    margin: 0 0 0 5px;
}

div#potting_keyholder div#potting_is div.text dl dd:before {
    content: " \f058";
    color: #fff;
    font-family: FontAwesome;
    margin-right: 5px;
}


/* ----- レザー調ギフトセット -----*/
div#pugiftset {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px
}


div#pugiftset div#main {
    background: url(../img/pugiftset/pugiftset_main.jpg) left top no-repeat;
    background-size: cover;
    position: relative;
    float: none;
    height: auto;
    padding-bottom: 36.8%;
}

div#pugiftset div#main a {
    position: absolute;
    left: 2%;
    bottom: 5%;
    width: 45%;
}

div#pugiftset div#descBox {
    border: 8px solid #502d2c;
    background: url(../img/pugiftset/giftset_pink.png)#f6edec right top no-repeat;
    background-size: 40% auto;
    padding: 20px;
}

div#pugiftset div#descBox > p:first-child {
    width: 70%;
    height: auto;
}

div#pugiftset div.pointBox {
    padding: 15% 20px 15px 20px;
    background: #fff;
    color: #502d2c;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 30px auto;
    clear: both;
}

div#pugiftset div.pointBox#card {
    width: 95%;
    margin: 50px auto 0;
    position: relative;
    height: auto;
    padding-top: 30%;
}

div#pugiftset div.pointBox p.lead {
    position: absolute;
    top: -20px;
    left: -10px;
}

div#pugiftset div.pointBox#card p.lead {
    position: absolute;
    top: -20px;
    left: -20px;
}

div#pugiftset div.pointBox#card p.img {
    position: absolute;
    top: -45px;
    right: -20px;
    width: 42%;
    height: auto;
}



div#pugiftset ul li.text {
    margin: 20px 0;
}


div#pugiftset ul li.img {
    text-align: center;
}

div#pugiftset div#orderBox {
    background: #4e2b2a;
    text-align: center;
    padding: 15px 0;
    color: #fff;
}

div#pugiftset div#orderBox p {
    width: 90%;
    margin: 0 auto 20px auto;
}

div#pugiftset div#orderBox p span {
    font-size: 1.4em;
}

div#pugiftset div#orderBox > p:first-child {
    width: 94%;
    margin: 10px auto;
}

div#pugiftset div#orderBox > p:first-child img {
    max-width: 100%;
}

div#pugiftset div#orderBox ul.recommend {
    width: 93%;
    margin: 0 auto 20px auto;

}

div#pugiftset div#orderBox ul.recommend li {
    width: 94%;
    box-sizing: border-box;
    padding: 6px;
    background: #f4f1ee;
    color: #4e2b2a;
    box-shadow: 2px 2px 2px 2px #391d1c;
    display: table;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.3;
    margin: 0 auto 5px auto;
}

div#pugiftset div#orderBox ul.recommend li span {
    border: 4px solid #f1d4ce;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}


/* ----- うちわ -----*/

div#uchiwa div#sceneBox {
    text-align: center;
    padding: 5px 0;
    background: #009efa;
    /* Old browsers */
    background: -moz-linear-gradient(top, #009efa 0%, #0083f9 7%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009efa 0%, #0083f9 7%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009efa 0%, #0083f9 7%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009efa', endColorstr='#0083f9', GradientType=0);
    /* IE6-9 */
    margin: 20px 0;
}

div#uchiwa div#sceneBox div#inside {
    width: 98%;
    margin: 5px auto 0 auto;
    padding: 4px 8px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #d8ecfe;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

div#uchiwa div#sceneBox div#inside dl {
    width: 30%;
}

div#uchiwa div#sceneBox div#inside dt span {
    display: block;
    background: #fff;
    border: 1px solid #addefb;
    margin-bottom: 8px;
    padding: 12px 0;
    text-align: center;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1;
}

div#uchiwa div#sceneBox div#inside dd {
    text-align: center;
    line-height: 1.5;
    font-size: 10px;
    text-align: justify;

}

div#uchiwa div#sceneBox div#inside dd br {
    display: none;
}

div#uchiwa p.head {
    font-size: 1.1em !important;
    font-weight: bold;
    display: block !important;
    position: relative;
}

div#uchiwa p.head img.catch {
    position: absolute;
    right: 5px;
    top: -10px;
    width: 40%;
}

div#uchiwa p.head img.catch img {
    max-width: 100%;
}

div#uchiwa div#lineup {
    width: 100%;
}

div#uchiwa div#lineup div {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 15px 8px 15px 11px;
    ;
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
}

div#uchiwa div#lineup div span {
    color: #007cff;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
}

div#uchiwa div#lineup p.img {
    position: absolute;
    top: 12px;
    right: 3px;
    z-index: 0;
    width: 35vw;
}

div#uchiwa div#lineup p.img img {
    max-width: 100%;
}


div#uchiwa div#lineup p {
    display: inline;
    line-height: 1.5;
    font-size: 12px;
}

div#uchiwa div#lineup p.name {
    line-height: 1;
    margin: 10px 0;
}

div#uchiwa div#lineup p.name span {
    font-size: 5vw;
    font-weight: bold;
    color: #000;
}

div#uchiwa div#lineup p.name span::before {
    font-family: FontAwesome;
    content: "\f0da";
    color: #333;
    font-weight: normal;
    padding: 0 3px 0 5px;
}

div#uchiwa div#lineup p.orderBtn {
    padding: 7px 0;
    border: 1px solid #0083f9;
    background: #0083f9;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    display: block;
    width: 55%;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    margin-top: 15px;
}

div#uchiwa div#lineup p.orderBtn:hover {}

div#uchiwa div#lineup p.orderBtn::after {
    font-family: FontAwesome;
    content: "\f0da";
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: 25%;
    right: 10px;
}

div#uchiwa div#lineup a.item_link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    z-index: 1;
}

div#uchiwa div#lineup a.item_link:hover {
    background: #fff;
    opacity: 0.5;
}


div#uchiwa div#lineup a.tmpleDl {
    font-size: 0.9em;
    padding: 7px 0 7px 14px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    color: #0083f9;
    margin-bottom: 10px;
}


div#uchiwa div#lineup a.tmpleDl::before {
    font-family: FontAwesome;
    content: "\f019";
    color: #0083f9;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 20%;
    left: 10%;
}

div#uchiwa div#contactBox {
    clear: both;
    background: #ffffee;
    text-align: center;
    padding: 20px;
    margin: 0 0 20px 0;
}

div#uchiwa div#contactBox p {
    font-weight: bold;
    line-height: 1.4;
}


div#uchiwa div#kisei {
    padding: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin-bottom: 30px;
}


div#uchiwa div#kisei ul {
    overflow: hidden;
    display: block;
}

div#uchiwa div#kisei ul li {
    text-align: center;
    margin-bottom: 5px;
}

div#uchiwa div#kisei ul li:first-child img {
    margin: 0 0 5px 0;
}

div#uchiwa div#howtoOrder {
    background: #ffffee;
    padding: 15px 15px 62% 15px;
    position: relative;
    clear: both;
    margin: 20px 0;
    line-height: 1.5;
}

div#uchiwa div#howtoOrder br {
    display: none;
}

div#uchiwa div#howtoOrder p.img {
    position: absolute;
    bottom: 0;
    right: 17%;
    width: 60%;
}

div#uchiwa div#howtoOrder p.img img {
    max-width: 100%;
}

div#uchiwa div#howtoOrder span.ttl {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    display: block;
    font-weight: bold;
}

div#uchiwa div#contactBox p.attentionBox {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #ff0000;
    background: #fff;
    border: 1px solid #ff0000;
    padding: 8px;
    width: 98%;
    margin: 0 auto;
}

/* ----- 珪藻土グッズ組み直し -----*/


div#explainKeisoudo div.bg {
    background: url(../img/keisoudo/greenbk.jpg)repeat-y 0 0;
    padding: 4px;
    box-sizing: border-box;
    width: 100%;
}

div#explainKeisoudo div.bg div.box {
    background: #fefcf8;
    border: 2px solid #ddd6bd;
    width: 100%;
    box-sizing: border-box;
    position: relative;

}

div#explainKeisoudo div.bg div.box p.product_name {
    margin: 20px auto 0;
    width: 65%;
    height: auto;
    text-align: center;
}

div#explainKeisoudo div.bg div.box p.product_name + p {
    margin: 10px auto;
    width: 90%;
    text-align: center;
    font-size: 11px;
}

div#explainKeisoudo div.bg div.box p.top_image {
    width: 40%;
    margin: 0 auto;
}

div#explainKeisoudo div.bg div.box#coaster_detail dl {
    width: 95%;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


div#explainKeisoudo div.bg div.box#coaster_detail dl dt {
    display: none;
}

div#explainKeisoudo div.bg div.box#coaster_detail dl dd {
    width: 100%;
    background: url(../img/keisoudo/coater_color.png) no-repeat center top;
    background-size: contain;
    float: none;
    margin-bottom: 15px;
    height: 160px;
    font-size: 10px;
    line-height: 1.5;
    display: block;
    box-sizing: border-box;
    padding: 110px 0 0 10px;
    border-left: 0;
}

div#explainKeisoudo div.orderBox {
    background: #fff;
    width: 100%;
    padding: 20px 5px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 50px;
    position: relative;
}

div#explainKeisoudo div.orderBox > p:first-child {
    width: 90%;
    margin: 0 auto;
    font-size: 11px;
}

div#explainKeisoudo div.orderBox::before {
    content: url(../img/keisoudo/frame.png);
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -137px;
}

div#explainKeisoudo div.orderBox ul {
    margin: 20px auto;
    width: 100%;
}

div#explainKeisoudo div.orderBox ul li {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}


div#explainKeisoudo div.bg div.box#bathmat_detail dl {
    width: 47%;
    vertical-align: top;
    margin: 0;
}

div#explainKeisoudo div.bg div.box#bathmat_detail dl dt {
    display: inline-block;
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
    border-right: 0;
    text-align: center;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#mat_use {
    background: #fff;
    padding: 7px;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    float: none;
    box-sizing: border-box;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

div#explainKeisoudo div.bg div.box#bathmat_detail dl dd {
    float: none;
    margin: 10px 0 0 0;
    padding-left: px;
    vertical-align: top;
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 1.5;
    border-left: 0;
}

div#explainKeisoudo div.bg div.box#bathmat_detail dl dt p {
    background: #8C8A66;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    width: 100%;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color {
    margin: 10px auto;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    width: 95%;
    font-size: 12px;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    text-align: center;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color p.package_copy {
    font-size: 12px;
    line-height: 2;
    padding-left: 110px;
    margin-top: 10px;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color p.package_copy span {
    color: #333;
    border-bottom: solid 1px #ccc;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color p.package_copy + p.small {
    padding-left: 110px;
    font-size: 10px;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color p.package {
    position: absolute;
    left: -10px;
    bottom: -15px;
}


div#explainKeisoudo #naireBox p.title {
    text-align: center;
    margin: 20px auto 10px;
    position: relative;
}

div#explainKeisoudo #naireBox p.title a.naire_link {
    display: block;
    margin: 10px auto;
    text-align: center;
}



div#explainKeisoudo ul.product_list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


div#explainKeisoudo div.orderBox ul.product_list li {
    width: 33%;
    display: block;
}

div#explainKeisoudo div.orderBox#top {
    margin-top: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

div#explainKeisoudo #giftwrappingBox {
    border: 3px solid #cdc1aa;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    width: 96%;
    margin: 50px auto 10px;
    text-align: center;
}

div#explainKeisoudo #giftwrappingBox p.ttl {}

div#explainKeisoudo #giftwrappingBox p.ttl + p {
    margin: 10px 0 20px;
    font-size: 11px;
}

div#explainKeisoudo #giftwrappingBox ul {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#explainKeisoudo #giftwrappingBox ul li {
    width: 100%;
    position: relative;
}


div#explainKeisoudo #giftwrappingBox ul li div.optionBox {
    background: #f7f1ea;
    padding: 15px 10px 10px 10px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 12px;
    border: 1px solid #e3dcd0;
    margin: 0 0 10px 0;
    height: auto;
    overflow: hidden;
}


div#explainKeisoudo #giftwrappingBox ul li div.optionBox span.price {
    display: block;
    text-align: center;
    color: #c70036;
    font-weight: bold
}


div#explainKeisoudo #giftwrappingBox ul li div.optionBox span.price span.small {
    fon-size: 9px;
    font-weight: normal;
}

div#explainKeisoudo #giftwrappingBox ul li div.optionBox p {
    font-size: 11px;
    margin: 10px 0 0 0;
    text-align: left;
    font-weight: normal;
}

div#explainKeisoudo #giftwrappingBox ul li div.optionBox p.comingsoon {
    text-align: center;
    font-size: 1.1em;
}


div#explainKeisoudo #giftwrappingBox ul li:first-child img {
    margin: 10px 0 18px 0
}


div#explainKeisoudo #giftwrappingBox ul li:nth-child(2) img {
    margin: 5px 10px 0 0;
}

div#explainKeisoudo #giftwrappingBox ul li:nth-child(2) img.arrow {
    display: none;
}

div#explainKeisoudo #giftwrappingBox ul li img.arrow2 {
    position: absolute;
    bottom: 64px;
    left: 43%;
}


/* ----- レインコートボール -----*/

div#raincoatball #inside h3 {
    margin-bottom: 10px;
}


div#raincoatball #inside p {
    margin: 10px 0;
}


div#raincoatball #rainfree {
    background: url(../img/raincoatball/freesize_bg.jpg) no-repeat 0 0;
    width: 740px;
    height: 444px;
    display: none;
}

div#raincoatball #rainfree_sp {
    background: url(../img/raincoatball/freesize_sp.jpg) no-repeat 0 0;
    text-indent: -9999px;
    width: 100%;
    height: 785px;
}

div#raincoatball #rainfree h4 {
    padding: 70px 0 0 25px;
    font-size: 125%;
}

div#raincoatball #rainfree p {
    padding: 315px 0 0 25px;
    font-size: 95%;
    font-weight: bold;
}

div#raincoatball #rainorderBox {
    background: #ffec00;
    width: 90%;
    margin: 20px;
}

div#raincoatball #rainorderBox dl.order {
    padding: 10px 0 0 15px;
    width: 90%;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: nowrap;
    justify-content: nowrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#raincoatball #rainorderBox dl.rainup {
    padding: 10px 0 0 15px;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


div#raincoatball #rainorderBox dl.rainup dd {
    margin-bottom: 10px;
}

div#raincoatball #rainorderBox dl dt {
    color: #036eb8;
    font-size: 200%;
    font-weight: bold;
}

div#raincoatball #rainorderBox dl dd {
    font-weight: bold;
}

div#raincoatball #rainorderBox dl dd span {
    font-size: 130%;
}



/* ----- レール式クリアホルダー -----*/

div#rail_clearholder section {
    margin-bottom: 30px;
}

div#rail_clearholder {
    margin-bottom: 40px;
}



div#rail_clearholder h2 {
    font-weight: bold;
    line-height: 1.5;
    font-family: "Noto Sans Japanese";
    text-align: center;
    padding: 20% 0 30px 0;
    background-image:
        url(../img/rail_clearholder/frame1.png),
        url(../img/rail_clearholder/frame2.png);
    background-position:
        left top,
        left bottom;
    background-repeat:
        no-repeat,
        no-repeat;
    background-size:
        contain, contain;
    margin: 20px 0;
}

div#rail_clearholder h2 span.main {
    font-size: 1.5em;
    color: #06bab4;
    display: block;
}

div#rail_clearholder h2 span.sub {
    font-size: 3vw;
    display: inline-block;
    background: #fff000;
    padding: 0 8px 3px 8px;
}

div#rail_clearholder div#fullcolor_feature {}

div#rail_clearholder div#fullcolor_feature p:first-child {
    width: 90%;
    margin: 0 auto 15px auto;
    text-align: center;
}

div#rail_clearholder div#fullcolor_feature dl {
    width: 90%;
    margin: 0 auto 15px auto;
    text-align: center;
}

div#rail_clearholder div#fullcolor_feature dl dt {
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    margin-bottom: 10px;
}

div#rail_clearholder div#fullcolor_feature dl dt span {
    color: #2cb7b3;
    font-size: 1.8em;
}

div#rail_clearholder div#fullcolor_feature dl dd {
    padding: 10px 0 0 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

div#rail_clearholder div#fullcolor_feature dl ol li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 1.5em;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
}

div#rail_clearholder div#fullcolor_feature dl ol li br {
    display: none;
}

div#rail_clearholder div#fullcolor_feature dl ol li span {
    color: #4ebcb4;
    font-weight: bold;
    font-size: 1.2em;
}

body {
    counter-reset: count-number;
}

div#rail_clearholder div#fullcolor_feature dl ol li::before {
    counter-increment: count-number;
    content: counters(count-number, ".") " ";
    margin-right: 1em;
    background: #2cb7b3;
    color: #ffffff;
    border-radius: 2px;
    text-align: center;
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    left: 0em;
    top: 2px;
    line-height: 1.4;
    font-weight: bold;
}


div#rail_clearholder section:nth-of-type(1) {
    background: #e1f3f1;
    padding-top: 10px;
    text-align: center;
}


div#rail_clearholder section:nth-of-type(1) p:last-child {
    margin: 15px 0 15px 0;
    padding: 15px 0 25px 0;
    border-top: 2px dotted #333;
}

div#rail_clearholder section:nth-of-type(1) p.desc {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    width: 37%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
    margin: 5px 0 0 0;
    position: relative;
}

div#rail_clearholder section:nth-of-type(1) p.desc::before {
    content: '';
    position: absolute;
    border-top: 12px solid #2cb7b3;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: 3px;
    ;
    left: 0;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

div#rail_clearholder section:nth-of-type(1) p.desc:nth-child(4) {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

div#rail_clearholder section:nth-of-type(1) p.desc:last-child span {
    color: #e1f3f1;
    font-size: 1.5em;
}

div#rail_clearholder dl.step {
    background: #06bab4;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 15px;
    box-sizing: border-box;
    margin: 20px 0 40px 0;
    position: relative;
}


div#rail_clearholder dl.step dd p {
    text-align: center;
}

div#rail_clearholder dl.step dd p span {
    display: block;
    padding: 13px 0 10px;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    margin: 5px 0 25px 0;
    line-height: 1.3;
}

div#rail_clearholder dl.step:nth-of-type(1) dd p {
    background: #fff;
    padding: 5px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #06bab4;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin: 20px auto 0;
}

div#rail_clearholder dl.step dd ul {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

div#rail_clearholder dl.step dd ul:nth-of-type(1) {
    margin: 10px 30px 0 20px;
}

div#rail_clearholder dl.step dd ul li {
    font-size: 14px;
    line-height: 1.3;
    color: #fff000;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    width: 60%;
    float: left;
}

div#rail_clearholder dl.step dd ul li:nth-child(even) {
    width: 38%;
}

div#rail_clearholder dl.step dd ul li::before {
    content: "●";
    color: #fff;
    position: absolute;
    left: -1em;
    top: 0;
}



div#rail_clearholder div.order_link {
    box-sizing: border-box;
    padding: 3px 10px;
    border: 2px solid #00aca0;
}

div#rail_clearholder p.order_link_lead {
    font-size: 1.3em;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
}

div#rail_clearholder div.order_link dl {
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #fff;
}

div#rail_clearholder div.order_link dt {
    width: 30%;
}

div#rail_clearholder div.order_link dt img {
    max-width: 100%;
}

div#rail_clearholder div.order_link dd {
    width: 65%;
    font-size: 13px;
}

div#rail_clearholder div.order_link p.name {
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0;
    color: #00aca0;
}

div#rail_clearholder div.order_link p.detail {
    line-height: 1.8em;
}

div#rail_clearholder a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}

div#rail_clearholder div.order_link p.orderBtn {
    text-align: center;
    margin: 20px 0 0 0;
}

div#freepage1 div#rail_clearholder span.list_price {
    font-size: 1.4em;
}



/* ----- 粗品タオル -----*/

div#towel div.orderflow {
    background: url(../img/towel/3step_bg.jpg)#f2d4d2 no-repeat 0 0;
    padding: 20px 0 0px;
    text-align: center;
}

div#towel div.orderflow p.easy3step {
    font-size: 1.1em;
    line-height: 1.3;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    width: 90%;
    margin: 0 auto;

}

div#towel div.orderflow p.easy3step br {
    display: none;
}

div#towel div.orderflow p.easy3step span {
    font-size: 1.3em;
    color: #941f2c;
    font-weight: bold;
}

div#towel div.orderflow ol {
    margin: 20px 0;
    padding-left: 10px;
}

div#towel div.orderflow ol li {
    width: 85%;
    margin: 0 auto 20px auto;
    position: relative;
    font-size: 5.5vw;
    line-height: 1.4;
    color: #941f2c;
    padding: 8px 0 10px 60px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;

}

div#towel div.orderflow ol li br {
    display: none;
}

div#towel div.orderflow ol li:not(:nth-of-type(3))::after {
    font-family: FontAwesome;
    content: "\f0dd";
    color: #fff;
    font-size: 30px;
    position: absolute;
    bottom: -45%;
    left: 50%;
}

div#towel div.orderflow ol li:nth-of-type(1) {
    background: url(../img/towel/step_1.png) no-repeat 0 0;
    background-size: contain;
}

div#towel div.orderflow ol li:nth-of-type(2) {
    background: url(../img/towel/step_2.png) no-repeat 0 0;
    background-size: contain;
}

div#towel div.orderflow ol li:nth-of-type(3) {
    background: url(../img/towel/step_3.png) no-repeat 0 0;
    background-size: contain;
}

div#towel ul.page_link {
    width: 97%;
    margin: 10px auto;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#towel ul.page_link li {
    width: 48%;
    margin-bottom: 10px;
}

div#towel dl.price_list {
    overflow: hidden;
    display: block;
    margin: 20px 0;
}

div#towel dl.price_list dt {
    margin-bottom: 7px;
    display: block;
}

div#towel dl.price_list dd {
    margin-bottom: 7px;
    text-align: center;
}

div#towel dl.price_list img {
    max-width: 100%;
}

div#towel div#muji {
    background: url(../img/towel/purple_bg.jpg) no-repeat 0 0;
    padding: 10px 0 0;
    height: auto;
    clear: both;
    text-align: center;
    margin: 40px 0 10px;
}

div#towel p.head {
    padding: 10px 5px;
    text-align: center;
    line-height: 1.2;
    background: #ef445c;
    font-size: 16px;
    color: #fff;
}

div#towel p.head span.small {
    font-size: 75%;
}

div#towel div.pink_bg {
    background: #fee1dd;
    padding: 15px;
    margin-bottom: 20px;
}

div#towel div.pink_bg ul.caution {
    padding: 0 15px 0 30px;
    text-indent: -1em;
    font-size: 13px;
}

div#towel div.pink_bg ul.caution li {
    margin-bottom: 15px;
}

div#towel div.pink_bg p {
    font-size: 13px;
    margin-bottom: 5px;
}

div#towel div.pink_bg p img {
    margin: 10px 0 20px 0;
}

div#towel p span.ttl {
    text-align: center;
    font-size: 20px;
    position: relative;
    line-height: 1.6;
    margin-bottom: 10px;
}


div#towel p span.ttl::before {
    content: '●';
    display: block;
    color: #ef445c;
    position: absolute;
    top: -5px;
    left: -1em;
}

div#towel p span.ttl::after {
    content: '●';
    display: block;
    color: #ef445c;
    position: absolute;
    top: -5px;
    right: -1em;
}

div#towel div.pink_bg p.line {
    padding-top: 20px;
    border-top: 3px solid #fff;
    width: 88%;
    margin: 0 auto;
}

div#towel div.link_area {
    background: #fff596;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 10px 10px 10px;
    text-align: center;
}


div#towel div#kinds {
    clear: both;
}

div#towel p.desc {
    text-align: center;
    font-size: 16px;
}

div#towel p.ttl {
    font-size: 1.2em;
    margin: 5px 0;
    text-align: center;
}

div#towel p.ttl span {
    color: #ef445c;
}

div#towel p.desc + p.cnt {
    border-bottom: 1px solid #ef445c;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

div#towel ul.color_list {
    margin: 0 auto;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

div#towel ul.color_list li {
    width: 48%;
    margin: 0 0 20px
}

div#towel ul.compareBox {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 95%;
    margin: 10px auto;
}

div#towel ul.compareBox li {
    width: 48%;
    font-size: 12px;
}

div#towel ul.compareBox li img {
    margin: 5px 0;
}


/* ----- 販促マスク -----*/

#contents #mask_box #mask_choice {
    display: none;
}


#contents #mask_box #mask_choice_sp {
    margin: 20px auto;
    text-align: center;
}

#contents #mask_box #mask_choice_sp .mask_ryo_sp {
    margin: 20px 0;
    clear: both;
}


#contents #mask_box h3 {
    width: 730px;
    height: 28px;
    margin: 20px 0px 5px;
    padding: 4px 0px 0px 17px;
    font-size: 15px;
    border: medium none !important;
    background: url("../img/mask/h3_title_bg.jpg") no-repeat scroll 0px 0px transparent;
    clear: both;
}



#contents #mask_box #mask_choice div {
    position: relative;
}

#contents #mask_box #mask_choice div a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#contents #mask_box #mask_choice div a:hover {
    background-color: #FFF;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#contents #mask_box #mask_choice div.mask_kata {
    float: left;
    width: 340px;
    height: 433px;
}

#contents #mask_box #mask_choice div.mask_ryo {
    float: right;
    width: 340px;
    height: 433px;
}

#contents #mask_box #mask_choice div p.mask_txt {
    padding: 385px 0 10px 0;
    font-weight: bold;
    float: left;
}

#contents #mask_box #mask_choice div p.p_detail {
    padding: 400px 10px 10px 0;
    float: right;
}

#contents #mask_box #mask_spec {
    width: 90%;
    height: auto;
    margin: 25px auto 0 auto;
    border-bottom: 1px dptted #333;
}


#contents #mask_box #mask_spec ol {
    font-size: 12px;
    list-style-type: decimal;
}

#contents #mask_box #mask_print {
    margin: 25px 0 20px 10px;
}

#contents #mask_box #mask_print p {
    float: left;
    box-sizing: border-box;
    padding-right: 5px;
    width: 35%;
}

#contents #mask_box #mask_print dl {
    float: left;
    width: 62%;
    font-size: 12px;
    box-sizing: border-box;
    padding-right: 5px;
}

#contents #mask_box #mask_print dl dt {}

#contents #mask_box #mask_print dl dd {
    margin-bottom: 5px;
    line-height: 1.4;
}


div#hansoku_mask div#top {
    background: url("../img/mask/sp_mask_main.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding: 33% 5px 5px 5px;
    height: auto;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
}

div#hansoku_mask div#top p br {
    display: none;
}

div#hansoku_mask div.lineup {
    margin: 30px 0;
}

div#hansoku_mask div.lineup a {
    color: #000;
}

div#hansoku_mask div.lineup a:hover {
    text-decoration: none;
}

div#hansoku_mask div.lineup div.katamen {
    background: #cef4fc;
    width: 85%;
    border-radius: 0 0 6px 6px;
    margin: 10px auto 30px;
    padding-bottom: 5px;
}

div#hansoku_mask div.lineup div.ryoumen {
    background: #e7f8cc;
    width: 85%;
    border-radius: 0 0 6px 6px;
    margin: 10px auto 30px;
    padding-bottom: 5px;
}

div#hansoku_mask div.lineup div.semiryoumen {
    background: #f8f5b3;
    width: 85%;
    border-radius: 0 0 6px 6px;
    margin: 10px auto 30px;
    padding-bottom: 5px;
}

div#hansoku_mask div.lineup div.type {
    text-align: center;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    max-width: 100%;
    width: 100%;
    color: #555;
    font-size: 16px;
    background: #fff;
    height: 35px;
    margin-bottom: 20px;
}

div#hansoku_mask div.lineup div.type:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
}

div#hansoku_mask div.lineup div.katamen div.type {
    background: #67c5de;
}

div#hansoku_mask div.lineup div.katamen div.type:before {
    border-top: 15px solid #67c5de;
}

div#hansoku_mask div.lineup div.ryoumen div.type {
    background: #8bde19;
}

div#hansoku_mask div.lineup div.ryoumen div.type:before {
    border-top: 15px solid #8bde19;
}

div#hansoku_mask div.lineup div.semiryoumen div.type {
    background: #fbde45;
}

div#hansoku_mask div.lineup div.semiryoumen div.type:before {
    border-top: 15px solid #fbde45;
}

div#hansoku_mask div.lineup div.type > p {
    margin: -10px;
}

div#hansoku_mask div.lineup p.ttl {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Sans JP';
    font-weight: 700;
    line-height: 1.2;
    box-sizing: border-box;
}

div#hansoku_mask div.lineup div.katamen p.ttl,
div#hansoku_mask div.lineup div.ryoumen p.ttl {
    padding-top: 10px;
}

div#hansoku_mask div.lineup p.ttl span.mini {
    font-size: 13px;
    font-weight: normal;
}

div#hansoku_mask div.lineup p.detail {
    width: 220px;
    height: 235px;
    box-sizing: border-box;
    padding: 170px 0 0 0;
    margin: 20px auto 10px;
    font-size: 13px;
}

div#hansoku_mask div.lineup div.katamen p.detail {
    background: url("../img/mask/katamen.png") no-repeat 0 0;
}

div#hansoku_mask div.lineup div.ryoumen p.detail {
    background: url("../img/mask/ryoumen.png") no-repeat 0 0;
}

div#hansoku_mask div.lineup div.semiryoumen p.detail {
    background: url("../img/mask/semiryoumen.png") no-repeat 0 0;
}

div#hansoku_mask div.lineup p.btn {
    border: 1px solid #000;
    color: #000;
    background: #fff;
    padding: 5px 0;
    text-align: center;
    display: block;
    width: 92%;
    margin: 0 auto 5px;
    position: relative;
}

div#hansoku_mask div.lineup p.btn:after {
    display: block;
    content: "";
    position: absolute;
    top: 48%;
    right: 10px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 8px solid #000;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div#hansoku_mask div.lineup div.katamen p.btn {
    border: 1px solid #0668a9;
    color: #0668a9;
}

div#hansoku_mask div.lineup div.katamen p.btn:after {
    border-top: 8px solid #0668a9;
}

div#hansoku_mask div.lineup div.ryoumen p.btn {
    border: 1px solid #00a842;
    color: #00a842;
}

div#hansoku_mask div.lineup div.ryoumen p.btn:after {
    border-top: 8px solid #00a842;
}

div#hansoku_mask div.lineup div.semiryoumen p.btn {
    border: 1px solid #ff5806;
    color: #ff5806;
}

div#hansoku_mask div.lineup div.semiryoumen p.btn:after {
    border-top: 8px solid #ff5806;
}




/* ----- くるみメモ・ふせん -----*/

div#kurumi_memo_fusen section {
    width: 95%;
    margin: 10px auto;
}

div#kurumi_memo_fusen section p.ttl {
    margin: 20px 0 10px 0;
    text-align: center;
}

div#kurumi_memo_fusen section p.ttl + p {
    text-align: center;
    line-height: 1.5;
}

div#kurumi_memo_fusen section#introduce p.desc {
    margin: 20px auto;
    width: 80%;
}

div#kurumi_memo_fusen section#introduce p.desc img {
    margin-bottom: 10px;
}

div#kurumi_memo_fusen section#lineup ul.lineup {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 10px 0 0 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#kurumi_memo_fusen section#lineup ul.lineup li {
    width: 48%;
    box-sizing: border-box;
}

div#kurumi_memo_fusen section#lineup ul.lineup li p.name {
    text-align: center;
    border: 1px solid #000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px 0 5px;
    margin: 0 0 10px 0;
}

div#kurumi_memo_fusen section#lineup ul.lineup li p:last-child {
    font-size: 11px;
    margin: 5px 0;
    padding: 0 8px;
}

div#kurumi_memo_fusen section#fullcolor {
    text-align: center;
    background: url(../img/kurumimemo/kurumiBg.png);
    padding: 15px;
}

div#kurumi_memo_fusen section#fullcolor span.notes {
    font-size: 18px;
    border-bottom: 1px solid #000;
}

div#kurumi_memo_fusen section#fullcolor span.txtPink {
    color: #e44d9b;
    font-weight: bold;
}

div#kurumi_memo_fusen p.exBox {
    padding: 5px 15px 15px 15px;
    background: #fff;
    margin: 10px auto;
    box-sizing: border-box;
}

div#kurumi_memo_fusen ul.btn_area {
    margin: 20px 0 10px;
}

div#kurumi_memo_fusen ul.btn_area li {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}

div#kurumi_memo_fusen ul.btn_area li img {
    margin: 5px 0 0 0;
}

/* ----- 181010珪藻土グッズ改修 -----*/


div#explainKeisoudo div.listBox {
    margin: 20px auto;
}

div#explainKeisoudo div.listBox > p {
    text-align: center;
}

div#explainKeisoudo div.listBox ul {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 0 0;
}

div#explainKeisoudo div.listBox ul li {
    box-sizing: border-box;
    width: 33%;
    padding: 0px 5px;
    position: relative;
    text-align: center;
    line-height: 1.6;
    font-size: 13px;
    font-weight: bold;
    border-right: 1px dotted #b3b3b3;
    margin-bottom: 10px;
}

div#explainKeisoudo div.listBox ul li::before {
    content: "";
    display: block;
    width: 30%;
    order: 1;
}

div#explainKeisoudo div.listBox ul li::after {
    content: "";
    display: block;
    width: 30%;
}

div#explainKeisoudo div.listBox p.name {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.4em;
    font-size: 11px;
    line-height: 1.34;
}

div#explainKeisoudo div.listBox p.name br {
    display: none;
}

div#explainKeisoudo div.listBox.cate {
    border: 0;
    margin: 0 auto 40px auto;
    width: 98%;
}

div#explainKeisoudo div.listBox.cate > p img {
    width: 60%;
    height: auto;
}


div#explainKeisoudo div.listBox.cate ul li {
    box-sizing: border-box;
    width: 31%;
    padding: 4px;
    border: 0;
    box-shadow: 0 0 3px #ccc;
    background: #fff;
    margin: 0 auto;
    position: relative;
}


div#explainKeisoudo div.listBox ul li img.icon_new {
    position: absolute;
    left: 0;
    top: 2.2em;
    right: 0;
    margin: auto;
    width: 40px;
}

div#explainKeisoudo div.listBox ul li img.icon_osusume {
    position: absolute;
    left: 0;
    top: 2em;
    right: 0;
    margin: auto;
    width: 40px;
}

div#explainKeisoudo div.listBox.cate ul li img.icon {
    position: absolute;
    left: 5px;
    top: 5px;
    right: auto;
    bottom: auto
}

div#explainKeisoudo div.listBox ul li:last-child {
    border-right: 0;
}

div#explainKeisoudo div.listBox ul li p.img {
    text-align: center;
    height: 90px;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    margin: 15px 0;
}

div#explainKeisoudo div.listBox ul li p.img img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

div#explainKeisoudo div.listBox ul li a.detail {
    border: 1px solid #dcdcdc;
    padding: 6px 0 3px;
    display: block;
    background: #fff;
    font-weight: bold;
    margin: 5px 0 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 11px;
    text-align: center;
}

div#explainKeisoudo div.listBox ul li a.detail:hover {
    text-decoration: none;
    background: #ececec;
}

div#explainKeisoudo div.listBox ul li a.detail::after {
    content: '';
    width: 7px;
    height: 9px;
    display: inline-block;
    background: url(../img/keisoudo/arrow_right.png) no-repeat;
    top: 0;
    margin: 2px -13px 0 8px;

}

div#explainKeisoudo div.listBox ul li a.orderBtn {
    padding: 5px 0;
    display: block;
    border: 1px solid #dcdcdc;
    background: #f2f2f2;
    font-weight: bold;
    margin: 5px 0 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 11px;
}

div#explainKeisoudo div.listBox ul li a.orderBtn:hover {
    text-decoration: none;
    background: #666;
    color: #fff;
}

div#explainKeisoudo div.about {
    border-top: #c2c2c2 solid 1px;
    padding: 20px 0 ;
}

div#explainKeisoudo div.about .floatleft img {
    width: 80%;
    height: auto;
}

div#explainKeisoudo div#coasterwhite {
    width: 97%;
    margin: 20px auto 30px auto;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 25px 15px 45% 15px;
    background: url(../img/keisoudo/sp_coaster_white_top_img.jpg)#fff no-repeat left 50% bottom 10px;
    background-size: 55% auto;
}

div#explainKeisoudo div#coasterwhite p:first-child {
    margin: 0 0 15px 0;
}

div#explainKeisoudo div#coasterwhite p.notice {
    width: 100%;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 15px;
}

div#explainKeisoudo div#coasterwhite p.notice span.caution {
    display: block;
    margin-top: 5px;
}

div#explainKeisoudo span.yellowline {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffff66 60%);
    color: #000;
}

div#explainKeisoudo span.yellowline span.txtRed {
    color: #ff0000;
}

div#explainKeisoudo div#naire_table .scroll {
    overflow: auto;
    white-space: nowrap;
}

div#explainKeisoudo div#naire .scroll::-webkit-scrollbar {
    height: 5px;
}

div#explainKeisoudo div#naire .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

div#explainKeisoudo div#naire .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}


div#explainKeisoudo div#naire_table {
    background: url(../img/keisoudo/flower_bg.jpg)#fefce3 no-repeat 0 0;
    background-size: contain;
    box-sizing: border-box;
    padding: 15px 0 10px;
    margin: 0 0 20px 0;
    position: relative;
}

div#explainKeisoudo div#naire_table > p:first-child img {
    width: 50%;
    height: auto;
}



div#explainKeisoudo div#naire_table table {
    margin: 0 auto;
    width: 100%;
}

div#explainKeisoudo div#naire_table table thead th:not(:first-child) {
    width: 180px;
    height: 74px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 1.3;
    border-bottom: 1px solid #ccc;
}

div#explainKeisoudo div#naire_table table thead th span.nouki {
    font-size: 10px;
    color: #333;
    font-weight: normal
}

div#explainKeisoudo div#naire_table table thead th#fullcolor {
    background: url(../img/keisoudo/naire_table_fullcolor_img.png)#fff no-repeat top right;
}

div#explainKeisoudo div#naire_table table thead th#laser {
    background: url(../img/keisoudo/naire_table_laser_img.png)#fff no-repeat top right;
}

div#explainKeisoudo div#naire_table table tbody th {
    background: #faf5a6;
    padding: 0 15px;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
}

div#explainKeisoudo div#naire_table table tbody td {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
}

div#explainKeisoudo div#naire_table table tbody tr:last-child td {
    border-bottom: 0;
}

div#explainKeisoudo div#naire_table table tbody td:nth-child(odd) {
    border-left: 1px solid #ccc;
}

div#explainKeisoudo div#naire_table dl {
    width: 200px;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 5px 0;
}

div#explainKeisoudo div#naire_table dl dt {
    width: 40%;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    height: auto;
    text-align: center;
    margin: 0;
    display: flex;
    justify-content: center;
    /*左右中央揃え*/
    align-items: center;
    /*上下中央揃え*/
}


div#explainKeisoudo div#naire_table dl dd {
    width: 60%;
    height: auto;
    margin: 0;
    line-height: 1.5;
    font-size: 11px;
}

div#explainKeisoudo p.sample0yen {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #d30513;
    margin: 5px auto;
    line-height: 1;
    padding: 5px 0;
}

div#explainKeisoudo div#naire_table p.small {
    font-size: 11px;
    line-height: 1.3;
}



/* ----- オリジナルウェア -----*/

div#original_wear dl.itemList {
    margin: 20px auto 40px;
}

div#original_wear dl.itemList dt {
    font-size: 28px;
    border-top: 8px solid #0a6eb5;
    border-bottom: 8px solid #0a6eb5;
    text-align: center;
    margin-bottom: 5px;
    padding: 4px 0 8px 0;
    font-family: 'Noto Sans JP';
    font-weight: 700;
    line-height: 1;
}

div#original_wear dl.itemList.polo dt {
    border-top: 8px solid #3fabd3;
    border-bottom: 8px solid #3fabd3;
}

div#original_wear dl.itemList.outer dt {
    border-top: 8px solid #8bc127;
    border-bottom: 8px solid #8bc127;
}

div#original_wear dl.itemList.cap dt {
    border-top: 8px solid #fea610;
    border-bottom: 8px solid #fea610;
}

div#original_wear dl.itemList dd {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#original_wear dl.itemList dd a {
    width: 31%;
    color: #000;
}

div#original_wear p.desc {
    width: 90%;
    height: 5.5em;
    margin: 5px auto;
    font-size: 11px;
}

div#original_wear p.left {
    text-align: center;
}

div#original_wear h3.printArea {
    font-size: 3.5vw;
    color: #0a6eb5;
    border-top: 3px solid #0a6eb5;
    border-bottom: 3px solid #0a6eb5;
    text-align: center;
    margin: 20px 0 10px 0;
    padding: 4px 0 8px 0;
    font-family: 'Noto Sans JP';
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
}

div#original_wear h3.printArea span.name {
    color: #000;
    position: relative;
    margin-right: 20px;
}

div#original_wear h3.printArea span.name:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 8px solid #0a6eb5;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div#original_wear ul.printArea {
    font-size: 12px;
    color: #ff0000;
}

div#original_wear ul.printArea li img {
    max-width: 100%;
    margin: 5px 0;
}

div#original_wear div#colorBox,
div#original_wear div#sizeBox {
    margin: 0 0 20px;
    position: relative;
    font-size: 11px;
}

div#original_wear div#sizeBox p.icon,
div#original_wear div#colorBox p.icon {
    width: 20%;
    margin-bottom: 10px;
}

div#original_wear div#sizeBox.polo00331-ABP p.icon br,
div#original_wear div#colorBox.polo00331-ABP p.icon br,
div#original_wear div#sizeBox.polo00100-VP p.icon br,
div#original_wear div#colorBox.polo00100-VP p.icon br,
div#original_wear div#sizeBox.polo00141-NVP p.icon br,
div#original_wear div#colorBox.polo00141-NVP p.icon br {
    display: none;
}


.txtRight {
    text-align: right;
}

.txtRight.pink {
    color: #e95e99;
}

div#original_wear h4 {
    background: #0a6eb5;
    color: #fff;
    padding: 15px 0 18px;
    text-align: center;
    margin: 30px 0 5px 0;
    font-size: 3.5vw;
    font-family: 'Noto Sans JP';
    letter-spacing: 0.1em;
    font-weight: 700;
    line-height: 0;
    clear: both;
}

div#original_wear h4 span:before,
div#original_wear h4 span:after {
    content: "|";
    color: #fff;
    padding: 0 10px;
}

div#original_wear p.mitsumori_lead {
    color: #0a6eb5;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

div#original_wear p.mitsumori_lead + p {
    font-size: 11px;
}

div#original_wear ul.mitsumori_naiyou {
    padding: 10px;
    background: #def1fb;
    margin: 15px 0 5px;
}

div#original_wear ul.mitsumori_naiyou li {
    display: inline-block;
    margin-right: 15px;
}

div#original_wear ul.mitsumori_naiyou li:before {
    content: "●";
    color: #0a6eb5;
}

div#original_wear dl.icon_desc {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#original_wear dl.icon_desc.row3 dd:last-child::after {
    content: "";
    width: 50%;
    display: block;
}

div#original_wear dl.icon_desc dt {
    width: 9%;
    padding: 3px;
    box-sizing: border-box;
}

div#original_wear dl.icon_desc dt img {
    max-width: 100%;
}

div#original_wear dl.icon_desc dd {
    width: 38%;
    font-size: 11px;
    padding: 3px;
    box-sizing: border-box;
}

div#original_wear dl.icon_desc span.ttl {
    color: #0a6eb5;
    font-size: 13px;
    font-weight: bold;
}

div#original_wear p.sub_lead {
    border-bottom: 1px solid #0a6eb5;
    color: #0a6eb5;
    font-family: 'Noto Sans JP';
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}


div#original_wear ol.toSee_size {
    width: 90%;
    counter-reset: li;
    margin: 15px auto;
}

div#original_wear ol.toSee_size li {
    position: relative;
    font-size: 14px;
    padding-left: 1.7em;
    margin-bottom: 5px;
}

div#original_wear ol.toSee_size > li:before {
    counter-increment: li;
    content: counter(li);
    margin-right: 1em;
    background: #e61f19;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    left: 0em;
    top: 2px;
    line-height: 1.4;
}

div#original_wear dl.kiji_desc p.name {
    background: #0a6eb5;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    font-family: 'Noto Sans JP';
    font-weight: 700;
    line-height: 0;
    clear: both;
    margin-bottom: 8px;
}


div#original_wear dl.kiji_desc dt {
    padding: 5px 10px 0;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
}

div#original_wear dl.kiji_desc dd {
    padding: 5px 10px 0;
    box-sizing: border-box;
}

div#original_wear dl.kiji_desc dd p {
    vertical-align: top;
    width: 80%;
    margin: 10px auto 0 auto;
    text-align: center;
}

div#original_wear dl.kiji_desc dd p:nth-of-type(2) {
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    width: 100%;
}

div#original_wear dl.kiji_desc dd span.name {
    font-size: 1.1em;
    font-family: 'Noto Sans JP';
    color: #0a6eb5;
    font-weight: bold;
    display: block;
    text-align: center;
}

div#original_wear ul.row2 {
    width: 96%;
    margin: 0 auto 10px auto;
    font-size: 12px;
}

div#original_wear ul.row2 > li {
    margin-bottom: 10px;
}

div#original_wear ul.product_caution li {
    padding-left: 1em;
}

div#original_wear ul.product_caution li:before {
    content: "■";
    color: #0a6eb5;
    margin-left: -1em;
}

.mini {
    font-size: 90%;
}


/* ---------- マウスパッド特集にPU追加 ---------- */

div.mousepad_pu {
    background: url(../img/mousepad/sp_pu_bg.png) right bottom no-repeat;
    width: 100%;
    height: auto;
    padding: 15px 0 10px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    background-size: cover;
}

div.mousepad_pu p {
    width: 65%;
    margin-left: 10px;
}

div.mousepad_pu img {
    margin: 2px;
}


/* ---------- カタログギフト ---------- */

div#cataloggift p.desc {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: justify;
    line-height: 1.6;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: 0;
}

div#cataloggift p.desc_img {
    width: 90%;
    box-sizing: border-box;
    text-align: center;
    margin: 10px auto;
}

div#cataloggift div#system {
    margin: 20px auto;
    padding: 5px;
    text-align: center;
    background-image: url(../img/cataloggift/edgebg.jpg), url(../img/cataloggift/edgebg02.jpg);
    background-position: left top, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-color: #f6f2e6;
}

div#cataloggift .txtRight {
    text-align: center;
    font-size: 12px;
}

div#cataloggift div#system dl.system_cost {
    padding: 0 10px;
    background: #fff;
    margin: 50px auto 10px;
    box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 1);
    width: 95%
}

div#cataloggift div#system dl.system_cost dt {
    color: #c05a69;
    text-align: center;
    font-size: 24px;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: 0;
    padding: 0 0 10px 0;
}

div#cataloggift div#system dl.system_cost dd p {
    text-align: left;
    font-size: 14px;
    margin: 10px 0;
}

div#cataloggift span.attention {
    color: #c05a69;
}

div#cataloggift div#system dl.system_cost dd ul {
    padding: 8px 0 0 0;
    border-top: 1px solid #c05a69;
    border-bottom: 1px solid #c05a69;
}

div#cataloggift div#system dl.system_cost dd ul li {
    font-size: 15px;
    font-family: 'Noto Serif JP', sans-serif;
    margin-bottom: 5px;
    text-align: center;
}

div#cataloggift div#system dl.system_cost dd ul li::before,
div#cataloggift div#system dl.system_cost dd ul li::after,
div#cataloggift div#course ul li::before {
    content: "\025cf";
    color: #c05a69;
}

div#cataloggift div#course {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

div#cataloggift div#course a {
    color: #000;
    width: 48%;
}


div#cataloggift div#course a:hover,
div#cataloggift div#course a:hover img {
    opacity: 1;
    text-decoration: none;
}

div#cataloggift div#course a:hover div.box {
    background-color: #fcf0f6;
}

div#cataloggift div#course div.box {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    border: 1px solid #000;
    position: relative;
    margin-bottom: 10px;
}

div#cataloggift div#course p.price_course {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 15px;
    line-height: 1;
    font-family: 'Noto Serif', serif;
    margin: 0 0 5px 0;
}

div#cataloggift div#course p.price_course span.tax {
    width: 1em;
    font-size: 10px;
    float: left;
    display: block;
    vertical-align: top;
    line-height: 1;
    margin: 5px 5px 0 10px;
}

div#cataloggift div#course p.price_course span.price {
    font-size: 28px;
    color: #e3034d;
    font-weight: 700;
    padding-left: 4px;
}

div#cataloggift div#course ul {
    margin-bottom: 5px;
}


div#cataloggift div#course ul li {
    font-size: 12px;
    line-height: 1;
}

div#cataloggift div#course ul li span.number {
    font-size: 19px;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
}



ul.card_list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    margin: 20px 0;
}

ul.card_list li {
    margin-bottom: 20px;
    width: 48%;
}



/* ---------- 風船 ---------- */
#type391_cate {
    background: url("../img/balloon/sp_type391.jpg") no-repeat;
}

#itemPointBox {
    margin: 20px auto;
    /*display: flow-root;*/
    width: 95%;
}

.pbBase {
    margin: 8px 0;
}

.pbLeft {
    width: 55px;
    height: 80px;
    float: left;
}

.pbCenter {
    width: 100%;
    font-size: 14px;
    ;
    line-height: 1.6;
    text-align: justify;
}

.pbCenterwide {
    display: inline-block;
    padding: 12px 0;
}

.pbCenter h3,
.pbCenterwide h3 {
    font-size: 5.5vw;
    font-weight: bold;
    padding: 0 0 5px;
    vertical-align: top;
    line-height: 1;
    margin-bottom: 5px;
}

.pbCenter h3 span,
.pbCenterwide h3 span {
    font-weight: bold;
    font-size: 1.2;
    color: #E50011;
}

.pbRight {
    width: 90%;
    margin: 5px auto 20px auto;
    text-align: center;
    padding: 0;
}

.pbRight img {
    margin-right: 2%;
}

.pbCenter h3 span.small,
.pbCenterwide h3 span.small {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    vertical-align: top;
}

.pbCenter h3 span.small_red {
    font-size: 3vw;
    font-weight: bold;
    color: #E50011;
    line-height: 1.4;
}


div.category_2column {
    box-sizing: border-box;
    padding: 6px;
    width: 100%;
    border: solid 6px #ebebed;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

div.category_2column > div.img {
    text-align: center;
}

div.category_2column > div.text_area {
    text-align: justify;
    text-align: center;
}

div.category_2column > div.text_area p.product_name {
    font-size: 1.6em;
    color: #FF0000;
    font-weight: bold;
    line-height: 1.2;
    padding: 10px 0 3px;
}

div.category_2column > div.text_area p.product_copy {
    line-height: 1.5;
    padding: 5px 0;
    font-weight: bold;
}

div.category_2column > div.text_area p.product_copy + p {
    width: 97%;
}


div.category_2column > ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify;
    /*--- IE10 ---*/
    -webkit-justify-content: space-between;
    /*--- safari（PC）用 ---*/
    justify-content: space-between;
    clear: both;
    margin-top: 20px;
}

div.category_2column > ul li {
    box-sizing: border-box;
    border: solid 1px #ef8e9a;
    padding: 8px 8px 35px 8px;
    margin: 0 0 5px !important;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    position: relative;
    float: none;
}

div.category_2column > ul li:nth-last-child {
    margin: 0 0 0 0 !important;
}

div.category_2column > ul li div.img {
    width: 37%;
    float: left;
}

div.category_2column > ul li div.text_area {
    width: 60%;
    float: right;
}

div.category_2column > ul li p.product_name {
    font-size: 1.1em;
    color: #FF0000;
    font-weight: bold;
    line-height: 1.2;
    padding: 5px 0;
}

div.category_2column > ul li p.product_name + p {
    font-size: 12px;
    line-height: 1.5;
}

div.category_2column a.linkBtn_pink {
    padding: 9px 9px 0 9px !important;
    box-sizing: border-box;
    display: block;
    background: #ef8e9a;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 0 0 5px 5px !important;
    -moz-border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
    text-decoration: none;
    text-align: center;
    border: 0 !important;
    width: 100%;
    height: 30px !important;
    position: absolute !important;
    right: 0;
    bottom: 0;
}

#cateTop div {
    background-size: contain;
    padding-bottom: 5%;
}

div.sd_productList01 {
    border: solid 6px #ebebed;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 15px;
}

div.sd_productList01 .img {
    text-align: center;
}


div.sd_productList02 div.text_area {
    width: 90%;
    line-height: 1.5;
    text-align: justify;
    margin: 0 auto 20px auto;
}

div.sd_productList01 div.text_area p.product_name {
    font-size: 1.5em;
    line-height: 1em;
    color: #FF0000;
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
    text-align: center;
    margin: 20px 0 10px 0;
}


div.sd_productList01 div.text_area p.product_name span,
div.sd_productList02 div.text_area p.product_name span {
    font-size: 70%;
    letter-spacing: -0.05em;
}

div.sd_productList01 div.text_area p.product_copy,
div.sd_productList02 div.text_area p.product_copy {
    font-size: 1.1em;
    line-height: 1.5;
    padding: 5px 0;
    font-weight: bold;
    background: 0;
    text-align: center;
}

div.sd_productList01 div.text_area p,
div.sd_productList02 div.text_area p {
    font-size: 15px;
    line-height: 1.6;
}


a.linkBtn_red2 {
    width: 100%;
    height: 100%;
    margin-top: 15px;
    padding: 8px 10px;
    box-sizing: border-box;
    display: block;
    background: #FF0000;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    text-align: center;
}


#cateTop p {
    width: 94%;
    padding-top: 31%;
    margin: 0 auto;
    line-height: 1.6;
}


#cateTop p span,
#original p span {
    color: #E50011;
    font-size: 1em;
}


.product_list,
.leftguide,
#leftContents h3#guide {
    display: none;
}

h3.groupsite {
    background: #ececec;
    padding: 10px 0;
    text-align: center;
    margin: 0 0 10px
}

h3.groupsite + p {
    font-size: 11px;
    text-align: center;
    margin: 0 0 5px 0;
}

ul.link_bnr {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 98%;
    margin: 0 auto;
}

ul.link_bnr li {
    width: 48%;
    font-size: 11px;
    text-align: center;
    margin-bottom: 10px;
}

ul.link_bnr li a {
    font-size: 13px;
}


#footer .contact {
    width: 90%;
    background: #fff;
    margin: 20px auto;
    padding: 20px 10px;
    box-sizing: border-box;
}

#footer .contact p.ttl {
    font-size: 16px;
    text-align: center;
}

#footer .contact p.ttl span.eigyou {
    display: block;
    font-size: 11px;
    text-align: center;
    margin: 10px 0;
}

#footer .contact dl {
    width: 90%;
    margin: 5px auto;
}

#footer .contact dl dt {
    display: inline-block;
    vertical-align: top;
    background: #666;
    padding: 5px 10px;
    color: #fff;
    width: 4em;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 5px 0 0;
    text-align: center;
}

#footer .contact dl dd {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

#footer .contact dl dd .number {
    font-size: 26px;
    font-weight: bold;
}

#footer .contact a.mailform {
    border: 2px solid #ccc;
    color: #333;
    text-align: center;
    display: block;
    padding: 20px 0;
    margin: 10px 0;
}

#footer .contact a.mailform br {
    display: none;
}

#footer .contact a.mailform + p {
    font-size: 11px;
}


#footer .contact .invoice {
  background: #fff;
  padding: 15px;
  display: block;
  margin-top:5px;
}

#footer .contact .invoice p.bold_number {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  line-height: 2;
}

#footer .contact .invoice a,
#footer .contact .invoice a:link,
#footer .contact .invoice a:visited{
color:#666;
text-decoration:underline;
}


#headerH1,
#headBox .l,
#headBox .ticker,
#headBox .souryou_payment,
.sticky-wrapper {
    display: none;
}

#gnav .search {
    display: none;
}

a.byTerm {
    box-sizing: border-box;
    border-bottom: 3px solid #cd202a;
    background-color: #d9d9d9;
    line-height: 50px;
    height: 50px;
    font-size: 13px;
    color: #565656;
    display: block;
    text-align: center;
    font-weight: bold;
    width: 32%;
    float: left;
    transition: all 0.2s ease;
}

.tabs {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    width: 100%;
    margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
    width: 32%;
    height: 50px;
    border-bottom: 3px solid #cd202a;
    box-sizing: border-box;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 13px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    margin: 0 1px 0;
}

.tab_item:hover,
a.byTerm:hover {
    opacity: 0.75;
    text-decoration: none;
}

input[name="tab_item"] {
    display: none;
}

.tab_content {
    display: none;
    padding: 15px;
    clear: both;
    overflow: hidden;
    background: #f5f5f5;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #cd202a;
    color: #fff;
}

.search li.keyword {
    width: 390px;
    height: 58px;
    position: relative;
    margin: 0 auto;
}

li.keyword .sideSrchBtn {
    width: 50px;
    height: 40px;
    background: #57030d;
    cursor: pointer;
    display: inline-block;
    border: none;
    text-indent: -9999px;
    background-image: url(https://gift.just-shop.jp/img/common/kensaku_mark.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: center 50%;
    margin: 8px 0 0 0;
}

.sideIpt {
    width: 153px;
    height: 26px;
    font-size: 116%;
    margin-right: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: solid 1px #ccc;
}

.search input[type='text'] {
    font: 14px/24px sans-serif;
    box-sizing: border-box;
    padding: 0.3em;
    transition: 0.3s;
    letter-spacing: 1px;
    height: 40px;
    width: 320px;
    margin: 8px 0 0 0;
    border: 1px solid #9d202a;
    box-sizing: border-box;
}


.spNav .list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spNav .list a {
    width: 50%;
    font-size: 12px;
    color: #333;
    display: block;
    padding: 10px 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    background: #fff;
}

.spNav .list.byPrice a {
    padding: 10px 5px 10px 26px;
    position: relative;
}

.spNav .list.byPrice a:after,
ul.guidePage li:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.spNav .list a:nth-child(odd) {
    border-left: 1px solid #ececec;
}

.spNav .list a:nth-of-type(1),
.spNav .list a:nth-of-type(2) {
    border-top: 1px solid #ececec;
}

.spNav .list a span {
    padding: 3px 0 0 0;
}

.spNav .list a img.thumb {
    width: 30px;
    height: auto;
    float: left;
    margin: 0 8px 0 0
}

.spNav .list a div {
    display: flex;
    align-items: center;
}

dl#kensaku_cmb {
    background: #ebebed;
    padding: 15px;
}

dl#kensaku_cmb dt {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 8px 5px;
    font-size: 12px;
    line-height: 1.4;
}

.reset_btn {
    margin: 10px 0;
    text-align: right;
}

.page_total {
    margin: 10px 0;
}

ul.guidePage {
    overflow: hidden;
    height: auto;
    margin: 0 auto 20px;
}

ul.guidePage li {
    width: 50%;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border-collapse: collapse;
    border: 1px solid #ececec;
    font-size: 12px;
    height: 40px;
}

ul.guidePage li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 10px 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
}

div.shohin_info2 {
    color: #000;
    padding: 5px;
    font-size: 12px;
}


/* ----- 特集ページ ----- */

.featurePage h3 {
    padding: 8px 0;
    text-align: center;
    background: #37cbf6;
    color: #fff;
    margin: 30px 0 0;
    font-size: 24px;
}

.featurePage .lBox {
    padding-top: 10%;
    height: auto;
    position: relative;
    border: 1px solid #37cbf6;
    border-bottom: 0;
}

.featurePage a:hover .lBox {
    opacity: 0.8;
}

.featurePage .desc {
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    text-align: justify;
}

.featurePage .lBox#uchiwa {
    background-image: url(../img/featurepage/tokusyu_uchiwa_bg.jpg),
        url(../img/featurepage/kiseiuchiwa.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right top, left 10px top 10px;
    background-size: contain, auto;
}

.featurePage#handyfan .lBox::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: url(../img/featurepage/arrow_skyblue.png);
    background-size: contain;
}

.featurePage .lBox#fan {
    background: url(../img/featurepage/tokusyu_3wayportablefan_bg.jpg) no-repeat 0 0;
    background-size: contain;
}

.featurePage .lBox p.name {
    padding: 20px 15px;
    width: 45%;
    background-color: rgb(255, 255, 255, 0.8);
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
    margin-bottom: 25%;
}

.featurePage a {
    color: #1a1a1a;
}

.featurePage .lBox p.txt {
    line-height: 1.5;
    color: #000;
    margin: 15px 0;
    letter-spacing: 0;
}

.featurePage .lBox span.price {
    color: #ED1C24;
    font-size: 27px;
    font-weight: 700;
    font-family: "Noto Sans JP"
}

.featurePage .lBox#fan .desc {
    background-image: url(../img/featurepage/3wayportablefan_naire.png);
    background-position: right 10px bottom 50px;
    background-repeat: no-repeat;
}

.featurePage ul.row3,
.featurePage ul.row2 {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #37cbf6;
}

.featurePage ul.row3 li,
.featurePage ul.row2 li {
    width: calc(100% / 3);
    box-sizing: border-box;
    border-right: 1px solid #37cbf6;
    position: relative;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    font-size: 11px;
}
#dm_novelty.featurePage ul.row2,
#dm_novelty.featurePage ul.row3{
    border: 1px solid #d8d8d8;
}
#dm_novelty.featurePage ul.row2 li,
#dm_novelty.featurePage ul.row3 li{
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.featurePage#dm_novelty ul p.name::after{
    background: #d8d8d8;
}

.featurePage ul.row3 li:last-child,
.featurePage ul.row2 li:last-child {
    border-right: 0;
}

.featurePage ul.row3 li a,
.featurePage ul.row2 li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.featurePage ul.row3 li a:hover,
.featurePage ul.row2 li a:hover {
    background-color: rgb(0, 0, 0, 0.03);
}

.featurePage ul.row3 li a::after,
.featurePage ul.row2 li a::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../img/featurepage/arrow_skyblue.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.featurePage ul.row2 li p,
.featurePage ul.row3 li p {
    line-height: 1.4;
    padding: 0 8px;
}


.featurePage ul.row2 > li{
    width: 50%;
    box-sizing: border-box;
}

.featurePage ul.row2 p.name,
.featurePage ul.row3 p.name {
    padding: 5px 10px;
    color: #000;
    border-bottom: 1px dotted #37cbf6;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}

.featurePage ul.row3 span.price {
    color: #ED1C24;
    display: block;
}

.featurePage a.linkBtn:not(.sizeL) {
    display: inline-block;
    float: right;
}




/* ----- ウェットティッシュ -----*/


#contents #original_wet h2 {
    color: #FCF2A2;
    font-size: 20px;
    font-weight: bold;
    background: #2AB8AE;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

#contents #original_wet h3 {
    margin: 0 0 10px 0;
}

#contents #original_wet p {
    margin: 0 0 5px 0;
}

#contents #original_wet {
    border-right: solid 3px #2AB8AE;
    border-left: solid 3px #2AB8AE;
    border-bottom: solid 3px #2AB8AE;
    padding: 0;
    margin: 15px 0 0 0;
    width: 650px;
}


#contents #original_wet div {
    padding: 10px;
}


#contents #wet_box {
    margin-left: 45px;
    margin-bottom: 20px;
}


#contents #wet_box h3 {
    border: none;
}


/* ----- 発送方法で選ぶノベルティ -----*/

div#dm_novelty dl.recommend {
    margin-bottom: 20px;
}

div#dm_novelty dl.recommend dt {
    position: relative;
    background: #9d141e;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    padding: 8px 0;
}

div#dm_novelty dl.recommend dt br {
    display: none;
}

div#dm_novelty dl.recommend dt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #9d141e;
}

div#dm_novelty dl.recommend dd {
    width: 100%;
    background: #c52029;
    color: #fff;
    padding: 15px 15px 15px 30px;
    box-sizing: border-box;
    font-size: 16px;
}

div#dm_novelty .redBox ol {
    counter-reset: my-counter;
    list-style-type: none;
    padding-left: 2em;
    font-size: 110%;
}

div#dm_novelty .redBox ol li {
    position: relative;
    margin-bottom: 5px;
}

div#dm_novelty .redBox ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #f14f4c;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
}

div.featurePage span.yellow {
    color: #fefe7b;
}

.featurePage h3.underline {
    padding: 10px 0 5;
    text-align: center;
    background: #fff;
    color: #1a1a1a;
    margin: 30px 0 15px;
    font-size: 22px;
    font-weight: 500;
    position: relative;
}

.featurePage h3.underline span {
    border-bottom: 1px solid #c52029;
    padding-bottom: 5px;
}

div#dm_novelty .recommend ul li {
    margin: 5px 0;
    padding-left: 1em;
    text-indent: -1.2em;
}

div#dm_novelty .recommend ul li::before {
    content: '';
    width: 1em;
    height: 1em;
    background: url(../img/featurepage/icon_check.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    padding-bottom: 4px;
}

div#dm_novelty .dm_delivery_way {
    background: url(../img/featurepage/sp_yu-mail_dm_regulation.png) no-repeat 0 0;
    padding: 35% 0 10%;
    background-size: cover;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

div#dm_novelty .dm_delivery_way a.linkBtn {
    width: 32%;
    display: inline-block;
    font-size: 12px;
    margin: 0 20px
}


div#dm_novelty.featurePage ul.row3 {
    border: 1px solid #d8d8d8;
}

.featurePage ul.row3 li {
    border-right: 1px solid #d8d8d8;
    padding: 0 0 10px 0;
    text-align: center;
}

.featurePage ul.row3 li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.featurePage#dm_novelty ul.row2 li a::after,
.featurePage#dm_novelty ul.row3 li a::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../img/featurepage/arrow_darkred.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.featurePage#dm_novelty p.name {
    padding: 5px 10px;
    color: #000;
    border-bottom: 1px dotted #d8d8d8;
}

div#dm_novelty div.groupsite {
    color: #fff;
    background: #cc2029;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1;
    display: block;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
}

div#dm_novelty div.groupsiteBox {
    background: #fdf8c8;
    color: #cb2028;
    position: relative;
    padding-bottom: 5px;
}

div#dm_novelty div.groupsiteBox p.eyecatch {
    position: absolute;
    left: 5px;
    top: -40px;
    width: 20%;
}

div#dm_novelty div.groupsiteBox p.eyecatch img {
    max-width: 100%;
}

div#dm_novelty div.groupsiteBox p.head {
    text-align: center;
    color: #cc2029;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px 10px;
}

div#dm_novelty div.groupsiteBox a {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    box-sizing: border-box;
    margin: 3px;
}

div#dm_novelty div.groupsiteBox a div {
    background: #fff;
    padding: 10px 10px 15px;
}

div#dm_novelty p.product {
    font-size: 18px;
}

div#dm_novelty p.siteinfo {
    border-top: 1px solid #d8d8d8;
    height: auto font-size:11px;
}

div#dm_novelty p.siteinfo img {
    margin: 10px 0;
}

span.br::before {
    content: "\A";
    white-space: pre;
}

div#dm_novelty .row3 p.siteinfo {
    display: block;
    width: 90%;
    padding: 10px 0 0 0;
    margin: 0 auto;
    text-align: center;
}


#dm_novelty .pointBox {
    padding: 30px 0;
}

#dm_novelty .pointBox .ttl {
    color: #154093;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    margin: 0 0 25px
}

#dm_novelty .pointBox .ttl span.sub {
    font-size: 15px;
    font-weight: 300;
    color: #000000;
}

#dm_novelty .pointBox .sentence {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    width: 90%;
    margin: 0 auto 10px;
}

#dm_novelty .pointBox:nth-of-type(2) {
    border-top: 1px solid #d8d8d8;
}

#dm_novelty div.graybdBox div.tel {
    width: 90%;
    margin: 0 auto 10px;
    text-align: center;
}

#dm_novelty div.graybdBox div.form {
    width: 90%;
    margin: 20px auto;
}

.form a.mailform {
    display: block;
    width: 80%;
    border: 2px solid #3d3938;
    padding: 15px 10px 15px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
    text-align: center;
    color: #3d3938;
    margin: 0 auto;
}

.form a.mailform:hover {
    text-decoration: none;
    background: #f5f5f5;
}

/* ----- トップページ -----*/

.top_bnr {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
}

.top_bnr a {
    width: 48%;
}

.ChangeElem_Btn_Content,
.search.top {
    display: none;
}

/* BX-SLIDER（トップメイン）
----------------------------------------------- */

div#topMain {
    /*display:none;*/
}

#sp_topMain {
    margin-top: 40px;
}

.giftmeister_desc {
    border-top: 1px dotted #ccc;
    padding: 20px 0 0 0;
}

.giftmeister_desc dt {
    text-align: center;
}

.giftmeister_desc dt p {
    width: 90%;
    margin: 10px auto;
    text-align: left;
    font-size: 12px;
}

.eyecatch {
    max-width: 80%;
    height: auto;
}



#new_pickup div.list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#new_pickup div.list a {
    width: 48%;
    margin-bottom: 20px;
    color: #333;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#new_pickup div.list a:hover {
    text-decoration: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#new_pickup div.list a:hover img {
    opacity: 1;
}

#new_pickup div.list a div.img {
    position: relative;
}

#new_pickup div.list a div.img img {
    max-width: 100%;
}

#new_pickup div.list a div.img p.catch {
    padding: 3px 0 4px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(253, 52, 60, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
}

#new_pickup div.list p.summary {
    width: 90%;
    margin: 8px auto;
    padding-bottom: 5px;
    color: #000;
}

#new_pickup div.list p.summary span.notes {
    font-size: 11px;
    color: #164589;
    display: block;
    margin: 10px 0 6px;
}

#new_pickup div.list p.summary span.name {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

#new_pickup div.list p.summary span.price {
    font-size: 14px;
    display: block;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
}


#new_pickup div.list p.summary span.small {
    color: #929292;
    font-size: 11px;
    line-height: 1.3;
    font-weight: normal;
}


#main #main_box h3 {
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 30px 0 20px;
    color: #cc2029;
}

#main #main_box h3 span.sub {
    color: #fff;
    background: #cc2029;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1;
    display: block;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 5px;
}

#main #main_box h3 span.sub > span:before,
#main #main_box h3 span.sub > span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    margin: -3px 5px 0 5px;
}

#osusume {
    display: none;
}


#osusume div.list,
#ranking div.list {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#ranking div.list{
        justify-content: space-evenly;
}

#osusume div.list a,
#ranking div.list a {
    width: 32%;
    margin-bottom: 10px;
    color: #333;
}

#osusume div.list a:hover img,
#ranking div.list a:hover img {
    opacity: 1;
}

#osusume div.list a div.img,
#ranking div.list a div.img {
    position: relative;
    border: 1px solid #ccc;
}

#ranking div.list a:nth-of-type(1) div.img {
    border: 2px solid #ceb024;
}

#ranking div.list a:nth-of-type(1) div.img::before {
    position: absolute;
    color: #fff;
    content: '1';
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    width: 26px;
    height: 26px;
    background: #ceb024;
    border-radius: 50%;
    top: -15px;
    left: 50%;
    margin-left: -15px;
}

#ranking div.list a:nth-of-type(2) div.img {
    border: 2px solid #b3b3b3;
}

#ranking div.list a:nth-of-type(2) div.img::before {
    position: absolute;
    color: #fff;
    content: '2';
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    width: 26px;
    height: 26px;
    background: #b3b3b3;
    border-radius: 50%;
    top: -15px;
    left: 50%;
    margin-left: -15px;
}

#ranking div.list a:nth-of-type(3) div.img {
    border: 2px solid #a4684c;
}

#ranking div.list a:nth-of-type(3) div.img::before {
    position: absolute;
    color: #fff;
    content: '3';
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    width: 26px;
    height: 26px;
    background: #a4684c;
    border-radius: 50%;
    top: -15px;
    left: 50%;
    margin-left: -15px;
}

#ranking div.list a:nth-of-type(4) div.img,
#ranking div.list a:nth-of-type(5) div.img,
#ranking div.list a:nth-of-type(6) div.img {
    border: 2px solid #b3b3b3;
}

#ranking div.list a:nth-of-type(4) div.img::before,
#ranking div.list a:nth-of-type(5) div.img::before,
#ranking div.list a:nth-of-type(6) div.img::before {
    position: absolute;
    color: #666;
    content: '';
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #b3b3b3;
    top: -15px;
    left: 50%;
    margin-left: -15px;
}

#ranking div.list a:nth-of-type(4) div.img::before {
    content: '4';
}

#ranking div.list a:nth-of-type(5) div.img::before {
    content: '5';
}

#ranking div.list a:nth-of-type(6) div.img::before {
    content: '6';
}


#osusume div.list a div.img img,
#ranking div.list a div.img img {
    max-width: 100%;
}

#osusume div.list a div.img p.catch,
#ranking div.list a div.img p.catch {
    padding: 3px 0 4px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #fff;
    background: rgba(253, 52, 60, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
}

#osusume div.list p.summary,
#ranking div.list p.summary {
    width: 96%;
    margin: 8px auto;
    padding-bottom: 5px;
    color: #222;
}

#osusume div.list p.summary span.name,
#ranking div.list p.summary span.name {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}

#osusume div.list p.summary span.price,
#ranking div.list p.summary span.price {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    display: block;
    line-height: 1.5;
}



#osusume div.list p.summary span.small,
#ranking div.list p.summary span.small {
    color: #929292;
    font-size: 10px;
    line-height: 1.3;
    font-weight: normal;
}


#main #main_box h3.line {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 30px 0 10px;
    color: #333;
    display: flex;
    align-items: center;
}

#main #main_box h3.line:before,
#main #main_box h3.line:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #333;
    display: block;
}


#main #main_box h3.line:before {
    margin-right: .4em;
}

#main #main_box h3.line:after {
    margin-left: .4em;
}




#daihtml1 #main_box div#topic_box div#toptopic div {
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    border: solid 1px #ccc;
    background-color: #fff;
    font-size: 12px;
    height: 14em;
    width: 100%;
    display: block;
    overflow: auto;
}

#daihtml1 #main_box div#topic_box div#toptopic div dl {
    padding: 5px 10px 0 10px;
}

#daihtml1 #main_box div#topic_box div#toptopic div dl dt {
    color: #666;
    font-weight: bold;
    margin: 5px 0 2px;
}

#daihtml1 #main_box div#topic_box div#toptopic div dl dd {
    margin-left: 5px;
    line-height: 1.4;
    margin-bottom: 10px;
}

#daihtml1 #main_box div#topic_box div#toptopic h3 {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

p#path {
    font-size: 11px;
    margin: 0 0 5px;
}

p#path span {
    padding: 0 5px;
}

#contents h2 {
    font-size: 20px;
    color: #60483a;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-family: 'Noto Sans Japanese';
}

#rightContents {
    padding: 5px 8px 15px;
}




/* ギフトマイスターについて
----------------------------------------------- */

#about_giftmeister .top_lead {
    width: 96%;
    margin: 0 auto;
}

#about_giftmeister .top_lead p {
    margin: 0 0 5px;
    line-height: 1.5;
}

#about_giftmeister .top_lead p br {
    display: none;
}

#about_giftmeister .ttl {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #672b2f;
    padding: 15px;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0eae4+0,ffffff+100 */
    background: #f0eae4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0eae4 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0eae4 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0eae4 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0eae4', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    position: relative;
    margin: 30px 0 5px 0;
}

#about_giftmeister .box {
    width: 96%;
    margin: 0 auto;
}

#about_giftmeister ul.groupsite_link {
    width: 100%;
    margin: 10px auto;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about_giftmeister ul.groupsite_link li {
    width: 48%;
    margin: 0 0 10px;
    font-size: 12px;
}

#about_giftmeister ul.groupsite_link li img {
    margin: 0 0 5px;
}

#leftContents .link_bnr {
    display: none;
}


/* 大ロット・特注のご注文について
----------------------------------------------- */

#especial_order .top_lead {
    background: url(https://gift.just-shop.jp/img/guide/just_products.jpg) no-repeat center bottom;
    height: auto;
    padding-bottom: 58%;
}

#especial_order .top_lead p.ttl,
#our_feature .top_lead p.ttl {
    color: #1b1463;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px;
    display: block;
    text-align: center;
}

#especial_order .top_lead p {
    text-align: justify;
}

#especial_order .top_lead p br {
    display: none
}

div#freepage1 h4.circle.line {
    color: #000;
    padding: 10px 0 5px;
    border-bottom: 1px dotted #333;
    margin: 20px 0 10px;
    font-size: 16px;
}

div#freepage1 h4.circle.line::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 4px solid #cb2028;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 3px 5px 0 0;
}

div#freepage1 h4.circle.line.green::before{
    border: 4px solid #1FAF72
}

div#freepage1 h5 {
    background: #fbf2f3;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    margin: 20px 0 10px;
}

div#freepage1 h5.gray{
    background-color: #ececec;
}


#especial_order .just_salesoffice {
    padding: 0 0 60% 0;
    background: url(https://gift.just-shop.jp/img/guide/just_salesplace.jpg) no-repeat center bottom;
    height: auto;
}

#especial_order div#company_box td,
#especial_order div#company_box th {
    border: solid 1px #aaa;
    border-top-color: rgb(170, 170, 170);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: rgb(170, 170, 170);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(170, 170, 170);
    border-left-style: solid;
    border-left-width: 1px;
    padding: 6px;
}

#especial_order div#company_box table {
    width: 100%;
    border: solid 1px #aaa;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
    font-size: 13px;
}

#especial_order div#company_box th {
    border: solid 1px #aaa;
    padding: 6px;
    width: 95px;
    text-align: center;
}

#especial_order div#company_box table td.officeleft {
    border-top: dotted 1px #aaa;
    border-right: none;
    border-bottom: dotted 1px #aaa;
}

#especial_order div#company_box table td.office {
    border-top: dotted 1px #aaa;
    border-left: dotted 1px #aaa;
    border-bottom: dotted 1px #aaa;
}

#especial_order div#company_box table dl dt {
    font-weight: 500;
    padding: 5px 0 3px;
}

#especial_order div#company_box table dl dt .txts {
    font-size: 0.9em;
}

#especial_order div#company_box table dl dd {
    padding: 0 0 10px;
}


/* 当社の強み
----------------------------------------------- */
#our_feature .top_lead {
    padding-bottom: 55%;
    background: url(https://gift.just-shop.jp/img/guide/just_products.jpg) no-repeat center bottom;
}

#our_feature .top_lead p {
    text-align: center;
}

#our_feature .top_lead p.ttl + p {
    text-align: left;
}

#our_feature .top_lead p.ttl + p br {
    display: none;
}

h3.basic {
    background: #f6f6f6;
    border-left: 4px solid #74262a;
    font-size: 16px;
    padding: 10px 0 15px 15px;
    margin: 20px 0 5px;
    letter-spacing: 0.03em;
}

#our_feature .point {
    margin: 20px 0 40px;
}

#our_feature .point .ttl {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 10px;
    font-weight: 500;
}

#our_feature .point .ttl span.sub {
    font-size: 16px;
    color: #f65f2d;
    font-weight: 300;
}

#our_feature .point .ttl + p {
    line-height: 1.6;
    margin: 0 0 10px;
}

#our_feature .point .ttl + p br {
    display: none;
}


/* データ入稿ガイド
----------------------------------------------- */

#dataguide .first_notice {
    font-size: 110%;
    color: #ff0000;
    font-weight: 500;
    margin: 0 0 5px;
}

#dataguide .first_notice .fas {
    font-size: 110%;
    padding: 0 3px 0 0;
}

#dataguide .nyuko_data_btn {
    margin: 20px 0 5px;
}

#dataguide .nyuko_data_btn a {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    width: 98%;
    height: auto;
    text-align: center;
    line-height: 1.35;
    font-weight: 500;
    vertical-align: top;
    color: #1a1a1a;
    padding: 10px 20px;
    margin: 0 5px 10px;
    position: relative;
}


#dataguide .nyuko_data_btn a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top: 8px solid #000;
    border-bottom-width: 0;
}

#dataguide .nyuko_data_btn a:hover {
    text-decoration: none;
    background: #f6f6f6;
}

#dataguide .notes {
    margin: 15px 0;
    background: #fefbe6;
    padding: 10px 20px;
}

#dataguide .notes .ttl {
    color: #f7790f;
    font-weight: bold;
    padding: 0 0 5px;
    border-bottom: 1px dotted #f7790f;
    margin: 0 0 5px;
    font-size: 14px;
}


#dataguide ol.dataguide_notice {
    counter-reset: number;
    /*数字をリセット*/
    list-style-type: none !important;
    /*数字を一旦消す*/
    padding: 0.3em 0;
}

#dataguide ol.dataguide_notice li {
    border-bottom: dotted 1px #ccc;
    position: relative;
    padding: 0.5em 0.5em 0.5em 30px;
    line-height: 1.3;
    font-size: 14px;
}

#dataguide ol.dataguide_notice li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*数字のデザイン変える*/
    display: inline-block;
    background: #333;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#dataguide ol.dataguide_notice li:last-of-type {
    border-bottom: none;
}

#dataguide ol.dataguide_notice li .fas {
    padding: 0 5px;
}

#dataguide .cost {
    padding: 10px 15px;
    margin: 20px 0;
    border: 2px solid #f6f6f6;
    line-height: 1.6;
}



/* ご利用ガイド
----------------------------------------------- */

.guideBox {
    margin: 20px 0 0 0;
}

.guideBox dl {
    width: 96%;
    background: #fbfbfb;
    margin: 0 auto 20px;
}

.guideBox dt {
    border-top: 2px solid #cb2028;
    background: #fcf2f3;
    border-bottom: 1px solid #eae0dd;
    padding: 10px 0 10px 15px;
}

.guideBox dd {
    padding: 5px 10px;
}

.guideBox dd a {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px 10px 1.5em;
    background: #fff;
    display: block;
    margin: 5px 0;
    color: #333;
    position: relative;
}

.guideBox dd a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 8px solid #333;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* ----- フラットベッド印刷機導入 ----- */

#fullcolor_box h3 {
    border: none !important;
}

div.uv_box {
    background-image: url(https://gift.just-shop.jp/img/flatbed_bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    background-position: 0 0;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding-bottom: 10%;
}

div.uv_box p {
    width: 65%;
    padding: 10% 0 0 2%;
    text-align: justify;
}

div#flat_point {
    clear: both;
}

div#flat_point div#point01 {
    background-image: url(https://gift.just-shop.jp/img/flatbed_point01.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    margin: 20px 0;
}

div#flat_point div#point02 {
    background-image: url(https://gift.just-shop.jp/img/flatbed_point02.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    margin: 20px 0;
}

div#flat_point div#point03 {
    background-image: url(https://gift.just-shop.jp/img/flatbed_point03.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    margin: 20px 0;
}


div#flat_point div#point01 p,
div#flat_point div#point02 p,
div#flat_point div#point03 p {
    padding: 10% 5px 0 20%;
    width: 80%;

}


div.uv_point {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px;
    box-sizing: border-box;
}


div.uv_point p.uv01::before {
    content: 'UVインクジェット印刷とは？';
    display: block;
    background: #d83935;
    color: #fff;
    padding: 3px 0 3px 10px;
    margin: 0 0 5px;
}

div.uv_point p.uv02 {
    margin: 20px 0 0;
}

div.uv_point p.uv02::before {
    content: 'UVインクジェットの主な特徴';
    display: block;
    background: #d83935;
    color: #fff;
    padding: 3px 0 3px 10px;
    margin: 0 0 5px;
}

/* ----- よくあるご質問 ----- */

.navi_box {
    background: #ededed;
    padding: 10px;
}

.navi_box ul li {
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    margin: 5px 0;
}


.navi_box ul li::after {
    content: '｜';
    color: #ccc;
    margin: 0 0 0 10px;
}

.faq_section h3 {
    padding: 10px 0 10px 15px;
    background: #ededed;
    margin: 20px 0 10px 0;
}

.shadegroup2 {
    margin: 0 0 10px;
}

.faq_section h4.shadebtn2::before {
    content: "Q";
    background-color: #4588c5;
    color: #fff;
    display: inline-block;
    width: 18px;
    text-align: center;
    height: 18px;
    padding: 3px 5px 5px 5px;
    border-radius: 50%;
    margin: 0 5px 0;
}


/* ご注文の流れ
----------------------------------------------- */
#order_flow ul.flow dl {
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
}

#order_flow ul.flow dl dt {
    width: 20%;
    position: relative;
    text-align: center;
    min-height: 100px;
}


#order_flow ul.flow dl dt img {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}


#order_flow ul.flow dl dd {
    width: 75%;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

#order_flow ul.flow dl dd p br {
    display: none;
}

#order_flow ul.flow li:last-child dl dd {
    border-bottom: 0;
}


/* 天チャックポーチ----------------------------------------------- */

#porch_discBox {
    background: url(../img/chuckporch/pouch_desc_bg.png) 0 0 repeat;
    border: 4px solid #EEEFEF;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    box-sizing: border-box;
}

.porch_specBox {
    padding: 5px;
}

.txt_bold {
    font-weight: bold;
}

.porch_specBox span.txt_bold {
    font-size: 18px;
}

.porch_specBox h3,
div#chuckpouchPage h3 {
    font-size: 18px;
    font-weight: bold;
}

.porch_specBox h3.red_title,
.porch_specBox h3.blue_title,
.porch_specBox h3.green_title,
div#chuckpouchPage h3.blue_title {
    margin: 0 0 15px;
    padding: 2px 8px 0;
    width: 100%;
    display: block;
}

.porch_specBox h3.red_title {
    border-left: 8px solid #E90017;
}

.porch_specBox h3.blue_title,
div#chuckpouchPage h3.blue_title {
    border-left: 8px solid #00A3E5;
}

.porch_specBox h3.green_title {
    border-left: 8px solid #089043;
}



.porch_specBox h3#porch_use01,
.porch_specBox h3#porch_use02,
.porch_specBox h3#porch_use03,
.porch_specBox h3#porch_use04,
.porch_specBox h3#porch_use05 {
    font-size: 20px;
    color: #000;
    background: linear-gradient(transparent 60%, #dff2fc 60%);
    margin: 0 0 20px;
}


.porch_specBox .detail {
    margin: 15px 0 35px 0;
    padding: 6px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    border: 1px solid #333333;
    display: block;
    background: #fff;
    width: 100%;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.porch_specBox .detail:hover {
    background: #e3e3e3;
    text-decoration: none;
    color: #333;
}

.porch_specBox .detail img {
    padding-left: 5px;
}

.porch_specBox:not(.top) {
    display: flex;
    flex-direction: row;
}

.porch_r,
.porch_l {
    margin: 0 0 20px;
}

.sozaiUl#pouch li {
    position: relative;
}

.sozaiUl#pouch li p.popularSize::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '人気サイズ';
    display: block;
    width: 20%;
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #ff65d2;
    font-size: 11px;
    border-radius: 0 0 5px;
}

.sozaiUl#pouch li p.popularSize img {
    display: none;
}

/* はめぱち台紙について----------------------------------------------- */

.whiteBack {
    background: #fff;
    padding: 10px;
    margin: 2px 0 5px;
    border-radius: 4px;
}

.howtoBox {
    margin: 20px auto 20px;
}

.hb01,
.hb02,
.hb03,
.hb04 {
    padding: 0 0 10px;
}

.hb01 {
    background: url(../img/keyholder/daishi_howto_bg_01.png) 100% 70% no-repeat;
}

.hb02 {
    background: url(../img/keyholder/daishi_howto_bg_02.png) 100% 70% no-repeat;
}

.hb03 {
    background: url(../img/keyholder/daishi_howto_bg_03.png) 100% 70% no-repeat;
}

.hb04 {
    background: url(../img/keyholder/daishi_howto_bg_04.png) 100% 70% no-repeat;
}



/* 本革キーホルダー----------------------------------------------- */

.lkey_specBox {
    padding: 5px 3px 5px 8px;
}

.lkey_col img {
    margin: 0 0 4px;
}

ul.colImg {
    text-align: center;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
}

ul.colImg li {
    width: 48%;
    margin: 0 0 10px;
}

ul.colImg li img {
    margin-bottom: 5px;
}

ul.naireImg {
    float: left;
    text-align: center;
    margin-left: 5px;
    padding-bottom: 20px;
}

ul.naireImg li {
    float: left;
    margin: 10px 5px 10px;
    text-align: center;
}


#sp_topMain .bxslider li {
    display: none;
}

#sp_topMain .bx-viewport .bxslider li {
    display: block !important;
}


#catalog h3 {
    display: none !important;
}

#catalog div.lead h2.maincopy {
    font-family: "NotoSerifCJKjp", serif !important;
    font-size: 25px;
    color: #333333;
    line-height: 35px;
    letter-spacing: 6px;
    margin: 0 auto;
    text-align: center;
    padding: none;
}

#catalog div.lead p {
    font-family: "NotoSerifCJKjp''", serif;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
}

h2.page_926 {
    display: none;
}

#catalog div.lead h2.maincopy {
    font-family: "NotoSerifCJKjp", serif !important;
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    letter-spacing: 6px;
    margin: 0 auto;
}

#catalog div.lead p {
    font-family: "NotoSerifCJKjp''", serif;
    font-size: 13px;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
    margin: 0 auto;
}





#catalog div.products {
    max-width: 80%;
    margin: 0 auto;
}



#catalog p.name {
    font-size: 28px;
    font-weight: bold;
    border-bottom: solid 1px #000;
    margin-top: 20px;
}

#catalog span.cose {
    font-size: 17px;
    font-weight: bold;
    color: #818181;
    margin-left: 10px;
}

#catalog p.price {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin: 10px 0;
}

#catalog p.sentence {
    font-size: 14px;
    color: #000;
    line-height: 2em;
}

#catalog a.red {
    padding: 7px;
    border: solid 2px #e71c24;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #e71c24;
    display: block;
    text-align: center;
}

#catalog a.red:hover {
    padding: 7px;
    background-color: #e71c24;
    border: solid 2px #e71c24;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

#catalog a.aqua {
    padding: 7px;
    border: solid 2px #73ccea;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #73ccea;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

#catalog a.aqua:hover {
    padding: 7px;
    background-color: #73ccea;
    border: solid 2px #73ccea;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

#catalog a.orange {
    padding: 7px;
    border: solid 2px #ff9f00;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #ff9f00;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

#catalog a.orange:hover {
    padding: 7px;
    background-color: #ff9f00;
    border: solid 2px #ff9f00;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

#catalog a.pink {
    padding: 7px;
    border: solid 2px #ff7289;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #ff7289;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

#catalog a.pink:hover {
    padding: 7px;
    background-color: #ff7289;
    border: solid 2px #ff7289;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

#catalog a.green {
    padding: 7px;
    border: solid 2px #00af73;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #00af73;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

#catalog a.green:hover {
    padding: 7px;
    background-color: #00af73;
    border: solid 2px #00af73;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}


#catalog p.border {
    border-style: Dashed;
    border-color: #939393;
    border-width: 1px;
    margin: 40px auto;

}

#catalog .flex_wrap img {
    text-align: center;
    margin: 0 auto;
}



h2.page_932 {
    display: none;
}

#kokuyo h3.caption {
    font-size: 23px;
    text-align: center;
    margin-bottom: 15バッグpx;
    font-weight: bold;
    color: #000;
}

#kokuyo p.lead {
    font-size: 14px;
    font-weight: lighter;
    line-height: 25px;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 1px;
    text-align: left;
}



#kokuyo h3.head {
    font-size: 23px;
    padding-top: 8px;
    text-align: center;
    background: url(../img/kokuyo/note-head.png)no-repeat;
    width: 100%;
    height: 56px;
    margin-top: 30px;
}

#kokuyo div.note {
    background: url(../img/kokuyo/SP_note_back.jpg)no-repeat;
    padding: 30px 20px 0 20px;
    height: 1720px;
}

#kokuyo div.flex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
}

#kokuyo div.flex_item1 {
    max-width: 320px;
    display: block;
    text-align: left;
    order: 1;
}

#kokuyo div.flex_item2 {
    max-width: 320px;
    display: block;
    text-align: left;
    order: 2;
}

#kokuyo div.flex_itemPC3 {
    max-width: 320px;
    display: block;
    text-align: left;
    order: 4;
}

#kokuyo div.flex_itemPC4 {
    max-width: 320px;
    display: block;
    text-align: left;
    order: 3;
}



#kokuyo p.product {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    padding-top: 3px;
    margin-bottom: 13px;
    text-align: center;
}

#kokuyo span.marker {
    background: linear-gradient(transparent 65%, #ffff00 0%);

}

#kokuyo img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
}

#kokuyo p.point {
    color: #1f1f1f;
    font-weight: bold;
    font-size: 15px;
    line-height: 33px;
}

#kokuyo span.blue {
    color: #0071b1;
}

#kokuyo a.blueBtn {
    padding: 8px;
    background-color: #0071b1;
    border-radius: 5px;
    max-width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 15px 0 70px 0;
}

#kokuyo a.blueBtn:hover {
    text-decoration: none;
    opacity: 0.7;
}



#kokuyo div.flex_item p.description {
    font-size: 14px;
    font-weight: lighter;
    color: #000;
    line-height: 30px;
    padding-top: 4px;
}

#kokuyo ul.pickup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
}

#kokuyo ul.pickup li {
    max-width: 160px;
    display: block;
}

#kokuyo ul.pickup li img {
    width: 160px;
    border: solid 1px #c4c4c4;
}

#kokuyo ul.pickup li p {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

#kokuyo ul.pickup li span.small {
    color: #333;
    font-size: 13px;
    font-weight: lighter;
}

#kokuyo a.lineup {
    display: block;
    padding: 25px;
    max-width: 350px;
    margin: 0 auto 50px auto;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    background-color: #0071b1;
}

#kokuyo a.lineup:hover {
    text-decoration: none;
    opacity: 0.7;
}

.br_sp {
    display: block;
}

.br_pc {
    display: none;
}

#kokuyo h4.blueline {
    font-size: 23px;
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #0071b1;
    text-align: center;
    margin-bottom: 20px;
}


#kokuyo ul.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#kokuyo ul.price li {
    width: 110px;
    display: block;
    margin-bottom: 20px;
}

#kokuyo ul.price li a {
    background-color: #ff7ba5;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    display: block;
}


#kokuyo ul.price li a:hover {
    text-decoration: none;
    opacity: 0.7;
}

h2.page_936 {
    display: none;
}

#thermos div.lead {
    padding: 20px;
}

#thermos div.lead p.caption {
    font-weight: bold;
    font-size: 21px;
    color: #333;
    margin-bottom: 5px;
    text-align: center;
}

#thermos div.lead p.text {
    font-weight: normal;
    font-size: 14px;
    color: #656565;
    line-height: 25px;
}

#thermos div.flex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
}

#thermos div.flex_item {
    max-width: 100%;
}

#thermos div.flex_item img {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
}

#thermos p.pointt_caption {
    font-weight: bold;
    font-size: 17px;
    color: #333;
    margin-bottom: 5px;
    text-align: center;
}


#thermos p.pointt_text {
    font-weight: lighter;
    font-size: 14px;
    color: #656565;
    line-height: 25px;
}

#thermos h3.red {
    background-color: #cd202a;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 20px 0;
    color: #fff;
}

#thermos div.lineup_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
}

#thermos div.lineup_item {
    max-width: 100%;
}

#thermos div.lineup_item img.bordergray {
    width: 100%;
    border: solid 1px #ebebeb;
}


#thermos div.lineup_item p.product {
    font-weight: bold;
    font-size: 28px;
    color: #000;
    margin-bottom: 5px;
    text-align: center;
}

#thermos div.lineup_item p.catch {
    font-weight: bold;
    font-size: 16px;
    color: #656565;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 10px;
}

#thermos div.lineup_item p.sentence {
    font-weight: normal;
    font-size: 14px;
    color: #656565;
    line-height: 25px;
}

#thermos a.lineup_btn {
    padding: 10px;
    width: 100%;
    background-color: #B2B2B2;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
    bottom: 0;
    border-radius: 20px;
    transition: .3s;
    margin-top: 10px;
}

#thermos a.lineup_btn:hover {
    background-color: #cd202a;
    text-decoration: none;
}



#thermos div.border {
    border-bottom: 1px dashed #B2B2B2;
    margin: 30px 0;
}


#thermos a.thermos_btn {
    width: 400px;
    padding-bottom: 16px;
    padding-top: 5px;
    font-size: 17px;
    font-weight: bold;
    border: solid 1px #B2B2B2;
    border-radius: 10px;
    text-align: center;
    margin: 50px auto;
    display: block;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    transition: all 0.3s ease 0s;
    color: #000;
}

#thermos a.thermos_btn:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
    color: #000;
    text-decoration: none;
}

#thermos a.thermos_btn img {
    width: 160px;
}

#thermos a.thermos_btn:hover img {
    opacity: 1;
}

#thermos ul.pickup_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 20px;
    margin-bottom: 30px;
}

#thermos li.pickup_item {
    width: 48%;
}

#thermos li.pickup_item img {
    border: solid 1px #ebebeb;
}

#thermos li.pickup_item p.comment {
    color: #cd202a;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

#thermos li.pickup_item p.product {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 5px;
}

#thermos li.pickup_item p.condition {
    color: #000;
    font-size: 13px;
    font-weight: lighter;
    margin-bottom: 3px;
    text-align: left;
    border-top: 1px solid #000;
    line-height: 2em;
}

#thermos li.pickup_item p.price {
    font-size: 14px;
    text-align: left;
    color: #cd202a;
    font-weight: bold;
}

#thermos li.pickup_item p.price span {
    font-size: 18px;
    color: #cd202a;
    font-weight: bold;
}

#thermos a.redbtn {
    padding: 15px;
    background-color: #B2B2B2;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 15px;
    bottom: 0;
    width: 100%;
}

#thermos li.pickup_item a.redbtn:hover {
    opacity: 0.6;
    text-decoration: none;
}

/*
ウイルス対策グッズ
----------------------------------------------- */

ul.feature_link{
    display: -webkit-box; /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox; /* IE10 */
    display: -webkit-flex; /* Pc-safari */
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    flex-wrap: wrap;
	max-width: 700px;
	margin:15px auto;
}

.box26 {
    margin: 2em 0;
    padding: 10px 15px 20px;
    border-radius: 8px;
	background: #ebebed;
}
.box26 img{
	background: #fff;
}

.box26 .ttl{
	font-size: 110%;
    font-weight: 600;
    text-align: center;
    margin:10px 0 15px;
}

#toumei2_div .itemUl li{
    width: 48%;
    box-sizing: border-box;
}


#toumei2_div .itemUl::before{
  content:"";
  display: block;
  width:30%;
  order: 1;
}


#toumei2_div .itemUl::after{
  content:"";
  display: block;
  width:30%;
}


ul.feature_link li{
    text-align:center;
    font-size:14px;
    position: relative;
    height:50px;
    margin:10px 0;
}

ul.feature_link li.long{
    width:250px;
}

ul.feature_link li:last-child{
    border-right: 0;
}

ul.feature_link li a{
    width:100%;
    height:100%;
    padding:8px 0;
}

ul.feature_link li a:hover{
}


#toumei2_div .itemUl::before{
  content:"";
  display: block;
  width:24%;
  order: 1;
}


#toumei2_div .itemUl::after{
  content:"";
  display: block;
  width:49%;
}

#toumei2_div h2{
	max-width: 730px;
	margin:10px auto;
	padding:30px 0 0 0;
}

#toumei2_div h3{
	margin:30px auto;
	padding:10px 0 0 0;
	border-bottom:2px solid #00A0E9;

}




#toumei2_div .itemUl li a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=90)";
}

div#toumei2_div .itemUl {
  width: 100%;
  }

.itemPic{
	border:none;
}


#toumei2_div h2,#toumei2_div h3{
	width: 100%;
	margin:20px auto;
	border-bottom:2px solid #3A5484;
	background:none;
	padding:5px;
	text-align:center;
}


.btn, a.btn, button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    margin: 10px auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
	max-width:100%;
}
    #kei {}

    #kei p.main {
        width: 100%;
        display: block;
    }

    h2.page_937 {
        display: none;
    }

    #kei div.keimain img{
        width: 100%;
    }

    #kei h4.yellow {
        background-color: #fff5d9;
        padding: 7px 12px;
        font-size: 20px;
        font-weight: bold;
        border-left: 10px solid #f7a51e;
        color: #f7a51e;
        margin: 30px 0 20px 0;
    }

    #kei h4.blue {
        background-color: #cae3fc;
        padding: 7px 12px;
        font-size: 20px;
        font-weight: bold;
        border-left: 10px solid #0076ff;
        color: #0076ff;
        margin: 40px 0 20px 0;
    }

    #kei h4.pink {
        background-color: #ffeeff;
        padding: 7px 12px;
        font-size: 20px;
        font-weight: bold;
        border-left: 10px solid #ff0089;
        color: #ff0089;
        margin: 40px 0 20px 0;
    }

    #kei h4 span {
        color: #333;
        font-weight: lighter;
        font-size: 11px;
    }

    #kei h4 span.red {
        color: #f00;
        font-weight: lighter;
        font-size: 11px;
    }


    #kei p.caption {
        font-weight: bold;
        font-size: 18px;
        color: #000;
        letter-spacing: 1.5px;
        margin-top: 20px;
    }

    #kei p.caption_2 {
        font-weight: bold;
        font-size: 18px;
        color: #000;
        letter-spacing: -0.5px;
    }

    #kei p.sentence {
        font-weight: lighter;
        font-size: 14px;
        color: #333;
        line-height: 25px;
        margin-top: 5px;
    }

    #kei p.lead {
        font-weight: lighter;
        font-size: 14px;
        color: #333;
        margin-bottom: 15px;
    }

    #kei div.flex_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        flex-wrap: wrap;
    }


    #kei div.flex_item {
        display: block;
    }

    #kei div.flex_item img {
        display: block;
        border: solid 1px #333;
    }

    #kei div.pinkbox {
        background-color: #ffeeff;
        padding: 15px;
        display: block;
    }

    #kei div.pinkbox img {
        width: 100%;
        margin-top: 10px;
    }

    #kei div.keibox {
        margin: 0 auto;
        padding: 0 20px;
    }
    
       #kei div.glaybox {
        background-color: #eee;
        padding: 20px;
        display: block;
        margin-top: 50px;
    }
    
    #kei a.bluebtn{
        padding: 20px;
        width: 350px;
        background-color: #327ec7;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin: 50px auto;
        text-align: center;
        display: block;
        border-radius: 5px;
    }
    
    #kei a.bluebtn:hover{
        opacity: 0.6;
        text-decoration: none;
    }

#kei div.mT20sp{
    margin-top: 20px;
}


/* ----- オリジナルブランケット -----*/
.blanket_material li{
	width: 100%;
    margin: 0 0 50px;
}

.blanket_material .detail{
    width: 100%;
}

.blanket_material .detail .type{
	width: 100%;
	height: auto;
	border-radius: 10px;
	background-color: #ccc;
    padding:20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.blanket_material .detail .type.soft{
	color:#897775;
	background-color: #E6E6E6;
}

.blanket_material .detail .type.soft br{
    display: none;
}

.blanket_material .detail .type.boa{
	color:#E76559;
	background-color: #F1E3CE;
}
.blanket_material .detail .type.cool{
	color:#67BCD9;
	background-color: #CCEBF2;
}

.blanket_material .detail dl{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
    font-size: 12px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.blanket_material .detail dt{
	width: 30%;
	padding: 5px;
	text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.blanket_material .detail dd{
	width: 70%;
	padding: 0 5px;
	box-sizing: border-box;
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.blanket_material .detail .info{
    margin: 0 0 10px;
}


.blanket_material .img{
	width:100%;
    padding:15px 0 0;
}

h3.borderTB{
    font-size: 16px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
    margin: 20px 0;
}
h3.borderBottom{
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
    font-weight: 300;
}

dl.ttl{
    margin:30px 0
}

dl.ttl dt{
    background: #666;
    color: #fff;
    padding: 4px 1em 6px;
    display: inline-block;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
}
dl.ttl dd{
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 110%;
}

.blanket img.floatleft{
    max-width: 80%;
}

.blanket img.floatleft + .floatright{
    width:100%;
    margin: 20px 0 0 ;
    text-align: left;
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}


.blanket ul.design{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin:30px 0;
}

.blanket ul.design li{
    height: auto;
    position: relative;
    text-align: center;
    margin: 15px 0;
    width: 42%;
    padding-bottom: 30%;
}

.blanket ul.design li.sample::before{
    content: "";
    display: block;
    background-image: url("/img/blanket/arrow.png");
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    top:50%;
    left: -15%;
    background-size: contain;
}
.blanket ul.design li:not(.sample){
    counter-increment: title;
}
.blanket ul.design li:not(.sample)::before{
    position: absolute;
    top: -5px;
    left: -10px;
    content: counter(title);
    background-color: #666;
    color: #fff;
    font-weight: 600;
    text-align: center;
    z-index: 10;
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 100%;
    font-size: 1em;
}

.blanket ul.design li img{
    position: absolute;
    bottom: 0;
    left: 0;
}

.blanket ul.font,
.to-oder-designtemplate ul.font{
    margin:20px 0
}
.blanket ul.font li,
.to-oder-designtemplate ul.font li{
    width: 100%;
    border-bottom: 1px dotted #000;
    padding-bottom: 20px;
    margin-bottom:20px
}

.blanket ul.font li .name,
.to-oder-designtemplate ul.font li .name{
    width: 100%;
    margin-bottom: 20px;
}

#blanket div.col2 > div + div{
    margin-top:30px
}

.blanket dl.orderstep{
    margin:30px 0
}

.blanket dl.orderstep dt,
.to-oder-designtemplate dt{
    border-top: 4px solid #F6E2E6;
    border-left: 4px solid #F6E2E6;
    border-right: 4px solid #F6E2E6;
    color: #E63651;
    font-size: 16px;
    padding:20px 0 10px;
    position: relative;
}
.blanket dl.orderstep dd + dt,
.to-oder-designtemplate dd + dt{
    margin:30px 0 0;
    border-top: 4px solid #F6E2E6;
}

.orderstep > dt > span {
    background: #E63651;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    margin-right: 20px;
}

.blanket dl.orderstep dd,
.to-oder-designtemplate dd{
    border-left: 4px solid #F6E2E6;
    border-right: 4px solid #F6E2E6;
    border-bottom: 4px solid #F6E2E6;
    padding: 15px;
}


.to-oder-designtemplate dt::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #E63651;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;

}


.to-oder-designtemplate dt:first-child::before{
    display: none;
}


.page_966,.page_967{
    display: none;
}

/* ----- ブライトタオル -----*/

#brighttowel .size{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#brighttowel .size li{
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 170px;
}

#brighttowel .size li:nth-of-type(3){
    width: 100%;
}

#brighttowel .size li img{
height:auto;
max-height: 60%;
width: auto;
max-width: auto;

}

#brighttowel .caution,
#blanket .caution{
background: #FAEFEF;
padding: 20px 0;
text-align: center;
margin: 0 0 40px;
}
.brighttowel .compare{
    margin:40px 0;
}

.brighttowel .compare li{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    position: relative;
    margin:0 0 20px
}

.brighttowel .compare li div{
    width:48%;
    font-size: 11px;
}

.brighttowel .compare li > p{
    font-size: 18px;
    padding: 0 0 10px;
    font-weight: bold;
    width: 100%;
}

.brighttowel .compare .cotton{
    border:3px solid #E6E6E6;
}

.brighttowel .compare .brighttowel{
    background: #FFF163;
}

.brighttowel .compare .brighttowel::before{
    content: "＼細かい仕上がり！／";
    display: block;
    position: absolute;
    top: -1.7em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 20px;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: #FF276F;
}

/* --- レイアウト：常に3列2段で固定（既存 col-sm-12 の1列化を上書き） --- */
.towel-size__grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px 14px;
}
.towel-size__cell{
    width:auto;          /* span-4 の幅指定を無効化 */
    margin-bottom:0;
    float:none;          /* float系グリッドの回り込み解除 */
}

/* --- サイズ選択ボタン --- */
.towel-size__btn{
    display:block;
    padding:18px 8px;
    text-decoration:none;
    color:#333;
    background:#fdeef6;              /* 薄ピンク */
    border:1px solid #f06eb0;        /* ピンク枠 */
    border-radius:4px;
    line-height:1.5;
    transition:background .15s, box-shadow .15s;
}
.towel-size__btn:hover{
    background:#fff;
    box-shadow:0 2px 6px rgba(240,110,176,.3);
}
.towel-size__name{ display:block; font-weight:bold; font-size:20px; }
.towel-size__size{ display:block; margin-top:5px; font-size:15px; color:#666; }


 .towel-size__grid{ gap:8px; }
 .towel-size__btn{ padding:12px 4px; }
 .towel-size__name{ font-size:16px; }
 .towel-size__size{ font-size:12px; }


/*ECOPA*/

.page_955{
    display: none;
}

#coolECOPA ul.flex_wrap {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#coolECOPA ul.flex_wrap li {
    padding: 0 10px;
}

#coolECOPA ul.flex_wrap li p.ttl {
    font-size: 18px;
    font-weight: bold;
}

#coolECOPA ul.flex_wrap li p.ttl_cnt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

#coolECOPA ul.flex_wrap li p.sentence {
    font-size: 15px;
    font-weight: lighter;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 20px;
}

#coolECOPA p.mainttl {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}


#coolECOPA p.mainsentence {
    font-size: 15px;
    font-weight: lighter;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}




#ecopalp{
    padding: 10px;
}


#ecopalp h4.title{
    font-weight: bold;
    color: #40210d;
    text-align: center;
    font-size: 16px;
    line-height: 0;
    margin-bottom: 20px;
}

#ecopalp h4.title::after {
   margin-left: 5px; 
    top:3px;
    width: 30px;
    height: 30px;
    position:relative;
    content: url(../img/order/ecopaLP_icon.png);
}

#ecopalp p{
    font-size: 12px;
    line-height: 1.6em;
    margin-top: 10px;
    text-align: justify;
}

#ecopalp img{
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

#ecopalp .line{
    margin: 15px 0;
        border: 1px dashed #40210d;
}



/* ECOPA */
#ecopalp p.ecopa_rmark{
    margin:0 0 20px;
    text-align: right;
}


#ecopa_top .concepts .attention{
    color: #E34A4A;
    font-weight: normal;
}

#ecopa_top .concepts{
    padding:20px 0;
    text-align: center;
}

#ecopa_top .concepts ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
    text-align: left;
}

#ecopa_top .concepts ul li:nth-of-type(1){
    background: url(../img/guide/concept_eco.jpg) 0 0 no-repeat;
    background-size: cover;
}
#ecopa_top .concepts ul li:nth-of-type(2){
    background: url(../img/guide/concept_practicality.jpg) 0 0 no-repeat;
    background-size: cover;
}
#ecopa_top .concepts ul li:nth-of-type(3){
    background: url(../img/guide/concept_color.jpg) 0 0 no-repeat;
    background-size: cover;
}
#ecopa_top .concepts ul li:nth-of-type(4){
    background: url(../img/guide/concept_named.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 45px;
}

#ecopa_top .concepts ul li{
    width: 48%;
    min-height: 30%;
    box-sizing: border-box;
    padding: 80px 15px 20px 15px;
    margin: 5px auto;
}

#ecopa_top .concepts ul li p{
    font-size: 12px;
    text-align: justify;
}

#ecopa_top .concepts ul li .ttl{
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

#ecopa_top .concepts .lead{
    font-size: 14px;
    margin: 0 0 20px;
    line-height: 1.6;
}

#ecopa_top h3{
    font-family: 'Josefin Slab', serif;
    font-size: 18px;
    letter-spacing: 0.15em;
    color: #acacac;
    text-align: center;
}

#ecopa_top .concepts h3{
margin: 30px 0 20px;
}

#ecopa_top .products{
    background: url(../img/guide/ecopa_list_bg.jpg) 0 0 repeat;
    background-size: auto;
    background-size: cover;
    padding: 30px 0 15px;
}

#ecopa_top .products li > div{
    background:#fff;
    position: relative;
}

#ecopa_top .products div img{
    max-width: 100%;
}

#ecopa_top .products div .info{
    padding: 0 5px 5px 5px;
    color:#333;
    font-size:13px;
    text-align: center;
    line-height: 1.5;
}

#ecopa_top .products div .info .name{
    display: block;
}

#ecopa_top .products div .info p{
    border-top:1px dotted #666;
    padding:5px 0 0;
    margin: 5px 0 ;
    font-size: 10px;
    line-height: 1.4;
}

#ecopa_top .products ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 96%;
    margin: 20px auto 0;
}

#ecopa_top .products ul li{
    width: 49%;
    background: #fff;
    transition: all 0.4s 0s ease;
    margin-bottom: 10px;
}


#ecopa_top .products ul li a:hover{
    text-decoration: none;
}

#ecopa_top .products ul li a:hover img{
    opacity: 1;
}
.lpBox#ecopa_simple div.col2 div:nth-of-type(1){
    width: 100%;
    background: url(../img/order/ecopa_simple_bottle.jpg) right 10px bottom 0 no-repeat;
    padding-bottom:15px
}

.lpBox#ecopa_simple div.col2 div:nth-of-type(1) .sentence{
    width: 56%;
    margin:0 0 0 10px
}


.sample_link {
	clear: both;
	width: 80%;
    margin: 30px auto;
	padding: 0 0 0;
}
.sample_link a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	background: #ffa500;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #d2691e;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

 #kisso h3.line {
        display: none!important;
    }

    #kisso p.main {
        font-size: 13px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 60px;
    }


    #kisso div.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 30px;
    }
    
        #kisso div.flexboxSP{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 10px;
    }

    #kisso div.point01 {
        background: url(../img/kisso/kisso_point01.png)no-repeat;
    }

    #kisso div.point02 {
        background: url(../img/kisso/kisso_point02.png)no-repeat;
    }

    #kisso div.point03 {
        background: url(../img/kisso/kisso_point03.png)no-repeat;
    }

    #kisso div.point01 div.txt01 {
        padding-left: 100px;

    }


    #kisso div.point02 div.txt02 {
        padding-left: 410px;
    }


    #kisso div.point03 div.txt03 {
        padding-left: 105px;

    }


    #kisso p.point-ttl {
        font-size: 20px;
        font-weight: bold;
        line-height: 27px;
        letter-spacing: 2px;
    }

    #kisso p.point-txt {
        font-size: 13px;
        margin-top: 10px;

    }

    
     #kisso p.point-ttlSP {
        font-size: 20px;
        font-weight: bold;
        line-height: 27px;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 20px;
    }

    #kisso p.point-txtSP {
        font-size: 13px;
        margin-top: 10px;

    }
    
    
        #kisso h3.lineSP {
        margin: 50px 0 30px 0;
        font-family: Didact Gothic, sans-serif;
        text-align: center;
        font-size: 33px;
        letter-spacing: 7px;
        font-weight: lighter;
        text-align: center;
    }

    #kisso div.pointbox img {
        margin-top: 10px;
    }

    #kisso .dashline {
        border-bottom: dashed 1px #dbdbdb;
        margin: 10px;
    }

    

    #kisso #kisso_lineup div.kissoloupe {
        background: url(../img/kisso/kissoloupe_bg.png)no-repeat;
        width: 680px;
        height: 250px;
        margin-bottom: 80px;
    }

    #kisso #kisso_lineup div.sabaemimikaki {
        background: url(../img/kisso/sabaemimikaki_bg.png)no-repeat;
        width: 680px;
        height: 250px;
        margin-bottom: 80px;
    }

    #kisso #kisso_lineup div.sabaekutsubera {
        background: url(../img/kisso/sabaekutsubera_bg.png)no-repeat;
        width: 680px;
        height: 250px;
        margin-bottom: 80px;
    }

    #kisso #kisso_lineup div.sabaetsumekiri {
        background: url(../img/kisso/sabaetsumekiri_bg.png)no-repeat;
        width: 680px;
        height: 250px;
    }

    #kisso #kisso_lineup div.kissoloupe div.productBox {
        padding-left: 359px;
        padding-top: 85px;
    }

    #kisso #kisso_lineup div.sabaemimikaki div.productBox {
        padding-top: 85px;
        max-width: 337px;
    }

    #kisso #kisso_lineup div.sabaekutsubera div.productBox {
        padding-left: 362px;
        padding-top: 85px;
    }

    #kisso #kisso_lineup div.sabaetsumekiri div.productBox {
        padding-top: 75px;
        max-width: 337px;
    }

    #kisso #kisso_lineup p.product {
        font-size: 19px;
        text-align: left;
        font-weight: bold;
        letter-spacing: 1px;
    }

    #kisso #kisso_lineup p.txt {
        font-size: 13px;
        font-weight: lighter;
        margin: 10px 0 25px 0;
        line-height: 22px;
    }

    #kisso a.ybtn {
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        margin:10px 0 50px 0;
        padding: 10px 100px;
        background-color: yellow;
        color: #000;
        display: block;
    }

    #kisso  a.ybtn:hover {
        text-decoration: none;
        opacity: 0.6;
    }
    

    h2.page_953,h2.page_964{
        display: none;
    }

    .article .title{
        content: "";
        display: block;
        margin: 30px 0 10px;
    }

    .article{
        font-size: 14px;
    }


    .article p br{
        display: none;
    }

    .article h3{
        font-size: 16px;
        font-weight: normal;
        margin-top: 30px;
    }

    .article h4{
        font-weight: normal;
        font-size: 16px!important;
    }

    .article .graybdBox{
        padding: 20px 20px 20px 40px!important;
    }

    .article dl{
        font-size: 14px;
        margin:20px 0
    }

    .article dl dt{
        font-weight: bold;
    }

    .article dl.disc dd::before{
        content: "●";
        display: inline-block;
        margin:0 3px 0 0
    }


    #boxtissue .order .col{
        margin-bottom: 30px!important;
    }

    /* 販促マスク */
#hansokumask h3{
    text-align: center;
    margin: 40px 0 20px;
    font-size: 26px;
    letter-spacing: 0.05em;
    }

#hansokumask .price{
    background-color: #CCE9F8;
    padding: 5px 10px;
    margin-bottom: 30px;
}

#hansokumask .price .col{
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    margin:5px 0;
}

#hansokumask .price .name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

#hansokumask .price .catch{
    color: #38A7F9;
    display: block;
    font-size: 14px;
    margin: 10px 0;
}

/* ライオン */

.page_988,.page_989,.page_990{
    display: none;
}

.lion .col-sm-6{
    margin-bottom: 5px;
}

.lion h5{
    text-align: center;
}

.lion h5 span{
    display: block;
    font-weight: normal;
    font-size: 13px;
}


.lion .top_ttl{
    text-align: center;
    font-weight: bold;
    background: url(../img/lion/lion_chara.png) no-repeat top 10px right;
      background-size: auto;
    font-size: 20px;
    padding: 40px 0 10px;
    background-size: auto 60px;
}

.lion .top_ttl .sub{
    font-size: 17px;
    margin-bottom: 10px;
    color: #333;
    display: inline-block;
}

.lion .top_ttl .sub::after{
    content: "";
    width: 100%;
    height: 5px;
    background: #fff000;
    display: inline-block;
}


.lion .naire_compare {
    overflow: scroll;
}

.lion .naire_compare table{
    font-size: 12px;
    width: 600px;
}
.lion .naire_compare table tr th {
    background-color: #d5ede5;
    color: #009855;
    border: 1px solid #cccccc;
    padding: 10px;
    text-align: center;
    width: calc(100% / 4);
    letter-spacing:0.1em
  }

  .lion .naire_compare table tr th.nocol{
    border-top: 0;
    border-left: 0;
    background-color: #fff;
  }

.lion .naire_compare table tr td {
    border: 1px solid #cccccc;
    padding: 10px;
    text-align: center;
}

.lion .naire_compare table tr td.head {
    font-weight: bold;
}

.lion .naire_compare table tr th > .sup {
    font-size: 60%;
    vertical-align: super;
}



.lion.reason ol li{
    border-top: 2px solid #00A15D;
    background: #fff;
    box-shadow: #ececec 2px 6px 6px;
    margin-bottom: 30px;
    padding: 0 0 20px;
}

.lion.reason ol li:last-child{
    padding-bottom: 10px;
}

.lion.reason .reason_ttl{
    background: #B0E1C5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
}

.lion.reason .reason_ttl br{
    display: none;
}

.lion.reason .reason_ttl > span{
    color: #fff;
    display: block;
    width: 100%;
}

.lion.reason .col.ttl{
    width: 100%;
}

.lion.reason .col.ttl img{
    width: 70%;
    display: block;
    margin: 5px auto 0;
}

.lion.reason .col.ttl + .col p:nth-of-type(1) br{
    display: none;
}

.lion.reason .col:not(.ttl){
    padding: 15px 5px 0;
    box-sizing: border-box;
    line-height: 1.7;
}

.lion .mini{
    width: 94%;
    margin: 5px auto;
    color: #666 !important;
    line-height: 1.3;
}




.foot2 {
	display: block;
	background:#fff
}
  .ft_groupsite{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
        width: 96%;
        margin: 10px auto
  }
  
  .ft_groupsite .inner .ttl{
      font-size: 14px;
      font-weight: bold;
      margin: 10px 0 15px;
	  text-align: left;
  }
  
  .ft_groupsite .inner > ul li{
      border-left: 2px solid #DDD;
      padding-left: 4px;
      margin-bottom: 15px;
	  text-align: left;
  }
  
  .ft_groupsite .inner > ul li a{
      padding: 2px 4px;
      display: flex;
      align-items: center;
      display: inline-block;
      line-height: 2;
      font-size: 11px;
  }
  

  .ft_groupsite a, .ft_groupsite a:link,.ft_groupsite a:visited{
    color: #333;
  }
  
  .ft_groupsite .inner > ul li img{
      width: 34px;
      display: inline-block;
      text-align: center;
      height: auto;
      margin-right: 6px;
      width: 26px;
      float: left;
  }
  
  .ft_groupsite .inner{
      width: 49%;
  }
  
  .ft_groupsite .inner > ul li a.line2{
      line-height: 1.3;
  }

  .foot2 p.gs_title {
    margin: 0;
    padding: 2px 0 3px;
    width: 100%;
    background: #60493B;
    text-align: center;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
  }


  /*TOP 特急商品*/

  #tokkyugoods .border{
    border: 2px solid #CC2029;
    box-sizing: border-box;
    padding: 5px
  }

    #tokkyugoods ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    #tokkyugoods ul li{
        margin-bottom: 5px;
    }


#ranking div.list a div.img img{
    aspect-ratio: 129 / 129;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#new_pickup.original div.list a div.img img{
    aspect-ratio: 400 / 235;
    width: 100%;
    height: auto;
    object-fit: cover;
}


#tokkyugoods{
    margin-bottom: 30px;
}