@charset "UTF-8";

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%
}

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

th {
    text-align: left
}

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

a {
    text-decoration: none;
    cursor: pointer;
}
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;
}

img {
    border: 0
}

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

address,
em {
    font-style: normal
}

hr {
    display: none
}

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

html {
    scroll-padding-top: 65px;
    /* �Œ�w�b�_�̍����� */
}

body {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.5;
    color: #1a1a1a;
    font-family: 'Roboto', 'Noto Sans Japanese', "���C���I", Verdana, Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "�q���M�m�p�S Pro W3", "Osaka", "MS P Gothic", "�l�r �o�S�V�b�N", "lroSVbN", sans-serif !important;
    background: #fff;
}

/* �P�ƃu���O�pCSS */
/* ���̃u���O�ł����g��Ȃ��X�^�C���ݒ�͂���CSS�ɐݒ肷��B */

/* PRINTEC�e�u���O�ŋ��L����X�^�C���ݒ��
   �u���O�u�v�����e�b�N�v�̃f�U�C���X�^�C���V�[�g�ɐݒ�B */

/* ---------- �y�t�H���g�z ---------- */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansJP-Regular.otf') format('otf'),
        url('../font/NotoSansJP-Regular.woff') format('woff')
}

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

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

/*medium*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    src: url('../font/NotoSansJP-Black.otf') format('otf'),
        url('../font/NotoSansJP-Black.woff') format('woff')
}





/* ----- ���Z�l���������ӏ��� ----- */

dl.attentionBox {
    margin: 10px auto;
    width: auto;
    box-sizing: border-box;
    border: 1px solid #ff0000;
}

dl.attentionBox dt {
    color: #fff000;
    background: #ff0000;
    font-weight: bold;
    padding: 4px 5px 3px 7px;
}

dl.attentionBox dd {
    padding: 4px 6px;

    box-sizing: border-box;
    overflow: hidden;
    font-size: 13px;
}

dl.attentionBox a.linkBtn {
    float: right;
    padding: 2px 7px 2px 10px;
    border: 1px solid #ff0000;
    color: #ff0000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
    margin: 0 5px 5px 0;
}


/* ---------- �yTOP�y�[�W�z ---------- */

div#contents,
div#popcontents {
    margin-bottom: 0;
    padding-bottom: 20px;
}

div#maincontent div#pagetop2 {
    height: 145px;
    margin-bottom: 0;
    width: 700px;
}

div#contents div#daihtml1 p.sending_out {
    margin: 0;
    padding: 0;
}

div#contents div#daihtml1 p,
div#contents div#chuhtml1 p {
    /*margin:5px 0;*/
    /*padding:0;*/
    /*clear:both;*/
}

div#contents div#daihtml1 #top_main p {
    margin: 0;
    padding: 0;
}

div#contents div#top_contents h3 {
    border: none;
    border-bottom: solid #F8CC26 4px;
    background: none;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    margin: 10px 0;
}

div#contents div.top_information {
    margin: 10px 0 20px 0;
    background: url(../img/top_information_bg.png) no-repeat 0 0 transparent;
}

div#contents div#top_contents div.top_information p {
    font-size: 16px;
    color: #804F1B;
    font-weight: bold;
    letter-spacing: 0;
}

div#contents div#top_contents div.top_information p span.more_attention {
    font-size: 22px;
    color: #FF6400;
}

div#contents div#top_contents div.top_information p span.attention {
    color: #FF6400;
}

div#contents div#top_contents div.infor_box {
    margin: 10px 0;
}

div#contents div#top_contents div.infor_box p {
    width: 341px;
    margin: 0;
    clear: none !important;
}

div#contents div#top_contents div#product_box .pro_img {
    float: left;
    margin: 0;
    padding: 0;
    height: 220px;
}

div#contents div#top_contents div#product_box div.pro_content {
    float: right;
    width: 160px;
    margin-left: 5px;
}


div#contents div#top_contents div#product_box div.product01,
div#contents div#top_contents div#product_box div.product03 {
    float: left;
    margin: 0 0 20px 0;
    width: 340px;
}

div#contents div#top_contents div#product_box div.product02 {
    float: right;
    margin: 0 0 20px 0;
    width: 340px;
}

div#contents div#top_contents div#product_box div.product04 {
    float: right;
    margin: 0 0 10px 0;
    width: 340px;
}

div#contents div#top_contents div#product_box div.product04 p {
    margin: 0 !important;
    padding: 0 !important;
}

div#contents div#top_contents div.mein_bg {
    background: url("/img/top_main_bg.jpg") no-repeat scroll 0 0 transparent;
    width: 700px;
    height: 440px;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
}

div#contents div#top_contents div.mein_bg ul {
    padding: 310px 0 0 0;
    margin: 0 5px;
    list-style: none;
}

div#contents div#top_contents div.mein_bg ul li a.low {
    cursor: pointer;
    text-indent: -9999px;
    width: 320px;
    height: 105px;
    display: block;
    margin-left: 20px;
    float: left;
    background-image: url("/img/low_price_btn.png");
}

div#contents div#top_contents div.mein_bg ul li a.low:hover {
    cursor: pointer;
    text-indent: -9999px;
    width: 320px;
    height: 105px;
    display: block;
    float: left;
    margin-left: 20px;
    background-image: url("/img/low_price_btn_h.png");
}

div#contents div#top_contents div.mein_bg ul li a.high {
    cursor: pointer;
    text-indent: -9999px;
    width: 320px;
    height: 105px;
    display: block;
    margin-left: 20px;
    float: left;
    background-image: url("/img/high_quality_btn.png");
}

div#contents div#top_contents div.mein_bg ul li a.high:hover {
    cursor: pointer;
    text-indent: -9999px;
    width: 320px;
    height: 105px;
    display: block;
    margin-left: 20px;
    float: left;
    background-image: url("/img/high_quality_btn_h.png");
}


/* ---------- �e�L�X�g�Ǝ��ݒ� ---------- */

.attention {
    color: #c7161e;
    font-weight: bold;
}

.more_attention {
    font-size: 22px;
    color: #FF6400;
}

.emphasisred {
    font-size: 16px !important;
    color: #c00;
    font-weight: bold;
}

span.mini {
    font-size: 10px;
    font-weight: normal;
    color: #666;
    padding-left: 3px;
}

.emphasisblue {
    color: #1D2088;
    font-weight: bold;
    font-size: 16px !important;
}

.blue {
    color: #0068B7;
}

.yellow {
    color: #F8B500;
}

.green {
    color: #70B538;
}

.pink {
    color: #E4007F;
}

.purple {
    color: #940D84;
}

.quiet {
    color: #707070;
}

p.notice_attention {
    background: url(../img/notice_mark.jpg) no-repeat 0 0;
    padding: 0 0 0 35px !important;
    font-size: 13px !important;
    height: 55px;
    margin-bottom: 5px;
}

p.head_comment {
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 3px;
    margin-top: 20px;
    margin-bottom: 8px;
    border-bottom: dotted 2px #ccc;
    color: #333;
}

.txtBold {
    font-weight: bold;
}

#main ul.caution {
    border: 2px solid #e60012;
    padding: 8px;
    padding-left: 2em;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    margin: 5px 0;
}

#main ul.caution li {
    list-style: outside disc;
    margin-bottom: 3px;
}

/* ---------- �t���[�g�ėp ---------- */
/* ���ӁF�C�����C���v�f�i�u���v�f�����j�ւ̓K�p��u���b�N���C�A�E�g�ړI�ł̎g�p�͋֎~�I */

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clearfloat {
    clear: both;
}

img.floatleft {
    margin: 0 5px 5px 0;
}

img.floatright {
    margin: 0 0 5px 5px;
}

.featureleft {
    float: left;
    margin: 0 5px 10px 0;
    padding: 0;
}

.featureright {
    float: right;
    margin: 0 0 10px 5px;
    padding: 0;
}

div#floatbox {
    margin: 15px 0 20px 0 !important;
}


div#chuhtml1 div#noukibox {
    width: 700px;
}

div#chuhtml1 div#noukibox p.noukileft {
    margin-top: 15px;
}



/* ---  --- */

div#freepage1 div#data_box p,
div#freepage1 div#technical_box p,
div#freepage1 div#cancel_box p,
div#freepage1 div#shopping_img p,
div#freepage1 div.related_box p,
div#freepage1 div#knowledge_box p,
div#freepage1 div#collapse_box p,
div#freepage1 div#only_box p,
div#freepage1 div#color_box p,
div#freepage1 div#tokkyu_box p,
div#freepage1 div#campaign_box p,
div#freepage1 div#sample_box p {
    margin: 5px 0;
    padding: 4px 0;
}

div#freepage1 div#data_box dl {
    margin: 5px 15px 5px 20px;
}

div#freepage1 div#data_box dd {
    margin-left: 15px;
    margin-bottom: 5px;
}


div#freepage1 div#data_box address {
    margin: 5px 20px;
    font-style: normal;
    text-align: right;
}

div#freepage1 div#data_box ul,
div#freepage1 div#cancel_box ul {
    margin: 5px 30px;
    font-style: normal;
}


div#freepage1 div#data_box table,
div#freepage1 div#knowledge_box table,
div#freepage1 div.faq_section table {
    border: solid 1px #CFC486;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    margin: 5px 15px 5px 25px;
}

div#freepage1 div#data_box table thead,
div#freepage1 div#knowledge_box table thead,
div#freepage1 div.faq_section table thead {
    background-color: #f2fcfc;
}

div#freepage1 div#data_box td div#freepage1 div#data_box th,
div#freepage1 div#knowledge_box td,
div#freepage1 div#knowledge_box th,
div#freepage1 div.faq_section td,
div#freepage1 div.faq_section th {
    border: solid 1px #CFC486;
    padding: 7px 15px;
}

div#freepage1 div#data_box table thead th,
div#freepage1 div#knowledge_box table thead th {
    font-weight: normal;
    text-align: center;
    width: auto;
}

div#freepage1 div#data_box caption {
    font-weight: bold;
    padding-bottom: 3px;
}

div#freepage1 div#data_box dl table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div#freepage1 div#data_box dl ul dl ol {
    margin-left: 20px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

div#freepage1 div#data_box dl li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

div#freepage1 div#data_box td ul {
    margin: 5px 15px 5px 20px !important;
}

div#freepage1 div#data_box td ol {
    margin: 5px 15px 5px 30px !important;
}

div#freepage1 div#data_box td dl {
    margin: 5px 15px 5px 5px !important;
}

div#freepage1 div#data_box blockquote {
    margin: 5px 20px;
    border: dashed 1px #ccc;
    padding: 5px 0 5px 15px;
}

/* ---------- �e�L�X�g ---------- */

span.attention {
    color: #e8390d;
    font-weight: bold;
}

span.attention_small_font {
    color: #e8390d !important;
    font-size: 9px !important;
}


p.entrylink {
    text-align: right;
    clear: both;
}

span.bold_black {
    color: #333;
    font-weight: bold;
}

p.center {
    text-align: center;
}

/* ---------- �y���o���z ---------- */

div#daihtml1 {
    width: 740px;
    font-size: 12px;
    margin: 0 0 30px;
}

div#daihtml1 h3,
div#itemhtml2 h3 {
    border-bottom: none;
    border-left: 6px solid #c00;
    background: #f5f5f5;
    padding: 4px 10px;
    margin: 50px 0 10px 0;
}

div#freepage1 div#data_box h3,
div#freepage1 div#cancel_box h3,
div#freepage1 div.related_box h3,
div#freepage1 div#knowledge_box h3 {
    background: #A58F6B;
    color: #fff;
    padding: 4px 10px;
    border: none;
    margin: 20px 0;
}

/*
div#daihtml1 h4,
div#itemhtml2 h4{
border-bottom:5px solid #006dbc;
border-left:none;
padding:4px 10px;
margin:30px 10px 10px 10px;
}

div#freepage1 div#data_box h4,
div#freepage1 div#technical_box h4,
div#freepage1 div#cancel_box h4,
div#freepage1 div#shopping_img h4,
div#freepage1 div.related_box h4,
div#freepage1 div#knowledge_box h4{
background:#E3D8BC;
color:#736357;
border:none;
padding:4px 10px;
margin:30px 10px 10px 10px;
}
*/


/* ---------- clearfix ---------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
    /* for IE 7*/
}

/* Hides from IE-mac */
html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */



/* ---------- �K�C�h���� ---------- */

/* ----------

div#contents div#related_box h3,div#contents div#shopping_box h3,div#contents div#tmpl_box h2,
div#contents div#option_box h3,div#contents div#patient_box h3,div#contents div#member_box h3,
div#contents div#option_price h3,div#contents div#example_box h3,div#contents div#cancel_box h3,div#contents div#process_box h3{
width:auto;
height:28px;
margin:20px 0;
padding:6px 0 0 15px;
font-size:15px;
border:none !important;
background:url(../img/h3_title_bg.jpg) no-repeat 0 0 transparent;
clear:both;
}

div#contents div#shopping_box h2{
width:auto;
height:44px;
margin:25px 0;
padding:6px 0 0 15px;
font-weight:bold;
font-size:22px;
color:#003592;
border:none !important;
background:url(../img/h2_title_bg.jpg) no-repeat 0 0 transparent;
clear:both;
}

-------------- */




/************************************/
/* �I�[�_�[�{�b�N�X						*/
/************************************/

div#order_box {
    margin: 0;
}

div#order_box h3 {
    background: none;
    border: none;
    margin: 15px 0;
    padding: 0;
}


div#order_box p {
    margin: 15px 0;
}

/************************************/
/* �T���l�C��						*/
/************************************/


div#thumb_list {
    margin-top: 25px;
    margin-bottom: 60px;
}

div#thumb_list div.acrylic_list {
    float: left;
    margin: 20px 11px 10px 11px;
}

div#thumb_list div.acrylic_list dt {
    text-align: center;
    font-weight: bold;
    width: 220px;
    height: 35px;
}

div#thumb_list div.acrylic_list dd {
    margin-left: 0;
}

div#thumb_list div.acrylic_list dl img {
    margin: 6px 0 6px 0;
}

div#thumb_list div.acrylic_list dd.type {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #ff0000;
    padding-left: 23px;
    font-family: Arial, Helvetica, sans-serif;
}

div#thumb_list div.acrylic_list p {
    margin: 0;
}


div.listdat {
    width: 200px;
    height: 120px;
    padding: 8px 10px 8px;
    font-family: �q���M�m�p�S Pro W3, Hiragino Kaku Gothic Pro, ���C���I, Meiryo, Osaka, �l�r �o�S�V�b�N, MS PGothic, sans-serif;
    font-size: 12px;
    line-height: 22px;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}

div.listdat div.desc {
    margin: 5px 0 0;
    padding: 8px 0 8px;
    border-top: #dbdbdb dotted 1px;
    /*border-bottom:1px solid #ccc;*/
}

div.listdat ul {
    list-style: none;
}



/* ---------- �ً}�A����� ---------- */

div.emergency_info {
    margin: 20px 0 10px 0;
    padding: 5px 5px !important;
    background-color: #F7F2E3;
    /*border:#900 2px solid;*/
}

div.emergency_info h5 {
    margin: 3px 5px 0 5px;
    color: #333 !important;
    font-size: 15px !important;
    /*background-color:#ccc !important;*/
    padding: 5px !important;
    background-image: none !important;
}

div.emergency_info p {
    font-size: 13px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    line-height: 120%;
}


/* ---------- �y�x�ƈē��E���ӏ����z ---------- */

div#nenmatu,
div#noticeinfo {
    background: #FFD7D7;
    clear: both;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    border: 3px #e57f7f solid;
    width: 710px;
}

div#nenmatu p span.txt_color_r_b,
div#noticeinfo p span.txt_color_r_b {
    color: #F00;
    font-weight: bold;
}

div#nenmatu p.title_nenmatu,
div#noticeinfo p.title_noticeinfo {
    font-size: 18px;
    font-weight: bold;
}

div#vacationinfo {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0 0 4px;
    border-bottom: 1px dotted #ccc;
    background-color: #F1F1F1;
}

div#vacationinfo p span.txt_color_r_b,
div#noticeinfo p span.txt_color_r_b {
    color: #F00;
    font-weight: bold;
}

div#vacationinfo p.title_vacationinfo,
div#noticeinfo p.title_noticeinfo {
    font-size: 18px;
    font-weight: bold;
}

div#vacationinfo h4 {
    margin: 10px 0 0 0 !important;
    padding: 8px 12px 8px;
    color: #fff;
    background: #3E3A39;
    border: none !important;
}

div#vacationinfo .attention {
    font-weight: bold;
    color: #ff0000;
    font-size: 14px;
}

div#vacationinfo p {
    margin: 10px 14px !important;
}

div#contents div#vacationinfo ul {
    margin: 8px 35px;
}

div#vacationinfo li {
    line-height: 1.6;
}


/*---------- base styles ----------*/

html {
    font-size: 62.5%;
    /* 10px */
}

body {
    /*background:url(../img/body_bg.gif) left top repeat;*/
    background: #fff;
    min-width: 980px;
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 12px;
    font-size: 1.4rem;
    /* 14px */
    /*line-height: 1.692307692;*/
    text-align: left;
    letter-spacing: 0;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
}

body#popup {
    background: url(../img/body_bg.gif) left top repeat;
    background: #ededed;
    min-width: 760px;
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 12px;
    font-size: 1.4rem;
    /* 14px */
    line-height: 1.692307692;
    text-align: left;
    letter-spacing: 0;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
}

body > div {
    font-size: 14px;
    font-size: 1.4rem;
    /* 14px */
}

a:link {
    outline: none;
    color: #009;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    text-decoration: underline;
}

a:visited {
    color: #FF6307;
    text-decoration: underline;
}

a:hover {
    color: #875829;
    text-decoration: none;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

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

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

.mB15 {
    margin-bottom: 15px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB0 {
    margin-bottom: 0 !important;
}

.mT50 {
    margin-top: 50px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT0 {
    margin-top: 0 !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL15 {
    margin-left: 15px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL5 {
    margin-left: 5px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR15 {
    margin-right: 15px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR5 {
    margin-right: 5px !important;
}

.txtGreen {
    color: #006837;
}

.txt_c {
    text-align: center;
}

.txt_r {
    text-align: right;
}

.txt_ind {
    text-indent: -1em;
    padding-left: 1em;
}

.txt_b {
    font-weight: bold;
}

/*
#header span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
*/
a:hover img {
    background-color: transparent;
    opacity: 0.7;
    /*
	filter: alpha(opacity=70);
*/
}

.c_b {
    clear: both;
}

.r {
    float: right;
}

.l {
    float: left;
}

input[type="text"],
input[type="password"] {
    height: 18px;
    line-height: 18px;
}

select {
    height: 30px;
    line-height: 30px;
}

textarea {}

.toggle {
    display: none;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
    overflow: visible;
}

.clearfix {
    display: block;
}


/***------------
haeder
------------***/
#header {
    background: #fff;
    width: 100%;
}

#header h1 {
    font-size: 10px;
    padding: 2px 13px;
    color: #666666;
    font-weight: normal;
    width: 1000px;
    margin: 0 auto;
}

#header #headerH1 {
    width: auto;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}

#header #headerH1In {
    width: 100%;
    margin: 0 auto;
}

#header #headBox {
    width: auto;
    background: #fff;
    position: relative;
}

#header #headIn {
    width: 1000px;
    padding: 8px 0 15px;
    margin: 0 auto;
}

#header #headIn > .l {
    width: 340px;
}

#header #headIn .l .caption {
    width: 145px;
    padding-top: 10px;
    color: #A58F6B;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    float: right;
}

#header .logo {
    margin: 11px 10px 0;
}

#header #headIn .r .logo {
    float: left;
}

#header .m_company {
    text-align: right;
    font-size: 12px;
    color: #0064C1;
    margin: 0 0 6px;
    ;
}

#header #headIn div.r {
    width: 615px;
}

#header #headIn div.r > .clearfix {
    margin-bottom: 0;
}

#header #headIn .r .clearfix .member {
    width: 450px;
    border: solid 1px #5C504F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 14px;
    behavior: url(http://trophy.just-shop.jp/css/pie/PIE.htc);
    position: relative;
}

#header #headIn .r .clearfix .member .name {
    background: #5C504F;
    width: 275px;
    float: left;
    -webkit-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -o-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -ms-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    behavior: url(http://trophy.just-shop.jp/css/pie/PIE.htc);
    position: relative;
}

*html #header #headIn .r .clearfix .member .name {
    background: #5C504F;
    width: 205px;
    float: left;
    -webkit-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -o-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    -ms-border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px/4px 0px 0px 4px;
    behavior: url(http://trophy.just-shop.jp/css/pie/PIE.htc);
    position: relative;
}

#header #headIn .r .clearfix .member .name p {
    color: #FFFFFF;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    margin: 1px 0 0;
}

#header #headIn .r .clearfix .member ul {
    background: #FFFFFF;
    width: 174px;
    min-height: 23px;
    text-align: center;
    float: right;
    -webkit-border-radius: 0px 4px 4px 0px/0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px/0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px/0px 4px 4px 0px;
    -ms-border-radius: 0px 4px 4px 0px/0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px/0px 4px 4px 0px;
    behavior: url(http://trophy.just-shop.jp/css/pie/PIE.htc);
    position: relative;
    line-height: 23px;
}

#header #headIn .r .clearfix .member ul li {
    height: 15px;
    display: inline-block;
    *display: inline;
    padding: 1px 14px 0;
    margin: 4px 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    *line-height: 23px;
}

#header #headIn .r .clearfix .member ul.logout li {
    width: 4em;
}

#header #headIn .r .clearfix .member ul li a {
    color: #000000;
    text-decoration: none;
}

#header #headIn .r .clearfix .member ul li:first-child + li {
    border-left: solid 1px #CFC4A8;
}

#header #headIn .r .clearfix div.r {
    width: 140px;
    padding: 0 0 0 0;
}

#header #headIn .r .clearfix .r p.l {
    padding-top: 3px;
}

#header #headIn .r .clearfix .r p.r {
    padding-top: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
}

#header #headIn .r .clearfix .r p.r span {
    color: #0064C1;
    font-weight: bold;
}

#header #headIn .r #nav {
    height: 25px;
    border-left: solid 1px #CFC4A8;
    margin-bottom: 5px;
}

#header #headIn .r #nav li {
    border-right: solid 1px #CFC4A8;
    float: left;
}



/***------------ contents ------------***/

#contents {
    width: 1000px;
    padding: 15px 0 0;
    margin: 0 auto 0;
    background: #fff;
}

#popContents {
    width: 700px;
    margin: 0 20px 0;
    background: #fff;
    padding: 5px 10px;
}


/***------------ rightContents ------------***/

#rightContents {
    width: 740px;
    float: right;
    margin: 0 0 30px 0;
}


/* #rightContents #path */
/* #rightContents #pankuzu */

#rightContents #path,
#rightContents #pankuzu {
    margin-bottom: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
}

#rightContents #path a,
#rightContents #pankuzu a {
    color: #A58F6B;
}

#rightContents #path span {
    margin: 0 0.7em;
}

/* #rightContents .date */
#rightContents .date {
    margin-bottom: 50px;
}

#rightContents .date p:first-child {
    background: #A58F6B;
    color: #FFFFFF;
    line-height: 30px;
}

#rightContents .date p:first-child + p {
    background: #E3D8BC;
    color: #473823;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 25px;
}



/* ---------- .sub --------- */

.sub h2 {
    margin-bottom: 10px;
}

.sub h2.page_344,
.sub h2.page_345,
.sub h2.page_352,
.sub h2.page_353,
.sub h2.page_355 {
    height: 40px;
    border-left: solid 6px #7B292D;
    background: #F1F1F1;
    margin: 0 0 15px;
    padding: 2px 0 0 12px;
    color: #473823;
    font-size: 18px;
    line-height: 40px;
    display: block;
}

.sub h2 span {
    border-left: solid 5px #804B23;
    background: #F3C025;
    padding: 5px 0 5px 10px;
    color: #473823;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 35px;
    display: block;
}

div#freepage1 .sub .sec h3 {
    padding-bottom: 7px;
    border-bottom: solid 2px #CFC4A8;
    margin-bottom: 2px;
    color: #473823;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

.sub .sec .secIn {
    padding-top: 16px;
    border-top: solid 1px #CFC4A8;
}

.sub div dl.figure dt {
    color: #654F2B;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.sub div dl.figure dd {
    color: #654F2B;
    font-size: 13px;
    font-size: 1.3rem;
}

.sub div dl.figure a {
    color: #000000;
}

.sub #freepage1 {
    margin-bottom: 60px;
}

.sub #freepage1 #thumb_list div dl {
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
    font-weight: bold;
    line-height: 1.153846154;
}

/* .item */

.item h2 {
    /*background:#F7F1E4;*/
    /*padding-bottom:9px;*/
    background: url(../img/catelist_h2_bg.gif) no-repeat center center;
    height: 40px;
    margin: 0 0 15px;
}

h2.page_331,
h2.page_332,
h2.page_348,
h2.page_349,
h2.page_350,
h2.page_351 {
    /*background:url(../img/catelist_h2_bg.gif) no-repeat center center;*/
    height: 40px;
    border-left: solid 6px #7B292D;
    background: #F1F1F1;
    margin: 0 0 15px;
    padding: 2px 0 0 12px;
    color: #473823;
    font-size: 18px;
    line-height: 40px;
    display: block;
}

#list_div h2 {
    margin: 0 0 15px;
}

#list_div h2 span,
.item h2 span {
    border-left: solid 6px #7B292D;
    background: #F1F1F1;
    margin: 0 0 0;
    padding: 2px 0 0 12px;
    color: #473823;
    font-size: 18px;
    line-height: 40px;
    display: block;
}


#list_div h3 {
    background: url(../img/catelist_h2_bg.gif) no-repeat center center;
    height: 40px;
    margin: 0 0 15px;
}

#list_div h3 span {
    padding-left: 22px;
    color: #473823;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
}

.item .sec h3 {
    background: url(../img/icon_title.png) no-repeat left center;
    height: 24px;
    padding-left: 26px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

/* .item .priceList */
.item .priceList {
    margin-bottom: 30px;
}

.item .priceList .secIn table {
    width: 729px;
    border-top: solid 1px #CFC4A8;
    border-left: solid 1px #CFC4A8;
}

.item .priceList .secIn table th {
    background: #F7F1E4;
    height: 38px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

.item .priceList .secIn table td {
    background: #FFFFFF;
    padding: 19px 0 18px 0;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    text-align: center;
    vertical-align: middle;
}

.item .priceList .secIn table td.price {
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}





/* .item .priceList02 */
.item .priceList02 {
    margin-bottom: 60px;
}

.item .priceList02 .secIn table {
    width: 729px;
    border-top: solid 1px #CFC4A8;
    border-left: solid 1px #CFC4A8;
}

.item .priceList02 .secIn table th {
    background: #F7F1E4;
    height: 50px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

.item .priceList02 .secIn table td {
    background: #FFFFFF;
    padding: 5px 0;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    text-align: center;
    vertical-align: middle;
}

.item .priceList02 .secIn table td.price {
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.item .priceList02 .secIn table .price {
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.item .priceList02 .secIn table del {
    color: #666;
}

/* .item .sec1 */
.item .sec1 {
    margin-bottom: 65px;
}

.item .sec1 .secIn {
    background: #F7F1E4;
    padding: 20px;
    margin-bottom: 50px
}

.item .sec1 .secIn .r {
    width: 320px;
}

.item .sec1 .secIn dl {
    padding: 15px 0 0;
    border-top: solid 2px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    margin-bottom: 12px;
}

.item .sec1 .secIn dl dt {
    color: #473823;
    font-weight: bold;
    line-height: 1.538461538;
}

.item .sec1 .secIn ul {
    padding-bottom: 8px;
    border-bottom: solid 2px #CFC4A8;
}

.item div h4 {
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 10px;
}

.item .sec .text {
    width: 350px;
}

.item .sec > ul.clearfix {
    width: 750px;
    margin-right: -20px
}

.item .sec > ul.clearfix li {
    width: 230px;
    margin-right: 20px;
    float: left;
}

.item .sec > ul.clearfix li p:first-child {
    background: #F2F2F2;
    min-height: 135px;
    margin-bottom: 15px;
}

.item .sec > ul.clearfix li dl dt {
    color: #473823;
    font-weight: bold;
    line-height: 1.538461538;
}

/* .item .option */
.item .option {
    background: #FFFFFF;
    padding: 19px 12px 19px 19px;
    border: solid 1px #CFC4A8;
    margin-bottom: 50px;
}

.item .option ul li {
    margin: 0 20px 0 0;
    float: left;
}

.item .option ul li:first-child + li + li + li {
    margin-right: 0 !important;
}

.item .option dl dt {
    color: #473823;
    font-weight: bold;
    line-height: 1.538461538;
}

/* .item .order */
.item .order {
    border: solid 5px #A58F6B;
    margin-bottom: 65px;
}

.item .order div {
    background: #A58F6B;
    padding: 23px 13px 21px;
    border: solid 2px #FFFFFF;
}

.item .order div dl.r,
.item .order div dl.l {
    width: 340px;
    margin-bottom: 10px;

}

.item .order div dl dt {
    margin-bottom: 8px;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.item .order div dl dd {
    text-align: center;
}

.item .order div dl.temp {
    clear: both;
    margin-top: 10px;
}

/* .item .recommend */
.item .recommend {
    margin-bottom: 60px;
}

.item .recommend .secIn {
    background: #F7F1E4;
    padding: 20px;
}

.item .recommend .secIn ul {
    width: 755px;
    margin-right: -25px;
}

.item .recommend .secIn ul li {
    width: 215px;
    margin-right: 25px;
    float: left;
}

.item .recommend .secIn ul li p:first-child {
    margin-bottom: 12px;
}

.item .recommend .secIn ul li dl dt {
    color: #473823;
    font-weight: bold;
    line-height: 1.538461538;
}

.item .recommend .secIn ul li dl dd {
    line-height: 1.384615385;
}


/* .orderForm */

.orderForm h2 {
    background: url(../img/catelist_h2_bg.gif) no-repeat center center;
    height: 40px;
    margin: 0 0 15px;
}

.orderForm h2 span {
    border-left: solid 6px #7B292D;
    background: #F1F1F1;
    margin: 0 0 0;
    padding: 2px 0 0 12px;
    color: #473823;
    font-size: 18px;
    line-height: 40px;
    display: block;
}


/* .jisseki */
.jisseki h2 {
    background: #F7F1E4;
    padding-bottom: 9px;
}

.jisseki h2 span {
    background: #FFFFFF;
    padding-left: 20px;
    border-bottom: solid 1px #CFC4A8;
    color: #473823;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
    display: block;
}

/* .mitsumori */
.mitsumori h2 {
    background: #F7F1E4;
    padding-bottom: 9px;
}

.mitsumori h2 span {
    background: #FFFFFF;
    padding-left: 20px;
    border-bottom: solid 1px #CFC4A8;
    color: #473823;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
    display: block;
}

/***------------ leftContents ------------***/

#leftContents {
    width: 230px;
    margin: 0;
    float: left;
}

#leftContents #search_box {
    margin: 0 0 20px;
    padding: 12px 15px 20px;
    border: solid 2px #333;
}

#leftContents #search_box h5 {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
    border-bottom: solid 1px #333;
    margin: 0 0 12px;
    padding: 0;
}

#leftContents #search_box #search_list {
    margin: 6px 8px 2px;
    font-size: 12px;
}

#leftContents #search_box #search_list p {
    margin: 8px 0 1px;
}

#leftContents #search_box #bg_gryf {
    margin: 14px auto 0;
    text-align: center;
}

#leftContents .sec {
    margin-bottom: 20px;
}

#leftContents .sec h3 {
    /*margin-bottom:-10px;*/
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

#leftContents h3 {
    margin: 20px 0 6px;
    padding: 0 0 8px;
    border-bottom: solid 2px #373434;
}

#leftContents .sec h4 {
    border-right: solid 5px #FFC800;
    border-left: solid 5px #FFC800;
}

#leftContents .sec ul {
    background: #FFFFFF;
    /*border-right:solid 5px #FFC800;
	border-left:solid 5px #FFC800;*/
}

#leftContents .sec ul.radius {
    border-bottom: solid 5px #FFC800;
    /*
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	*/
    behavior: url(../css/pie/PIE.htc);
    position: relative;
}

#leftContents .sec ul li:first-child {
    border-top: none;
}

#leftContents .sec ul li a {
    color: #000000;
    text-decoration: none;
}

#leftContents .sec ul li a:hover {
    color: #FF6307;
    text-decoration: none;
}

/* #leftContents .sec1 */
#leftContents .sec1 ul {
    padding-top: 10px;
}

#leftContents .sec1 ul li {
    background: url(../img/icon_left_arrow.gif) no-repeat 188px center;
    height: 40px;
    padding-top: 3px;
    border-top: solid 1px #CFC4A8;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 40px;
}

#leftContents .sec1 ul li:first-child {
    padding-top: 0px;
    border-top: none;
}

#leftContents .sec1 ul li a {
    width: 141px;
    height: 100%;
    padding: 0 10px 0 47px;
    display: block;
}


/*---------- #leftContents .sec2 ----------*/

#leftContents .sec2 h4 {
    background: #FEEF67;
    padding: 8px 15px 8px;
}

#leftContents .sec2 ul li {
    background: url(../img/icon_left_arrow.gif) no-repeat 14px center;
    height: auto;
    border-top: solid 1px #CFC4A8;
    font-size: 12px;
    font-size: 1.3rem;
    line-height: 38px;
    /*padding:10px 0 10px;*/
}

#leftContents .sec2 ul li.nline {
    background: url(../img/icon_left_arrow.gif) no-repeat 14px 26%;
    line-height: 20px;
}

#leftContents .sec2 ul li.nline a {
    height: 48px;
    padding: 8px 10px 0 30px;
}

#leftContents .sec2 ul li a {
    width: 178px;
    height: 100%;
    padding: 0 10px 0 30px;
    display: block;
}

/* #leftContents .sec3 */

#leftContents .sec3 {
    padding: 2px 0;
}

#leftContents p {
    margin: 15px 0;
}

#leftContents .sec3 ul {
    background: #fff;
}

#leftContents .sec3 ul li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 20px;
    margin: 8px 0 10px;
}

#leftContents .sec3 ul li a {
    background: url(../img/icon_arrow.png) no-repeat 4px center;
    padding-left: 18px;
    color: #000000;
    text-decoration: none;
}

#leftContents .sec3 ul li a:hover {
    color: #FF6307;
    text-decoration: none;
}

/* #leftContents .sec4 */
#leftContents .sec4 {}

#leftContents .sec4 h3 {
    border-bottom: solid 2px #CFC4A8;
    margin-bottom: 2px;
}

#leftContents .sec4 div {
    padding-top: 9px;
    border-top: solid 1px #CFC4A8;
}

#leftContents .sec4 div table {
    width: 220px;
    border-top: solid 1px #CFC4A8;
    border-left: solid 1px #CFC4A8;
    margin-bottom: 10px;
}

#leftContents .sec4 div table caption {
    background: #5C504F;
    border-top: solid 1px #CFC4A8;
    border-right: solid 1px #CFC4A8;
    border-left: solid 1px #CFC4A8;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
}

#leftContents .sec4 div table th {
    background: #E3E3D9;
    height: 28px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

#leftContents .sec4 div table td {
    background: #FFFFFF;
    height: 28px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    text-align: center;
    vertical-align: middle;
}

#leftContents .sec4 div table td.rest {
    background: #FFDDE2;
}

/* #leftContents .sec0 */
#leftContents .sec0 {
    background: url(../img/bg_left000_ft.gif) no-repeat left bottom;
    padding-bottom: 30px;
    margin-bottom: 20px;
    cursor: pointer;
}

#leftContents .sec0 h3 a:hover img {
    opacity: 1;
}

#leftContents .sec0 h3 {
    background: url(../img/bg_left000_hd.gif) no-repeat left top;
    padding-top: 40px;
    margin-bottom: 15px;
}

#leftContents .sec0 p.txt_c {
    line-height: 1.538461538;
}

#leftContents .sec0 p.txt_c strong {
    color: #FF6307;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.375;
}


#leftContents div#product_list {
    margin-top: 5px;
    margin-bottom: 30px;
}

#leftContents div#product_list h4 {
    margin-bottom: 15px;
}

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

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

#leftContents div#product_list ul li.shadecontent a {
    display: block;
    min-height: 12px;
    height: auto !important;
    height: 26px;
    /* min-height fast hack */
    background: url(../img/arrow_icon.gif) no-repeat 4% 50%;
    padding: 9px 5px 7px 20px;
}

#leftContents div#product_list ul li.shadecontent a:link,
#leftContents div#product_list ul li.shadecontent a:visited {
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

#leftContents div#product_list ul li.shadecontent a:hover {
    color: #ec5f18;
    text-decoration: underline;
    background-color: #FFEABF;
}


#leftContents div#product_list div.shadegroup ul li.shadebtn,
#leftContents div#product_list div.shadegroup02 ul li.shadebtn {
    border-bottom: solid 1px #373434;
}

#leftContents div#product_list div.shadegroup ul li.shadebtn img,
#leftContents div#product_list div.shadegroup02 ul li.shadebtn img {
    margin: 4px 0 4px;
}

#leftContents div#product_list div.shadegroup ul li.shadebtn img,
#leftContents div#product_list div.shadegroup02 ul li.shadebtn img {
    padding: 0;
    background: none;
}

#leftContents div#product_list div.shadegroup ul li.last,
#leftContents div#product_list div.shadegroup02 ul li.last {
    border-bottom: none;
}

#leftContents div#select_menu05 li#template a {
    display: block;
    height: 80px !important;
    padding: 0;
    background: url(../img/template_bar.jpg) no-repeat 0 0;
}

#leftContents div#select_menu05 li#estimation a {
    display: block;
    height: 80px !important;
    padding: 0;
    background: url(../img/estimation_bar.jpg) no-repeat 0 0;
}

#leftContents div#select_menu05 li#delivcalendar a {
    display: block;
    height: 80px !important;
    padding: 0;
    background: url(../img/delivcalendar_bar.jpg) no-repeat 0 0;
}

#leftContents div#select_menu05 ul li {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 80px !important;
    border: none;
}

#leftContents div#menu_acc {
    margin-bottom: 15px;
}

/*�@new top */

#leftContents {}

#leftContents h3 {
    font-size: 18px;
    line-height: 1.25;
    border-bottom: 0;
    border-top: 4px solid #75272b;
    background: #f5f5f5;
    letter-spacing: -0.02em;
    margin: 30px 0 5px;
    padding: 16px 0 16px 14px;
    color: #222;
}

#leftContents h3#giftmeisteroriginal {
    margin-top: 20px;
}

#leftContents h3#pickup {
    border-top: 4px solid #75272b;
}

#leftContents h3#guide {
    margin-bottom: 0;
}


#leftContents h3 span.small {
    font-size: 14px
}

#leftContents ul.product {}

#leftContents ul.product li:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

#leftContents ul.product li a {
    color: #222;
}

#leftContents ul.product li a:hover {
    text-decoration: none;
}

#leftContents ul.product li a:hover div {
    background: #f5f5f5;
}

#leftContents ul.product li div {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
}

#leftContents ul.product li span {
    font-size: 11px;
    line-height: 1.3;
    width: 160px;
    vertical-align: top;
}

#leftContents ul.product li span.name {
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    display: block;
    color: #75272b;
    margin-bottom: 4px;
    letter-spacing: -0.04em;
}


#leftContents ul.guide {
    border: 4px solid #f3f3f3;
    border-top: 0;
    box-sizing: border-box;
}

#leftContents ul.guide a {
    padding: 6px 6px 6px 20px;
    display: block;
    font-size: 13px;
    color: #333;
    position: relative;
}

#leftContents ul.guide a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: solid 2px #eac2ce;
    ;
    border-right: solid 2px #eac2ce;
    ;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#leftContents ul.guide a:hover {
    background: #ececec;
    text-decoration: none;
}


/*****------------ footer ------------*****/

#footer {
    width: 100%;
}

#footer div#ft_contact,
#footer div#ft_guide {
    width: 980px;
    margin: 0 auto;
    padding: 10px;
    background-color: #EDEDED;
    position: relative;
}

div#ft_contact h3,
div#ft_guide h3 {
    text-align: center;
    margin: 0 0 15px;
}

div#ft_contact h3 + p,
div#ft_guide h3 + p {
    line-height: 45px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
}

div#ft_contact h3 + p a,
div#ft_guide h3 + p a {
    background: url(../img/icon_arrow_ft.png) no-repeat right 45%;
    color: #333;
    padding: 0 22px 0 0;
}

div#ft_contact div#ft_number {
    height: 134px;
    margin: 0 0 30px;
    background: url(../img/ft_contact_number.png) no-repeat 0 0;
}

div#ft_contact div#ft_number img {
    margin: 27px 10px 0;
}

div#ft_guide p.d_yamato {
    margin: 5px 0 0;
    padding: 12px 0 10px 75px;
    background: url(../img/icon_yamato.gif) no-repeat 0 50%;
}

div#ft_guide p.d_seino {
    padding: 12px 0 10px 75px;
    background: url(../img/icon_seino.gif) no-repeat 0 50%;
}

/*****------------ �O���[�v�T�C�g ------------*****/

.foot2 {
    width: 100%;
    background: #fff;
    border-top: solid 4px #60493B;
    text-align: center;
    clear: both;
}

.foot2 ul {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0 0 0;
}

.foot2 li {
    width: 200px;
    display: inline-block;
    padding: 0 10px 20px;
    float: left;
}




/*****------------ #contact_box ------------*****/

#contact_box {
    height: 295px;
    border-bottom: 1px solid #999999;
}

#ft_contact div#ft_calendar {
    width: 412px;
    float: left;
}

#ft_contact div#ft_calendar h3 {
    border-bottom: solid 2px #999999;
    margin-bottom: 5px;
    padding: 0 2px 8px;
    text-align: left;
}

#ft_contact div#ft_calendar table {
    width: 194px;
    height: 180px;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    margin: 0 5px;
    float: left;
}

#ft_contact div#ft_calendar table caption {
    color: #666666;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}

#ft_contact div#ft_calendar table th {
    background: #E3E3D9;
    /*height:28px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	border-top:solid 1px #fff;*/
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 0 4px 0;
}

#ft_contact div#ft_calendar table td {
    background: #FFFFFF;
    /*height:28px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;*/
    text-align: center;
    vertical-align: middle;
}

#ft_contact div#ft_calendar table td.rest {
    background: #ED6493;
    color: #fff;
}

#ft_contact div#ft_company {
    width: 540px;
    margin: 0 0 0 0;
    float: right;
}

#ft_contact div#ft_company h3 {
    border-bottom: solid 2px #999999;
    margin-bottom: 5px;
    padding: 0 2px 8px;
    text-align: left;
    width: 276px;
}

#ft_contact div#ft_company div.r {
    float: right;
    width: 250px;
}

#ft_contact div#ft_company div.l {
    float: left;
    width: 276px;
}

span.stext {
    font-size: 12px;
}

#ft_contact div#ft_company dd img {
    margin: 8px 0 0;
}

#ft_contact div#ft_company dd.acquisition img {
    margin: 12px 12px 0;
    vertical-align: bottom;
}

#ft_contact #contactNav {
    margin: 0 0 50px;
}

#ft_contact #contactNav ul {
    width: 980px;
    padding-top: 4px;
    border-top: solid 1px #FFFFFF;
    margin: 0 auto;
    text-align: center;
}

#ft_contact #contactNav ul li {
    border-left: solid 1px #808080;
    display: inline;
    padding: 0 8px 0;
    font-size: 12px;
}

#ft_contact #contactNav ul li:first-child {
    border-left: none;
}

#ft_contact #contactNav ul li a:visited {
    color: #666666;
}

#ft_contact #contactNav ul li a:link {
    color: #666666;
}


/*****------------ #ft_guide ------------*****/

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

div#ft_guide .adjust {
    margin: 5px 0 5px;
}


div#ft_guide ul {
    font-size: 12px;
    margin: 5px 2px 12px;
}

div#ft_guide ul li {
    padding: 0 0 0 14px;
    background: url(../img/icon_list.png) no-repeat 0 5px;
}


div#ft_guide h4 {
    text-align: center;
    margin: 0 0 10px;
}

#ft_guide div.guide .clearfix > div.l {
    width: 470px;
    margin: 0 0 0;
    position: relative;
}

#ft_guide div.guide .clearfix > div.r {
    width: 480px;
    margin: 0 0 0;
    position: relative;
}

#ft_guide div.guide .clearfix div.g02 {
    position: relative;
    margin: 40px 0 0;
}

#ft_guide div.guide div.bottom {
    margin: 40px 0 15px;
    position: relative;
}

div#ft_guide h4 + p {
    line-height: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 14px;
}

div#ft_guide h4 + p a {
    background: url(../img/icon_arrow.png) no-repeat right 50%;
    color: #333;
    padding: 0 15px 0 0;
}

#ft_guide div.guide div.r p.btxt {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.d_time {
    margin: 10px 0 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #999;
}

#ft_guide div.guide div.r div.g02 table {
    border: 1px solid #999;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}

#ft_guide div.guide div.r div.g02 table th {
    width: 50%;
    text-align: center;
    padding: 6px 0 6px;
    border: 1px solid #999;
    background-color: #EBEEEF;
}

#ft_guide div.guide div.r div.g02 table td {
    padding: 7px 12px 9px;
    border: 1px solid #999;
    background-color: #fff;
    vertical-align: top;
}

#ft_guide div.guide div.r div.g02 table td img {
    margin: 10px 0 0;
}


/*-------- �̔����� -----*/

div#sales_terms_box {
    width: 470px;
    height: 200px;
    background: url(../img/terms_sale_bg.png) no-repeat 0 0;
    padding: 14px 0 0;
}

div#sales_terms_box p.sales_base {
    margin: 0 0 0 14px;
    text-indent: -9999px;
}

div#sales_terms_box p.sales_base a {
    display: block;
    width: 202px;
    height: 142px;
}

div#sales_terms_box ul {
    float: right;
    width: 227px;
    margin: 0 28px 0 0;
}

div#sales_terms_box ul li {
    text-indent: -9999px !important;
    margin: 0 0 8px;
}

div#sales_terms_box ul li a {
    display: block;
    width: 227px;
    height: 42px;
}

div#sales_terms_box p.sales_base a {
    background: url(../img/terms_sale_main.png) no-repeat 0 0;
}

div#sales_terms_box p.sales_base a:hover {
    background: url(../img/terms_sale_main_h.png) no-repeat 0 0;
}

div#sales_terms_box ul li.payment a {
    background: url(../img/terms_payment.png) no-repeat 0 0;
}

div#sales_terms_box ul li.postage a {
    background: url(../img/terms_postage.png) no-repeat 0 0;
}

div#sales_terms_box ul li.receipt a {
    background: url(../img/terms_receipt.png) no-repeat 0 0;
}

div#sales_terms_box ul li.payment a:hover {
    background: url(../img/terms_payment_h.png) no-repeat 0 0;
}

div#sales_terms_box ul li.postage a:hover {
    background: url(../img/terms_postage_h.png) no-repeat 0 0;
}

div#sales_terms_box ul li.receipt a:hover {
    background: url(../img/terms_receipt_h.png) no-repeat 0 0;
}





#ftNavBox {
    padding: 20px 0 20px;
    background-color: #fff;
}

#ftNav {
    margin: 20px 0 0;
    background-color: #fff;
}

#ftNav ul {
    width: 980px;
    padding-bottom: 5px;
    border-bottom: 1px solid #808080;
    margin: 0 auto;
    text-align: center;
}

#ftNav ul li {
    border-left: solid 1px #808080;
    display: inline;
    padding: 0 10px 0;
    font-size: 14px;
}

#ftNav ul li:first-child {
    border-left: none;
}

#ftNav ul li a:visited {
    color: #0064C1;
}

#ftNav ul li a:link {
    color: #0064C1;
}



#footer #copy {
    background: #E6E6E6;
    margin: 0;
    padding: 0;
}

#footer #copy div#ftcopy {
    width: 980px;
    margin: 0 auto 0;
    padding: 5px 0 75px;
    background: #E6E6E6;
}

#copy div#copyTxt {
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 5px 5px 0;
}

#copy div#ftNavLast {
    float: left;
    margin: 0;
    padding: 0;
}

#ftNavLast ul {
    margin: 0;
    text-align: left;
}

#ftNavLast ul li {
    border-left: solid 1px #808080;
    display: inline;
    margin: 0;
    padding: 0 10px 0;
    font-size: 12px;
}

#ftNavLast ul li:first-child {
    border-left: none;
}

#ftNavLast ul li a:visited {
    color: #0064C1;
}

#ftNavLast ul li a:link {
    color: #0064C1;
}



/********** tel　フッター **********/

.footTel2 {
	background: #cd202a;
	display: inline-block;
	float: left;
	font-size: 13px;
	margin:4px 5px 0 0 ;
	padding: 3px 4px 1px;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.footer__inner {
	margin: 10px auto;
	padding: 0;
	margin-bottom:20px;
  justify-content: flex-start;
display:flex;
flex-wrap: wrap;
}

.footer-contact-content .footer-contact-tel {
    display: block;
    /*float: left;*/
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-right: none;
    height: auto;
    /*border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
    margin: 6px 0 0;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
}
.footer-contact-tel .fas{
    margin-right:4px;
}

.footer-contact-tel .fas.blue{
    color:#0e2d64;
}

.footer-contact-tel .left{
    display: inline-block;
    vertical-align: top;
    width:300px;
    margin:0 4px 0 0;
    font-size:10px;
    line-height:1.2;
    color:#1e1e1e;
}
.footer-contact-tel .left span.tel1{
    font-size:24px;
    font-weight: bold;
}
.footer-contact-tel .left span.tel2{
    font-size:13px;
    font-weight: bold;
    padding:0 0 0 3px;
}

.footer-contact-tel .right{
    display: inline-block;
    vertical-align: top;
    width:200px;
    margin:8px 0 0 0;
    font-size:11px;
    line-height: 1.5;
    color:#1e1e1e;
}

.footer-contact-tel .right span.mail{
    font-size:16px;
}


.footer-description-content {
    float:left;
    margin:30px 0 0 10px;
}

.footer__inner .invoice {
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  margin-left:30px;
  border:solid 2px #333;
}

.footer__inner .invoice p.bold_number {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  line-height: 2;
}

.footer__inner  .invoice a,
.footer__inner  .invoice a:link,
.footer__inner  .invoice a:visited{
color:#666;
text-decoration:underline;
}




/***------------
index.asp
------------***/
/* .top #mainVisual */
.top #mainVisual {
    margin-bottom: 10px;
}

.top #mainVisual .l {
    width: 530px;
}

.top #mainVisual .r {
    width: 199px;
    height: 298px;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    position: relative;
}

.top #mainVisual .r .thumbs {}

.top #mainVisual .r .thumbs li {
    height: 58px;
    border-top: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}

.top #mainVisual .r .thumbs li a {
    display: block;
    background: #F2F2F2;
    height: 40px;
    padding: 9px 8px 9px 10px;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
}

.top #mainVisual .r .thumbs li a img {
    background: #FFFFFF;
    padding: 4px;
    border: solid 1px #CCCCCC;
    float: left;
}

.top #mainVisual .r .thumbs li a span {
    width: 107px;
    float: right;
}

.top #mainVisual .r .thumbs li a.active {
    background: #FFFFFF;
}

/* .top .sec1 */
.top .sec1 {
    margin-bottom: 45px;
    position: relative;
}

.top .sec1 p.txt_c {
    width: 450px;
    margin-left: -225px;
    color: #534741;
    line-height: 25px;
    position: absolute;
    left: 50%;
    top: 155px;
}

.top .sec1 p.txt_c strong {
    font-size: 18px;
    font-size: 1.8rem;
    color: #FF6307;
}

.top .sec1 .btn {
    position: absolute;
    left: 394px;
    top: 492px;
}

/* .top .sec2 */
.top .sec2 {
    margin-bottom: 80px;
}

.top .sec2 h2 {
    margin-bottom: 10px;
}

.top .sec2 ol {
    background: #F7F1E4;
}

.top .sec2 ol li {
    float: left;
}

.top .sec2 ol .rank1 {
    width: 357px;
    padding: 20px 8px 19px 20px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
}

.top .sec2 ol .rank1 .l,
.top .sec2 ol .rank2 .l,
.top .sec2 ol .rank3 .l,
.top .sec2 ol .rank4 .l,
.top .sec2 ol .rank5 .l {
    padding-top: 30px;
}

.top .sec2 ol .rank1 .r {
    background: url(../img/icon_rank001.gif) no-repeat left top;
    width: 189px;
    padding-top: 39px;
}

.top .sec2 ol .rank1 .r dl dt {
    color: #FF6307;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.352941176;
}

.top .sec2 ol .rank2 {
    width: 314px;
    padding: 20px 14px 19px 16px;
    border-bottom: solid 1px #CFC4A8;
}

.top .sec2 ol .rank2 .r {
    background: url(../img/icon_rank002.gif) no-repeat left top;
    width: 165px;
    padding-top: 30px;
}

.top .sec2 ol .rank2 .r dl dt {
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
}

.top .sec2 ol .rank3,
.top .sec2 ol .rank4 {
    width: 214px;
    padding: 14px 9px 16px 20px;
    border-right: solid 1px #CFC4A8;
}

.top .sec2 ol .rank5 {
    width: 213px;
    padding: 14px 9px 16px 20px;
}

.top .sec2 ol .rank3 .r {
    background: url(../img/icon_rank003.gif) no-repeat left top;
}

.top .sec2 ol .rank4 .r {
    background: url(../img/icon_rank004.gif) no-repeat left top;
}

.top .sec2 ol .rank5 .r {
    background: url(../img/icon_rank005.gif) no-repeat left top;
}

.top .sec2 ol .rank3 .r,
.top .sec2 ol .rank4 .r,
.top .sec2 ol .rank5 .r {
    width: 114px;
    padding-top: 30px;
}

.top .sec2 ol .rank3 .r dl dt,
.top .sec2 ol .rank4 .r dl dt,
.top .sec2 ol .rank5 .r dl dt {
    color: #FF6307;
    font-weight: bold;
    line-height: 1.538461538;
}

.top .sec2 ol li .r dl dd {
    line-height: 1.384615385;
}

.top .sec2 ol li .r p {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
}

.top .sec2 ol li .r p a {
    background: url(../img/icon_arrow.png) no-repeat left center;
    padding-left: 10px;
    color: #000000;
}

/* .top .sec3 */
.top .sec3 {
    margin-bottom: 80px;
}

.top .sec3 h2 {
    margin-bottom: 10px;
}

.top .sec3 ul {
    width: 750px;
    margin-right: -20px;
}

.top .sec3 ul li {
    width: 130px;
    padding-bottom: 29px;
    margin-right: 20px;
    float: left;
}

.top .sec3 ul li p {
    margin-bottom: 10px;
}

.top .sec3 ul li dl dt {
    color: #473823;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.538461538;
}

.top .sec3 ul li dl dd {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.384615385;
}


/***------------
originaltate/index.asp
------------***/
/* .oritate .sec1 */
.oritate .sec1 {
    margin-bottom: 30px;
}

.oritate .sec1 .secIn {
    margin-bottom: 20px;
}

.oritate .sec1 .secIn .text {
    width: 352px;
}

/* .oritate .sec2 */
.oritate .sec2 {
    margin-bottom: 65px;
}

.oritate .sec2 .secIn {
    background: url(../img/bg_oritate002_ft.gif) no-repeat left bottom;
    padding-bottom: 5px;
}

.oritate .sec2 .secIn ol {
    background: url(../img/bg_oritate002_bd.gif) repeat-y left top;
}

.oritate .sec2 .secIn ol li.step1 {
    background: url(../img/icon_oritate_step001.gif) no-repeat left top;
    padding: 27px 18px 45px 120px;
}

.oritate .sec2 .secIn ol li.step2 {
    background: url(../img/icon_oritate_step002.gif) no-repeat left top;
    padding: 17px 18px 45px 120px;
}

.oritate .sec2 .secIn ol li.step3 {
    background: url(../img/icon_oritate_step003.gif) no-repeat left top;
    padding: 17px 18px 45px 120px;
}

.oritate .sec2 .secIn ol li.step4 {
    background: url(../img/icon_oritate_step004.gif) no-repeat left top;
    padding: 17px 18px 45px 120px;
}

.oritate .sec2 .secIn ol li.step5 {
    background: url(../img/icon_oritate_step005.gif) no-repeat left top;
    padding: 17px 18px 17px 120px;
}

.oritate .sec2 .secIn ol li h4 {
    padding-bottom: 12px;
    border-bottom: solid 1px #E3D89A;
    margin-bottom: 18px;
    color: #FF6307;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1;
}

.oritate .sec2 .secIn ol li div dl,
.oritate .sec2 .secIn ol li div .text {
    width: 285px;
}

.oritate .sec2 .secIn ol li div dl dt {
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 25px;
    font-weight: bold;
}

/* .oritate .sec3 */
.oritate .sec3 {
    margin-bottom: 10px;
}

.oritate .sec3 .secIn {
    width: 750px;
    margin-right: -20px;
}

.oritate .sec3 .secIn h4 {
    color: #882A22;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.785714286;
    clear: both;
}

.oritate .sec3 .secIn p {
    margin-bottom: 14px;
}

.oritate .sec3 .secIn dl {
    width: 230px;
    padding-bottom: 50px;
    margin-right: 20px;
    float: left;
}

.oritate .sec3 .secIn dl dt {
    margin-bottom: 10px;
}

/* .oritate .sec4 */
.oritate .sec4 {
    margin-bottom: 60px;
}

.oritate .sec4 .secIn {
    margin-bottom: 23px;
}

.oritate .sec4 .secIn .text {
    width: 362px;
}

.oritate .sec4 ul.clearfix li {
    background: #F7F1E4;
    width: 320px;
    padding: 20px 15px 18px 20px;
}

.oritate .sec4 ul.clearfix li h4 {
    margin-bottom: 13px;
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
}

/* .oritate .sec5 */
.oritate .sec5 {
    margin-bottom: 50px;
}

.oritate .sec5 .secIn .text {
    width: 362px;
}

/* .oritate .sec6 */
.oritate .sec6 {
    margin-bottom: 90px;
}

.oritate .sec6 .secIn {
    margin-bottom: 94px;
}

.oritate .sec6 div h4 {
    margin-bottom: 15px;
    color: #882A22;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
}

.oritate .sec6 div table {
    width: 479px;
    border-top: solid 1px #CFC4A8;
    border-right: solid 1px #CFC4A8;
}

.oritate .sec6 div table th {
    background: #F7F1E4;
    height: 48px;
    border-left: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

.oritate .sec6 div table td {
    background: #FFFFFF;
    height: 48px;
    border-left: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    text-align: center;
    vertical-align: middle;
}

/* .oritate .sec7 */
.oritate .sec7 {
    margin-bottom: 50px;
}

.oritate .sec7 dl {
    background: #F7F1E4;
    padding: 10px 0 20px;
    margin-bottom: 20px;
}

.oritate .sec7 dl dt {
    margin-bottom: 9px;
}

.oritate .sec7 dl dd .r {
    width: 268px;
    padding-right: 11px;
}

.oritate .sec7 dl dd .r h4 {
    color: #FF6307;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
}

.oritate .sec7 dl dd .l {
    padding-left: 120px;
}

/***------------
process/index.asp
------------***/
/* .process .sec1 */
.process .sec1 {
    margin-bottom: 73px;
}

.process .sec1 > h4 {
    color: #FF6307;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625;
}

.process .sec1 .secIn {
    margin-bottom: 40px;
}

.process .sec1 .secIn h4 {
    padding-left: 129px;
    margin-bottom: 5px;
}

.process .sec1 .secIn h4 + p {
    padding-left: 129px;
}

.process .sec1 .secIn > dl {
    position: relative;
}

/* .process .sec1 .secIn1 */
.process .sec1 .secIn1 {
    background: url(../img/icon_process001.gif) no-repeat left top;
}

.process .sec1 .secIn1 h4 + p {
    min-height: 44px;
    margin-bottom: 8px;
}

.process .sec1 .secIn1 > dl {
    width: 490px;
    margin: 0 auto;
}

.process .sec1 .secIn1 > dl dd {
    width: 420px;
    font-size: 13px;
    font-size: 1.3rem;
    position: absolute;
    top: 103px;
    left: 35px
}

.process .sec1 .secIn1 ul li {
    width: 355px;
}

.process .sec1 .secIn1 ul li h5 {
    margin-bottom: 13px;
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}

/* .process .sec1 .secIn2 */
.process .sec1 .secIn2 {
    background: url(../img/icon_process002.gif) no-repeat left top;
    padding-top: 9px;
}

.process .sec1 .secIn2 h4 + p {
    min-height: 22px;
    margin-bottom: 10px;
}

.process .sec1 .secIn2 > dl dd {
    width: 420px;
    font-size: 13px;
    font-size: 1.3rem;
    position: absolute;
    top: 75px;
    left: 35px
}

.process .sec1 .secIn2 .aside div {
    background: #E3D89A;
    padding: 0 9px;
    border: solid 1px #CFC4A8;
}

.process .sec1 .secIn2 .aside div h5 {
    padding: 19px 0;
}

.process .sec1 .secIn2 .aside div p {



    width: 316px;
    padding-top: 10px;
    color: #473823;
    line-height: 1.307692308;
}

.process .sec1 .secIn2 .aside ol {
    background: #FFFFFF;
    padding: 19px;
    border-right: solid 1px #CFC4A8;
    border-bottom: solid 1px #CFC4A8;
    border-left: solid 1px #CFC4A8;
}

.process .sec1 .secIn2 .aside ol li {
    height: 50px;
    padding-left: 74px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 50px;
}

.process .sec1 .secIn2 .aside ol li strong {
    margin-left: 17px;
    color: #FF6307;
    font-size: 50px;
    font-size: 5.0rem;
    vertical-align: middle;
}

.process .sec1 .secIn2 .aside ol li.point1 {
    background: url(../img/icon_point001.gif) no-repeat left top;
    padding-bottom: 8px;
    border-bottom: solid 1px #CFC4A8;
    margin-bottom: 23px;
}

.process .sec1 .secIn2 .aside ol li.point2 {
    background: url(../img/icon_point002.gif) no-repeat left top;
}

/* .process .sec1 .secIn3 */
.process .sec1 .secIn3 {
    background: url(../img/icon_process003.gif) no-repeat left top;
    padding-top: 9px;
}

.process .sec1 .secIn3 h4 + p {
    min-height: 22px;
    margin-bottom: 20px;
}

.process .sec1 .secIn3 > dl dd {
    width: 490px;
    font-size: 13px;
    font-size: 1.3rem;
    position: absolute;
    top: 66px;
    left: 35px
}

/* .process .sec2 */
.process .sec2 {
    margin-bottom: 85px;
}

.process .sec2 .secIn {
    margin-bottom: 40px;
}

.process .sec2 div .text {
    width: 352px;
}

/* .process .sec3 */
.process .sec3 {
    margin-bottom: 80px;
}

.process .sec3 ul li {
    background: #F7F1E4;
    width: 320px;
    padding: 20px 15px 18px 20px;
    ;
}

.process .sec3 ul li h4 {
    margin-bottom: 13px;
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
}

/* .process .sec4 */
.process .sec4 {
    margin-bottom: 80px;
}

.process .sec4 .text {
    width: 352px;
}

.process .sec4 .text h4 {
    margin-bottom: 10px;
    color: #473823;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
}

.process .sec4 .text ul li {
    line-height: 1.538461538;
    margin-bottom: 2px;
}

/***------------
necktie/index.asp
------------***/
/* .necktie .mainVisual */
.necktie .mainVisual {
    background: url(../img/bg_necktie_main001.jpg) no-repeat left top;
    height: 400px;
    margin: 20px 0;
    position: relative;
}

.necktie .mainVisual h2 {
    background: none !important;
    padding-bottom: 0px !important;
    position: absolute;
    top: 20px;
    left: 5px;
}

.necktie .mainVisual p {
    position: absolute;
    top: 235px;
    left: 25px;
}

.necktie p.clear_txt {
    padding-top: 10px;
    clear: both;
    font-size: 12px;
}

/***------------
readymade/index.asp
------------***/
/* .readymade .mainVisual */
.readymade .mainVisual {
    margin-bottom: 50px;
}

.readymade .mainVisual h3 {
    text-align: center;
}


/***------------
medal/index.asp
------------***/
/* .medal .sec1 */
.medal .sec1 {
    margin-bottom: 53px;
}

.medal .sec1 .secIn {
    margin-bottom: 1px;
}

.medal .sec1 .secIn .text {
    width: 573px;
}

.medal .sec1 .figure {
    margin-bottom: 42px;
}

.medal .sec1 h4 {
    margin-bottom: -50px;
}

.medal .sec1 .aside {
    background: #F7F1E4;
    padding: 2px;
    border: solid 2px #A58F6B;
}

.medal .sec1 .aside div {
    border: solid 1px #A58F6B;
    padding: 23px 25px 0;
}

.medal .sec1 .aside div ul {
    width: 700px;
    margin-right: -30px;
}

.medal .sec1 .aside div ul li {
    width: 320px;
    padding: 22px 0 18px;
    margin-right: 30px;
    float: left;
}

.medal .sec1 .aside div ul li h5 {
    color: #FF6307;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 13px;
}

/* .medal .sec2 */
.medal .sec2 {
    margin-bottom: 60px;
}

.medal .sec2 .secIn .text {
    width: 465px;
}

/***------------
page/index.asp
------------***/
.page h2 {
    background: url(../img/h2_title_bg.jpg) repeat-x scroll 0 0 #E9E9E9;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    height: auto !important;
    margin: 0 0 10px;
    max-height: 45px;
    min-height: 33px;
    padding: 12px 0 0 17px;
}

.page #freepage1 {
    margin-bottom: 80px;
}

.page #freepage1 #thumb_list div dl {
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
    font-weight: bold;
    line-height: 1.153846154;
}


div#contents div#thumb_list .cat_price {
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
}

div#contents div#thumb_list .cat_comment {
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

#guide_box {
    margin-bottom: 15px;
}

#guide_box ul li {
    margin: 12px 0 12px;
}

div.menu_award {
    background: url(../img/award_bg.gif) no-repeat scroll;
}

div.menu_data {
    background: url(../img/data_bg.gif) no-repeat scroll;
}

div.menu_postage {
    background: url(../img/postage_bg.gif) no-repeat scroll;
}

div.menu_estimate {
    background: url(../img/estimate_bg.gif) no-repeat scroll;
}

div.menu_how_to_shop {
    background: url(../img/how_to_shop_bg.gif) no-repeat scroll;
}

div.menu_payment {
    background: url(../img/payment_bg.gif) no-repeat scroll;
}

div.menu_award {
    margin: 0 0 0 2px;
    padding: 0;
}

div.menu_how_to_shop {
    margin: 0 0 0 2px;
    padding: 0;
}

div.menu_data {
    margin: 0 0 0 2px;
    padding: 0;
}

div.menu_postage {
    margin: 0 2px 0 0;
    padding: 5px 0 0;
}

div.menu_estimate {
    margin: 0 2px 0 0;
    padding: 5px 0 0;
}

#guide_box div {
    height: 95px;
    margin-top: 12px;
}

div.menu_award,
div.menu_how_to_shop,
div.menu_data {
    clear: both;
    float: left;
    width: 340px;
}

div.menu_postage,
div.menu_estimate,
div.menu_payment {
    float: right;
    width: 340px;
}

p.description {
    margin: 0 !important;
}

p.description a {
    display: block;
    height: 55px;
    width: 223px;
    padding: 40px 7px 0 110px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.35;
}

#data_box ul,
#data_box ol {
    list-style: disc none outside;
}

/***------------
categories/index.asp
categories/list.asp
categories/cat_list.asp
------------***/
p.trophy_txt {
    margin: 15px 0;
}

div#chuhtml1 table.price_list {
    border: 2px solid #9FA0A0;
    border-spacing: 0;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 15px 0 10px;
    padding: 0;
    text-align: center;
    width: 700px;
}

div#chuhtml1 table.price_list span.midle {
    font-size: 14px;
    font-size: 1.4rem;
}

div#chuhtml1 table.price_list span.small {
    color: #FFFFFF;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: normal;
}

div#chuhtml1 table.price_list th.cam {
    color: #FFF100;
}

div#chuhtml1 table.price_list td.price {
    color: #E60012;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

div#chuhtml1 td.bld {
    font-weight: bold;
}

div#chuhtml1 table.price_list th,
div#chuhtml1 table.price_list td {
    vertical-align: middle;
}

div#chuhtml1 table.price_list thead th {
    background-color: #54775C;
    border-bottom: 1px solid #9FA0A0;
    border-right: 1px solid #9FA0A0;
    color: #FFFFFF;
    font-weight: normal;
    padding: 6px 0;
}

div#chuhtml1 table.price_list tbody th,
div#chuhtml1 table.price_list tbody td {
    border-bottom: 1px dotted #9FA0A0;
    margin: 0;
    padding: 8px 0;
}

div#chuhtml1 table.price_list tbody tr.top th,
div#chuhtml1 table.price_list tbody tr.top td {
    background-color: #FFFDEE;
    border-top: 1px solid #9FA0A0;
}

div#chuhtml1 table.price_list tbody th {
    border-right: 1px solid #9FA0A0;
    font-weight: normal;
}

div#chuhtml1 table.price_list tbody td {
    border-right: 1px solid #9FA0A0;
    width: 105px !important;
}

div#chuhtml1 table.price_list tbody tr.last th,
div#chuhtml1 table.price_list tbody tr.last td {
    background-color: #FFFDEE;
    border-bottom: medium none;
}

div#chuhtml1 table.price_list th.las,
div#chuhtml1 table.price_list td.las {
    border-right: medium none !important;
}

div#chuhtml1 table.price_list tbody tr.middle th,
div#chuhtml1 table.price_list tbody tr.middle td {
    background-color: #FFFDEE;
}

p.page_top {
    text-align: right;
}

div#salesterms_area {
    clear: both;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 10px auto;
    padding: 10px 0;
    width: 730px;
    height: 153px;
    background: url(../img/salesterms_bg.jpg) no-repeat scroll #FFFFFF;
}

div#salesterms_list p#salesterms_main a {
    background: url(../img/salesterms_top.jpg) no-repeat scroll transparent;
    margin: 5px auto;
    text-indent: -9999px;
    display: block;
    height: 28px;
    width: 690px;
}

div#salesterms_list p#salesterms_main a:hover {
    margin: 5px auto;
    background: url(../img/salesterms_top.jpg) no-repeat scroll 0 -28px rgba(0, 0, 0, 0);
}

div#salesterms_list p#salesterms_main a {}

div#salesterms_list ul li {
    float: left;
    height: 45px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 218px;
}

div#salesterms_list ul {
    width: 690px;
    margin: 45px auto;
}

div#salesterms_list ul li a {
    display: block;
    height: 45px;
    width: 218px;
}

div#salesterms_list ul li#menu01 {
    background: url(../img/salesterms_menu01.jpg) no-repeat scroll #EFEFEF;
}

div#salesterms_list ul li#menu02 {
    background: url(../img/salesterms_menu02.jpg) no-repeat scroll #EFEFEF;
}

div#salesterms_list ul li#menu02 {
    margin: 0 17px;
}

div#salesterms_list ul li#menu03 {
    background: url(../img/salesterms_menu03.jpg) no-repeat scroll #EFEFEF;
}

div#salesterms_list ul li#menu01 a:hover {
    background: url(../img/salesterms_menu01.jpg) no-repeat scroll 0 -45px rgba(0, 0, 0, 0);
}

div#salesterms_list ul li#menu02 a:hover {
    background: url(../img/salesterms_menu02.jpg) no-repeat scroll 0 -45px rgba(0, 0, 0, 0);
}

div#salesterms_list ul li#menu03 a:hover {
    background: url(../img/salesterms_menu03.jpg) no-repeat scroll 0 -45px rgba(0, 0, 0, 0);
}

div#contactzone {
    background-color: #F2F2F2;
    clear: both;
    margin: 10px 0 80px;
    max-width: 700px;
    min-width: 690px;
    padding: 10px 20px;
    width: auto !important;
}

div#contactzone p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.35;
}

div#contactzone div.item,
div#contactzone div.delivery_detail {
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
}

div#contactzone div.item p {
    margin: 0;
    padding: 5px 10px;
    text-align: justify;
}

div#contactzone div#contactleft {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    width: 334px;
}

div#contactzone div#contactright {
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    width: 334px;
}

div#contactzone div#contactright div.item {
    padding: 5px 16px;
}

div#contactzone div#contactright div.item,
div#contactzone div#contactleft div.item {
    height: 115px;
    min-height: 99px;
    line-height: 1.35;
}

div#contactzone div.item,
div#contactzone div.delivery_detail {
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
}

div#contactzone div#contactright span.txtgry {
    color: #929292;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
}

div#contactzone div#contactright span.txtblack {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
}

div#list_div p.page_total {
    margin: 10px 0 20px 20px;
    text-align: right;
}

div#list_div ul.list_ul {
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

div#list_div ul.list_ul li {
    border-left: 1px solid #000000;
    float: right;
    padding: 0 8px;
}

div#toumei2_div ul.hyoji_ul {
    clear: both;
    max-width: 700px;
    min-width: 700px;
    padding-bottom: 10px;
    width: auto !important;
}

div#toumei2_div ul.hyoji_ul li {
    float: left;
    margin: 0 18px 0 0;
}

div#toumei2_div ul.hyoji_ul li img,
div#list_div ul.hyoji_ul li img {
    vertical-align: baseline;
}

div#list_div .list_div {
    border-top: 1px solid #CCCCCC;
    padding: 10px 0;
    width: 730px;
}

div#list_div .list_divl {
    float: left;
    width: 500px;
}

div#list_div .list_div p.img_p {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 200px;
}

div#list_div .list_div dl {
    float: left;
    width: 270px;
}

div#list_div .list_div dl.not_found {
    width: auto;
    padding: 20px 0;
}

div#list_div .list_div dt {
    font-weight: bold;
    background: #E2E2E2;
    padding: 5px 8px;
    float: left;
    min-width: 254px;
    max-width: 270px;
    width: auto !important;
    width: 270px;
    font-size: 14px;
    line-height: 18px;
}

div#list_div .list_div dd {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    margin: 3px 0;
    width: 290px;
}

div#list_div .list_divr {
    float: right;
    width: 200px;
}

div#list_div span.txta {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

div#list_div .border_b2 {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#list_div div.list_divr p.select_tab {
    padding: 5px 0 5px 0;
}

div#list_div div.catesm_dl {
    margin-bottom: 5px;
    padding-top: 10px;
    width: 730px;
}

div#list_div div.catesm_dl dl {
    float: left;
    height: auto;
    line-height: 14px;
    font-size: 12px;
    min-width: 168px;
    max-width: 168px;
    width: auto !important;
    width: 168px;
    margin: 0 14px 20px 0;
    padding: 0 0;
}


div#list_div div.catesm_dl dt {
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 5px;
    max-width: 170px;
    min-width: 154px;
    padding: 5px 8px;
    width: auto !important;
}

div#list_div dd.dl_dd {
    margin: 0 0 10px;
    width: 160px;
}

div#list_div dd.txt10 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 14px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

#smallcontents {
    margin-bottom: 80px;
}

.popular_type{
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	background: url(../img/top/ttl_haku_bg.png) right top no-repeat;
	padding: 12px 0 10px 1em;
    box-sizing: border-box;
}

.popular_type .name{
	font-size: 32px;
    line-height: 1.3;
	display: block;
    width: 100%;
}

.popular_type.fullcolor{
	background-image: url(../img/cate/ttl_fullcolor_bg.png);
}

/***------------
jisseki/index.asp
------------***/
p#voice_p {
    margin: 0 0 30px;
}

div#jisseki_div {
    font-size: 12px;
    margin: 0 -20px 30px 20px;
    width: 700px;
}


/***------------
item/index.asp
------------***/
div#toumei3_div {
    margin: 20px 0;
    width: 730px;
}

div#toumei3_div div#toumei3_divin {
    margin-bottom: 50px;
}

div#toumei3_div div#detaill {
    float: left;
    position: relative;
}

div#toumei3_div div#detaill img {
    margin: 0 13px 0 0;
}

div#toumei3_div div#detaill img.lastimg {
    margin-right: 0;
}

div#toumei3_div div#img_div {
    /**/
    border: 1px solid #CCCCCC;
    margin: 0 0 14px;
    max-width: 380px;
    min-width: 320px;
    text-align: center;
    width: auto !important;
}

div#toumei3_div div#right_div {
    float: right;
}

div#toumei3_div div#naiyo_div {
    background: url(../img/bg_maru.gif) no-repeat left top;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 326px;
}

div#toumei3_div span#txt10m {
    background-color: #10729F;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: 20px;
    padding: 3px 5px;
}

div#toumei3_div div#naiyo_div p {
    margin: 8px 0 5px 22px;
}

div#toumei3_div span.txta {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

div#toumei3_div div#naiyo_div span.txtred {
    color: #F40000;
}

div#toumei3_div div#naiyo_div dl {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    margin-left: 16px;
    width: 290px;
}

div#toumei3_div .btn {
    margin: 8px 0 0 40px;
}

div#toumei3_div div#naiyo_div p#bg_maruf {
    margin: 0;
}

div#toumei3_div div#naiyo_table,
div#toumei3_div div#naiyo_table2 {
    border-collapse: collapse;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-spacing: 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    width: 325px;
}

div#toumei3_div div#naiyo_table th,
div#toumei3_div div#naiyo_table2 th {
    background-color: #F0F0F0;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    height: 14px;
    margin: 0;
    padding: 7px 10px;
    text-align: center;
    width: 108px;
}

div#toumei3_div div#naiyo_table td,
div#toumei3_div div#naiyo_table2 td {
    border-bottom: 1px solid #B2B2B2;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
    padding: 7px 5px;
    text-align: center;
}

div#toumei3_div div#naiyo_table td.fontdeco,
div#toumei3_div div#naiyo_table2 td.fontdeco {
    white-space: nowrap;
}

div#toumei3_div div#naiyo_table td.fontdeco span,
div#toumei3_div div#naiyo_table2 td.fontdeco span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}


div#toumei3_div div#naiyo_table2 {
    overflow: auto;
    height: 252px;
    width: 326px;
    text-align: center;
    font-size: 12px;
}


div#toumei3_div h3#kyoumi_h3 {
    background: url(../img/title_kyoumi.jpg) no-repeat left top;
    /*width:780px;*/
    height: 39px;
    margin: 50px 0 20px 0;
    clear: both;
}

div#toumei3_div h3#ruiji_h3 {
    background: url(../img/title_ruiji.jpg) no-repeat left top;
    /*width:780px;*/
    height: 38px;
    margin: 50px 0 20px 0;
    clear: both;
}

/*--�R���e���c�̒��g--*/
div#toumei_div {
    margin: 20px 0;
}

div#toumei_div2 {
    margin: 10px 0;
}

/*--�J�e�S���[�ꗗ--*/

/*--�B��span�p--*/
#toumei_div h3 span,
#toumei2_div h3 span,
#toumei3_div h3 span,
#toumei4_div h3 span,
div#directries h4 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

div#toumei_div h3#kateh3 {
    background: url(../img/title_kate.jpg) no-repeat left top;
    width: 700px;
    height: 38px;
    margin: 0 0 20px 0;
    clear: both;
}

div#toumei_div ul#toumei_ul li.bg_kate,
div#toumei_div2 ul#toumei_ul2 li.bg_kate {
    background: url(../img/bg_kate.gif) no-repeat left top;
    min-width: 690px;
    max-width: 680px;
    width: auto !important;
    width: 680px;
    height: 21px;
    padding: 2px 0 0 10px;
    margin: 0 0 10px 0;
}

div#toumei_div ul#toumei_ul,
div#toumei_div2 ul#toumei_ul2 {
    list-style-type: none;
    width: 700px;
    font-weight: bold;
    font-size: 12px;
}

div#toumei_div ul#toumei_ul li,
div#toumei_div2 ul#toumei_ul2 li {
    background: url(../img/icon_arrow.png) no-repeat left 50%;
    padding: 2px 0 0 15px;
    float: left;
    margin: 0 auto 15px 12px;
    width: 150px;
}

/*--���X�g�`��--*/

div#toumei2_div div.list_div {
    border-top: 1px #CCC solid;
    width: 730px;
    /*min-width:730px;max-width:700px;width:auto !important;width:700px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

div#toumei2_div div.list_divl {
    width: 500px;
    float: left;
}

div#toumei2_div div.list_div dl {
    width: 270px;
    float: left;
}

div#toumei2_div div.list_div dt {
    font-weight: bold;
    background: #E2E2E2;
    padding: 5px 8px;
    float: left;
    min-width: 254px;
    max-width: 270px;
    width: auto !important;
    width: 270px;
    font-size: 14px;
    line-height: 18px;
}

div#toumei2_div div.list_div dd {
    font-size: 12px;
    margin: 2px 0;
    float: left;
    line-height: 15px;
    width: 270px;
}

div#toumei2_div div.list_div dd img {
    margin: 0 5px 0 0;
}

div#toumei2_div div.list_div .img_p {
    margin: 0 10px 10px 0 !important;
    padding: 0 !important;
    float: left;
    width: 200px;
}

div#toumei2_div div.list_divr {
    width: 225px;
    float: right;
}

div#toumei2_div div.list_divr p {
    margin: 0 0 10px;
}

div#toumei2_div span.txta {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

div#toumei2_div p.border_b2 {
    padding-bottom: 10px;
    border-bottom: 1px #CCC solid;
    margin-bottom: 10px;
}

div#toumei2_div div.list_divr .select_tab select {
    width: 100px;
    vertical-align: top;
    margin-top: 3px;
}

div#toumei2_div div.list_divr p.select_tab {
    margin-bottom: 5px;
    /*height:30px;*/
}

div#toumei2_div .select_tab img {
    margin-left: 10px;
}



/*--�T���l�C���`��--*/


div#toumei2_div div.catesm_dl {
    width: 730px;
    padding: 0;
    margin-bottom: 40px;
}

div#toumei2_div div.catesm_dl dl {
    float: left;
    height: auto;
    line-height: 14px;
    font-size: 12px;
    min-width: 168px;
    max-width: 168px;
    width: auto !important;
    width: 168px;
    margin: 0 14px 0 0;
    padding: 0 0;
}

div#toumei2_div div.catesm_dl dt {
    font-weight: bold;
    /*background:#E2E2E2;*/
    padding: 0;
    margin: 0;
    height: 45px;
    line-height: 1.5;
    /*min-width:154px;max-width:170px;width:auto !important;width:170px;*/
}

div#toumei2_div div.catesm_dl dd {
    /*margin:4px 6px;*/
    /*line-height:15px;*/
    width: 165px;
}

div#toumei2_div div.catesm_dl dd img {
    margin: 0 0 5px 0;
}

div#toumei2_div dd.dl_dd {
    width: 160px;
    margin: 0 0 5px 0;
    line-height: 17px;
}

div#toumei2_div dd.dl_dd img {
    margin: 0 0 0 0;
    /*float:left;*/
}

div#toumei2_div div.catesm_dl dd.txt10 {
    font-size: 10px;
    line-height: 1.6;
    padding-bottom: 4px;
    border-bottom: 1px #CCC solid;
    margin-bottom: 5px;
}

div#toumei2_div div.catesm_dl .select_tab select {
    width: 80px;
    vertical-align: top;
    margin-top: 3px;
}

div#toumei2_div h3#kateh3 {
    background: url(../img/title_kate.jpg) no-repeat left top;
    /*width:780px;*/
    height: 38px;
    margin: 50px 0 20px 0;
    clear: both;
}

div#toumei2_div ul#toumei_ul,
div#toumei2_div2 ul#toumei_ul2 {
    list-style-type: none;
    width: 730px;
    font-weight: bold;
}

div#toumei2_div ul#toumei_ul li {
    background: url(../img/icon_arrow.png) no-repeat left 50%;
    padding: 2px 0 0 15px;
    float: left;
    margin: 0 auto 15px 12px;
    width: 150px;
}


span.mini {
    font-size: 10px;
}



/*--����؃����L���O--*/


div#toumei3_div div.toumei_dl dd.price_dd {
    margin: 0 0 10px 0;
}

div#toumei3_div div.toumei_dl {
    /*background:url(../img/border.gif) repeat-y left top;*/
    width: 730px;
    font-size: 12px;
    padding: 0;
}

div#toumei3_div div.toumei_dl dl {
    float: left;
    min-width: 170px;
    max-width: 170px;
    width: auto !important;
    width: 180px;
    margin: 0;
    padding: 0 6px;
}

div#toumei3_div div.toumei_dl dt {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

div#toumei3_div div.toumei_dl dd img {
    margin: 0 0 5px 0;
}

div#toumei3_div div#toumei3_div {
    margin: 0 0 50px 0;
}

div#toumei3_div div.toumei_dl dd.price_dd {
    margin: 0 0 10px 0;
}




div#toumei2_div h3#kateh3_2 {
    background: url(../img/title_best.jpg) no-repeat left top;
    width: 730px;
    height: 38px;
    margin: 50px 0 10px 0;
    clear: both;
}

div#toumei2_div div#toumei_dl {
    width: 800px;
    font-size: 12px;
    margin-right: -40px;
}

div#toumei2_div div#toumei_dl dl {
    float: left;
    width: 180px;
    margin: 0 20px 0 0;
}

div#toumei2_div div#toumei_dl dt {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
    width: 180px;
}

div#toumei2_div div#toumei_dl dd {
    width: 170px;
}

div#toumei2_div div#toumei_dl dd img {
    margin-bottom: 5px;
}

div#toumei_dl dd.price_dd {
    margin: 0 0 2px 0;
}

div#toumei_dl dd.price_dd span.dl_sp1 {
    font-size: 10px;
    letter-spacing: 1px;
}

div#toumei_dl dd.price_dd span.dl_sp2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #F00;
}


div#toumei2_div div#toumei_dl dd span.dl_sp1 {
    font-size: 10px;
    letter-spacing: 1px;
}

div#toumei2_div div#toumei_dl dd span.dl_sp2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #F00;
}

div#toumei2_div div#toumei_dl dd.nedan {
    margin: 0 0 2px 0;
    clear: both;
}

div#toumei2_div div#toumei_dl .dl_dd2 {
    line-height: 18px;
}

div#toumei2_div div#toumei_dl .no1 {
    background: url(../img/icon_no1.jpg) no-repeat center top;
    width: 170px;
    padding-top: 45px;
}

div#toumei2_div div#toumei_dl .no2 {
    background: url(../img/icon_no2.jpg) no-repeat center 8px;
    width: 170px;
    padding-top: 45px;
}

div#toumei2_div div#toumei_dl .no3 {
    background: url(../img/icon_no3.jpg) no-repeat center 8px;
    width: 170px;
    padding-top: 45px;
}

div#toumei2_div div#toumei_dl .no4 {
    background: url(../img/icon_no4.jpg) no-repeat center 15px;
    width: 170px;
    padding-top: 45px;
}

div#toumei2_div {
    margin: 20px 0 0 0;
}

div#none_cate {
    clear: both;
    margin: 20px 0 30px 0;
}

/************************************/
/* categories/list.asp				*/
/************************************/
div#list_div p.list_p {
    background: #E2E2E2;
    padding: 10px 0 10px 10px;
    margin: 0;
}

div#list_div p.list_p span.txtbb {
    font-weight: bold;
}

div#list_div ul.list_ul {
    list-style-type: none;
    float: right;
    margin-bottom: 20px;
    font-size: 12px;
}

div#list_div ul.list_ul li {
    float: right;
    border-left: #000 1px solid;
    padding: 0 8px;
}

div#list_div div.catesm_dl {
    width: 730px;
    /*margin-right:-40px;*/
    margin-bottom: 5px;
    padding-top: 10px;
}



div#list_div div.catesm_dl dt {
    font-weight: bold;
    line-height: 14px;
    /*background:#E2E2E2;*/
    padding: 5px 8px;
    max-width: 170px;
    min-width: 154px;
    width: auto !important;
    width: 170px;
    /* min-width fast hack */
    margin-bottom: 5px;
}

div#list_div dd.dl_dd {
    width: 160px;
    margin: 0 0 10px 0;
}

div#list_div dd.dl_dd img {
    margin: 0 3px 5px 0;
}

div#list_div dd.txt10 {
    font-size: 10px;
    line-height: 14px;
    padding-bottom: 5px;
    border-bottom: 1px #CCC solid;
    margin-bottom: 10px;
}

div#list_div div.catesm_dl .select_tab select {
    width: 80px;
    vertical-align: top;
    margin-top: 3px;
}

div#list_div .list_div {
    border-top: 1px #CCC solid;
    width: 730px;
    padding: 10px 0;
}

div#list_div .list_divl {
    width: 500px;
    float: left;
}

div#list_div .list_div dt {
    font-weight: bold;
    background: #E2E2E2;
    padding: 5px 8px;
    float: left;
    width: 270px;
}

div#list_div .list_div dd {
    font-size: 12px;
    margin: 3px 0;
    float: left;
    line-height: 15px;
    width: 290px;
}

div#list_div .list_div dd img {
    margin: 0 5px 0 0;
}

div#list_div .list_div p.img_p {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    width: 200px;
}

div#list_div .list_divr {
    width: 225px;
    float: right;
}

div#list_div .list_divr p {
    margin: 0 0 5px;
}

div#list_div ul.hyoji_ul {
    clear: both;
    max-width: 700px;
    min-width: 700px;
    padding-bottom: 10px;
    width: auto !important;
}

div#list_div ul.hyoji_ul li {
    float: left;
    margin: 0 18px 0 0;
}

div#list_div .border_b2 {
    padding-bottom: 10px;
    border-bottom: 1px #CCC solid;
    margin-bottom: 10px;
}

div#list_div .list_divr .select_tab select {
    width: 100px;
    vertical-align: top;
    margin-top: 3px;
}

div#list_div span.txta {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

div#list_div ul.list_ul li#borderr {
    border-right: 1px #000 solid;
}

div#list_div p.page_total {
    margin: 10px 0 20px 20px;
    text-align: right;
}

div#list_div p.page_total span#txt20b {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

div#list_div h3#more_kensaku {
    background: url("../img/img_search.jpg") no-repeat scroll left top transparent;
    clear: both;
    /*height: 28px;*/
    margin: 0 0 0px;
    width: 700px;
}

p#more_kensaku2 {
    background: url("../img/cate_search.jpg") no-repeat scroll left top;
    height: 16px;
    margin: 0 0 10px 0 !important;
    min-width: 695px;
    max-width: 700px;
    width: auto !important;
    width: 700px;
    padding-top: 5px;
    padding-left: 35px;
    padding-bottom: 7px;
}

p#more_kensaku2 a {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

h3#more_kensaku span {
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
}

dl#kensaku_cmb {
    text-align: left;
    margin-bottom: 10px;
    /*border:1px solid #aaaaaa;*/
    /*max-width:700px;min-width:700px;width:auto !important;width:672px;*/
}

dl#kensaku_cmb dt {
    float: left;
    padding: 10px 8px 10px 10px;
    text-align: left;
}

dl#kensaku_cmb span {
    font-size: 12px;
    color: #003399;
    font-weight: bold;
    margin: 0 0 3px 0;
}


/*--------- �������ߊ֘A���i ---------*/

div#r_product_box {}

div#r_product_box table {
    text-align: center;
    margin: 10px 10px 10px 10px !important;
    width: auto;
    border: none !important;
}

div#r_product_box table th {
    width: 120px;
}

div#r_product_box table th,
div#r_product_box table td {
    font-size: 12px;
    padding: 10px;
    vertical-align: middle;
    border: none;
    border-bottom: dotted 1px #CFC486 !important;
}

div#r_product_box table td.int {
    width: 440px;
    text-align: left;
}



/*-- P�}�[�N�擾 --*/

div#qualification h4 {
    height: auto !important;
}

div#qualification {
    padding: 12px;
    color: #666;
    background-color: #fff;
    border: solid 2px #CBCBCB;
}

div#qualification h4 {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    text-indent: -9999px;
    color: #666;
    text-align: center;
}

div#qualification p {
    margin: 5px 0;
    text-align: center;
}

div#qualification p.comment-left {
    line-height: 120%;
    text-align: left !important;
    font-size: 10px;
}


/*--------- �g�b�v ���i�ꗗ ---------*/

/*---------- #product_box ----------*/

#product_box {
    margin: 20px 0 20px;
}

#product_box h3 {
    border: none !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#product_box ul {
    background: #fff;
    border-bottom: solid 1px #D8D8D8;
    border-left: solid 1px #D8D8D8;
    border-right: solid 1px #D8D8D8;
    height: 295px;
}

#product_box ul li {
    float: left;
    height: auto;
}

#product_box ul .list01,
#product_box ul .list02 {
    width: 214px;
    padding: 15px 0 0 18px;
    border-right: solid 1px #D8D8D8;
}

#product_box ul .list03 {
    width: 213px;
    padding: 14px 0 0 18px;
}

#product_box ul .list01 {
    background: url(../img/icon_rank003.gif) no-repeat left top;
}

#product_box ul .list02 {
    background: url(../img/icon_rank004.gif) no-repeat left top;
}

#product_box ul .list03 {
    background: url(../img/icon_rank005.gif) no-repeat left top;
}

#product_box ul .list01 dl,
#product_box ul .list02 dl,
#product_box ul .list03 dl {
    width: 195px;
}

#product_box ul .list01 .dl dt,
#product_box ul .list02 .dl dt,
#product_box ul .list03 .dl dt {
    color: #A12A22;
}

#product_box ul dl dt a {
    padding: 0 0 0 15px;
    display: block;
    background: url(../img/icon_left_arrow.gif) no-repeat 0 5px;
    height: 38px;
}

#product_box ul li dl dd {
    line-height: 1.5;
    margin: 10px 0 0;
}

#product_box ul li p.detail {
    text-align: right;
}

#product_box ul li p.detail img {
    margin-right: 18px;
}

/* --- �������̗��� ------------------------------------------------ */

div#orderflow_box div.orderflow01,
div#orderflow_box div.orderflow02,
div#orderflow_box div.orderflow03,
div#orderflow_box div.orderflow04,
div#orderflow_box div.orderflow05,
div#orderflow_box div.orderflow06,
div#orderflow_box div.orderflow07,
div#orderflow_box div.orderflow08,
div#orderflow_box div.orderflow09,
div#orderflow_box div.orderflow10 {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    margin-top: 35px;
}

div#orderflow_box div.orderflow01 {
    background: url(../img/flow01.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 130px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow02 {
    background: url(../img/flow02.gif) no-repeat 0 0 transparent;
    background-color: #fff;
    width: 700px;
    height: 230px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow03 {
    background: url(../img/flow03.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 150px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow04 {
    background: url(../img/flow04.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 210px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow05 {
    background: url(../img/flow05.gif) no-repeat 0 0 transparent;
    background-color: #fff;
    width: 700px;
    height: 160px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow06 {
    background: url(../img/flow06.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 160px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow07 {
    background: url(../img/flow07.gif) no-repeat 0 0 transparent;
    background-color: #fff;
    width: 700px;
    height: 170px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow08 {
    background: url(../img/flow08.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 160px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow09 {
    background: url(../img/flow09.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 150px;
    margin: 10px 0;
    clear: both;
}

div#orderflow_box div.orderflow10 {
    background: url(../img/flow10.gif) no-repeat 0 0 transparent;
    width: 700px;
    height: 170px;
    margin: 10px 0;
    clear: both;
}


div.text_box {
    margin: 45px 0;
    padding: 0;
    margin-left: 300px;
}

div.relation_box {
    padding: 20px 0 20px 0;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
}

div.text_box ul {
    margin-top: 20px;
}

div.text_box a {
    color: #003592;
}

/*------------ ���S�҃K�C�h --------------*/

div#beg_box h3 {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

div#beg_box p img {
    margin: 15px 0;
}

/*------------ �e�N�j�J���K�C�h --------------*/

div#technical_box h3 {
    margin: 15px 0;
    padding: 3px 10px;
    border-left: #E60012 7px solid;
    border-bottom: #E60012 3px solid;
    background: #fff;
    clear: both;
}

/*

div#technical_box h4{
margin:10px 0;
padding:3px 10px;
border-left:#E60012 5px solid;
background:#fff;
clear:both;
}
*/

div#technical_box p.notice_m {
    padding-left: 40px !important;
    background: url(../img/notice_mark.gif) 0% 0% no-repeat transparent;
}

/*------------ �悭���鎿�� --------------*/

div#javascript_tab_sample {
    margin: 20px auto 0 auto;
    text-align: left;
}

div#javascript_tab_sample ul#tab {
    margin: 0;
    padding: 0;
    background-color: #fff;
    width: 100%;
    list-style: none;
}

div#javascript_tab_sample ul#tab li {
    margin: 0;
    padding: 5px;
    text-align: right;
    border: 1px solid #000;
    border-bottom: none;
    float: left;
    background: #d8d6d6;
}

div#javascript_tab_sample ul#tab li a {
    text-decoration: none !important;
    font-weight: bold;
}

div#javascript_tab_sample ul#tab li.selected {
    color: #000;
    font-weight: bold;
    background: #F1F1F1;
}

div#javascript_tab_sample ul#tab li.selected a {
    color: #000;
    font-weight: bold;
    background: #F1F1F1;
}

div#javascript_tab_sample ul#tab li.selected a:hover {
    color: #000;
    font-weight: bold;
    background: #F1F1F1;
}

div#javascript_tab_sample dl {
    margin: 0 !important;
    margin-top: 60px !important;
    padding: 1em;
    border: 1px solid #ccc;
    clear: both;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div#aa div.qa,
div#bb div.qb,
div#cc div.qc,
div#dd div.qd,
div#ee div.qe {
    padding: 1em;
    border: 1px solid #ccc;
    clear: both;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div#javascript_tab_sample div#aa ul {
    list-style: #0068B7;
}

div#javascript_tab_sample div#aa dl,
div#javascript_tab_sample div#aa div.qa {
    border: 1px solid #0068B7;
}

div#javascript_tab_sample div#bb dl,
div#javascript_tab_sample div#bb div.qb {
    border: 1px solid #F8B500;
}

div#javascript_tab_sample div#cc dl,
div#javascript_tab_sample div#cc div.qc {
    border: 1px solid #70B538;
}

div#javascript_tab_sample div#dd dl,
div#javascript_tab_sample div#dd div.qd {
    border: 1px solid #E4007F;
}

div#javascript_tab_sample div#ee dl,
div#javascript_tab_sample div#ee div.qe {
    border: 1px solid #940D84;
}


div#javascript_tab_sample dl dt {
    border-bottom: 1px dotted #fff;
}

div#javascript_tab_sample dl dd p {
    margin-bottom: 1em;
}

/* --- ���}�쐬 --- */

div#tokkyu_box h3 {
    margin: 10px 0;
    padding: 0;
}

div#tokkyu_box h4 {
    margin: 10px 5px;
    padding: 0;
}


/* --- �y���e�z�悭���邲���� --- */

dl.faq dt {
    background: url(/img/faq_q_bg.gif) 0% 0% no-repeat;
    padding-left: 50px;
    min-height: 47px;
    height: auto !important;
    height: 47px;
    /* min-height fast hack */
    font-size: 16px;
    font-weight: bold;
    clear: both;
    line-height: 60px;
}

dl.faq dd {
    height: auto;
    background: url(/img/faq_a_bg.gif) 5% 0% no-repeat;
    margin-left: 20px;
    padding: 0 0 30px 0;
    width: 650px;
}

dl.faq dd p {
    margin-left: 55px;
}

dl.faq ul {
    margin-left: 55px;
}

dl.faq dd p.answer {
    float: left;
    display: inline;
    text-indent: -9999px !important;
    width: 20px;
    padding: 0 0 50px 0 !important;
    margin: 0 !important;
}

dl.faq dd p.a_text {
    height: auto;
    padding-left: 55px;
}

/* --- ������ --- */

div.navi_box {
    /*border:solid 2px #004896;*/
    background-color: #ededed;
    margin: 0;
}

div.navi_box ul {
    margin: 0 15px;
    padding: 10px 0;
}

div.navi_box ul li {
    list-style-type: none;
    border-right: 1px solid #3f3f3f;
    display: inline;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 1.6;
}

div.navi_box ul li a {
    color: #0a87e1;
}

div.navi_box li.navi_box_first {
    border-left: 1px solid #3f3f3f;
}

div.faq_section h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0;
    padding: 0 0 0 75px !important;
    border-bottom: none !important;
    width: 700px;
    height: 17px;
    color: #682C30;
    background: url(../img/faq_title.jpg) no-repeat !important;
}

div.faq_section h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 8px 5px 2px 15px !important;
    padding: 3px 0 7px 30px !important;
    border-bottom: none !important;
    color: #682C30;
    background: url(../img/faq_q.gif) no-repeat !important;
    cursor: pointer;
}

div.faq_section div.shadecontent {
    background: url(../img/faq_a.gif) no-repeat;
    margin: 5px 0 10px 0;
    padding: 0 20px 0 30px;
    display: none;
}

div.faq_section p {
    background-color: #eee;
    padding: 10px 10px;
    margin: 5px 0 25px 20px;
}

div.faq_section p.pageutillink {
    background-color: #fff;
    padding: 0;
    margin-top: 10px;
}


div.faq_section ul {
    margin-left: 30px;
}



/* Global Navigation
-------------------------------------------------- */


#global_navi {
    padding: 10px 15px;
}

#global_navi #gnavi {
    margin: 0 auto 0;
    width: 970px;
}

#global_navi #gnavi ul li {
    float: left;
    margin-right: 11px;
}

#global_navi #gnavi ul li.last {
    margin-right: 0;
}

a:link,
a:visited {
    color: #0080FF;
    text-decoration: none;
    cursor: pointer;
}

a:link:hover,
a[href]:hover {
    /*color:#009;*/
    text-decoration: underline;
}



div#globalNav {
    text-align: left;
    border-top: 3px solid #FFC800;
    background: url(../img/gNavMenu_bg.png) repeat 0 0;
    /*margin-bottom:10px;*/
}

div#globalNavInner {
    width: 1000px;
    margin: 0 auto;
    /*position:relative;*/
}

#globalNavList {
    clear: both;
    width: 1000px;
    height: 65px;
    background: url(../img/gNavMenu.png) no-repeat 0px -65px;
}

#globalNavList ul {
    list-style: none;
}

#globalNavList li {
    float: left;
}

#globalNavList li a {
    text-indent: -9999px;
    display: block;
    height: 65px;
    background: url(../img/gNavMenu.png) no-repeat;
    outline: none;
}

#globalNavList li#gNavHome a {
    width: 142px;
    background-position: 0 0;
}

#globalNavList li#gNavHome a:hover,
body#home #globalNavList li#gNavHome a {
    background-position: 0px -65px;
}

#globalNavList li#gNavProduct a {
    width: 142px;
    background-position: -142px 0px;
}

#globalNavList li#gNavProduct a:hover,
body#product #globalNavList li#gNavProduct a {
    background-position: -142px -65px;
}

#globalNavList li#gNavPrice a {
    width: 142px;
    background-position: -284px 0px;
}

#globalNavList li#gNavPrice a:hover,
body#price #globalNavList li#gNavPrice a {
    background-position: -284px -65px;
}

#globalNavList li#gNavGuide a {
    width: 142px;
    background-position: -426px 0px;
}

#globalNavList li#gNavGuide a:hover,
body#guide #globalNavList li#gNavGuide a {
    background-position: -426px -65px;
}

#globalNavList li#gNavOrderflow a {
    width: 142px;
    background-position: -568px 0px;
}

#globalNavList li#gNavOrderflow a:hover,
body#orderflow #globalNavList li#gNavOrderflow a {
    background-position: -568px -65px;
}

#globalNavList li#gNavQuestion a {
    width: 142px;
    background-position: -710px 0px;
}

#globalNavList li#gNavQuestion a:hover,
body#question #globalNavList li#gNavQuestion a {
    background-position: -710px -65px;
}

#globalNavList li#gNavCart a {
    width: 142px;
    background-position: -852px 0px;
}

#globalNavList li#gNavCart a:hover,
body#cart #globalNavList li#gNavCart a {
    background-position: -852px -65px;
}



/************************************/
/* ���i�ڍ�						*/
/************************************/

div#chuhtml1 h3 {
    background: none;
    border-left: solid 5px #8A2B31;
    border-bottom: none;
    margin: 35px 0 20px;
    padding: 4px 0 4px 12px;
    font-size: 15px;
    clear: both;
}

div#chuhtml1 h4,
div#freepage1 h4,
div#popContents div#design_box h4 {
    background: url(/img/h4_back.gif) no-repeat 0% 50%;
    /*border-bottom:dotted 1px #333;*/
    /*width:686px;*/
    padding: 10px 0 5px 10px;
    color: #804F1B;
}

div#chuhtml1 h5 {
    font-weight: bold;
    color: #FF6400;
    font-size: 14px;
    margin-top: 10px;
}


/* ------------- ���i�\ -------------*/


div#price_box {
    margin-bottom: 25px;
}

div#price_box table {
    border: #D0CECC solid 1px;
    margin: 10px auto 10px;
}

div#price_box table thead th {
    background: #eee;
    padding: 5px 5px;
    border: #D0CECC solid 1px;
    text-align: center;
    color: #333;
    font-weight: normal;
}

div#price_box table tbody th {
    background: #eee;
    padding: 5px 3px;
    text-align: center;
    border: #D0CECC solid 1px;
    font-size: 14px;
    font-weight: normal;
}

div#price_box table tbody td {
    padding: 5px 3px;
    text-align: center;
    font-size: 10px;
    color: #666;
    line-height: 2.0;
    border: #D0CECC solid 1px;
    line-height: 1.5 !important;
}

div#price_box table tbody td.fontdeco {
    text-align: left;
    padding: 10px 10px 10px 20px;
}

div#price_box table tbody td.fontdeco span.order_btn {
    float: right;
}

div#price_box table tbody td.fontdeco span.out_of_stock {
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin: 5px 20px 0 0;
}

/*
div#price_box table tbody td a:link,
div#price_box table tbody td a:visited{
text-decoration: underline;
color:#666;
}
*/

div#price_box table tbody td a {
    background: url(../img/go_order_btn.png) no-repeat 100% 0;
    width: 120px;
    height: 24px;
    padding: 0 0 0;
    display: block;
}

div#price_box table tbody td a:hover {
    background: url(../img/go_order_btn_h.png) no-repeat 100% 0;
}

div#price_box table tbody td a:hover {
    text-decoration: none;
    color: #666;
}

div#price_box table.pricelist th.lot {
    width: 160px;
}


.price_b {
    font-size: 18px;
    font-weight: bold;
    color: #e8390d;
}

div#chuhtml1 div#.spec_area {
    margin: 10px 0;
}


div#chuhtml1 div#spec_area p {
    padding: 15px;
    background: #FFFFBD;
    float: left;
    width: 340px;
}

div#chuhtml1 div#spec_area dl {
    float: left;
    margin-left: 30px;
    width: 220px;
}

div#chuhtml1 div#spec_area dl dt {
    color: #804F1B;
    border-bottom: dotted 1px #333;
    float: left;
    clear: both;
    width: 100px;
}

div#chuhtml1 div#spec_area dl dd {
    border-bottom: dotted 1px #333;
    float: left;
    width: 140px;
}

div#chuhtml1 div#order_area,
div#freepage1 div#order_area {
    background: #eaeaea;
    border: solid 3px #DFDFDF;
    clear: both;
    margin: 30px 0 40px;
}


div#chuhtml1 div#order_area p,
div#freepage1 div#order_area p {
    padding: 10px;
}


div#chuhtml1 div#order_area a,
div#freepage1 div#order_area a {
    margin: 0 5px;
    vertical-align: bottom;
}

div#chuhtml1 div.price_info {
    margin: 5px 0 15px;
    /*padding:5px 10px;*/
}

div#chuhtml1 div#price_info_box {
    padding: 0 10px;
    margin: 0;

}

div#chuhtml1 div#price_info_box div.floatleft {
    margin-left: 20px;
}


/*----------------- �o�b�O���i�\ -----------------*/

div#price_box table.price_bag th.lot {
    width: 110px;
}

div#price_box table.price_bag tbody td {
    font-size: 14px;
}

div#order_area_bag p {
    text-align: center;
    margin: 10px 0;
}



/*----------------- �}�E�X�p�b�h -----------------*/

div#mousepad_box {}

div#mousepad_box h2 {
    margin: 20px 0 0;
}

#contents div#mousepad_box h3 {
    border-left: solid 5px #8A2B31;
    border-bottom: none;
    margin: 25px 0 5px;
    padding: 4px 0 4px 12px;
    font-size: 15px;
    clear: both;
}

div#mousepad_box div.list_box {
    border-bottom: dotted 1px #ccc;
    height: 350px;
}

div#mousepad_box div.list_box span.attention {
    font-size: 16px;
    margin: 0 10px 0;
    letter-spacing: 1px
}

div#mousepad_box div.list_box2,
div#mousepad_box div.list_box3 {
    margin-bottom: 30px;
    border-bottom: none !important;
}

div#mousepad_box div.list_box3 div.product_list {
    height: 350px;
}

div#mousepad_box div.product_list {
    float: left;
    width: 160px;
    height: 320px;
    margin: 5px 10px 0 10px;
    /*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;
}


/*----------------- �}�E�X�p�b�h ���� -----------------*/

div#create_ex_box h3 {
    width: auto;
    height: 28px;
    margin: 10px 0 5px;
    padding: 4px 0 0 15px;
    font-size: 15px;
    border: none !important;
    background: url(../img/h3_title_bg.jpg) no-repeat 0 0 transparent;
    clear: both;
}

div#create_ex_box {
    margin: 0 0 25px;
    padding: 20px 0 20px;
    border-bottom: 1px dotted #333;
}

div#create_ex_box div {
    float: left;
    width: 160px;
    margin: 0 10px;
}

div#create_ex_box div p.guests {
    height: 40px;
    margin: 10px 0 0;
    line-height: 1.4;
}

div#create_ex_box div img {
    margin: 0 0 5px;
}



/*----------------- �}�E�X�p�b�h ���ʑf�ވꗗ -----------------*/

div#m_material_box div#m_mate_list {
    margin: 20px 0 20px;
}

div#m_material_box div#m_mate_list h3 {
    background: none;
    font-size: 15px;
    font-weight: bold;
    margin: 45px 5px 0 62px;
    color: #fff;
    width: 360px;
}

div#m_material_box div#m_mate_list div.m_mate_01,
div#m_material_box div#m_mate_list div.m_mate_03 {
    float: left;
    width: 360px;
}

div#m_material_box div#m_mate_list div.m_mate_02,
div#m_material_box div#m_mate_list div.m_mate_04 {
    float: right;
    width: 360px;
}

div#m_material_box div#m_mate_list div.m_mate_01,
div#m_material_box div#m_mate_list div.m_mate_02,
div#m_material_box div#m_mate_list div.m_mate_03,
div#m_material_box div#m_mate_list div.m_mate_04 {
    height: 430px;
}

div#m_material_box div#m_mate_list div.m_mate_01 {
    background: url(../img/mousepad/material_01_bg.png) no-repeat 0 0 transparent;
}

div#m_material_box div#m_mate_list div.m_mate_02 {
    background: url(../img/mousepad/material_02_bg.png) no-repeat 0 0 transparent;
}

div#m_material_box div#m_mate_list div.m_mate_03 {
    background: url(../img/mousepad/material_03_bg.png) no-repeat 0 0 transparent;
}

div#m_material_box div#m_mate_list div.m_mate_04 {
    background: url(../img/mousepad/material_04_bg.png) no-repeat 0 0 transparent;
}

div#m_material_box div#m_mate_list p {
    font-size: 12px;
    margin: 10px 25px 0 40px;
}

div#m_material_box div#m_mate_list p.ptxt {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 25px 0 40px;
}

div#m_material_box ul#m_material_selec {}

div#m_material_box ul#m_material_selec li {
    float: left;
    list-style: none;
    margin: 6px;
}

div#m_material_box h4 {
    width: 730px;
    /*height:100px;*/
    padding: 72px 0 30px 125px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

div#m_material_box h4#material_01_h4 {
    background: url(../img/material_title01_bg.png) no-repeat 0 15px transparent;
}

div#m_material_box h4#material_02_h4 {
    background: url(../img/material_title02_bg.png) no-repeat 0 15px transparent;
}

div#m_material_box h4#material_03_h4 {
    background: url(../img/material_title03_bg.png) no-repeat 0 15px transparent;
}

div#m_material_box h4#material_04_h4 {
    background: url(../img/material_title04_bg.png) no-repeat 0 15px transparent;
}

div#m_material_box h4#material_05_h4 {
    background: url(../img/material_title05_bg.png) no-repeat 0 15px transparent;
}

div#m_material_box h3 {
    width: auto;
    height: 28px;
    margin: 20px 0 5px;
    padding: 6px 0 0 17px;
    font-size: 15px;
    border: none !important;
    background: url(../img/h3_title_bg.jpg) no-repeat 0 0 transparent;
    clear: both;
}

div#m_material_box table {
    width: 710px;
    margin: 5px auto 70px !important;
}

div#m_material_box table th {
    width: 32%;
    color: #0066CC;
}




/*----------------- �}�E�X�p�b�h ���i�ڍ� -----------------*/

div#price_box h3,
div#m_product_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/h3_title_bg.jpg") no-repeat scroll 0px 0px transparent;
    clear: both;
}

div#.spec_area {
    margin: 10px 0;
}

div#m_product_box div.price_info {
    padding: 0 10px;
    margin: 0 auto 20px;
    /*background: none repeat scroll 0% 0% #FFFFBD;*/
    font-size: 12px;
    line-height: 1.5;
}

div#spec_area p {
    margin: 0 15px 15px 0;
    padding: 15px;
    background: #EAF5F7;
    float: left;
    width: 290px;
    line-height: 1.6;
    height: 170px;
}

div#spec_area table {
    margin: 15px 0;
    line-height: 1.5;
}

div#spec_area table th {
    font-size: 12px;
    padding: 6px 5px;
    border-bottom: 1px dotted #ccc;
    width: 80px;
}

div#spec_area table td {
    font-size: 12px;
    padding: 6px 5px;
    border-bottom: 1px dotted #ccc;
}

div#order_area {
    background: #eaeaea;
    border: solid 3px #DFDFDF;
    clear: both;
    margin: 30px 0 40px;
}

div#order_area p {
    padding: 10px;
}

div#order_area p img {
    padding: 10px 8px 10px;
}

div#order_area a {
    margin: 0 5px;
    vertical-align: bottom;
}

p.m_flow {
    margin: 15px auto;
}


#order_new_area {
    background: #efefef;
    margin: 10px 0;
    padding: 10px 50px;
    border: 1px solid #333;
    border-radius: 10px;
    /* CSS3���� */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome�p */
    -moz-border-radius: 10px;
    /* Firefox�p */
}

#order_new_area .order_left {
    float: left;
}

#order_new_area .order_right {
    float: right;
}

#order_new_area p {
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
}

#order_new_area p .order_txt {
    color: #A67C52;
}

#order_new_area p .inquiry_txt {
    color: #656565;
}




/* --- �E�F�A �g�b�v ------------------------------------------------ */

ul.wear_menu {
    margin: 40px 0;
}

ul.wear_menu li {
    float: left;
    margin: 0 7px 0 0;
    list-style: none;
}

ul.wear_menu li.end {
    float: right;
    margin: 0 0 0 0;
    list-style: none;
}

div#wear_product_box div {
    margin: 10px 0;
    position: relative;
}

div#wear_product_box div p a {
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 14px;
    color: #00A0E9;
}

div#wear_product_box div ul {
    padding: 50px 0 0 180px;
    list-style: disc;

}

div#wear_product_box div {
    width: 360px;
    height: 230px;
    display: block;
}

div#wear_product_box div.product01 {
    float: left;
    background: url("../img/wear/wear_list01.jpg") no-repeat;
}

div#wear_product_box div.product02 {
    float: right;
    background: url("../img/wear/wear_list02.jpg") no-repeat;
}

div#wear_product_box div.product03 {
    float: left;
    background: url("../img/wear/wear_list03.jpg") no-repeat;
}

div#wear_product_box div.product04 {
    float: right;
    background: url("../img/wear/wear_list04.jpg") no-repeat;
}

div#wear_product_box div.product05 {
    float: left;
    background: url("../img/wear/wear_list05.jpg") no-repeat;
}

div#wear_product_box div.product06 {
    float: right;
    background: url("../img/wear/wear_list06.jpg") no-repeat;
}


/*----- �������͂����� -----*/

div#wear_details div#order_box {}

div#wear_details div#order_box h3 {
    border: none;
    padding: 0;
}

div#wear_details div#order_box p img {
    margin: 0 0 10px 15px;
}


/*----- ���n�ɂ‚��� -----*/

div.cloth_box {
    margin: 0 6px 0;
    font-size: 12px;
    line-height: 1.35;
}

div.cloth_box div.right_c {
    float: right;
    width: 330px;
    height: 190px;
}

div.cloth_box div.right_c p {
    margin: 30px 0 0;
    padding: 15px 15px;
    border: 1px solid #999;
}

div.cloth_box div.left_c {
    float: left;
    width: 345px;
    height: 190px;
}


/*----- �A�C�R������ -----*/

div#icon_box {
    padding: 0 0 0;
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
}

div#icon_box div.icon_list {
    width: 239px;
    height: auto;
    float: left;
}

div#icon_box div.icon_list p {
    margin: 0 10px 0;
}

div#icon_box div.icon_list img {
    float: left;
    margin-right: 5px;
    margin-bottom: 36px;
}

div#other_icon_box {
    margin: 0 10px 0;
    padding: 20px 0 5px;
}

div.other_icon_right {
    float: right;
    width: 350px;
}

div.other_icon_left {
    float: left;
    width: 320px;
}

div.icon_list_other {
    width: 350px;
    margin: 0 0 10px;
    float: left;
}

div#other_icon_box p.title {
    font-size: 13px;
    margin: 0 10px 5px;
}

div#other_icon_box dl {
    font: size:12px;
    margin: 0 0 15px;
}

div#other_icon_box dl dt {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px;
}

div#other_icon_box dl dd {
    font-size: 12px;
    margin: 5px 0 0;
    line-height: 1.35;
}

p.title {
    font-weight: bold;
    font-size: 13px;
}

div.icon_list_other p {
    margin: 0 10px 0;
}

div.icon_list_other img {
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}


/* ---------- �T�C�Y�̌���/���@�̑���� ---------- */

p.size_aim {
    text-align: center;
}

p.size_aim img {
    margin: 10px 20px 10px;
}


/* ---------- ���n�̓��� ---------- */

div#cloth_feature_box {
    margin: 0 10px 40px;
    font-size: 12px;
}

div#cloth_feature_box h4 {
    clear: both;
    background-color: #ccc;
    margin: 10px 0 10px;
    padding: 5px 15px 5px;
}

div.cloth_feature {
    width: 176px;
    height: 270px;
    float: left;
    padding: 10px 0 15px;
}

div.cloth_feature p {
    width: 160px;
    margin: 0 0 5px;
}

div.cloth_feature img {
    margin: 0 0 4px;
}

div.cloth_feature span.title {
    margin: 0 3px 0;
}

div.cloth_feature_w {
    width: 240px;
    float: left;
    padding: 10px 10px 15px;
}

div.cloth_feature_w p.center {
    margin: 0 0 5px;
    text-align: center;
}


/* ---------- �E�F�A ���i�ڍ׃y�[�W ---------- */

div#wear_details {}

div#wear_details h3 {
    border: none;
    background: none;
    margin: 25px 0 15px;
    padding: 5px 12px 5px;
    border-left: 5px solid #999;
}

/* ---------- �E�F�A ���i�\ ---------- */

div#price_box table {
    border-collapse: collapse;
    width: 730px;
}

div#price_box table th {
    text-align: center;
    background-color: #efefef;
    padding: 5px;
}




/* ---------- ���i�d�l ---------- */

div#wear_details div#product_img p {
    text-align: center;
    margin: 20px 0 10px;
}



/* ---------- �������͂����� ---------- */

div#order_box {}

div#wear_details div#order_box h3 {
    border: none;
    padding: 0;
}

div#order_box p {
    margin: 0 20px 15px;
}

div#order_box p img {
    margin: 0 25px 0 25px;
}


/* ---------- ���i�J�e�S���[ �ꗗ ---------- */


/* ---------- �}�E�X�p�b�h �������ߗ��R ---------- */

div#mousepad_reco_box {
    padding: 20px 0 20px;
}

#contents div#mousepad_reco_box h3 {
    margin-bottom: 0;
    border-bottom: none;
    padding: 0 0;
    margin: 0 0;
}

div#mousepad_reco_box div.point_text {
    border: #1A61AC 1px dotted;
    border-top: none;
    margin: 0 0 20px;
    padding: 15px 25px 15px;
}

div#mousepad_reco_box div.point_text p {
    font-size: 14px;
    line-height: 1.8;
}


/* ---------- ���q�l�̐��i�}�E�X�p�b�h���쎖��j ---------- */

div.voice_detail {
    margin: 0 10px 0;

}

div.voice_detail h3 {
    margin: 15px 0 5px 10px !important;
    font-size: 16px;
}

div.voice_detail h4 {
    border-bottom: dotted 1px #999;
    margin: 0 0 5px;
    padding: 0 5px 5px;
    color: #666;
}

div.voice_detail {
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}

div.voice_detail p {
    line-height: 1.6;
}

div.voice_detail p.product_link {
    margin-left: 10px;
    font-size: 12px;
    text-align: left;
}

div.voice_detail p.contribution_date {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 0 12px 0 0;
    text-align: right;
}

div.voice_detail img {
    margin: 0 0 0 0;
}

div.comment_box {
    float: right;
    width: 350px;
    height: auto;
    margin: 0 5px 0 0;
}

div.comment_box div.comment {
    /*margin-left:10px;
	float:left;
	width:330px;*/
}

div.comment_box div.comment p {
    margin: 10px 0 15px 0;
    line-height: 1.6;
}

div.comment_box div.evaluation {
    /*float:right;
	width:340px;
	margin-right:12px;*/
}

div.evaluation table {
    margin: 4px 0 10px 0 !important;
    width: 100%;
    border: solid 1px #aaa;
    border-collapse: collapse;
    border-spacing: 0;
}

div.evaluation table th,
div.evaluation table td {
    padding: 10px 6px !important;
    text-align: left;
    border: solid 1px #aaa;
    font-size: 12px;
}

div.evaluation table th {
    font-weight: bold !important;
    color: #0E6EB6;
    width: 30%;
    text-align: center;
}

div.evaluation table td {
    font-weight: normal;
}

div.comment_box div.evaluation ul {
    padding: 10px 20px 10px 30px;
    border: solid 1px #999;
}

div.comment_box div.evaluation li {
    line-height: 1.6;
}

div.staff_box {
    margin: 0 0 30px 0;
}

div.staff_box p {
    margin: 15px 0 0 10px;
}

div.customer_voice {
    padding-bottom: 20px;
    border-bottom: dotted 1px #999;
}

div.customer_voice ol {
    list-style: none;
}

div.customer_voice p.left_box {
    float: left;
}

div.customer_voice dl.right_box {
    float: right;
    width: 500px;
}

div.customer_voice dl.right_box dt {
    margin-bottom: 10px;
}

div.customer_voice dl.right_box dd {
    margin-left: 5px !important;
}

div.page_number_wrap {
    margin: 0;
    padding: 8px 0 8px 0;
    border-top: 2px solid #d6d6d6;
    border-bottom: 2px solid #d6d6d6;
    text-align: center;
}

div.linkback {
    padding: 20px 0px 10px 0px;
    text-align: center;
}

div.page_number_wrap p {
    letter-spacing: 4px;
}

div.page_number_wrap p a {
    margin: 0 6px;
}

div.vc_box img {
    margin: 20px auto 10px;
}

div#voice_box p.select_jirei {
    margin: 20px auto;
}

div#voice_box p.select_jirei img {
    margin: 5px 2px;
}


/* --- ���菤����Ɋ�Â��\�L�E�L�����Z���ύX ------------------------------------------------ */

div#law_box {
    width: 730px;
}


div#law_box table {
    /*width:100%;*/
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    text-align: left;
    margin: 0 auto 20px;
}

div#law_box table thead th {
    background: #666;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    font-weight: bold;
    line-height: 15px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
}

div#law_box table th {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    font-weight: normal;
    line-height: 15px;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    padding: 6px 15px;
}


div#law_box table td {
    background: #FFFFFF;
    padding: 6px 15px;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    width: 70%;
}

div#law_box table td.price {
    color: #0064C1;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

div#law_box table tbody th {
    width: 200px !important;
}



/* �K�C�h�y�[�W
-------------------------------------------------- */

/* ----- ���X�g ----- */

#freepage1 #law_box ul,
#freepage1 #privacy ul,
#freepage1 #agreement ul {
    margin: 10px 0 10px 20px;
}

#freepage1 #law_box ol,
#freepage1 #privacy ol,
#freepage1 #agreement ol {
    margin: 10px 0 10px 20px;
}

#freepage1 #law_box li,
#freepage1 #privacy li,
#freepage1 #agreement li {
    list-style: disc;
}

#freepage1 #law_box dl,
#freepage1 #privacy dl,
#freepage1 #agreement dl {
    margin: 10px 0;
}

#freepage1 #law_box dt,
#freepage1 #privacy dt,
#freepage1 #agreement dt {
    font-weight: bold;
}

#freepage1 #law_box dd,
#freepage1 #privacy dd,
#freepage1 #agreement dd {}


/* ----- �K�C�h���� ----- */

#freepage1 #law_box p,
#freepage1 #privacy p,
#freepage1 #agreement p {
    margin: 0 0;
    padding: 4px 0;
}



#freepage1 #law_box h2,
#freepage1 #privacy h2,
#freepage1 #agreement h2 {
    background: url(../img/catelist_h2_bg.gif) no-repeat center center;
    height: 55px;
    margin: 0 0 0 0;
}

#freepage1 #law_box h2 span,
#freepage1 #privacy h2 span,
#freepage1 #agreement h2 span {
    padding-left: 15px;
    color: #fff;
    font-size: 20px;
    font-size: 2.5rem;
    line-height: 58px;
    letter-spacing: 2px;
    /*font-weight:normal;*/
}


/* ----- ���i�ڍ� �X�y�b�N ----- */

#itemhtml4 div.spec_list {
    width: 325px;
    overflow: auto;
    margin: 20px 0 0;
    padding: 0 0 4px;
    background-color: #F0F0F0;
}

#itemhtml4 div.spec_list dl {
    font-size: 12px;
    padding: 6px 20px;
    line-height: 180%;
}

#itemhtml4 div.spec_list dl dt {
    width: 70px;
    float: left;
}

#itemhtml4 div.spec_list dl dd {
    width: 210px;
    float: right;
}

/* ----- �g�b�v�y�[�W���j���[�A�� ----- */

.ticker span.icon {
    display: inline-block;
    padding: 2px;
    background: #2b3b54;
    margin: -2px 8px 0 0;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ticker a {
    color: #2b3b54;
}

.ticker {
    float: left;
    margin: 25px 0 0 30px !important;
    color: #2b3b54;
}

.souryou_payment {
    width: 320px;
    float: right;
    margin: 10px 0 0 0;
}

.sticker {
    z-index: 3000 !important;
}

/* �V���O���h���b�v�_�E�� */

.search li:not(.members) ul.single_menu {
    position: relative;
    background: none;
}

.search li:not(.members) ul.single_menu .single_menu_second {
    position: absolute;
    left: 0;
    width: 200px;
}

.search > ul > li.guide.mypage a.login,
.search > ul > li.guide.mypage a.logout {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    padding: 5px 0;
    color: #333;
    background: #fff;
    border: 1px solid #333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin: 5px 0;
    font-size: 12px;
}

.search > ul > li.guide.mypage a.shinki {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    padding: 5px 0;
    color: #333;
    border: 1px solid #2b3b54;
    background: #2b3b54;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin: 5px 0 0;
    font-size: 12px;
}

.search > ul > li.guide.mypage a.login:hover,
.search > ul > li.guide.mypage a.logout:hover {
    background: #f5f6f7;
}

.search > ul > li.guide.mypage a.shinki:hover {
    background: #3d4c63;
}



/* ���K���j���[�h���b�v�_�E�� */

#dd-full {
    background: #cd202a;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    height: 58px;
    position: relative;
    z-index: 4000;
}

.search ul.pc {
    width: 1000px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.search > ul > li {
    width: 122px;
    text-align: center;
    float: left;
    border-left: 1px solid #d64d54;
}

.search > ul > li.guide {
    width: 60px;
    border-left: 0;
}

.search > ul > li.guide.mypage a {
    background: url(../img/common/mypage.png) no-repeat top center;
}

.search > ul > li.guide.mypage a.active {
    background: url(../img/common/mypage_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.guide.cart a {
    background: url(../img/common/cart.png) no-repeat top center;
}

.search > ul > li.guide.cart a.active {
    background: url(../img/common/cart_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.guide.firstguide a {
    background: url(../img/common/guide.png) no-repeat top center;
}

.search > ul > li.guide.firstguide a.active {
    background: url(../img/common/guide_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.guide.contact a {
    background: url(../img/common/contact.png) no-repeat top center;
}

.search > ul > li.guide.contact a.active {
    background: url(../img/common/contact_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.guide > a {
    text-indent: -9999px;
    box-sizing: border-box;
}


.search > ul > li > a {
    display: block;
    padding: 4px 0;
    height: 58px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}

.search > ul > li.guide > a {
    font-size: 10px;
    color: #fff;
}

.menu {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1000px;
    margin-left: 364px;
}

.search > ul.menu > li {
    width: 58px;
    text-align: center;
    float: left;
    border: 0;
}

.search > ul.menu > li > a {
    font-size: 10px;
    font-weight: normal;
}

.search > ul > li > a:hover {
    text-decoration: none;
    color: #333;
}

.search > ul > li > a img {
    margin: 6px 0 2px;
}

.search > ul.menu > li > a img {
    margin: 8px 0 2px;
    height: 20px;
}


.search li ul {
    width: 100%;
    color: white;
    text-align: left;
    position: absolute;
    left: 0;
    padding: 10px 0;
    background: #f1f1f1;
    /*background: rgba(248,248, 248, 1);*/
    z-index: 2100;
    box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1);
}

.search li.mypage ul {
    position: relative;
    width: 200px;
    color: #222;
    text-align: left;
    left: auto;
    padding: 10px;
    background: #f1f1f1;
    z-index: 2100;
    margin-bottom: 10px;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.25);
}

.search li.mypage ul li:nth-of-type(1) {
    font-size: 11px;
    line-height: 1.35;
    height: auto;
    color: #555;
    margin: 0 0 5px;
}



.search li ul div {
    width: 1000px;
    margin: 0 auto;
}

.search li ul img {
    float: left;
}

.search .active {
    color: #333;
    background: #f1f1f1;
}

.search a {
    cursor: pointer;
}

.search a:hover {
    text-decoration: none;
}




.search .active img {
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
}

.search .active li.members .members {
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    fill: #97CD76;
}

.search li.keyword {
    width: 390px;
    height: 58px;
    position: relative;
}

.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;
}



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;
}

.search .wrap {
    width: 1000px;
    box-sizing: border-box;
    margin: 5px auto;
    padding: 10px;
    overflow: hidden;
}

.search .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;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 68%;
    float: left;
    background: #fff;
    padding: 4px;
}

.search.top {
    border: 2px solid #ececec;
    border-top: 0;
    padding: 0;
    overflow: hidden;
}

.search.top .byCategory .list,
.search.top .byPrice .list {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 8px;
}

.search.top .byPrice .list a {
    width: 30%;
    box-sizing: border-box;
    padding-left: 20px;
}

.search .list a {
    width: 31%;
    display: block;
    margin: 0;
    padding: 5px 3px 3px;
    box-sizing: border-box;
    color: #333;
    border-bottom: 1px dotted #c9c9c9;
    position: relative;
}

.search .list a:hover {
    text-decoration: none;
    background: #f5f5f5;
}

.search .list::after {
    content: "";
    display: block;
    width: 31%;
    padding: 5px 3px;
    box-sizing: border-box;
    margin: 0 5px 0 5px;
}

.search .byCateory .list a:not(:nth-child(3n))::before {
    content: "";
    width: 3px;
    border-right: 1px dotted #c9c9c9;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
}


.search .byPrice .list a:not(:nth-child(5n))::before {
    content: "";
    width: 3px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
}

.search .byCategory .list a:nth-child(n+16) {
    border: 0;
}

.search .byPrice .wrap {
    padding-bottom: 5px;
}


.search .byPrice .list {
    width: 68%;
}

.search .byPrice .list a {
    width: 17.5%;
    padding: 10px 0;
    margin: 5px auto 0;
}

.search .byPrice .list::after {
    width: 17%;
}

.search .byPrice .list a span {
    position: relative;
    padding-left: 1.2em;
}

.search .byPrice .list a span:after,
.menu:not(.members) .menu__second-level li:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu.head .menu__second-level li:after {
    left: 5px;
}

.menu__second-level li:after {
    left: 8px;
}

.search .list a > div {
    overflow: hidden;
    padding: 3px 0;
    display: flex;
    align-items: center;
    width: 100%;
}


.search .list a > div img.thumb {
    width: 45px;
    height: auto;
    margin: 0 8px 0 5px;
}

.search .list a > div span {
    font-size: 13px;
    line-height: 1.35;
}

.search div.pickup {
    width: 230px;
    float: right;
    overflow: hidden;
}

.search div.pickup img {
    float: none;
}

.search div.pickup p {
    color: #222;
    font-size: 12px;
}

.search div.pickup p.head {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.search div.pickup span.ttl {
    font-size: 16px;
    display: block;
    margin: 5px 0;
}

#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: 32%;
    margin-bottom: 20px;
    color: #333;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}


#new_pickup div.list.line4 a{
    width:24%
}

#new_pickup div.list a:hover {
    text-decoration: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#new_pickup div.list.line4 a:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}


#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: 15px;
    color: #fff;
    background: rgba(253, 52, 60, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
}
#new_pickup div.list.line4 a div.img p.catch {
    padding: 1px 0 2px;
    font-size: 12px;
    letter-spacing: 0.1em;
}

#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;
    line-height: 1.3;
    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;
}



#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;
}

#osusume div.list a {
    width: 18%;
    margin-bottom: 10px;
    color: #333;
}

#ranking div.list a {
    width: 18%;
    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{
    max-width: 100%;
}


#ranking div.list a div.img img{
  width: 129px;
  height: 129px;
  object-fit: cover;
}

#new_pickup.original div.list a div.img img{
  width: 236px;
  height: 140px;
  object-fit: cover;
}


#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;
}

#dd-full .wrap {
    width: 1000px;
    box-sizing: border-box;
    margin: 5px auto;
    padding: 20px 30px 20px 40px;
    overflow: hidden;
    background: #fff;
    color: #333;
}

#dd-full p.ttl {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.02em;
    font-weight: 500;
}

#dd-full p.ttl span.eigyou {
    font-size: 14px;
    padding: 0 10px;
}

#dd-full dl {
    width: 32%;
    margin: 0 50px 20px 0;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    float: left;
    overflow: hidden;
    height: auto;
}

#dd-full dl dt {
    border-right: 1px solid #ccc;
    padding: 0 15px 0 0;
    font-size: 16px;
    font-weight: 500;
}

#dd-full dl dd {
    padding: 0 0 0 15px;
    text-align: left;
    font-size: 12px;
}

#dd-full dl dd p {
    line-height: 1.2;
}

#dd-full dl dd span.number {
    font-size: 32px;
    font-weight: 700;
}

#dd-full p.notes {
    font-size: 12px;
    clear: both;
}

#dd-full a.mailform {
    display: block;
    width: 22%;
    float: right;
    border: 2px solid #3d3938;
    padding: 20px 10px 20px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
    text-align: center;
    color: #3d3938;
}

#dd-full a.mailform:hover {
    text-decoration: none;
    background: #f5f5f5
}

.search li ul a.mailform img {
    float: none;
    margin-bottom: 10px;
}



#groupsite .bx-wrapper img {
    max-width: none;
}

#leftContents h3.groupsite {
    font-size: 18px;
    line-height: 1.25;
    border: 0;
    border-top: 1px dotted #ccc;
    text-align: center;
    background: #fff;
    color: #333;
    letter-spacing: -0.02em;
    margin: 30px 0 0;
    padding: 30px 0 0;
    text-align: left;
}

#leftContents h3.groupsite + p {
    margin: 0 0 10px 0;
    color: #888;
    font-size: 11px;
    text-align: center;
}


ul.link_bnr {
    margin: 0 0 20px;
}

ul.link_bnr li {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    color: #666;
}

.txtSmall {
    font-size: 11px;
}

ul.link_bnr li a {
    position: relative;
    overflow: hidden;
    width: 230px;
    height: auto;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: block;
}

ul.link_bnr li a img {
    opacity: 1;
    margin: 0 0 0 0;
}

ul.link_bnr li a p.sitename {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 !important;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 15px;
    align-items: center;
    opacity: 0;
}

ul.link_bnr li:hover p.sitename {
    opacity: 1;
}


#contents #main_box h3 {
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 50px 0 15px;
    color: #cc2029;
    border-left: 0;
    background: none;
    padding: 4px 10px;
}

#contents #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;
}

#contents #main_box h3 span.sub > span:before,
#contents #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;
}


#contents h3.line {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 50px 0 10px;
    color: #333;
    display: flex;
    align-items: center;
}

#contents h3.line:before,
#contents h3.line:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #333;
    display: block;
}


#contents h3.line:before {
    margin-right: .4em;
}

#contents h3.line:after {
    margin-left: .4em;
}


/*�^�u�̒��g��������\����*/
.ChangeElem_Panel {
    display: none;
}

/*�^�u�������ׂ�*/
.ChangeElem_Btn_Content {
    display: flex;
    justify-content: space-around;
    margin: 20px 0 0;
}

/*�ʏ펞�̃^�u����*/
.ChangeElem_Btn {
    cursor: pointer;
    display: inline-block;
    flex: 1;
    position: relative;
    vertical-align: middle;
    padding: 8px 0 10px;
    background: #989898;
    color: #fff;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/*�J�����g�ƃz�o�[���̃^�u����*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
    box-sizing: border-box;
    background: #cd202a;
    color: #fff;
    border: 0;
    position: relative;
}

.ChangeElem_Btn:nth-of-type(2):hover,
.ChangeElem_Btn.is-active:nth-of-type(2) {
    background: #333;
}

.ChangeElem_Btn.is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 8px solid #cd202a;
}

.ChangeElem_Btn.is-active:nth-of-type(2):before {
    border-top: 8px solid #333;
}


.giftmeister_desc {
    margin: 130px 0 10px;
    padding: 0 0 10px 0;
    text-align: center;
    background: #fef4a0;
    border-radius: 10px;
    position: relative;
}


.giftmeister_desc #topItem {
    margin: 5px 0;
}

.giftmeister_desc .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    overflow: hidden;
}

.giftmeister_desc .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
}

.giftmeister_desc dt {
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
}

.giftmeister_desc dt p {
    width: 530px;
    margin: 5px 0 0 190px;
    text-align: left;
}

.giftmeister_desc dt .eyecatch {
    position: absolute;
    top: -95px;
    left: 10px;
}

.giftmeister_desc span.txtRed {
    color: #cc2029 !important;
}


.giftmeister_desc dd {
    padding: 3px 6px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    background-color: #fef4a0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fef9cf), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fef9cf),
            color-stop(.75, #fef9cf), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
}

div.box_l {
    border: 1px solid #bf2b39;
    width: 365px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #f2c2c4;
}

div.box_l.right {
    float: right;
    margin: 10px 0 40px 0;
}

div.box_l p.summary {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

div.box_l p.summary span.notes {
    background: #bf2b39;
    padding: 8px 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    opacity: 1;
    display: block;
    width: 100%;
}

div.box_l p.summary span.name {
    background: #333;
    padding: 8px 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
    display: block;
    width: 100%;
}

div.box_l p.summary span.price {
    font-size: 12px;
}

#osusume div.list.right {
    float: right;
    width: 350px;
}

#osusume div.list.left {
    float: left;
    width: 350px;
    margin-top: 20px;
}

#osusume div.list a {
    width: 32%;
}

#osusume div.list p.summary {
    width: 96%;
    margin: 8px auto 0;
    padding-bottom: 0;
    color: #333;
}


/* BX-SLIDER�i�g�b�v���C���j
----------------------------------------------- */
#topMain {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}


/* alone_design�ړ�
----------------------------------------------- */

@charset "UTF-8";

/* base styles */

#contents #main_box div.top_lineup_box {
    width: 730px;
    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-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


#contents #main_box div.top_lineup_box p {
    width: 353px;
    margin-bottom: 15px;
}

#contents #main_box div.top_lineup_box p.w100 {
    width: 100%;
    margin-bottom: 15px;
}


#contents #main_box div.top_lineup_box p.end {
    float: right;
    clear: none;
    margin-right: 0;
}

#contents #main_box div.top_lineup_box02 {
    margin: 15px 0;
}


#contents #main_box div.top_lineup_box02 p {
    float: left;
    clear: none;
    margin: 0 43px 0 0;
}

#contents #main_box div.top_lineup_box02 p.end {
    float: right;
    clear: none;
    margin-right: 0;
}

#contents #main_box div#meister_bg {
    background: url(../img/gift_meister_bg.jpg) no-repeat 0 0;
    clear: both;
    height: 132px;
}

#contents #main_box div#meister_bg p {
    padding: 65px 0 0 135px;
    width: 730px;
    height: 65px;
    font-weight: bold;
    font-size: 14px;
}

/* ----- �y�e�L�X�g�E���ӏ����z ----- */

span.mini {
    font-size: 10px;
    font-weight: normal;
    color: #666;
    padding-left: 3px;
}

span.variation {
    font-size: 18px;
    font-weight: bold;
    color: #fc0001;
}

span.underline {
    padding-bottom: 3px;
    background: url(/file/common/underline_nami.gif) repeat-x left bottom;
}

span.attention {
    font-weight: bold;
    color: #ff0000;
}

.emphasis {
    font-size: 16px;
}

.more_emphasis {
    font-size: 18px;
    font-weight: bold;
}

span.point {
    color: #c00;
    font-weight: bold;
}

p.m_down {
    margin-top: -20px !important;
}

.center {
    text-align: center;
}

.bdr {
    text-indent: -9999px;
    border-top: 1px solid #333;
    margin: 5px 0;
    clear: both;
}

div#freepage1 blockquote {
    margin: 5px 20px;
    border: dashed 1px #ccc;
    padding: 5px 0 5px 15px;
}

div#cancel_box h3 {
    margin: 30px 0 5px 0 !important;
}


div#cancel_box ul {
    margin: 5px 15px 5px 40px;
}

div#notice_info {
    /*background:#FFD7D7;*/
    clear: both;
    margin: 10px 0;
    padding: 10px;
    border: 3px #e57f7f solid;
}

div#notice_info h3 {
    background-color: #ccc !important;
    color: #333 !important;
    border: none !important;
    font-size: 16px;
    font-weight: bold;
    height: auto !important;
    line-height: 135%;
    margin: 0 0 10px 0 !important;
    padding: 5px 0 5px 10px !important;
}

div#notice_info h4 {
    color: #333 !important;
    border: none !important;
    font-size: 14px;
    font-weight: bold;
    height: auto !important;
    line-height: 135%;
    margin: 10px 0 !important;
}

div#notice_info p {
    font-size: 14px !important;
}


/****************************************/
/* data_guide/index					*/
/****************************************/

body#data_guide_body {
    background-color: #fff !important;
    /*font-size:12px;*/
    line-height: 1.5;
    margin: 0 auto;
    width: 740px;
    background: none #fff !important;
}

div#data_guide {
    font-size: 13px;
    background: none !important;
    background-color: #FFFFFF !important;
}

/*--header--*/

div#data_guide div#header {
    background: url(../dataguide/img/img_head.gif) repeat-x left top;
    padding: 20px 20px 30px 20px;
}

div#data_guide div#header h1 {
    float: right;
}


/*--content--*/

div#data_guide div#content {
    width: 740px;
    margin: 0 auto;
    text-align: left;
}

div#data_guide div#content div#left_con {
    float: left;
    width: 180px !important;
    text-align: left;
    background-color: #ccc;
}

div#data_guide div#content div#left_con h4 {
    background: url(../dataguide/img/bg_menu.gif) repeat-x left top;
    border: 1px solid #eedecf;
    font-size: 14px;
    padding: 6px 0 5px 15px;
}

div#data_guide div#content div#left_con h4.color_c {
    color: #330000;
}

div#data_guide div#content div#left_con ul {
    text-align: left;
    list-style-type: none;
    border-left: 1px solid #eedecf;
    border-right: 1px solid #eedecf;
    border-bottom: 1px solid #eedecf;
    margin: 0 0 20px 0;
}

div#data_guide div#content div#left_con ul li.bder_b {
    border-bottom: 1px dotted #c7c7c7;
}

div#data_guide div#content div#left_con ul li {
    background: url(../dataguide/img/icon_or.gif) no-repeat 5px center;
    padding: 6px 0 6px 15px;
}

div#data_guide div#content div#left_con ul li a {
    color: #330000;
    text-decoration: none;
    display: block;
}

div#data_guide div#content div#left_con ul li a:hover {
    text-decoration: underline;
}

div#data_guide div#content div#right_con h3 {
    margin: 5px 10px;
}

div#data_guide div#content div#right_con {
    float: right;
    width: 730px;
    /*border:solid 1px #ccc;*/
}

div#data_guide div#content div#right_con a {
    color: #3366cc;
    text-decoration: underline;
}

div#data_guide div#content div#right_con a:hover {
    color: #3366cc;
    text-decoration: none;
}


/* ----- �f�[�^�쐬�K�C�h�y���C�z -----*/

div#content h2#data_navigation {
    margin: 0;
    padding: 0;
    width: 729px;
    height: 80px !important;
    background: url(../dataguide/img/data_navigation.jpg) no-repeat 0% 0% !important;
    text-indent: -9999px;
}


div#content div#guidenavi_box {
    margin: 10px 0 20px 45px;
    width: 680px;
}

div#content div#guidenavi_box h4 {
    height: 25px;
    background: none;
    background: url(../dataguide/img/navi_h4_bg.jpg) no-repeat 0% 0% !important;
    /*background-color:#e6e6e6;*/
    margin-top: 15px;
    padding: 5px 0 5px 20px;
    color: #808080;
}



/* ----- �f�[�^�K�C�h�i�r�ypsd/ai�z -----*/

div#content div#ps_navimenu {
    height: 160px;
    margin: 0 30px 0 40px;
}

div#content p.ai_bar {
    margin: 10px 0 5px 0;
}

div#content div#ai_navimenu {
    height: 300px;
    margin: 25px 0px 20px 0px;
}

div#content div#ps_navimenu_left,
div#content div#ai_navimenu_left {
    float: left;
    width: 340px;
    margin: 0;
    padding: 0;
}

div#content div#ps_navimenu ul.ps_navimenu_left,
div#content div#ai_navimenu ul.ai_navimenu_left {
    float: left;
    width: 340px;
    margin: 0;
    padding: 0;
}

div#content div#ps_navimenu ul.ps_navimenu_right,
div#content div#ai_navimenu ul.ai_navimenu_right {
    float: right;
    width: 370px;
    margin: 0;
    padding: 0;
}

div#content div#ps_navimenu ul li {
    padding-left: 23px;
    padding-bottom: 10px;
    height: 19px;
    background: url(../dataguidedataguide/img/ps_navi_icon.jpg) no-repeat 0% 0%;
    margin-bottom: 15px;
    list-style: none;
}

div#data_guide div#ai_navimenu ul li {
    padding-left: 23px;
    padding-bottom: 10px;
    height: 19px;
    background: url(../dataguide/img/ai_navi_icon.jpg) no-repeat 0% 0%;
    margin-bottom: 15px;
    list-style: none;
}

div#content div#ps_navimenu ul li span.detail,
div#content div#ai_navimenu ul li span.detail {
    margin-left: 20px;
    color: #006bd1;
    text-decoration: none;
}

div#content div#ps_navimenu ul li a,
div#content div#ai_navimenu ul li a {
    text-decoration: none !important;
}

div#content div#ps_navimenu ul li a:hover,
div#content div#ai_navimenu ul li a:hover {
    color: #e83921 !important;
    text-decoration: underline !important;
}

div#content div#ps_navimenu ul li a:hover span.detail,
div#content div#ai_navimenu ul li a:hover span.detail {
    color: #e83921 !important;
}


/* ----- �f�[�^�K�C�h�ڍׁyai�z -----*/

div#content div#guidenavi_box h4 {
    clear: both;
}

div#content div#ai_box h5 {
    font-size: 14px;
    font-weight: bold;
    color: #EF8200;
    margin: 10px 0;
    clear: both;
}

div#content div#ai_box h5.b_dotted {
    border-bottom: 1px #808080 dotted;
    padding: 5px 0;
    color: #808080 !important;
}

div#content div#save_box h5 {
    font-size: 14px;
    border-bottom: 1px #808080 dotted;
    margin: 10px 0;
    padding: 5px 0;
    color: #EF8200 !important;
}

/* ----- �yreq01�z -----*/

div#content h3#ai_01 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a01.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

/* ----- �yreq02�z -----*/

div#content h3#ai_02 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a02.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#guidenavi_box div.ai01left {
    float: left;
    width: 340px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai01left table {
    width: 310px;
}

div#content div#guidenavi_box div.ai01right {
    float: right;
    width: 355px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai02left {
    float: left;
    width: 360px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai02right {
    float: right;
    width: 300px;
    margin: 15px 0;
}



/* ----- �yreq03�z -----*/

div#content h3#ai_03 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a03.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#guidenavi_box div.ai03left {
    float: left;
    width: 220px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai03right {
    float: right;
    width: 420px;
    margin: 15px 0;
}

/* ----- �yreq04�z -----*/

div#content h3#ai_04 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a04.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#guidenavi_box div.ai04left {
    float: left;
    width: 280px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai04right {
    float: right;
    width: 300px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai05left {
    float: left;
    width: 340px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai05right {
    float: right;
    width: 250px;
    margin: 15px 0;
}

div#content div.caution_point_p02 {
    border: 2px solid #fe0000;
    width: 273px;
    margin-top: 10px;
}

div#content div.caution_point_p02 h5 {
    height: 27px !important;
    margin: 0 !important;
    padding: 0;
    background: url(../dataguide/img/caution_point_p01.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div.caution_point_p02 p {
    margin: 10px;
}

div#content div.caution_point_p02 p.caution {
    text-align: center;
    margin: 15px auto;
}

div#content div#ai_box dl dt {
    color: #EF8200;
    float: left;
    padding-right: 30px;
}

div#content div#ai_box dl dd {
    padding-left: 60px;
    margin: 10px 0;
}

/* ----- �yreq05�z -----*/

div#content h3#ai_05 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a05.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

/* ----- �yreq06�z -----*/

div#content h3#ai_06 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a06.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#guidenavi_box div.ai06left {
    float: left;
    width: 430px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai06right {
    float: right;
    width: 210px;
    margin: 15px 0;
}


div#content div.caution_point_p03 {
    border: 2px solid #fe0000;
    width: 427px;
    margin-top: 10px;
}

div#content div.caution_point_p03 h5 {
    height: 27px !important;
    margin: 0 !important;
    padding: 0;
    background: url(../dataguide/img/caution_point_p01.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div.caution_point_p03 p {
    margin: 10px;
}

div#content div.caution_point_p03 p.caution {
    text-align: center;
    margin: 15px auto;
}

/* ----- �yreq07�z -----*/

div#content h3#ai_07 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a07.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#out_box dl dt {
    font-weight: bold;
}

div#content div#out_box dl dd {

    font-weight: bold;
    color: #FF0000;
    padding-left: 20px;
    margin: 10px 0;
}

div#content div#guidenavi_box div.ai07left {
    float: left;
    width: 370px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai07right {
    float: right;
    width: 240px;
    margin: 15px 0;
}

/* ----- �yreq08�z -----*/

div#content h3#ai_08 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a08.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div#guidenavi_box div.ai08left {
    float: left;
    width: 380px;
    margin: 15px 0;
}

div#content div#guidenavi_box div.ai08right {
    float: right;
    width: 260px;
    margin: 15px 0;
}

div#content div.caution_point_p04 {
    border: 2px solid #fe0000;
    width: 660px;
    margin-top: 30px;
    clear: both;
}

div#content div.caution_point_p04 h5 {
    height: 27px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/caution_point_p02.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content div.caution_point_p04 p {
    margin: 0 20px;
}

div#content div.caution_point_p04 p.caution {
    text-align: center;
    margin: 15px auto;
}

/* ----- �yreq09�z -----*/

div#content h3#ai_09 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a09.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

/* ----- �yreq10�z -----*/

div#content h3#ai_10 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a10.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content p.icon {
    background: url(../dataguide/img/tool_icon.gif) no-repeat 0% 0%;
    padding-left: 30px;
}

div#content p.no_icon {
    padding-left: 30px;
}

/* ----- �yreq11�z -----*/

div#content h3#ai_11 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a11.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}


div#content div#save_box dl {
    margin: 10px;
}

div#content div#save_box dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}


/* ----- �yreq12�z -----*/

div#content h3#ai_12 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a12.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}

div#content h3#ai_13 {
    height: 37px !important;
    margin: 0;
    padding: 0;
    background: url(../dataguide/img/title_a13.jpg) no-repeat 0% 0%;
    border: none;
    text-indent: -9999px;
}



/* -----�y���ʁz �K�C�h -----*/


/*
#contents .guide_ex{
margin:15px 0;
}

#contents .guide_ex p.guide_img{
float:left;
width:120px;
}

#contents .guide_ex p.guide_text{
float:right;
width:500px;
}


#contents #shopping_box,
#contents #date_box,
#contents #flow_box,
#contents #special_box,
#contents #about_box{
margin-left:80px;
}

#contents #date_box h3,
#contents #flow_box h3,
#contents #special_box h3,
#contents #about_box h3,
#contents #mag_tow_box h3,
#contents #dataguide_box h3{
background:none;
border:none;
}
*/



/* ----- �t���b�g�x�b�h����@���� ----- */

#fullcolor_box h3 {
    border: none !important;
}

div.uv_box {
    background-image: url(/img/flatbed_bg.jpg);
    width: 710px;
    height: 181px;
    margin: 0 0 20px 0;
}

div.uv_box p {
    padding: 60px 0 0 20px;
    width: 470px;
    font-size: 14px !important;
    line-height: 175% !important;
}

div#flat_point {
    clear: both;
}

div#flat_point div#point01 {
    background-image: url(/img/flatbed_point01.jpg);
    width: 714px;
    height: 80px;
    margin: 20px 0;
}

div#flat_point div#point02 {
    background-image: url(/img/flatbed_point02.jpg);
    width: 714px;
    height: 80px;
    margin: 20px 0;
}

div#flat_point div#point03 {
    background-image: url(/img/flatbed_point03.jpg);
    width: 714px;
    height: 80px;
    margin: 20px 0;
}


div#flat_point div#point01 p,
div#flat_point div#point02 p,
div#flat_point div#point03 p {
    padding: 50px 0 0 120px;
    width: 600px;
    line-height: 1.4;
    font-size: 13px;
}

div.uv_point {
    background-image: url(/img/uv_bg.jpg);
    width: 730px;
    height: 176px;
    margin: 40px 0;
}

div.uv_point p {
    padding: 30px 20px 3px 20px;
    font-size: 12px;
}




/* ----- �V���N�X�N���[���v�����g�̈ʒu�ƃT�C�Y -----*/

div#silk_wear_box h3 {
    margin: 20px 0;
    clear: both;
    padding: 20px 0;
    border-bottom: none !important;
}

div#silk_wear_box div.silk_wear_left p {
    float: left;
    margin: 20px 0 0 10px;
}

div#silk_wear_box div.silk_wear_right {
    float: right;
    margin-right: 6px;
}

div#silk_wear_box div.silk_wear_right table {
    text-align: center;
    margin: 5px 0 !important;
}

div#silk_wear_box div.silk_wear_left p.d {
    margin-left: 0;
}

div#silk_wear_box div.silk_wear_right table .kome {
    float: right;
    font-size: 10px;
    color: #231815;
}

div#silk_wear_box div.silk_wear_right table caption {
    text-align: left;
    font-size: 12px;
}

div#silk_wear_box div.silk_wear_right p {
    font-size: 10px;
}

div#silk_wear_box div.silk_wear_right table thead th {
    background-color: #E9DCEC;
    padding: 5px;
}

div#silk_wear_box div.silk_wear_right table th.zero {
    background-color: #fff;
    font-size: 10px;
}

div#silk_wear_box div.silk_wear_right table th.one {
    background-color: #2DB0C2;
}

div#silk_wear_box div.silk_wear_right table th.two {
    background-color: #F6D08C;
}

div#silk_wear_box div.silk_wear_right table th.three {
    background-color: #E799BC;
}

div#silk_wear_box div.silk_wear_right table th.four {
    background-color: #E06229;
}

div#silk_wear_box div.silk_wear_right table th.five {
    background-color: #DA3B2F;
}

div#silk_wear_box div.silk_wear_right table th.six {
    background-color: #7F4D92;
}


div#silk_wear_box table {
    border: solid 1px #999;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    margin: 5px 15px 5px 25px;
}

div#silk_wear_box table thead {
    background-color: #f2fcfc;
}

div#silk_wear_box td,
div#silk_wear_box th {
    border: solid 1px #999;
    padding: 7px 15px;
}

div#silk_wear_box table thead th {
    font-weight: normal;
    text-align: center;
}

div#silk_wear_box caption {
    font-weight: bold;
    padding-bottom: 3px;
}

div#silk_wear_box dl table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div#silk_wear_box dl ul,
dl ol {
    margin-left: 20px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

div#silk_wear_box dl li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

div#silk_wear_box td ul {
    margin: 5px 15px 5px 20px !important;
}

div#silk_wear_box td ol {
    margin: 5px 15px 5px 30px !important;
}

div#silk_wear_box td dl {
    margin: 5px 15px 5px 5px !important;
}



/* new-gift base�ړ� */


/* basic link colours
----------------------------------------------- */
/*a,a:link, a:visited {
	color: #60493B;
	text-decoration: none;
}
a:hover {
	color: #807468;
	text-decoration: underline;
}*/

/* layout
----------------------------------------------- */

.pcNone {
    display: none;
}


#freepage1 {
    margin-bottom: 50px;
}

ul.caution {
    margin: 10px 0 10px 1em;
}

ul.caution li {
    margin: 0 0 5px;
    list-style: disc outside;
}


/* opacity
----------------------------------------------- */
a:hover img,
.headIn h1 a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=70)";
}

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

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

.blueBox:after,
.whiteBox:after,
.grayBox:after,
.foot1In:after,
#main:after,
.breadcrumbs:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blueBox,
.whiteBox,
.grayBox,
.foot1In,
#main,
.breadcrumbs,
.clearfix {
    display: inline-block;
}

.blueBox,
.whiteBox,
.grayBox,
.foot1In,
#main,
.breadcrumbs,
.clearfix {
    display: block;
}

/* TOP HEADER
----------------------------------------------- */
#header {
    width: 100%;
    height: 107px;
}

.head_sp {
    display: none;
}

.headTxt {
    background: #60493B;
    padding: 5px 0;
}

.headTxt p {
    max-width: 990px;
    color: #fff;
    line-height: 1.1;
    text-align: left;
    padding: 0 5px;
    margin: 0 auto;
    font-size: 12px;
}

.headIn {
    width: 1000px;
    height: 75px;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left;
}

.headIn h1 {
    width: 350px;
    height: 80px;
    float: left;
}

.headIn h1 a {
    width: 350px;
    height: 80px;
    display: block;
    background: url(../img/common/logo.png);
}

.headMemb {
    width: 370px;
    float: left;
    text-align: right;
    padding-top: 10px;
}

.headMemb p {
    font-size: 108%;
    line-height: 1.1;
    height: 2em;
}

.headMemb li {
    width: 100px;
    float: right;
    padding-left: 5px;
}

.headMemb li a {
    width: 98px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 108%;
    padding: 5px 0;
    background: #eee;
    border-top: solid 1px #dadada;
    border-right: solid 1px #dadada;
    border-bottom: solid 4px #dadada;
    border-left: solid 1px #dadada;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.headMemb li a:hover {
    border-bottom: solid 2px #dadada;
    margin-top: 2px;
    text-decoration: none;
    background: #e7e7e7;
}

.headMemb li a:active {
    border-bottom: solid 1px #dadada;
    margin-top: 3px;
}

.headTel {
    width: 245px;
    padding-left: 35px;
    float: left;
    padding-top: 10px;
}

.headTel dt {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

.headTel1 {
    font-size: 15px;
}

.headTel2 {
    background: #742F33;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-right: 3px;
    padding: 3px 4px 1px;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.headTel3 {
    font-size: 28px;
    letter-spacing: 0;
    color: #742F33;
    line-height: 1;
}

/* GLOBAL NAVI
----------------------------------------------- */
#gnav {
    display: block !important;
}

#nav1 {
    width: 100%;
    height: 45px;
    clear: both;
    background: #fff;
    border-top: solid 4px #60493B;
}

#nav1 ul {
    width: 1000px;
    height: 45px;
    margin: 0 auto;
    border-left: solid 1px #ddd;
}

.nav1_1 {
    width: 160px;
    height: 45px;
    float: left;
}

.nav1_1 a {
    width: 160px;
    height: 28px;
    padding-top: 17px;
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    border-right: solid 1px #ddd;
    color: #333;
}

.nav1_1 a:hover {
    background: #e9e9eb;
    text-decoration: none;
}

.nav1_2 {
    width: 160px;
    height: 34px;
    float: left;
    padding: 4px 0 0 19px;
}

.nav1_2 a {
    width: 130px;
    height: 22px;
    padding: 9px 0 0 50px;
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    background: url(../img/common/head_cart.png) 25px 9px no-repeat #F57832;
    border-bottom: solid 4px #e3651e;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.nav1_2 a:hover {
    border-bottom: solid 2px #c35212;
    margin-top: 2px;
    text-decoration: none;
    background: url(../img/common/head_cart.png) 25px 9px no-repeat #e3651e;
}

.nav1_2 a:active {
    border-bottom: solid 1px #bf4744;
    margin-top: 3px;
}

#nav2 {
    width: 100%;
    height: 45px;
    clear: both;
    background: #60493B;
    margin-bottom: 20px;
}

#nav2 ul {
    width: 1000px;
    height: 45px;
    margin: 0 auto;
}

#nav2 li {
    width: 12.5%;
    height: 45px;
    float: left;
}

#nav2 li a {
    width: 100%;
    height: 28px;
    padding-top: 17px;
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    color: #fff;
}

#nav2 li a:hover {
    background: #807468;
    text-decoration: none;
}

/*

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2200;
}
*/
#nav2 li.type_1 {
    width: 16%;
}

#nav2 li.type_2 {
    width: 16%;
}

#nav2 li.type_3 {
    width: 16%;
}

#nav2 li.type_4 {
    width: 16%;
}

#nav2 li.type_5 {
    width: 20%;
}

#nav2 li.type_6 {
    width: 16%;
}


/* SIDE
----------------------------------------------- */
#side {
    width: 240px;
    float: left;
}

.sideBan li {
    margin-bottom: 20px;
}

.sideNav {
    padding: 10px;
    background: #e9e9eb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
}

.sideTtl {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.sideNav p {
    padding: 11px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-size: 131%;
    background: #60493B;
}

.sideSrch {
    background: #fff;
    padding: 10px;
}

.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;
}

.sideNav1 li {
    border-bottom: solid 1px #e7e7e7;
}

.sideNav2 li {
    border-bottom: solid 1px #e7e7e7;
}

.sideNav2 li a {
    display: block;
    padding: 5px 20px 5px 10px;
    line-height: 1;
    width: 190px;
    background: #fff;
    color: #333;
}

.sideNav2 li a:hover {
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
}


.sideCale {
    margin: 20px 0;
}

.sideCale,
.sideCnt {
    background: #fff;
    border: solid 1px #dadbde;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
}

.sideCaleTtl,
.sideCntTtl {
    padding: 11px;
    color: #60493B;
    font-weight: bold;
    line-height: 1;
    font-size: 131%;
    background: #e5e6e8;
    margin: 0 0 10px !important;
}

.sideCale table {
    width: 220px;
    margin: 0 auto 8px;
}

.sideCale th,
.sideCale td {
    padding: 2px 0;
    line-height: 1.1;
    text-align: center;
}

.sideCale th,
.sideCale td {
    padding: 3px 0;
    line-height: 1.1;
    text-align: center;
    border: solid 2px #fff;
}

.sideCale th {
    background: #e5e6e8;
}

.sideCale td {
    background: #f5f5f5;
}

.sideCale caption {
    background: #e5e6e8;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    border: solid 2px #fff;
}

.rest {
    background: #ffdfdf !important;
}

.holiTxt {
    padding: 0 10px 8px;
    font-size: 93%;
    line-height: 1.2;
}

.holiTxt span {
    color: #ffb7b7;
}

.sideCnt1 {
    padding: 0 10px 5px;
    line-height: 1.2;
    font-size: 116%;
}

.sideCnt dl {
    padding: 0 5px 0 10px;
}

.sideCnt2 {
    background: #742F33;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-right: 3px;
    padding: 3px 4px 1px;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 3px;
}

.sideCnt3 {
    font-size: 25px;
    letter-spacing: 0;
    color: #742F33;
    line-height: 1;
}

.sideCnt4 {
    font-size: 18px;
    letter-spacing: 0;
    color: #742F33;
    line-height: 1;
    padding: 6px 0;
}

.sideCnt5 {
    display: inline-block;
    float: left;
    font-size: 11px;
    margin-right: 3px;
    padding: 3px 1px 1px;
    color: #666;
    border: solid 1px #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 3px;
}

.sideCnt6 {
    font-size: 11px;
    padding: 2px 0;
}

.sideTxts {
    font-size: 11px;
    padding: 2px 10px 6px;
}

.sideCntBtn {
    clear: both;
    width: 220px;
    padding: 5px 0 10px 9px;
}

.sideCntBtn a {
    clear: both;
    width: 175px;
    height: 27px;
    padding: 13px 0 0 45px;
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 1;
    background: url(../img/common/side_mail.png) 20px center no-repeat #FFD45E;
    border-bottom: solid 4px #dfb131;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sideCntBtn a:hover {
    border-bottom: solid 2px #cda125;
    margin-top: 2px;
    text-decoration: none;
    background: url(../img/common/side_mail.png) 20px center no-repeat #eec147;
}

/* FOOTER
----------------------------------------------- */
#pageTop {
    bottom: 20px;
    right: 20px;
    display: block;
    width: 50px;
    height: 50px;
    margin-left: 890px;
    position: fixed;
    z-index: 999;
}

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

.foot1In {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0;
}

.footLogo {
    width: 260px;
    float: left;
}

.foot1In li {
    margin-bottom: 5px;
    font-size: 0.9em;
}

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

.foot2 {
    width: 100%;
    background: #fff;
    border-top: solid 4px #60493B;
    text-align: center;
    clear: both;
}

.foot2 ul {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0 0 0;

}

.foot2 li {
    width: 200px;
    display: inline-block;
    padding: 0 10px 20px;
    float: left;
}

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

#footer .link {
    margin: 20px 0 0;
}

#footer .link li {
    display: inline-block;
    margin: 0 20px 0 0;
}


/* CONTENTS
----------------------------------------------- */
#contents {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#main {
    width: 740px;
    float: right;
    text-align: left;
}

.breadcrumbs {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
}

.breadcrumbs li {
    float: left;
    line-height: 1.2;
}

.ttlCmn {
    font-size: 154%;
    color: #60493B;
    line-height: 1.2;
    padding: 2px 5px 8px 0;
    clear: both;
}

.guide {
    width: 738px;
    background: #fff;
    border: solid 1px #dadbde;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 15px 0;
    clear: both;
}

.guide h3 {
    font-size: 154%;
    color: #742F33;
    line-height: 1.2;
    padding: 0 0 10px 20px;
}

.guide h3 span.desc {
    font-size: 12px;
    font-weight: normal;
    color: #000;
    display: block;
    width: 75%;
    float: right;
    margin: 5px 0 10px;
}


.guideDl1 {
    width: 340px;
    float: left;
    padding: 0 0 0 20px;
}

.guideDl1 dt,
.guideDl2 dt {
    border-top: solid 1px #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 116%;
    font-weight: bold;
}

.guideDl1 dd,
.guideDl2 dd {
    line-height: 1.4;
    color: #666;
    margin-bottom: 10px;
}

.guideDl1 dd a,
.guideDl2 dd a {
    background: url(../img/common/arrow2.gif) left 3px no-repeat;
    padding-left: 12px;
}

.guideDl2 {
    clear: both;
    width: 698px;
    padding: 0 0 0 20px;
}



/* TOP�@appeal
----------------------------------------------- */
.ap_box01 .grayBox {
    padding: 10px 15px 12px;
}

.ap_box01 .grayBox img.l_img {
    margin: 0 20px 0 0;
}

.ap_box02 .grayBox {
    padding: 10px 10px 12px 15px;
}

.ap_box03 .grayBox {
    padding: 10px 10px 12px 15px;
}

.caution_box .grayBox {
    padding: 8px 20px;
}

.grayBox .photo_caution a {
    background: url(../img/common/arrow2.gif) left 3px no-repeat;
    padding-left: 12px;
}

.grayBox .photo_caution span {
    padding-left: 185px;
}


/* BX-SLIDER
----------------------------------------------- */

div#topContents div#reco_box {
    float: left;
}

div#topContents div#reco_box #slide {
    width: 670px;
    height: 280px;
    background: #f2f2f2;
    box-sizing: border-box;
    padding: 5px;
}

div#topContents div#reco_box #slide .bx-wrapper {
    margin: 3px auto 0 auto;
    max-width: 100%;
}

div#topContents div#reco_box #slide ul.bxslider {
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
}

div#topContents div#reco_box #slide .bx-wrapper .bx-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 635px !important;
    height: 210px;
    left: 0;
}

div#topContents div#reco_box #slide .bx-wrapper .bx-loading {
    background: url(https://gift.just-shop.jp/img/top/bx_loader.gif) center center no-repeat #fff;
}

div#topContents div#reco_box #slide .bx-wrapper .bx-prev,
#slide .bx-wrapper .bx-prev:hover {
    left: 0;
    background: url(https://gift.just-shop.jp/img/slide_arrow.png) no-repeat 0 0;
}

div#topContents div#reco_box #slide .bx-wrapper .bx-next,
#slide .bx-wrapper .bx-next:hover {
    right: 0;
    background: url(https://gift.just-shop.jp/img/slide_arrow.png) no-repeat -20px 0;
}

div#topContents div#reco_box #slide .bx-wrapper .bx-prev:hover,
#slide .bx-wrapper .bx-next:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

div#topContents div#reco_box #slide .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    outline: 0;
    width: 20px;
    height: 60px;
    text-indent: -9999px;
    z-index: 2000;
}

div#topCont div#topContents div#reco_box #slide #bx-pager {
    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;
    background: none;
    width: 600px;
    margin: 0 auto;
    padding-top: 4px;
}

div#topCont div#topContents div#reco_box #slide #bx-pager li {
    text-decoration: none;
}

div#topCont div#topContents div#reco_box #slide #bx-pager li a {
    display: block;
    width: 135px;
    height: 47px;
    border: 2px #e6e6e6 solid;
}

div#topCont div#topContents div#reco_box #slide #bx-pager li a.active {
    border: 2px #ecd4dc solid;
}




/* ----- �g�b�v�y�[�W���j���[�A�� -----*/

div#topContents {
    width: 1000px;
    height: 280px;
    margin-bottom: 40px;
}

div#topContents div#topRecommend {
    width: 320px;
    height: 280px;
    float: left;
    padding-right: 9px;
    position: relative;
    background: url(../img/top/imakore_bk.png) no-repeat 0 0;
}

div#topContents div#topRecommend p.imakore {
    width: 296px;
    height: 140px;
    position: absolute;
    top: 90px;
    left: 8px;
    z-index: 100;
}

div#topContents a:hover p.imakore_catch img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

div#topContents div#topRecommend p.imakore_catch {
    width: 300px;
    height: 99px;
    position: absolute;
    top: -9px;
    left: 5px;
    z-index: 101;
}



span.attention {
    font-weight: bold;
    color: #ff0000;
}

.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;
}




#daihtml1 #freepage1 h3 {
    background: none;
    border-left: none;
    ;
    border-bottom: 1px #999 solid;
    padding: 3px 0 4px 5px;
    margin: 40px 0 10px;
    font-size: 16px;
    clear: both;
    */font-family: "�l�r ����", serif;
    */
}

#main #main_box h3 {
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 50px 0 15px;
    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;
}

#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;
}

.alphabetic {
    font-weight: 400;
    font-size: 28px;
}


#daihtml1 #main_box div.top_box {
    margin: 15px 0;
}


#daihtml1 #main_box div.top_box p {
    float: left;
    clear: none;
    margin-right: 14px;
}

#daihtml1 #main_box div.top_box p.end {
    float: left;
    clear: none;
    margin-right: 0;
}

#daihtml1 #main_box div.top_lineup_box {
    margin: 20px 0;
    width: 730px;
    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;
}


#daihtml1 #main_box div.top_lineup_box p {
    width: 353px;
    margin-bottom: 15px;
}

#daihtml1 #main_box div.top_lineup_box p.w100 {
    width: 100%;
}


#daihtml1 #main_box div.top_lineup_box02 {
    margin: 15px 0;
}


#daihtml1 #main_box div.top_lineup_box02 p {
    float: left;
    clear: none;
    margin: 0 43px 0 0;
}

#daihtml1 #main_box div.top_lineup_box02 p.end {
    float: right;
    clear: none;
    margin-right: 0;
}

#daihtml1 #main_box div#meister_bg {
    background: url(https://gift.just-shop.jp/img/gift_meister_bg.jpg) no-repeat 0 0;
    clear: both;
    height: 132px;
}

#daihtml1 #main_box div#meister_bg p {
    padding: 65px 0 0 135px;
    width: 730px;
    height: 65px;
    font-weight: bold;
    font-size: 14px;
}


/* ----- �C���t�H���[�V�����i�T�C�gTOP�j -----*/

#daihtml1 #main_box div#topic_box {
    margin: 10px 0 0 0;
}

#daihtml1 #main_box div#topic_box div#toptopic {}

#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: 100px;
    width: 730px;
    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;
}


/* ----- �]���y -----*/
div#explainKeisoudo {
    font-size: 14px;
    line-height: 24px;
    background: #FFF;
    margin-bottom: 30px;
}

div#explainKeisoudo span {
    color: #C1272D;
}


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

div#explainKeisoudo .about {
    height: auto;
    overflow: hidden;
    padding: 30px 20px 0 20px;
    border-top: 1px solid #c2c2c2;
}

div#explainKeisoudo dl {
    width: 740px;
    height: auto;
    overflow: hidden;
    margin: 15px 0 10px 0;
}

div#explainKeisoudo dl dt {
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
    border-right: solid 1px #B0A47C;
    text-align: right;
    width: 80px;
    height: 100px;
}

div#explainKeisoudo dl dd {
    float: left;
    margin-bottom: 10px;
    padding-left: 15px;
    vertical-align: top;
    width: 630px;
    height: 100px;
}

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


div#explainKeisoudo p.flow_ttl {
    font-size: 19px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
}

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

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

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

div#explainKeisoudo p.flow_ttl span.small {
    font-size: 0.65em;
    padding: 0;
    margin: 40px 0 0 0;
    color: #000;
    background: none;
    font-weight: normal;
    letter-spacing: 0;
}

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

div#explainKeisoudo div.caution {
    font-size: 12px;
    line-height: 1.55;
    border: solid 1px #C1272D;
    background: #FFF;
    padding: 10px;
    width: 97%;
    margin: 15px auto 30px auto;
}

div#explainKeisoudo div.caution ul {}

div#explainKeisoudo div.caution ul li {
    margin: 0 0 0 1em;
    list-style: disc outside;
}


div#explainKeisoudo div.caution div.layout_col {
    width: 390px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}

div#explainKeisoudo div.caution div.layout_col:nth-child(3) {
    text-align: right;
    width: 250px;
}

div#explainKeisoudo div.caution div.layout_col + p {
    width: 97%;
    margin: 0 auto 15px auto;
    height: auto;
    overflow: hidden;
}

div#explainKeisoudo div.caution div.layout_row + p {
    border-top: 1px solid #eeeeee;
    width: 97%;
    margin: 0 auto 15px auto;
    height: auto;
    overflow: hidden;
    padding-top: 15px;
}

div#explainKeisoudo div.caution div.layout_row {
    width: 320px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}

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

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

div#explainKeisoudo div.caution span.caution_ttl {
    font-weight: bold;
    font-size: 17px;
    padding: 10px 0 5px;
    color: #c6272d;
    display: block;
    clear: both;
}

div#explainKeisoudo div.orginalDesign {
    position: relative;
    width: 740px;
    height: 247px;
    clear: both;
    background: url(../img/keisoudo/kOriginal_bk.jpg) no-repeat 0 0;
}

div#explainKeisoudo div.orginalDesign div#sentence {
    position: absolute;
    left: 15px;
    top: 100px;
    width: 500px;
    height: 100px;
    margin-bottom: 20px;
}


div#explainKeisoudo div#coaster {
    width: 740px;
    height: 564px;
    clear: both;
    position: relative;
    background: url(../img/keisoudo/coaster_bk.jpg) no-repeat 0 0;
}

div#explainKeisoudo div#coaster p#copy01 {
    position: absolute;
    top: 185px;
    left: 55px;
}

div#explainKeisoudo div#coaster p#copy02 {
    position: absolute;
    bottom: 20px;
    right: 50px;
}

div#explainKeisoudo div#coaster p.size {
    position: absolute;
    bottom: 162px;
    left: 375px;
}

div#explainKeisoudo div#coaster p.naireLink {
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -129px;
}


div#explainKeisoudo p.size {
    font-size: 0.78em;
}

div#explainKeisoudo div#bathmat {
    width: 740px;
    height: 686px;
    clear: both;
    position: relative;
    background: url(../img/keisoudo/bathmat_bk.jpg) no-repeat 0 0;
}

div#explainKeisoudo div#bathmat p#copy01 {
    position: absolute;
    top: 190px;
    left: 60px;
}

div#explainKeisoudo div#bathmat p#copy02 {
    position: absolute;
    bottom: 40px;
    left: 50px;
}

div#explainKeisoudo div#bathmat p.size {
    position: absolute;
    bottom: 165px;
    left: 445px;
}

div#explainKeisoudo div#bathmat p#package {
    position: absolute;
    bottom: 120px;
    right: 50px;
    width: 140px;
    height: 38px;
    font-size: 12px;
    line-height: 1.84em;
}


div#explainKeisoudo div#SGScertification_top {
    clear: both;
    width: 740px;
    height: 290px;
    margin: 5px 0 20px 0;
    background: url(../img/keisoudo/top_sgs.jpg) no-repeat 0 0;
}

div#explainKeisoudo div#videoBk {
    width: 740px;
    height: 699px;
    background: url(../img/keisoudo/video_bk.jpg) no-repeat 0 0;
    margin: 20px 0 0 0;
}

div#explainKeisoudo div#videoBk div#video {
    text-align: center;
    width: 700px;
    height: 600px;
    padding: 100px 0 0 0;
    margin-left: 30px;
}

div#explainKeisoudo div#printingBk {
    width: 740px;
    height: 413px;
    margin-top: -24px;
    background: url(../img/keisoudo/top_printingBk.jpg) no-repeat 0 0;
}

div#explainKeisoudo div#printingBk p {
    padding-top: 180px;
    text-align: center;
    line-height: 26px;
}


div#explainKeisoudo section h1,
div#explainKeisoudo section h2 {
    text-indent: -9999px;
}

div#explainKeisoudo section#ex h2 {
    padding-bottom: 10px;
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #3e3030;
    text-indent: 0;
}

div#explainKeisoudo section#ex ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

div#explainKeisoudo section#ex ul + img {
    margin-right: 15px;
}

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


div#explainKeisoudo .floatleft {
    float: left;
}


div#explainKeisoudo .sp_img {
    display: none;
}

div#explainKeisoudo .floatright {
    float: right;
}

div#explainKeisoudo div.wrapper {
    width: 710px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

div#explainKeisoudo div.wrapper2 {
    width: 700px;
    margin: 0 0 0 20px;
    overflow: hidden;
}


div#explainKeisoudo div#SGScertification {
    clear: both;
    width: 740px;
    height: 261px;
    margin-top: 40px;
    background: url(../img/keisoudo/SGScertification.jpg) no-repeat 0 0;
}

div#explainKeisoudo div#SGScertification p {
    padding: 75px 0 0 45px;
}

div#explainKeisoudo div#SGScertification_top p {
    padding: 80px 0 0 45px;
}

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

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 div#care {
    width: 740px;
    height: 475px;
    background: url(../img/keisoudo/careKeisoudo.jpg) no-repeat 0 0;
    position: relative;
}

div#explainKeisoudo div#care ul {
    list-style: none;
    width: 320px;
    margin-left: 25px;
    display: table;
    position: absolute;
    bottom: 20px;
}

div#explainKeisoudo div#care ul li.left {
    display: table-cell;
    padding-right: 24px;
    border-right: solid 1px #B0A47C;
}

div#explainKeisoudo div#care ul li.right {
    display: table-cell;
    padding: 0 0 0 24px;
}


div#explainKeisoudo .centerBtn {
    text-align: center;
    margin: 10px auto 5px auto;
}

div#explainKeisoudo div#readymade {
    width: 740px;
    height: auto;
    background: #fdfcfa;
    border: 4px solid #f2ecd6;
    box-sizing: border-box;
    padding-bottom: 20px;
    margin-top: -15px;
}

div#explainKeisoudo div#readymade table {
    width: 690px;
    margin: 5px 0 35px;
    border: #ACAB8E solid 1px;
    font-size: 10px;
    letter-spacing: 0.05em;
}

div#explainKeisoudo div#readymade table thead th {
    margin: 10px auto 10px;
    background: #E8DDAC;
    border-right: #ACAB8E solid 1px;
    border-bottom: #ACAB8E solid 1px;
    text-align: center;
    width: 95px;
    height: 30px;
    font-size: 13px;
}

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;
    line-height: 1.4;
    border-bottom: #ACAB8E solid 1px;
    text-align: center;
    height: 60px;
}

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;
    line-height: 1.4;
}

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: 670px;
}

div#explainKeisoudo div#readymade div.tab-content ul + p {
    background: #e1f5f7;
    padding: 10px 0;
    text-align: center;
}

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

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

div#explainKeisoudo div#readymade div.tab-content label.round {
    display: inline-block;
    width: 220px;
    height: 45px;
    box-sizing: border-box;
    background: url(../img/keisoudo/tab_round.png) no-repeat 0 0;
    text-indent: -9999px;
    background-color: #395f6b;
}


div#explainKeisoudo div#readymade div.tab-content label.toothbrushholder {
    display: inline-block;
    width: 220px;
    height: 45px;
    box-sizing: border-box;
    background: url(../img/keisoudo/tab_toothbrushholder.png) no-repeat 0 0;
    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: 670px;
    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: 10px 0 0 0;
    display: inline-block;
    overflow: hidden;
    list-style: none;
    width: 660px;
}

div#explainKeisoudo div#readymade div.tab-box ul.tmpl li {
    display: inline-block;
    padding-right: 0px;
    width: 214px;
    margin: 10px 0 10px 0;
}

div#explainKeisoudo div#readymade h3#tmpl_list {
    width: 740px;
    height: 196px;
    background: url(../img/keisoudo/tmpl_list.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    margin: 20px 0 0 -19px;
    padding-top: 15px;
}

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

.client_box {
    text-align: center;
    margin-bottom: 10px;
}

.sideBnr {
    margin-bottom: 10px;
}

/*珪藻土2021変更*/

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

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.img{
    width: 150px;
    position: absolute;
    top: 50%;
    right:20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

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

div#explainKeisoudo ul.product{
    padding: 10px;
    background: #ebebed;
    border-radius: 5px;
    width: 49%;
    display: inherit;
    margin: 0 auto;
}

div#explainKeisoudo ul.product li{
    background: #fff;
    width: 100%;
    height: 310px;
    position: relative;
    margin: 0 auto;
}

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:nth-of-type(1){
    float: left;
}
*/
div#explainKeisoudo ul.product li > img{
    max-width: 100%;
}

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
}


/* ----- �]���y�i�t���J���[�lj��j -----*/

#main div#mustRead {
    margin: 20px auto 20px auto;
    clear: both;
    width: 710px;
    box-sizing: border-box;
    border: 7px solid #e6e6e6;
    padding: 20px;
    text-align: center;
}

#main div#mustRead div {
    display: inline-block;
    margin: 10px 10px 0 10px;
}

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

#main div#mustRead div a:hover {
    background: url(../img/keisoudo/mustRead_01_h.png) no-repeat 0 0;
}

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

#main div#mustRead div:last-child a:hover {
    background: url(../img/keisoudo/mustRead_02_h.png) no-repeat 0 0;
}

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

div#explainKeisoudo div#coasterBox {
    background: url(../img/keisoudo/coasterBox_bk.png) no-repeat 0 0;
    width: 740px;
    height: 1092px;
    position: relative;
    overflow: hidden;
}

div#explainKeisoudo div#coasterBox p.idea {
    position: absolute;
    top: 480px;
    left: 31px;
}

div#explainKeisoudo div#coasterBox p.copy01 {
    position: absolute;
    top: 185px;
    left: 60px;
}

div#explainKeisoudo div#coasterBox p.size {
    position: absolute;
    top: 420px;
    right: 180px;
}

div#explainKeisoudo div#coasterBox div.orderArea {
    position: absolute;
    left: 20px;
    bottom: 18px;
    overflow: hidden;
    width: 700px;
    height: 323px;
    background: url(../img/keisoudo/coaster_orderArea.png) no-repeat 0 0;
    text-align: center;
}

div#explainKeisoudo div#coasterBox div.orderArea p:nth-child(2) {
    margin-top: 105px;
}

div#explainKeisoudo div#coasterBox div.orderArea img {
    display: inline-block;
    padding: 10px 10px 5px 10px;
    margin-bottom: 0;
}


div#explainKeisoudo div#bathmatBox {
    background: url(../img/keisoudo/bathmatBox_bk.png) no-repeat 0 0;
    width: 740px;
    height: 1093px;
    position: relative;
    overflow: hidden;
}

div#explainKeisoudo div#bathmatBox p.idea {
    position: absolute;
    top: 560px;
    left: 31px;
}

div#explainKeisoudo div#bathmatBox p.copy01 {
    position: absolute;
    top: 200px;
    left: 60px;
}

div#explainKeisoudo div#bathmatBox p.size {
    position: absolute;
    top: 405px;
    left: 445px;
}

div#explainKeisoudo div#bathmatBox p.package {
    position: absolute;
    top: 440px;
    right: 50px;
    width: 140px;
    height: 38px;
    font-size: 12px;
    line-height: 1.84em;
}

div#explainKeisoudo div#bathmatBox div#mat_ex {
    background: #FFF;
    width: 319px;
    padding: 5px;
    overflow: hidden;
    position: absolute;
    top: 320px;
    left: 50px;

}

div#explainKeisoudo div#bathmatBox div#mat_ex dl {
    width: 135px;
    padding-right: 27px;
    border: 0;
    background: #FFF;
    overflow: hidden;
    float: left;
    margin: 15px 0 0 0;
}


div#explainKeisoudo div#bathmatBox div#mat_ex dl.right {
    padding-right: 20px;
}

div#explainKeisoudo div#bathmatBox div#mat_ex dl dt {
    width: 153px;
    height: 100px;
}

div#explainKeisoudo div#bathmatBox div#mat_ex dl dt img {
    margin: 0;
}

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

div#explainKeisoudo div#bathmatBox div#mat_ex dl dd {
    font-size: 12px;
    line-height: 1.7;
    padding: 10px 0 0 0;
    height: 55px;
    margin-top: 20px;
}

div#explainKeisoudo div#bathmatBox div.orderArea {
    position: absolute;
    left: 20px;
    bottom: 30px;
    overflow: hidden;
    width: 700px;
    height: 298px;
    background: url(../img/keisoudo/bathmat_orderArea.png) no-repeat 0 0;
    text-align: center;
}

div#explainKeisoudo div#bathmatBox div.orderArea p {
    margin-top: 150px;
}


div#explainKeisoudo div#bathmatBox div.orderArea p img {
    margin-bottom: 15px;
}

div#explainKeisoudo p.naireOK {
    display: none;
}


div#explainKeisoudo div#naireBox {
    width: 740px;
    height: auto;
    background: url(../img/keisoudo/flower_bg.jpg)#ffffea no-repeat 0 0;
    box-sizing: border-box;
    padding: 15px 15px 40px 15px;
    margin-bottom: 20px;
}


div#explainKeisoudo div#naireBox p:nth-child(2),
div#explainKeisoudo div#naireBox p:nth-child(3) {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

/* 
div#explainKeisoudo div#naireBox p:nth-child(3),
div#explainKeisoudo div#naireBox p:nth-child(4){
display:inline-block;
vertical-align:top;
padding-left:10px;
}*/

div#explainKeisoudo div#naireBox p.naire_copy {
    text-align: center;
    margin-top: -45px;
}

div#explainKeisoudo div#naireBox div#laser {
    display: inline-block;
    margin: 10px 5px 0 0px;
    width: 345px;
    height: 280px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}

div#explainKeisoudo div#naireBox div#full-color {
    display: inline-block;
    margin: 10px 0 0 5px;
    width: 345px;
    height: 280px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}

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


/* �]���y�~�� */
/* div#explainKeisoudo div#naireBox div#laser p.way,
div#explainKeisoudo div#naireBox div#full-color p.way{
text-align:center;
font-size:16px;
font-weight:bold;
padding:8px 0;
background:#ff974c;
}*/

div#explainKeisoudo div#naireBox img.left {
    position: absolute;
    top: 45px;
    left: 5px;
}

div#explainKeisoudo div#naireBox div#laser p.naire_copy,
div#explainKeisoudo div#naireBox div#full-color p.naire_copy {
    width: 195px;
    position: absolute;
    top: 95px;
    right: 10px;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
}

div#explainKeisoudo div#naireBox div#laser dl.price,
div#explainKeisoudo div#naireBox div#full-color dl.price {
    width: 320px;
    height: 90px;
    border: 4px solid #e6e6e6;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 12px;
    font-size: 12px;
    display: table;
}

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: 80px;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 3px;
}

div#explainKeisoudo div#naireBox dl.price dd {
    border-bottom: 1px solid #e6e6e6;
    float: static;
    margin-bottom: 0;
    padding-left: 0;
    width: auto;
    height: auto;
    display: table-cell;
    padding: 3px 3px 3px 5px;
}

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

div#explainKeisoudo div#naireBox dl.price dd span.txtRed {
    color: #ea514e;
    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: 75%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
}

.balloon2-top:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 75%;
    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;
}


/* ----- �G�߂̓��W -----*/
div#seasonPage {
    margin-bottom: 30px;
}


div#seasonPage h3 {
    font-size: 1.7em;
    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#seasonPage div#summer div.rankingBox {
    padding: 20px;
    background: #fff;
    border: solid 2px #13bbfc;
    border-top: none;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    width: 720px;
    margin: 0 auto 15px auto;
}

div#seasonPage div#syogatsu {
    margin: 20px auto;
    background: #cc8a03;
    /* Old browsers */
    background: -moz-linear-gradient(left, #cc8a03 0%, #efd956 26%, #c78a03 70%, #efd956 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cc8a03 0%, #efd956 26%, #c78a03 70%, #efd956 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cc8a03 0%, #efd956 26%, #c78a03 70%, #efd956 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc8a03', endColorstr='#efd956', GradientType=1);
    /* IE6-9 */
}




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

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

div#seasonPage div.rankingBox_bk#fall {
    position: relative;
    margin-top: 0;
    padding: 60px 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: 60px 0 5px 0;
    background: url(../img/season/winter_line.png)#ffd6bf no-repeat left top;
}



div#seasonPage div.rankingBox_bk .number {
    display: table;
    margin: 0 auto;
}

div#seasonPage div.rankingBox_bk p.ttl {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -130px;
    z-index: 100;
    text-align: center;
}

div#seasonPage div.rankingBox div.image {
    display: table-cell;
    vertical-align: top;
    width: 30%;
    margin-right: 25px;
    position: relative;
}

div#seasonPage div.rankingBox div.text {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    position: relative;
    height: 100%;
}

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;
}

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

div#seasonPage div.rankingBox div.text p.detail img {
    margin-bottom: 5px;
}

div#seasonPage span.price,
div#freepage1 span.list_price {
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
    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;
    position: absolute;
    bottom: 0;
    left: 0;

}

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

div#seasonPage div#summer .listBtn a:hover {
    background: #007cff;
    color: #fff;
}

div#freepage1 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;
    /* Safari */
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

div#seasonPage div#halloweenBox div.list div {
    width: 32%;
    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:nth-child(3n),
div#seasonPage div#winter div.list div:nth-child(3n),
div#seasonPage div#syogatsu div.list div:nth-child(3n) {
    margin-right: 5px;
}

div#seasonPage div#halloweenBox div.list div:first-child,
div#seasonPage div#halloweenBox div.list div:nth-child(4),
div#seasonPage div#halloweenBox div.list div:nth-child(7),
div#seasonPage div#halloweenBox div.list div:nth-child(10),
div#seasonPage div#halloweenBox div.list div:nth-child(13),
div#seasonPage div#halloweenBox div.list div:nth-child(16),
div#seasonPage div#halloweenBox div.list div:nth-child(19),
div#seasonPage div#winter div.list div:first-child,
div#seasonPage div#syogatsu div.list div:first-child,
div#seasonPage div#syogatsu div.list div:nth-child(4),
div#seasonPage div#syogatsu div.list div:nth-child(7),
div#seasonPage div#syogatsu div.list div:nth-child(10),
div#seasonPage div#syogatsu div.list div:nth-child(13) {
    margin-left: 5px;
}

div#seasonPage div#syogatsu div.list div {
    box-sizing: border-box;
    border: 2px solid #ffe30e;
}

div#seasonPage div.rankingBox_bk#fall div.list div,
div#seasonPage div.rankingBox_bk#winter div.list div {
    width: 234px;
    box-sizing: border-box;
    border: 0;
    padding: 10px 10px 5px 10px;
    position: relative;
    margin-bottom: 10px;
    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#halloweenBox {
    background: url(../img/season/halloweenBk.jpg)#8136ad no-repeat left top;
    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#freepage1 div.list div {
    width: 32%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 10px 15px 5px 15px;
    position: relative;
    margin-bottom: 15px;
    background: #fff;
}

div#freepage1 div.list div a {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
}

div#freepage1 div.list div a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
}


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

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

    text-align: justify;
}

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#seasonPage span.tax {
    font-size: 9px;
}

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

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: 80px;
    margin-bottom: 5px;
}

div#freepage1 div.rankingBox_bk#winter div.list div.others img.main {
    max-width: 100%;
    padding-top: 55px;
    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.list p.detail img {
    padding-top: 0px;
    padding-bottom: 5px;
}

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

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

div#freepage1 div.rankingBox_bk#winter div.list div.others h5 {
    font-size: 16px;
    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 !important;
    padding-top: 43px !important;
}


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;
}

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

div#seasonPage .line.line_blue {
    color: #20bfe9;
}


div#seasonPage .line.line_pink img.new {
    position: absolute;
    left: 10px;
    top: -30px;
}


.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.sp_visible {
    display: none;
}

/* ----- �G�߂̓��W�i�H�j -----*/

div#seasonPage .line.line_purple {
    color: #2a027f;
}

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

div#seasonPage .line.line_pink span.big {
    color: #fff;
    background: #ff2954;
    padding: 10px 10px 3px 10px;
    line-height: 0;
    margin-top: 4px;
    margin-left: -8px;
    margin-right: 10px;
}


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_pink .heading:before {
    content: "";
    border-bottom: 3px solid #ff2954;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

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



/* ----- �|�P�b�g�e�B�b�V�� -----*/

div#tissue_explain div#muji {
    width: 390px;
    display: inline-block;
    margin: 15px 25px 20px 0;
    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;
}

div#tissue_explain div#muji dl dt {
    width: 190px;
    height: 220px;
    display: inline-block;
    margin-right: 10px;
}

div#tissue_explain div#muji dl dd {
    width: 185px;
    height: 220px;
    display: inline-block;
    position: relative;
    text-align: justify;
    vertical-align: top;
    letter-spacing: -0.01em;
}

div#tissue_explain div#muji dl dd div {
    width: 185px;
    height: 120px;
    background: url(../img/pockettissue/koukoku_in02.png) no-repeat right top;
    position: absolute;
    bottom: 0;
    left: 0;
}

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

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;
    font-weight: bold;
    line-height: 1;
}

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


div#tissue_explain div#color {
    width: 320px;
    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;
    border: 2px solid #000;
    font-weight: bold;
}

div#tissue_explain div#color p:nth-child(2) {
    width: 200px;
    font-size: 15px;
    text-align: left;
    float: right;
}

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


.sozaiDl {
    width: 365px;
    display: inline-block;
    border: solid 3px #e4e4e6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sozaiDl dt {
    display: table-cell;
    width: 152px;
}

.sozaiDl dd {
    display: table-cell;
    background: url(../img/common/arrow_m.gif) 338px center no-repeat #fff;
}


/* ----- �V�`���b�N�|�[�`����ɂ‚��� -----*/

div#chuckpouchPage div.naireSpace {
    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: 15px 0 40px 10px;
}

div#chuckpouchPage div.naireSpace p:first-child {
    width: 320px;
}

div#chuckpouchPage div.naireSpace p:last-child {
    width: 400px;
    font-size: 16px;
    line-height: 1.6;
}

div#chuckpouchPage div.naireSpace p:last-child img {
    margin-top: 10px;
}


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;
    margin-bottom: 40px;
    width: 500px;
}

div#chuckpouchPage div.tmplDl p {
    width: 220px;
    margin-bottom: 20px;
}

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;
    width: 710px;
    margin: 10px auto;
}

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



.product_listBtn a {
    width: 250px;
    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;
}

.product_listBtn a:hover {
    border-bottom: solid 2px #999999;
    margin-top: 22px;
    text-decoration: none;
    background: #dddddd;
}

.product_listBtn a:active {
    border-bottom: solid 1px #999999;
    margin-top: 23px;
}

/* ----- �J�����_�[�}�E�X�p�b�h -----*/

div#original_mousepad_link {
    text-align: center;
    width: 740px;
    height: 500px;
    background: url(../img/mousepad/box_bk.jpg) left top no-repeat;
    margin-top: 30px;
}

div#original_mousepad_link p:first-child {
    padding: 40px 0 30px;
}

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

div#mousepad_box div.list_box3 div.product_list {
    height: 280px;
}

div#mousepad_box div.product_list {
    float: left;
    width: 165px;
    height: 320px;
    margin: 5px 10px 0 10px;
    /*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;
}


/* ----- ���U�[���O�b�Y -----*/
div#pugoods {
    margin-bottom: 30px;
}

div#pugoods div#naire {
    margin: 40px auto;
    width: 740px;
    height: 230px;
    background: url(../img/pugoods/naire_bg.jpg) left top no-repeat;
}

div#pugoods div#naire p {
    text-align: center;
    padding-top: 110px;
    font-size: 14px;
    line-height: 1.9;
    color: #fff;
}

div#pugoods a.naire:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}

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

div#pugoods div#list div.listBox {
    margin: 20px auto;
    font-size: 12px;
    line-height: 1.4;
}

div#pugoods div#list div.listBox p.detail {
    padding: 175px 0 0 40px;
}

div#pugoods div#list div.listBox:nth-child(3) p.detail {
    padding: 190px 0 0 40px;
}

div#pugoods div#list div.listBox p.orderBtn {
    padding: 15px 0 0 90px;
}
/*
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 144px;
    box-sizing: border-box;
    margin: 10px 0 0 40px;
}*/

div#pugoods div#list div.listBox:nth-child(2) {
    background: url(../img/pugoods/mouspad_bg.jpg) left top no-repeat;
    width: 702px;
    height: 303px;
}

div#pugoods div#list div.listBox:nth-child(3) {
    background: url(../img/pugoods/boxtissue_bg.jpg) left top no-repeat;
    width: 702px;
    height: 321px;
}

div#pugoods div#list div.listBox:nth-child(4) {
    background: url(../img/pugoods/coaster_bg.jpg) left top no-repeat;
    width: 702px;
    height: 303px;
}


div#pugoods div#stamp {
    position: relative;
    width: 740px;
    height: auto;
    overflow: hidden;
}

div#pugoods div#fullcolor {
    position: relative;
    width: 740px;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

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 {
    padding: 40px 30px;
    width: 410px;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
}

div#pugoods div#fullcolor div.detail {
    padding: 40px 40px 0 25px;
    width: 410px;
    box-sizing: border-box;
    float: right;
    overflow: hidden;
}

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

div#pugoods div#stamp p.img {
    float: right;
}

div#pugoods div#fullcolor p.img {
    float: left;
}



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: 15px;
    color: #544641;
}

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

div#pugoods div.list_link {
    background: url(../img/pugoods/productList_bg.jpg) left top no-repeat;
    width: 740px;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

div#pugoods div.list_link ul {
    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;
    margin: 10px 0 0 0;
}

div#pugoods div#stamp div.list_link ul li {
    border: 4px solid #efece8;
    box-sizing: border-box;
    width: 340px;
    height: 216px;
}

div#pugoods div#stamp div.list_link ul li:first-child {
    background: url(../img/pugoods/stamp_mousepad_img.jpg)#fff left top no-repeat;
    margin-right: 15px;
}
/*
div#pugoods div#stamp div.list_link ul li:last-child {
    background: url(../img/pugoods/stamp_coaster_img.jpg)#fff left top no-repeat;
}*/

div#pugoods div#stamp div.list_link ul li:nth-child(1) p {
    width: 163px;
    float: right;
    margin: 10px 15px 0 0;
    text-align: center;
}

div#pugoods div#stamp div.list_link ul li p {
    width: 152px;
    float: right;
    margin: 10px 15px 0 0;
    text-align: center;
}

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


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

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;
    margin-right: 15px;
}

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;
    margin-right: 15px;
}

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:first-child p {
    margin: 130px auto 0 auto;
    text-align: center;
}

div#pugoods div#fullcolor div.list_link ul li:nth-child(2) p {
    margin: 130px auto 0 auto;
    text-align: center;
}

div#pugoods div#fullcolor div.list_link ul li:nth-child(3) p {
    margin: 115px auto 0 auto;
    text-align: center;
}



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: 0 15px 5px 0;
    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: 0 15px 0 0;
    padding-top: 28px;
    box-sizing: border-box;
}

p.pugoods_mustRead {
    float: left;
    width: 420px;
}

p.pugoods_mustRead img {
    max-width: 100%;
}

/* ----- ���쎖�� -----*/

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 {
    margin-bottom: 20px;
    width: 355px;
}

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#case_example section:before {
    content: " ";
    margin-top: -50px;
    height: 50px;
    display: block;
    visibility: hidden;
}

/* ----- ���J�����_�[ -----*/

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

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

div#deskcalendar div#listBox > p:nth-child(2) {
    text-align: center;
    color: #ffed44;
    font-size: 16px;
    margin-bottom: 20px;
}

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

div#deskcalendar div#listBox div.calendarList {
    width: 720px;
    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: 260px;
    float: left;
    margin-right: 15px;
    display: table-cell;
    vertical-align: middle;

}

div#deskcalendar div#listBox div.calendarList div.text {
    width: 410px;
    float: right;
    font-size: 14px;
    line-height: 1.5;
}

div#deskcalendar div#listBox dl {
    float: left;
    width: 215px;
    margin-top: 10px;
}

div#deskcalendar div#listBox dt {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    width: 140px;
    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: 65px;
    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 {
    float: right;
    width: 190px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

/* ----- �A�N�����L�[�z���_�[�L�����b�g�� -----*/

div#charatto div#main {
    background: url(../img/keyholder/pc_bg.png) left top no-repeat;
    width: 740px;
    height: 1000px;
    position: relative;
}

div#charatto div#main p:nth-child(1) {
    position: absolute;
    top: 220px;
    left: 20px;
}

div#charatto div#main p:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 15px;
}

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

div#charatto div#size p.link {
    display: inline-block;
    box-shadow: 0 0 8px #ccc;
    width: 353px;
    height: 382px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 20px;
}

div#charatto div#size p.link + p {
    margin-left: 20px;
}

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


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

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

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: 30px 0 20px 0;
}

div#charatto div.box p.img + p.img {
    margin-left: 5px;
}

div#charatto div.box p.img_left {
    width: 210px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

div#charatto div.box p.detail_right {
    widht: 500px;
    display: inline-block;
    vertical-align: top;
}

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;
}

/* ----- �I���W�i���L�[�z���_�[ -----*/

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

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

div#original_keyholder div.box p.copy {
    padding: 15px 5px;
    font-size: 1.6em;
    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: #00c449;
    box-shadow: 5px 5px #bff8d4;
}

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

div#original_keyholder div#acrylicHamepachi.box,
div#original_keyholder div#clover.box {
    height: 460px;
}

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

div#original_keyholder div.box div.img {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 300px;
}

div#original_keyholder div.box div.detail {
    position: absolute;
    left: 35px;
    top: 180px;
    width: 360px;
}

div#original_keyholder div.box p.name {
    font-size: 2.3em;
    line-height: 1.3;
    margin: 20px 0 0 20px;
    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: 13px;
}

div#original_keyholder div.box div.detail ul {
    margin: 10px 0;
}

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 {
    position: absolute;
    bottom: 30px;
    left: 40px;
}

div#original_keyholder div.box .button {
    position: relative;
    display: inline-block;
    padding: .7em 4em;
    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 {
    background-color: #ff9125;
    color: #fff;

}

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 #00c449;
    color: #00c449;
}

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: #00c449;
}

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


div#original_keyholder div#acrylicPlate.box .button:hover {
    background-color: #00d3e1;
    color: #fff;
}

div#original_keyholder div#leather.box .button:hover {
    background-color: #ad8ae4;
    color: #fff;
}

div#original_keyholder div#acrylicHamepachi.box .button:hover {
    background-color: #35cefc;
    color: #fff;
}

div#original_keyholder div#clover.box .button:hover {
    background-color: #00c449;
    color: #fff;
}

div#original_keyholder div#raincoatball.box .button:hover {
    background-color: #036eb8;
    color: #fff;
}



/* ----- �|�b�e�B���O�L�[�z���_�[ -----*/

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: 100%;
    margin: 0 auto;
}

div#potting_keyholder ul#sizeBox li {
    padding: 20px 15px 65px 170px;
    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: 48%;
    box-sizing: border-box;
    padding: 10px 3px 10px 8px;
    background: #41313d;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

div#potting_keyholder ul#sizeBox a:hover {
    background: #7f6569;
}

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: 50px 30px 40px 40px;
    box-sizing: border-box;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

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

div#potting_keyholder div#potting_is div.img {
    width: 48%;
    float: right;
}

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: 58%;
}

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;
}

/* ----- ���U�[���M�t�g�Z�b�g -----*/
div#pugiftset {
    font-size: 14px;
    line-height: 1.5;
}


div#pugiftset div#main {
    background: url(../img/pugiftset/pugiftset_main.jpg) left top no-repeat;
    position: relative;
    float: none;
    height: 273px;
}

div#pugiftset div#main a {
    position: absolute;
    left: 30px;
    bottom: 20px;
}

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

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

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

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;
    right: 0;
    top: 0;
}


div#pugiftset div#descBox ul li.img {
    float: left;
}

div#pugiftset div#descBox ul li.text {
    float: right;
    margin: 40px 0 50px 30px;
}

div#pugiftset div#descBox ul li.text img {
    margin-bottom: 10px;
}

div#pugiftset div#descBox ul li.text + li.text {
    float: left;
    margin: 40px 0 0 40px;
}

div#pugiftset div#descBox ul li.text + li.img {
    float: right;
    margin: 0 25px 10px 0;
}

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

div#pugiftset div#orderBox p {
    margin-bottom: 20px;
}

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


div#pugiftset div#orderBox ul.recommend {
    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: 93%;
    margin: 0 auto 20px auto;

}

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

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

/* ----- ������ -----*/

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-bottom: 30px;
    clear: both;
}

div#uchiwa div#sceneBox div#inside {
    width: 98%;
    margin: 5px auto 0 auto;
    padding: 8px 12px;
    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: 32%;
}

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: 1.5em;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1;
}

div#uchiwa div#sceneBox div#inside dd {
    text-align: center;
    line-height: 1.6;
}

div#uchiwa div#lineup p.head,
div#uchiwa div#priceList p.head {
    font-size: 1.4em;
    line-height: 1;
    font-weight: bold;
    position: relative;
    display: block;
}

div#uchiwa p.head img.catch {
    position: absolute;
    right: 20px;
    top: -20px;
}

div#uchiwa div#lineup {
    width: 50%;
    float: left;
}



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: 14px;
    line-height: 1.6;
    font-weight: bold;
}

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


div#uchiwa div#lineup p {
    display: inline;
    line-height: 1.5;
}

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

div#uchiwa div#lineup p.name span {
    font-size: 1.6em;
    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:hover {
    text-decoration: none;
    background: #ececec;
}

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: 25%;
}

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

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

div#uchiwa div#contactBox p span.big {
    font-size: 1.4em;
}

div#uchiwa div#contactBox .yellow_marker {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

div#uchiwa div#contactBox p.attentionBox {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
    color: #ff0000;
    background: #fff;
    border: 1px solid #ff0000;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}

div#uchiwa .stepAmou {
    padding: 5px;
    box-sizing: border-box;
    font-size: 10px;
    margin-bottom: 30px;
    width: 100%;
}

div#uchiwa .stepAmou th {
    padding: 4px;
}

div#uchiwa .stepAmou td {
    padding: 3px;
}

div#uchiwa .stepAmou th.lot {
    width: 60px;
}

div#uchiwa #priceList {
    width: 48%;
    float: right;
}

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


div#uchiwa div#kisei ul {
    overflow: hidden;
    display: block;
    font-size: 14px;
    line-height: 1.5;
}

div#uchiwa div#kisei ul li:first-child {
    float: left;
    width: 350px;
}

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

div#uchiwa div#kisei ul li:last-child {
    float: right;
    width: 360px;
}

div#uchiwa div#howtoOrder {
    background: #ffffee;
    padding: 15px 250px 40px 25px;
    position: relative;
    clear: both;
    margin: 30px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
}

div#uchiwa div#howtoOrder p.img {
    position: absolute;
    bottom: 0;
    right: 30px;
}

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


/* ----- �]���y�O�b�Y�g�ݒ��� -----*/


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

div#explainKeisoudo div.bg div.box {
    background: #fefcf8;
    border: 4px solid #ddd6bd;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}


div#explainKeisoudo div.bg div.box p.product_name {
    margin: 30px 0 0 30px;
}

div#explainKeisoudo div.bg div.box p.product_name + p {
    margin: 20px 0 0 30px;
}

div#explainKeisoudo div.bg div.box#coaster_detail p.top_image {
    position: absolute;
    top: -20px;
    right: 30px;
    ;
}

div#explainKeisoudo div.bg div.box#toothbrushholder_detail p.top_image {
    position: absolute;
    top: 30px;
    right: 30px;
}

div#explainKeisoudo div.bg div.box#bathmat_detail p.top_image {
    position: absolute;
    top: -30px;
    right: -20px;
}

div#explainKeisoudo div.bg div.box#toothbrushholder_detail p.info {
    display: inline-block;
    clear: both;
    vertical-align: top;
    margin-top: 60px;
    font-size: 12px;
}

div#explainKeisoudo div.bg div.box#toothbrushholder_detail p.top_image + p.info {
    margin-left: 30px;
}

div#explainKeisoudo div.bg div.box#toothbrushholder_detail p.info span.catch {
    font-weight: bold;
    color: #30b7b4;
    display: block;
    margin-bottom: 20px;
    font-size: 17px;
}


div#explainKeisoudo div.bg div.box#coaster_detail dl {
    width: 95%;
    height: auto;
    margin: 20px 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;
}


div#explainKeisoudo div.bg div.box#coaster_detail dl dt {
    float: none;
    margin: 0;
    padding: 0;
    border-right: 0;
    text-align: left;
    width: 45%;
    height: auto;
}

div#explainKeisoudo div.bg div.box#coaster_detail dl dd {
    width: 55%;
    background: url(../img/keisoudo/coater_color.png) no-repeat 0 0;
    box-sizing: border-box;
    padding: 125px 0 10px 5px;
    float: none;
    margin-bottom: 0;
    height: auto;
    font-size: 12px;
    line-height: 1.5;
}

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

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.orderBox#top ul li {
    width: 42%;
    margin-bottom: 20px;
}


div#explainKeisoudo div.bg div.box#bathmat_detail dl {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

div#explainKeisoudo div.bg div.box#bathmat_detail dl dt {
    display: inline-block;
    float: none;
    width: 153px;
    margin-bottom: 0;
    padding-right: 0;
    border-right: 0;
    text-align: left;
    height: auto;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#mat_use {
    background: #fff;
    padding: 7px;
    margin: 10px 0 5px 20px;
    width: 340px;
    float: left;
}

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

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%;
    display: block;
}

div#explainKeisoudo div.bg div.box#bathmat_detail div#color {
    padding: 10px 10px 5px 30px;
    background: #fff;
    box-sizing: border-box;
    float: right;
    width: 300px;
    font-size: 12px;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    margin: -40px 15px 30px 0;
}

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 + p.small {
    font-size: 11px;
    float: right;
    margin-top: 5px;
}

div#explainKeisoudo div.bg div.box#coaster_detail dl dd p.small {
    font-size: 11px;
    margin-top: 5px;
}

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 {
    position: absolute;
    left: -10px;
    bottom: 20px;
}


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

div#explainKeisoudo #naireBox p.title a.naire_link {
    position: absolute;
    top: 0;
    right: 15px;
}


div#explainKeisoudo a:hover img {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

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: -20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

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

div#explainKeisoudo #giftwrappingBox p.ttl {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -105px;
}

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

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: 49%;
    position: relative;
}

div#explainKeisoudo #giftwrappingBox ul li:first-child {
    width: 43%
}

div#explainKeisoudo #giftwrappingBox ul li:nth-child(2) {
    width: 55%;
}

div#explainKeisoudo #giftwrappingBox ul li div.optionBox {
    background: #f7f1ea;
    padding: 15px 10px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 15px;
    border: 1px solid #e3dcd0;
    margin: 0 0 10px 0;
    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: 12px;
    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 {
    position: absolute;
    top: 105px;
    left: -70px
}

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

div#explainKeisoudo #giftwrappingBox ul li:nth-child(4) img {
    margin: 28px 0;
}

div#explainKeisoudo #giftwrappingBox ul li:nth-child(3) div.optionBox,
div#explainKeisoudo #giftwrappingBox ul li:nth-child(4) div.optionBox {
    height: auto;
}

div#explainKeisoudo #giftwrappingBox ul li:nth-child(3) div.optionBox {
    padding: 14px 0 10px;
}

div#explainKeisoudo #giftwrappingBox ul li:nth-child(4) div.optionBox {
    padding: 13px 0 0;
}

div#explainKeisoudo #giftwrappingBox ul li div.optionBox p.center {
    text-align: center !important;
}

div#explainKeisoudo #giftwrappingBox p.note {
    margin: 5px 0 0 0;
    font-size: 11px;
}

div#explainKeisoudo #giftwrappingBox p.note span.attention {
    display: inline;
}


/* ----- ���C���R�[�g�{�[�� -----*/




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;
}


div#raincoatball #rainfree_sp {
    display: none;
}

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: url(../img/raincoatball/rainorder_bg.png) no-repeat 0 0;
    width: 740px;
    height: 320px;
    margin: 20px 0;
}

div#raincoatball #rainorderBox dl.order {
    padding: 10px 0 0 15px;
    width: 740px;
    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: row;
    justify-content: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


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

div#raincoatball #rainorderBox dl dt {
    color: #036eb8;
    font-size: 220%;
    font-weight: bold;
    letter-spacing: -0.05em;
}

div#raincoatball #rainorderBox dl dd {
    font-weight: bold;
    font-size: 110%;
    line-height: 1.3;
}

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

/* ----- ���[�����N���A�z���_�[ -----*/

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


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

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

div#rail_clearholder div#fullcolor_feature {
    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#rail_clearholder div#fullcolor_feature p:first-child {
    width: 350px;
}

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


body {
    counter-reset: count-number;
}

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 p.desc {
    font-size: 16px;
    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)::before {
    position: absolute;
    top: 7px;
    left: 0;
}

div#rail_clearholder section:nth-of-type(1) p.desc:nth-child(4) {
    font-size: 16px;
    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:nth-child(4) span {
    color: #24b7b3;
    font-size: 1.3em;
}

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: 15px 0 50px 0;
    height: auto;
    overflow: hidden;
}

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

div#rail_clearholder dl.step dd p:nth-of-type(1) 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.7em;
    margin: 5px 0 25px 0;
    line-height: 1.3;
}

div#rail_clearholder dl.step dd p {
    background: #fff;
    padding: 5px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #06bab4;
    font-size: 1.9em;
    font-weight: bold;
    width: 90%;
    margin: 30px auto 10px;
}

div#rail_clearholder dl.step dd ul {
    margin: 0 auto;
    width: 86%;
}


div#rail_clearholder dl.step dd ul li {
    font-size: 16px;
    line-height: 1.3;
    color: #fff000;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative;
    width: 33.2%;
    float: left;
    list-style: disc outside
}


div#rail_clearholder dl.step:nth-of-type(2) dd p:nth-of-type(2) {
    color: #fff;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 20px;
    letter-spacing: 0.05em;
}

div#rail_clearholder dl.step:nth-of-type(2) dd p:nth-of-type(2) span {
    color: #fff000;
}


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

div#rail_clearholder p.order_link_lead {
    font-size: 22px;
    text-align: center;
    color: #000;
}

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: 16px;
}

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;
}

/* ----- �e�i�^�I�� -----*/

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

div#towel div.orderflow p.easy3step {
    font-size: 24px;
    line-height: 1.3;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    width: 90%;
    margin: 0 auto;
    font-family: "a-otf-ryumin-pr6n";
}

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;
    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#towel div.orderflow ol li {
    width: 28%;
    position: relative;
    font-size: 20px;
    line-height: 1.4;
    color: #941f2c;
    font-family: "a-otf-ryumin-pr6n";
    padding: 8px 0 10px 80px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
}

div#towel div.orderflow ol li:not(:nth-of-type(3))::after {
    font-family: FontAwesome;
    content: "\f0da";
    color: #fff;
    font-size: 40px;
    position: absolute;
    top: 20%;
    right: -14px;
}

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

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

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

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-between;
    justify-content: space-evenly;
}

div#towel dl.price_list {
    width: 48%;
    float: left;
    padding: 0 15px 0 0;
    border-right: 1px solid #000;
    overflow: hidden;
    display: block;
    margin: 20px 0;
}

div#towel dl.price_list + dl.price_list {
    float: right;
    padding: 0;
    border: 0;
}

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

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

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;
    height: auto;
    clear: both;
    text-align: center;
}

div#towel div#muji ul.page_link {
    width: 74%;
    margin-top: 20px;
}

div#towel p.head {
    padding: 10px 0 15px 0;
    text-align: center;
    line-height: 1;
    background: #ef445c;
    font-size: 2em;
    color: #fff;
    font-family: "a-otf-ryumin-pr6n";
}

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

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

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

div#towel div.pink_bg ul.caution li {
    list-style: none;
}


div#towel div.pink_bg p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

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

div#towel p span.ttl {
    text-align: center;
    font-size: 28px;
    font-family: "a-otf-ryumin-pr6n";
    position: relative;
    line-height: 1.6;
}



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;
    position: relative;
    padding: 130px 10px 10px 10px;
    margin-top: 30px;
}

div#towel div.link_area p.ttl {
    position: absolute;
    top: -28px;
    left: 20px;
}

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

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

div#towel p.ttl {
    font-size: 1.8em;
    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: 94%;
}

div#towel ul.color_list li {
    margin-bottom: 30px;
}

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: 90%;
    margin: 10px auto;
}

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

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

/* ----- �̑��}�X�N -----*/

/* ----- �̑��}�X�N -----*/

#mask_box #mask_choice {
    background: url("../img/mask/choice_mask_bg.jpg") no-repeat 0 0;
    width: 684px;
    height: 433px;
    margin: 25px 0 10px 20px;
}

#mask_box #mask_choice div h4 {
    margin: 0;
    padding: 0;
}

#mask_box #mask_choice_sp {
    display: none;
}

#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;
}



#mask_box #mask_choice div {
    position: relative;
}

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



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

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

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

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

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

#mask_box #mask_spec {
    background: url("../img/mask/mask_spec.png") no-repeat 0 0;
    width: 473px;
    height: 400px;
    margin: 25px 0 0 50px;
    border-bottom: 1px solid #333;
}


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

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

#mask_box #mask_print p {
    float: left;
    margin-right: 30px;
    width: 134px;
}

#mask_box #mask_print dl {
    float: left;
    width: 500px;
}

#mask_box #mask_print dl dt {
    float: left;
    clear: both;
    width: 120px;
}

#mask_box #mask_print dl dd {
    float: left;
    width: 370px;
}

div#hansoku_mask div#top {
    background: url("../img/mask/pc_mask_main.jpg") no-repeat 0 0;
    width: 740px;
    height: 300px;
    padding: 215px 0 0 15px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
}

div#hansoku_mask a {
    color: #000;
}

div#hansoku_mask a:hover {
    text-decoration: none;
    color: #000;
}

div#hansoku_mask a:hover img {
    opacity: 1;
}

div#hansoku_mask div.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: 30px 0;
}

div#hansoku_mask div.lineup div.katamen {
    background: #cef4fc;
    width: 240px;
    padding-bottom: 5px;
    border-radius: 0 0 6px 6px;
}

div#hansoku_mask div.lineup div.ryoumen {
    background: #e7f8cc;
    width: 240px;
    padding-bottom: 5px;
    border-radius: 0 0 6px 6px;
}

div#hansoku_mask div.lineup div.semiryoumen {
    background: #f8f5b3;
    width: 240px;
    padding-bottom: 5px;
    border-radius: 0 0 6px 6px;
}

div#hansoku_mask div.lineup div.katamen:hover {
    background: #e2f8fd
}

div#hansoku_mask div.lineup div.ryoumen:hover {
    background: #f1fbe0
}

div#hansoku_mask div.lineup div.semiryoumen:hover {
    background: #fbf9d1
}


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 Japanese';
    font-weight: 700;
    line-height: 1.2;
    height: 60px;
    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;
}

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;
}


/* ----- �]���y�O�b�Y �y�[�W���� -----*/

div#explainKeisoudo div.listBox {
    padding: 20px 5px 20px 5px;
    border: 1px solid #ececec;
    margin: 0;
}

div#explainKeisoudo a.sampleOrder:hover img {
    opacity: 1;
}

div#explainKeisoudo div.listBox > p:first-child {
    text-align: center;
    margin: 15px 0 20px;
}

div#explainKeisoudo div.listBox 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;
    margin: 25px 0 0 0;
}

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

div#explainKeisoudo div.listBox p.name {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    line-height: 1.34;
}

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

div#explainKeisoudo div.listBox.cate ul li {
    box-sizing: border-box;
    width: 165px;
    padding: 8px;
    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;
    right: 6px;
    top: 60px;
    /*right:0;
margin:auto;*/
    z-index: 6;
}

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

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

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-bottom: 15px;
}

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: 500;
    margin: 5px 0 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 13px;
    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: 500;
    margin: 5px 0 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
}

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

div#explainKeisoudo div#coasterwhite {
    width: 97%;
    margin: 20px auto 30px auto;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 28px 22px;
    background: url(../img/keisoudo/coaster_white_top_img.png)#fff no-repeat right top;
}

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

div#explainKeisoudo div#coasterwhite p.notice {
    width: 58%;
    font-size: 12px;
    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 {
    background: url(../img/keisoudo/flower_bg.jpg)#fefce3 no-repeat 0 0;

    box-sizing: border-box;
    padding: 30px 0 10px;
    margin: 0 0 20px 0;
    position: relative;
}

div#explainKeisoudo div#naire_table .naireLink {
    position: absolute;
    top: 15px;
    right: 25px;
}

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

div#explainKeisoudo div#naire_table table thead th:not(:first-child) {
    width: 275px;
    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: 11px;
    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 25px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    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: 275px;
    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;
    /*���E��������*/
    align-items: center;
    /*�㉺��������*/
}


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

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;
}

/* ----- ����݃����E�ӂ��� -----*/

div#kurumi_memo_fusen section {
    margin: 0 0 30px 0;
}

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;
    font-size: 18px;
    line-height: 1.5;
}

div#kurumi_memo_fusen section#introduce p.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;
    margin: 20px 0;

}

div#kurumi_memo_fusen section#introduce p.desc img {
    width: 49%;
    height: 49%;
}

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;
}

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

div#kurumi_memo_fusen section#lineup ul.lineup li p.name {
    text-align: center;
    font-size: 16px;
    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: 10px;
    margin: 5px 0;
    padding: 0 3px;

}

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 {
    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;
    margin: 20px 0 10px;
}

div#kurumi_memo_fusen ul.btn_area li {
    width: 45%;
    text-align: left;
    font-size: 15px;
}

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


/* ----- ウェア -----*/
div#original_wear {
    background: #fff;
    letter-spacing: 0;
}

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 Japanese';
    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: calc(100% / 3);
}

div#original_wear dl.itemList dd a:hover {
    text-decoration: none;
}

div#original_wear p.desc {
    width: 90%;
    height: 5em;
    margin: 5px auto;
    color: #1e1e1e;
}

div#original_wear h3.printArea {
    font-size: 24px;
    color: #0a6eb5;
    border-top: 6px solid #0a6eb5;
    border-bottom: 6px solid #0a6eb5;
    text-align: center;
    margin: 20px 0 10px 0;
    padding: 4px 0 8px 0;
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
}

div#original_wear h3.printArea span.name {
    font-size: 22px;
    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 {
    margin-bottom: 20px;
}

div#original_wear ul.printArea li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    color: #e95e99;
}

div#original_wear ul.printArea li:nth-child(2n) {
    margin-left: 20px;
    color: #ff0000;
    font-size: 94%;
}

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 30px;
    position: relative;
    min-height: 120px
}

div#original_wear div#colorBox img,
div#original_wear div#sizeBox img {
    max-width: 100%
}

div#original_wear div#sizeBox.polo00331-ABP,
div#original_wear div#colorBox.polo00331-ABP,
div#original_wear div#sizeBox.polo00100-VP,
div#original_wear div#colorBox.polo00100-VP,
div#original_wear div#sizeBox.polo00141-NVP,
div#original_wear div#colorBox.polo00141-NVP,
div#original_wear div#sizeBox.outer00051-ET,
div#original_wear div#colorBox.outer00051-ET,
div#original_wear div#sizeBox.outer00006-EV,
div#original_wear div#colorBox.outer00006-EV,
div#original_wear div#sizeBox.outer00336-DBS,
div#original_wear div#colorBox.outer00336-DBS,
div#original_wear div#sizeBox.cap00700-EVM,
div#original_wear div#colorBox.cap00700-EVM,
div#original_wear div#sizeBox.cap00708-RVC,
div#original_wear div#colorBox.cap00708-RVC {
    position: relative;
    text-align: right;
}

div#original_wear div#sizeBox.polo00331-ABP p.icon,
div#original_wear div#colorBox.polo00331-ABP p.icon,
div#original_wear div#sizeBox.polo00100-VP p.icon,
div#original_wear div#colorBox.polo00100-VP p.icon,
div#original_wear div#sizeBox.polo00141-NVP p.icon,
div#original_wear div#colorBox.polo00141-NVP p.icon,
div#original_wear div#sizeBox.outer00051-ET p.icon,
div#original_wear div#colorBox.outer00051-ET p.icon,
div#original_wear div#sizeBox.outer00006-EV p.icon,
div#original_wear div#colorBox.outer00006-EV p.icon,
div#original_wear div#sizeBox.outer00336-DBS p.icon,
div#original_wear div#colorBox.outer00336-DBS p.icon,
div#original_wear div#sizeBox.cap00700-EVM p.icon,
div#original_wear div#colorBox.cap00700-EVM p.icon,
div#original_wear div#sizeBox.cap00708-RVC p.icon,
div#original_wear div#colorBox.cap00708-RVC p.icon {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.txtRight {
    text-align: right;
}

.txtRight.pink {
    color: #e95e99;
}

div#original_wear h4 {
    background: #0a6eb5;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    margin: 30px 0 5px 0;
    font-size: 22px;
    font-family: 'Noto Sans Japanese';
    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;
    margin-top: -5px;
}

div#original_wear p.mitsumori_lead {
    color: #0a6eb5;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
}

div#original_wear ul.mitsumori_naiyou {
    padding: 10px;
    background: #def1fb;
    margin: 15px 0 5px;
}

div#original_wear ul.mitsumori_naiyou li {
    font-size: 1.4em;
    display: inline-block;
    margin-right: 15px;
}

div#original_wear ul.mitsumori_naiyou li:before {
    content: "\025cf";
    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 {
    width: 80%;
    margin: 0 auto;
}

div#original_wear dl.icon_desc dt {
    width: 60px;
    margin-bottom: 8px;
}

div#original_wear dl.icon_desc dt img {
    max-width: 100%;
}

div#original_wear dl.icon_desc dd {
    width: 110px;
    margin-right: 8px;
    font-size: 11px;
    margin-bottom: 8px;
}

div#original_wear dl.icon_desc dd:last-child {
    margin-right: 0;
}

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 Japanese';
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}

div#original_wear p.left {
    float: left;
    margin-bottom: 30px
}

div#original_wear ol.toSee_size {
    float: right;
    counter-reset: li;
    margin: 15px 25px 0 0
}

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 Japanese';
    font-weight: 700;
    line-height: 0;
    clear: both;
    margin-bottom: 8px;
}

div#original_wear dl.kiji_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;
}

div#original_wear dl.kiji_desc dt {
    padding: 5px 10px 0;
    width: 35%;
    box-sizing: border-box;
    border-right: 1px dashed #0a6eb5;
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
}

div#original_wear dl.kiji_desc dd {
    padding: 5px 10px 0;
    width: 65%;
    box-sizing: border-box;
}

div#original_wear dl.kiji_desc dd p {
    display: inline-block;
    vertical-align: top;

}

div#original_wear dl.kiji_desc dd p:nth-of-type(2) {
    width: 200px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
}

div#original_wear dl.kiji_desc dd span.name {
    font-size: 1.1em;
    font-family: 'Noto Sans Japanese';
    color: #0a6eb5;
    font-weight: bold;
    padding-bottom: 5px;
}

div#original_wear 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;
}


div#original_wear ul.row2 > li {
    width: 48%;
}

div#original_wear ul.product_caution li {
    padding-left: 1em;
}

div#original_wear ul.product_caution li:before {
    content: "\025cf";
    color: #0a6eb5;
    margin-left: -1em;
}

.mini {
    font-size: 90%;
}

#original_wear .estimate{
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}

#original_wear .estimate .head{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

#original_wear .estimate .price{
    width: 68%;
    padding: 10px 20px 0;
    box-sizing: border-box;
}
#original_wear .estimate .price > ul{
    display: flex;
    justify-content: space-between;
}

#original_wear .estimate .price > ul li:nth-of-type(2){
    border-left: 1px dotted #000;
    padding: 0 30px;
}

#original_wear .estimate .price > ul li:nth-of-type(1){
    padding: 0 30px 0 0;
}

#original_wear .estimate .price .ex{
    font-size: 18px;
    margin: 15px 0;

}

#original_wear .estimate .price .ex span{
    font-size: 14px;
    padding: 0 6px;
    margin-right: 10px;
    display: inline-block;
    background: #e3e3e3;
}

#original_wear .estimate .nouki{
    width: 32%;
    padding: 10px 0 10px 30px;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
}

.page_805{
    display: none;
}

/* ---------- �}�E�X�p�b�h �������ߗ��R ---------- */

div#mousepad_reco_box {
    padding: 20px 0 20px;
}

#main div#mousepad_reco_box h3 {
    margin-bottom: 0;
    border-bottom: none;
    padding: 0 0;
    margin: 0 0;
}

div#mousepad_reco_box div.point_text {
    border: #1A61AC 1px dotted;
    border-top: none;
    margin: 0 0 20px;
    padding: 15px 25px 15px;
}

div#mousepad_reco_box div.point_text p {
    font-size: 14px;
    line-height: 1.8;
}

div.mousepad_pu {
    background: url(../img/mousepad/pu_bg.png) left top no-repeat;
    width: 740px;
    height: 118px;
    padding: 15px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    text-align: center;
}

div.mousepad_pu img {
    margin: 0 2px;
}

/* ---------- �J�^���O�M�t�g ---------- */

div#cataloggift p.desc {
    width: 50%;
    box-sizing: border-box;
    padding: 0 30px 10px 20px;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
}

div#cataloggift p.desc_img {
    width: 48%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

div#cataloggift div#system {
    margin: 20px auto;
    padding: 30px 20px 40px;
    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 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: 90%
}

div#cataloggift div#system dl.system_cost dt {
    color: #c05a69;
    text-align: center;
    font-size: 24px;
    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;
    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: 98%;
    margin: 0 auto;
}

div#cataloggift div#course a {

    color: #000;
}


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: 0;
    width: 232px;
    border: 1px solid #000;
    position: relative;
    margin-bottom: 15px;
}

div#cataloggift div#course p.price_course {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 20px;
    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: 14px;
    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: 30px;
    width: 224px;
    text-align: center;
}

ul.card_list li:hover {
    background: #ffc;
    display: block;
}


/* ---------- ���D ---------- */

#type391_cate {
    background: url("../img/balloon/type391.jpg") no-repeat;
}


#itemPointBox {
    margin: 20px 0;
    /*display: flow-root;*/
}

.pbBase {
    margin: 8px 0;
}

.pbLeft {
    vertical-align: top;
    width: 55px;
    height: 150px;
    display: inline-block;
}

.pbCenter {
    display: inline-block;
    width: 390px;
    padding: 12px 15px 0 0;
}

.pbCenter p {
    text-align: justify;
}

.pbCenterwide {
    display: inline-block;
    width: 661px;
    padding: 12px 0;
}

.pbCenter.clmn2 {
    width: 640px;
}

.pbCenter h3,
.pbCenterwide h3 {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 5px;
    vertical-align: top;
    line-height: 1.35;
    margin-bottom: 5px;
}

.pbCenter h3 span,
.pbCenterwide h3 span {
    font-size: 24px;
    font-weight: bold;
    color: #E50011;
}

.pbRight {
    display: inline-block;
    width: 260px;
    vertical-align: top;
    text-align: right;
}

.pbCenter h3 span.small,
.pbCenterwide h3 span.small {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 16px;
    vertical-align: top;
}

.pbCenter h3 span.small_red {
    font-size: 14px;
    font-weight: bold;
    color: #E50011;
    line-height: 16px;
}



div.category_2column {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    border: solid 6px #ebebed;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

div.category_2column > div.img {
    width: 245px;
    float: left;
    text-align: center;
}

div.category_2column > div.text_area {
    width: 460px;
    float: right;
    text-align: justify;
}

div.category_2column > div.text_area p.product_name {
    font-size: 2.2em;
    color: #FF0000;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.2;
    padding: 10px 0 3px;
}

div.category_2column > div.text_area p.product_copy {
    font-size: 1.3em;
    line-height: 1.3em;
    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�u���E�U�p ---*/
    -ms-flex-pack: justify;
    /*--- IE10 ---*/
    -webkit-justify-content: space-between;
    /*--- safari�iPC�j�p ---*/
    justify-content: space-between;
    clear: both;
    padding: 20px 0 0 0;
}


div.category_2column > ul li {
    box-sizing: border-box;
    border: solid 3px #ef8e9a;
    width: 49.2% !important;
    padding: 8px;
    margin: 0 0 10px 0 !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(-n+2) {
    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.15em;
    color: #FF0000;
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.2;
    padding: 5px 0;
}

div.category_2column > ul li p.product_name + p {
    font-size: 13px;
    line-height: 1.6;
}

div.category_2column a.linkBtn_pink {
    padding: 9px 9px 4px 9px !important;
    box-sizing: border-box;
    display: block;
    background: #ef8e9a;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    text-align: center;
    border: 0 !important;
    width: 200px !important;
    height: 35px !important;
    position: absolute !important;
    right: 6px !important;
    bottom: 6px !important;
}

section#cate_index {
    margin-bottom: 20px;
}

section#cate_index ul {
    padding: 30px 0 0;
}

section#cate_index ul li {
    width: 360px;
    margin-top: 20px;
}

section#cate_index ul li p {
    text-align: justify;
}

section#cate_index ul li:nth-child(-n+2) {
    margin-top: 0;
}

section#cate_index ul li:nth-child(2n+1) {
    float: left;
}

section#cate_index ul li:nth-child(2n+0) {
    float: right;
}

section#cate_index ul li a {
    width: 100%;
    padding: 19px;
    border: 1px solid #DADBDE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    behavior: url(../css/pie/PIE.htc);
    position: relative;
}

section#cate_index ul li a figure {
    width: 120px;
    height: 120px;
    border: 1px solid #DADBDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    float: left;
}

section#cate_index ul li a figure img {
    max-width: 100%;
    max-height: 100%;
}

section#cate_index ul li a div {
    width: 180px;
    color: #666;
    float: right;
}

section#cate_index ul li a div h3 {
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 116%;
    font-weight: bold;
}


div.sd_productList01,
div.os_productList01 {
    border: solid 6px #ebebed;
    width: 740px;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 15px;
    display: table;
}



div.sd_productList02 {
    border: solid 3px #ef8e9a;
    width: 360px;
    box-sizing: border-box;
    padding: 5px;
    margin: 5px 0 10px 0;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
}

div.sd_productList01 div.img,
div.os_productList01 div.img {
    display: table-cell;
    width: 250px;
    vertical-align: middle;
    margin: 0 auto;
}

div.sd_productList02 div.img {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    margin: 0 auto;
}

div.sd_productList01 div.text_area,
div.os_productList01 div.text_area {
    display: table-cell;
    width: 400px;
    text-align: justify;
}

div.sd_productList02 div.text_area {
    display: table-cell;
    width: 200px;
    text-align: justify;
}

div.sd_productList01 div.text_area p.product_name {
    font-size: 2.2em;
    color: #FF0000;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.2;
    padding: 10px 0 3px;
}

div.sd_productList02 div.text_area p.product_name {
    font-size: 1.5em;
    color: #FF0000;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.2;
    padding: 10px 0;
}

div.sd_productList01 div.text_area p.product_name span,
div.sd_productList02 div.text_area p.product_name span,
div.gift_productList01 div.text_area p.product_name span,
div.os_productList01 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,
div.gift_productList01 div.text_area p.product_copy,
div.os_productList01 div.text_area p.product_copy {
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 5px 0;
    font-weight: bold;
}

div.sd_productList01 div.text_area p,
div.sd_productList02 div.text_area p,
div.gift_productList01 div.text_area p,
div.os_productList01 div.text_area p {
    font-size: 13px;
    line-height: 1.6;
}


a.linkBtn_red2 {
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    margin-top: 15px;
    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;
}

a.linkBtn_red2:hover,
a.linkBtn_pink:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=90)";
    color: #fff;
}

#cateTop p {
    width: 430px;
    padding-top: 138px;
    padding-bottom: 30px;
    padding-left: 20px;
    line-height: 1.6;
    font-size: 14px;
}



/* BX-SLIDER�i�g�b�v���C���j
----------------------------------------------- */
#topMain {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}


/* ----- �g�b�v�y�[�W���j���[�A�� ----- */

.ticker span.icon {
    display: inline-block;
    padding: 2px;
    background: #2b3b54;
    margin: -2px 8px 0 0;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ticker a {
    color: #2b3b54;
}

.ticker {
    float: left;
    margin: 25px 0 0 30px !important;
    color: #2b3b54;
}

.souryou_payment {
    width: 320px;
    float: right;
    margin: 10px 0 0 0;
}

.sticker {
    z-index: 3000 !important;
}

/* �V���O���h���b�v�_�E�� */

.search li:not(.members) ul.single_menu {
    position: relative;
    background: none;
}

.search li:not(.members) ul.single_menu .single_menu_second {
    position: absolute;
    left: 0;
    width: 200px;
}

.search > ul > li.topguide.mypage a.login,
.search > ul > li.topguide.mypage a.logout {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    padding: 5px 0;
    color: #333;
    background: #fff;
    border: 1px solid #333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin: 5px 0;
    font-size: 12px;
}

.search > ul > li.topguide.mypage a.shinki {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    padding: 5px 0;
    color: #333;
    border: 1px solid #2b3b54;
    background: #2b3b54;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin: 5px 0 0;
    font-size: 12px;
}

.search > ul > li.topguide.mypage a.login:hover,
.search > ul > li.topguide.mypage a.logout:hover {
    background: #f5f6f7;
}

.search > ul > li.topguide.mypage a.shinki:hover {
    background: #3d4c63;
}



/* ���K���j���[�h���b�v�_�E�� */

#dd-full {
    background: #cd202a;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    height: 58px;
    position: relative;
    z-index: 4000;
}

.search ul.pc {
    width: 1000px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.search > ul > li {
    width: 122px;
    text-align: center;
    float: left;
    border-left: 1px solid #d64d54;
}

.search > ul > li.topguide {
    width: 60px;
    border-left: 0;
}

.search > ul > li.topguide.mypage a {
    background: url(https://gift.just-shop.jp/img/common/mypage.png) no-repeat top center;
}

.search > ul > li.topguide.mypage a.active {
    background: url(https://gift.just-shop.jp/img/common/mypage_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.topguide.cart a {
    background: url(https://gift.just-shop.jp/img/common/cart.png) no-repeat top center;
}

.search > ul > li.topguide.cart a.active {
    background: url(https://gift.just-shop.jp/img/common/cart_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.topguide.firstguide a {
    background: url(https://gift.just-shop.jp/img/common/guide.png) no-repeat top center;
}

.search > ul > li.topguide.firstguide a.active {
    background: url(https://gift.just-shop.jp/img/common/guide_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.topguide.contact a {
    background: url(https://gift.just-shop.jp/img/common/contact.png) no-repeat top center;
}

.search > ul > li.topguide.contact a.active {
    background: url(https://gift.just-shop.jp/img/common/contact_h.png)#f1f1f1 no-repeat top center;
}

.search > ul > li.topguide > a {
    text-indent: -9999px;
    box-sizing: border-box;
}


.search > ul > li > a {
    display: block;
    padding: 4px 0;
    height: 58px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}

.search > ul > li.topguide > a {
    font-size: 10px;
    color: #fff;
}

.menu {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1000px;
    margin-left: 364px;
}

.search > ul.menu > li {
    width: 58px;
    text-align: center;
    float: left;
    border: 0;
}

.search > ul.menu > li > a {
    font-size: 10px;
    font-weight: normal;
}

.search > ul > li > a:hover {
    text-decoration: none;
    color: #333;
}

.search > ul > li > a img {
    margin: 6px 0 2px;
}

.search > ul.menu > li > a img {
    margin: 8px 0 2px;
    height: 20px;
}


.search li ul {
    width: 100%;
    color: white;
    text-align: left;
    position: absolute;
    left: 0;
    padding: 10px 0;
    background: #f1f1f1;
    /*background: rgba(248,248, 248, 1);*/
    z-index: 2100;
    box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1);
}

.search li.mypage ul {
    position: relative;
    width: 200px;
    color: #222;
    text-align: left;
    left: auto;
    padding: 10px;
    background: #f1f1f1;
    z-index: 2100;
    margin-bottom: 10px;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.25);
}

.search li.mypage ul li:nth-of-type(1) {
    font-size: 11px;
    line-height: 1.35;
    height: auto;
    color: #555;
    margin: 0 0 5px;
}



.search li ul div {
    width: 1000px;
    margin: 0 auto;
}

.search li ul img {
    float: left;
}

.search .active {
    color: #333;
    background: #f1f1f1;
}

.search a {
    cursor: pointer;
}

.search a:hover {
    text-decoration: none;
}




.search .active img {
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
}

.search .active li.members .members {
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    fill: #97CD76;
}

.search li.keyword {
    width: 390px;
    height: 58px;
    position: relative;
}

.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;
}



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;
}

.search .wrap {
    width: 1000px;
    box-sizing: border-box;
    margin: 5px auto;
    padding: 10px;
    overflow: hidden;
}

.search .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;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 68%;
    float: left;
    background: #fff;
    padding: 4px;
}

.search.top {
    border: 2px solid #ececec;
    border-top: 0;
    padding: 0;
    overflow: hidden;
}

.search.top .byCategory .list,
.search.top .byPrice .list {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 8px;
}

.search.top .byPrice .list a {
    width: 30%;
    box-sizing: border-box;
    padding-left: 20px;
}

.search .list a {
    width: 31%;
    display: block;
    margin: 0;
    padding: 5px 3px 3px;
    box-sizing: border-box;
    color: #333;
    border-bottom: 1px dotted #c9c9c9;
    position: relative;
}

.search .list a:hover {
    text-decoration: none;
    background: #f5f5f5;
}

.search .list::after {
    content: "";
    display: block;
    width: 31%;
    padding: 5px 3px;
    box-sizing: border-box;
    margin: 0 5px 0 5px;
}

.search .byCateory .list a:not(:nth-child(3n))::before {
    content: "";
    width: 3px;
    border-right: 1px dotted #c9c9c9;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
}


.search .byPrice .list a:not(:nth-child(5n))::before {
    content: "";
    width: 3px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
}

.search .byCategory .list a:nth-child(n+16) {
    border: 0;
}

.search .byPrice .wrap {
    padding-bottom: 5px;
}


.search .byPrice .list {
    width: 68%;
}

.search .byPrice .list a {
    width: 17.5%;
    padding: 10px 0;
    margin: 5px auto 0;
}

.search .byPrice .list::after {
    width: 17%;
}

.search .byPrice .list a span {
    position: relative;
    padding-left: 1.2em;
}

.search .byPrice .list a span:after,
.menu:not(.members) .menu__second-level li:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu.head .menu__second-level li:after {
    left: 5px;
}

.menu__second-level li:after {
    left: 8px;
}

.search .list a > div {
    overflow: hidden;
    padding: 3px 0;
    display: flex;
    align-items: center;
    width: 100%;
}


.search .list a > div img.thumb {
    width: 45px;
    height: auto;
    margin: 0 8px 0 5px;
}

.search .list a > div span {
    font-size: 13px;
    line-height: 1.35;
}

.search div.pickup {
    width: 230px;
    float: right;
    overflow: hidden;
}

.search div.pickup img {
    float: none;
}

.search div.pickup p {
    color: #222;
    font-size: 12px;
}

.search div.pickup p.head {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.search div.pickup span.ttl {
    font-size: 16px;
    display: block;
    margin: 5px 0;
}

#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: 32%;
    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: 15px;
    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;
}



#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;
}

#osusume div.list a {
    width: 18%;
    margin-bottom: 10px;
    color: #333;
}


#ranking div.list a {
    width: 18%;
    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;
}

#dd-full .wrap {
    width: 1000px;
    box-sizing: border-box;
    margin: 5px auto;
    padding: 20px 30px 20px 40px;
    overflow: hidden;
    background: #fff;
    color: #333;
}

#dd-full p.ttl {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.02em;
    font-weight: 500;
}

#dd-full p.ttl span.eigyou {
    font-size: 14px;
    padding: 0 10px;
}

#dd-full dl {
    width: 32%;
    margin: 0 50px 20px 0;
    display: -webkit-box;
    /* before Android4.3 iOS6:Safari */
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    /* Pc-safari */
    display: flex;
    float: left;
    overflow: hidden;
    height: auto;
}

#dd-full dl dt {
    border-right: 1px solid #ccc;
    padding: 0 15px 0 0;
    font-size: 16px;
    font-weight: 500;
}

#dd-full dl dd {
    padding: 0 0 0 15px;
    text-align: left;
    font-size: 12px;
}

#dd-full dl dd p {
    line-height: 1.2;
}

#dd-full dl dd span.number {
    font-size: 32px;
    font-weight: 900;
}

#dd-full p.notes {
    font-size: 12px;
    clear: both;
}

#dd-full a.mailform {
    display: block;
    width: 22%;
    float: right;
    border: 2px solid #3d3938;
    padding: 20px 10px 20px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
    text-align: center;
    color: #3d3938;
}

#dd-full a.mailform:hover {
    text-decoration: none;
    background: #f5f5f5
}

.search li ul a.mailform img {
    float: none;
    margin-bottom: 10px;
}



#groupsite .bx-wrapper img {
    max-width: none;
}

#leftContents h3.groupsite {
    font-size: 18px;
    line-height: 1.25;
    border: 0;
    text-align: center;
    background: #fff;
    color: #333;
    letter-spacing: -0.02em;
    margin: 30px 0 0;
    padding: 30px 0 0;
    text-align: left;
}

#leftContents h3.groupsite + p {
    margin: 0 0 10px 0;
    color: #888;
    font-size: 11px;
    text-align: center;
}


ul.link_bnr {
    margin: 0 0 20px;
}

ul.link_bnr li {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    color: #666;
}

.txtSmall {
    font-size: 11px;
}

ul.link_bnr li a {
    position: relative;
    overflow: hidden;
    width: 230px;
    height: auto;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: block;
}

ul.link_bnr li a img {
    opacity: 1;
    margin: 0 0 0 0;
}

ul.link_bnr li a p.sitename {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 !important;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 15px;
    align-items: center;
    opacity: 0;
}

ul.link_bnr li:hover p.sitename {
    opacity: 1;
}


#main #main_box h3 {
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 50px 0 15px;
    color: #cc2029;
    border-left: 0;
    background: none;
    padding: 4px 10px;
}

#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;
}

#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;
}


#main #main_box h3.line {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0;
    margin: 50px 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;
}


/*�^�u�̒��g��������\����*/
.ChangeElem_Panel {
    display: none;
}

/*�^�u�������ׂ�*/
.ChangeElem_Btn_Content {
    display: flex;
    justify-content: space-around;
    margin: 20px 0 0;
}

/*�ʏ펞�̃^�u����*/
.ChangeElem_Btn {
    cursor: pointer;
    display: inline-block;
    flex: 1;
    position: relative;
    vertical-align: middle;
    padding: 8px 0 10px;
    background: #989898;
    color: #fff;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/*�J�����g�ƃz�o�[���̃^�u����*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
    box-sizing: border-box;
    background: #cd202a;
    color: #fff;
    border: 0;
    position: relative;
}

.ChangeElem_Btn:nth-of-type(2):hover,
.ChangeElem_Btn.is-active:nth-of-type(2) {
    background: #333;
}

.ChangeElem_Btn.is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 8px solid #cd202a;
}

.ChangeElem_Btn.is-active:nth-of-type(2):before {
    border-top: 8px solid #333;
}


.giftmeister_desc {
    margin: 130px 0 10px;
    padding: 0 0 10px 0;
    text-align: center;
    background: #fef4a0;
    border-radius: 10px;
    position: relative;
}


.giftmeister_desc #topItem {
    margin: 5px 0;
}

.giftmeister_desc .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    overflow: hidden;
}

.giftmeister_desc .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
}

.giftmeister_desc dt {
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
}

.giftmeister_desc dt p {
    width: 530px;
    margin: 5px 0 0 190px;
    text-align: left;
}

.giftmeister_desc dt .eyecatch {
    position: absolute;
    top: -95px;
    left: 10px;
}

.giftmeister_desc span.txtRed {
    color: #cc2029 !important;
}


.giftmeister_desc dd {
    padding: 3px 6px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    background-color: #fef4a0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fef9cf), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fef9cf),
            color-stop(.75, #fef9cf), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fef9cf 25%, transparent 25%,
            transparent 50%, #fef9cf 50%, #fef9cf 75%,
            transparent 75%, transparent);
}

div.box_l {
    border: 1px solid #bf2b39;
    width: 365px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #f2c2c4;
}

div.box_l.right {
    float: right;
    margin: 10px 0 40px 0;
}

div.box_l p.summary {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

div.box_l p.summary span.notes {
    background: #bf2b39;
    padding: 8px 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    opacity: 1;
    display: block;
    width: 100%;
}

div.box_l p.summary span.name {
    background: #333;
    padding: 8px 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
    display: block;
    width: 100%;
}

div.box_l p.summary span.price {
    font-size: 12px;
}

#osusume div.list.right {
    float: right;
    width: 350px;
}

#osusume div.list.left {
    float: left;
    width: 350px;
    margin-top: 20px;
}

#osusume div.list a {
    width: 32%;
}

#osusume div.list p.summary {
    width: 96%;
    margin: 8px auto 0;
    padding-bottom: 0;
    color: #333;
}


#leftContents {
    width: 230px;
    margin: 0;
}

#leftContents h3 {
    font-size: 18px;
    line-height: 1.25;
    border-bottom: 0;
    border-top: 4px solid #75272b;
    background: #f5f5f5;
    letter-spacing: -0.02em;
    margin: 30px 0 5px;
    padding: 16px 0 16px 14px;
    color: #222;
}

#leftContents h3#giftmeisteroriginal {
    margin-top: 20px;
}

#leftContents h3#pickup {
    border-top: 4px solid #75272b;
}

#leftContents h3#guide {
    margin-bottom: 0;
}


#leftContents h3 span.small {
    font-size: 14px
}

#leftContents ul.product {}

#leftContents ul.product li:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

#leftContents ul.product li a {
    color: #222;
}

#leftContents ul.product li a:hover {
    text-decoration: none;
}

#leftContents ul.product li a:hover div {
    background: #f5f5f5;
}

#leftContents ul.product li div {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
}

#leftContents ul.product li span {
    font-size: 11px;
    line-height: 1.3;
    width: 160px;
}

#leftContents ul.product li span.name {
    font-size: 13px;
    line-height: 1.1;
    font-weight: 500;
    display: block;
    color: #75272b;
    margin-bottom: 4px;
    letter-spacing: -0.04em;
}


#leftContents ul.leftguide {
    border: 4px solid #f3f3f3;
    border-top: 0;
    box-sizing: border-box;
}

#leftContents ul.leftguide a {
    padding: 6px 6px 6px 18px;
    display: block;
    font-size: 13px;
    color: #333;
    position: relative;
}

#leftContents ul.leftguide a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 0;
    border-top: solid 2px #eac2ce;
    ;
    border-right: solid 2px #eac2ce;
    ;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#leftContents ul.leftguide a:hover {
    background: #ececec;
    text-decoration: none;
}



#header #headerH1 {
    background: #fff;
    border-bottom: 1px dotted #ccc;
}

#header #headIn > .l {
    width: 340px;
    float: left;
}

#header #headerH1In {
    width: 100%;
    margin: 0 auto;
}

#header #headIn {
    width: 1000px;
    padding: 8px 0 15px;
    margin: 0 auto;
}


#header h1 {
    font-size: 10px;
    padding: 2px 13px;
    color: #666666;
    font-weight: normal;
    width: 1000px;
    margin: 0 auto;
}

#header .logo {
    margin: 11px 10px 0;
}

.spNav {
    display: none;
}


/* ----- ���W�y�[�W ----- */

.featurePage h3 {
    padding: 8px 0;
    text-align: center;
    background: #37cbf6;
    color: #fff;
    margin: 30px 0 0;
    font-size: 24px;
}

.featurePage .lBox {
    min-height: 356px;
    position: relative;
}

.featurePage a:hover .lBox {
    opacity: 0.8;
}

.featurePage .desc {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 0 20px 20px 0;
    padding: 20px 30px;
    text-align: justify;
}

.featurePage .lBox#uchiwa {
    background: url(../img/featurepage/tokusyu_uchiwa_bg.jpg) no-repeat 0 0;
}

.featurePage#handyfan .lBox::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(../img/featurepage/arrow_skyblue.png)
}

.featurePage .lBox#fan {
    background: url(../img/featurepage/tokusyu_3wayportablefan_bg.jpg) no-repeat 0 0;
}

.featurePage .lBox p.name {
    padding: 0 0 5px;
    border-bottom: 1px solid #37cbf6;
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
}

.featurePage a {
    color: #1a1a1a;
}

.featurePage .lBox p.txt {
    font-size: 16px;
    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 Japanese"
}

.featurePage .lBox#uchiwa .desc {
    background-image: url(../img/featurepage/kiseiuchiwa.png);
    background-position: right 20px bottom 20px;
    background-repeat: no-repeat;
}

.featurePage .lBox#fan .desc {
    background-image: url(../img/featurepage/3wayportablefan_naire.png);
    background-position: right 50px 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#dm_novelty ul.row2{
    border-right: 0;
    border-bottom: 0;
}

.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;
}

.featurePage ul.row2 li{
    width: calc(100% / 2);
    flex: 0 0 50%!important;
    border-bottom: 1px solid #d8d8d8;
}

.featurePage ul.row3 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: 20px;
    height: 20px;
    background: url(../img/featurepage/arrow_skyblue.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.featurePage ul.row2 p.name,
.featurePage ul.row3 p.name  {
    padding: 10px 5px 0;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.featurePage ul.row3 p.name::after{
    content: '';
    width: 90%;
    height: 1px;
    margin: 4px auto 0;
    background: #37cbf6;
    display: block;
}

.featurePage ul.row3 span.price {
    color: #ED1C24;
    font-weight: 300;
    font-family: "Noto Sans Japanese"
}

.featurePage a.linkBtn:not(.sizeL) {
    display: inline-block;
    float: right;
}



/* ----- categories -----*/

div#categories_outlet_bnr {
    margin: 20px auto;
}

div#categories_outlet_bnr p {
    display: inline-block;
    vertical-align: top;
    width: 353px;
    margin-bottom: 10px;
}

div#categories_outlet_bnr p:first-child {
    margin-right: 18px;
}



/* ----- �E�F�b�g�e�B�b�V�� -----*/


#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: 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: 730px;
}


#contents #original_wet div {
    padding: 10px 50px;
}


#contents #wet_box {
    margin: 10px auto;
}


#contents #wet_box h3 {
    border: none;
}


/* ----- �������@�őI�ԃm�x���e�B -----*/

div#dm_novelty dl.recommend {
    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-bottom: 20px;
}

div#dm_novelty dl.recommend dt {
    width: 22%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9d141e;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

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#dm_novelty dl.recommend dt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #9d141e;
}

div#dm_novelty dl.recommend dd {
    width: 78%;
    background: #c52029;
    color: #fff;
    padding: 15px 15px 15px 30px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
}

div.featurePage span.yellow {
    color: #fefe7b;
}

.featurePage h3.underline {
    padding: 10px 0;
    text-align: center;
    background: #fff;
    color: #1a1a1a;
    margin: 30px 0 15px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

.featurePage h3.underline span {
    border-bottom: 1px solid #c52029;
    padding-bottom: 10px;
}

div#dm_novelty .recommend ul li {
    margin: 3px 0;
}

div#dm_novelty .recommend ul li::before {
    content: '';
    width: 29px;
    height: 26px;
    background: url(../img/featurepage/icon_check.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    padding-bottom: 4px;
}

div#dm_novelty .dm_delivery_way {
    background: url(../img/featurepage/yu-mail_dm_regulation.png) no-repeat 0 0;
    box-sizing: border-box;
    width: 740px;
    height: 153px;
    padding: 32px 20px 0 580px;
}

div#dm_novelty .dm_delivery_way a.linkBtn {
    padding: 8px 40px 8px 30px;
}

div#dm_novelty .dm_delivery_way a.linkBtn:nth-of-type(1) {
    margin-bottom: 32px;
}


div#dm_novelty.featurePage ul {
    border: 1px solid #d8d8d8;
}

div#dm_novelty.featurePage .recommend ul {
    border: none;
}


.featurePage ul.row3 li,
.featurePage ul.row2 li {
    border-right: 1px solid #d8d8d8;
    padding: 0 0 10px 0;
    text-align: center;
    max-width: 100%;
flex: 0 0 33.3%;
}

.featurePage ul.row2 li{
    border-bottom: 1px solid #d8d8d8;
}

.featurePage ul.row3 li a,
.featurePage ul.row2 li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.featurePage#dm_novelty li a::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/featurepage/arrow_darkred.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.featurePage#dm_novelty ul p.name::after {
    content: '';
    width: 90%;
    height: 1px;
    margin: 4px auto 0;
    background: #d8d8d8;
    display: block;
}

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: -20px;
}

div#dm_novelty div.groupsiteBox p.head {
    text-align: center;
    color: #cc2029;
    font-size: 26px;
    font-weight: 500;
    padding: 10px 0 10px 40px;
}

div#dm_novelty div.groupsiteBox a {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    box-sizing: border-box;
    margin: 3px;
}

div#dm_novelty div.groupsiteBox a:hover {
    text-decoration: none;
    color: #666;
}

div#dm_novelty div.groupsiteBox a div {
    background: #fff;
    padding: 20px 10px 10px;
    height: 280px;
}

div#dm_novelty p.product {
    font-size: 18px;
}

div#dm_novelty p.siteinfo {
    border-top: 1px solid #d8d8d8;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#dm_novelty p.siteinfo img {
    margin-right: 10px;
}

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: 29px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    margin: 0 0 25px
}

#dm_novelty .pointBox .ttl span.sub {
    font-size: 20px;
    font-weight: 300;
    color: #000000;
}

#dm_novelty .pointBox .sentence {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 25px 0 15px;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

#dm_novelty .pointBox .img {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

#dm_novelty .pointBox:nth-of-type(2) {
    border-top: 1px solid #d8d8d8;
}

#dm_novelty div.graybdBox div.tel {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
}

#dm_novelty div.graybdBox div.form {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.form a.mailform {
    display: block;
    width: 80%;
    float: right;
    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-top: 20px;
}

.form a.mailform:hover {
    text-decoration: none;
    background: #f5f5f5;
}

/* BX-SLIDER�i�g�b�v���C���j
----------------------------------------------- */

div#sp_topMain {
    display: none;
}

/* h2�^�C�g��
----------------------------------------------- */
#contents h2 {
    font-size: 18px;
    color: #60483a;
    font-weight: 500;
    margin: 0 0 20px 0;
}


/* �M�t�g�}�C�X�^�[�ɂ‚���
----------------------------------------------- */

#about_giftmeister .top_lead {
    background: url(https://gift.just-shop.jp/img/guide/giftmeister_products.jpg) no-repeat right top;
}

#about_giftmeister .top_lead p {
    margin: 0 0 10px;
}

#about_giftmeister .ttl {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.5;
    color: #672b2f;
    padding: 20px 0 20px 20px;
    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 10px 0;
}

#about_giftmeister .ttl.no1 {
    padding-left: 100px;
}

#about_giftmeister .ttl.no1::before {
    content: '';
    background: url(https://gift.just-shop.jp/img/guide/giftmeister_character01.png) no-repeat 0 0;
    width: 78px;
    height: 78px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

#about_giftmeister .ttl.no3::before {
    content: '';
    background: url(https://gift.just-shop.jp/img/guide/giftmeister_character02.png) no-repeat 0 0;
    width: 78px;
    height: 78px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}

#about_giftmeister .box {
    width: 96%;
    margin: 0 auto;
}

#about_giftmeister ul.groupsite_link {
    width: 94%;
    margin: 20px 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: 310px;
    margin: 0 0 10px;
}


#about_giftmeister ul.groupsite_link li img {
    margin: 0 0 5px;
}

/* �働�b�g�E�����̂������ɂ‚���
----------------------------------------------- */

#especial_order .top_lead {
    background: url(https://gift.just-shop.jp/img/guide/just_products.jpg) no-repeat right top;
    height: 220px;
}

#especial_order .top_lead p.ttl,
#our_feature .top_lead p.ttl {
    color: #1b1463;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px;
}

div#freepage1 h4.circle.line {
    color: #000;
    padding: 10px 0 5px;
    border-bottom: 1px dotted #333;
    margin: 30px 0 10px;
    font-size: 19px;
    display: flex;
    align-items: center;
}

div#freepage1 h5 {
    background: #fbf2f3;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    margin: 20px 0 10px;
}

div#freepage1 h5.gray{
    background-color: #ececec;
}

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: 0 5px 0 0;
}

div#freepage1 h4.circle.line.green::before{
    border: 4px solid #1FAF72
}

#especial_order .just_salesoffice {
    padding: 0 300px 0 0;
    background: url(https://gift.just-shop.jp/img/guide/just_salesplace.jpg) no-repeat right top;
    height: 280px;
}

#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 {
    background: url(https://gift.just-shop.jp/img/guide/just_products.jpg) no-repeat right top;
}

h3.basic {
    background: #f6f6f6;
    border-left: 4px solid #74262a;
    font-size: 20px;
    padding: 15px 0 15px 15px;
    margin: 30px 0 5px;
    letter-spacing: 0.03em;
}

#our_feature .point {
    margin: 20px 0 40px;
}

#our_feature .point .ttl {
    font-size: 30px;
    text-align: center;
    margin: 20px 0 10px;
    font-weight: 500;
}

#our_feature .point .ttl span.sub {
    font-size: 18px;
    color: #f65f2d;
    font-weight: 300;
}

#our_feature .point .ttl + p {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 30px;
}

/* �������̗���
----------------------------------------------- */
#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: 130px;
    position: relative;
    text-align: center;
}


#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 dt::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -20px);
    /* Safari�p */
    transform: translate(-50%, -20px);
    width: 1px;
    height: 85%;
    display: block;
    border-left: 1px dotted #732e32;
    z-index: 1;
}

#order_flow ul.flow dl dt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(0, -20px);
    /* Safari�p */
    transform: translate(0, -20px);
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #732e32;
}

#order_flow ul.flow li:last-child dl dt::before,
#order_flow ul.flow li:last-child dl dt::after {
    display: none;
}

#order_flow ul.flow dl dd {
    width: 580px;
    font-size: 16px;
    min-height: 260px;
    box-sizing: border-box;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

#order_flow ul.flow li:last-child dl dd {
    border-bottom: 0;
}

/* �f�[�^���e�K�C�h
----------------------------------------------- */
/*#dataguide .first_notice::before{
  font-family: "Font Awesome 5 Free";
  content: '\f1e2';
  font-weight: 900;
}
*/

#dataguide .first_notice {
    font-size: 20px;
    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: 2px solid #b2b2b2;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    width: 48%;
    height: 5em;
    text-align: center;
    line-height: 1.35;
    font-size: 20px;
    font-weight: 500;
    vertical-align: top;
    color: #1a1a1a;
    padding: 0.9em 0 1.6em;
    margin: 0 5px;
    position: relative;
}

#dataguide .nyuko_data_btn a::after {
    content: '';
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    left: 50%;
    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;
    /*���������Z�b�g*/
    list-style-type: none !important;
    /*��������U����*/
    padding: 0.3em 0.8em;
}

#dataguide ol.dataguide_notice li {
    border-bottom: dotted 1px #ccc;
    position: relative;
    padding: 0.5em 0.5em 0.5em 30px;
    line-height: 1.5em;
}

#dataguide ol.dataguide_notice li:before {
    /* �ȉ��������‚��� */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*�����̃f�U�C���ς���*/
    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;
}

#dataguide .svg-inline--fa {
    margin: 0 4px 0 0;
}


/* �����p�K�C�h
----------------------------------------------- */

.guideBox {
    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: 20px 0 0 0;
}

.guideBox dl {
    width: 48%;
    background: #fbfbfb;
    margin: 0 0 20px;
}

.guideBox dt {
    border-top: 2px solid #cb2028;
    background: #fcf2f3;
    border-bottom: 1px solid #eae0dd;
    padding: 15px 0 15px 15px;
    font-size: 16px;
}

.guideBox dd {
    padding: 5px 10px;
}

.guideBox dd a {
    border: 1px solid #dadbde;
    border-radius: 3px;
    padding: 12px 12px 12px 2em;
    background: #fff;
    display: block;
    margin: 5px 0;
    color: #333;
    position: relative;
}

.guideBox dd a:hover {
    text-decoration: none;
    background: #f6f6f6
}

.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);
}



/* �V�`���b�N�|�[�`----------------------------------------------- */

#porch_discBox {
    background: url(../img/chuckporch/pouch_desc_bg.png) 0 0 repeat;
    border: 10px solid #EEEFEF;
    padding: 20px 0;
    box-sizing: border-box;
}

.porch_specBox {
    padding: 5px 15px 15px;
}

.txt_bold {
    font-weight: bold;
}

.porch_specBox span.txt_bold {
    font-size: 18px;
}

.porch_specBox h3,
div#chuckpouchPage h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 10px;
}

.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;
}

.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 p {
    font-size: 16px;
}

.porch_l {
    float: left;
}

.porch_r {
    float: right;
}

.porch_l385 {
    float: left;
    width: 385px;
}

.porch_l360 {
    float: left;
    width: 360px;
}

.porch_l270 {
    float: left;
    width: 270px;
}

.porch_r270 {
    float: right;
    width: 270px;
    margin: 0 20px 0 0;
}

.porch_r350 {
    float: right;
    width: 350px;
    margin: 0 40px 0 0;
}

.porch_l350 {
    float: left;
    width: 350px;
}

.porch_r270 {
    float: right;
    width: 270px;
}

.porch_box01 .sozaiUl li a {
    min-height: 150px;
}

.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 {
    height: 60px;
    padding: 18px 0 0 38px;
}


.porch_specBox h3#porch_use01 {
    background: url(../img/chuckporch/pouch_img_07t.png) 0 0 no-repeat;
}

.porch_specBox h3#porch_use02 {
    background: url(../img/chuckporch/pouch_img_08t.png) 0 0 no-repeat;
}

.porch_specBox h3#porch_use03 {
    background: url(../img/chuckporch/pouch_img_09t.png) 0 0 no-repeat;
}

.porch_specBox h3#porch_use04 {
    background: url(../img/chuckporch/pouch_img_10t.png) 0 0 no-repeat;
}

.porch_specBox h3#porch_use05 {
    background: url(../img/chuckporch/pouch_img_11t.png) 0 0 no-repeat;
}


.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;
}

/* ----- �V�`���b�N�|�[�` -----*/


div.chuckpouch_head {

    background: url(../img/chuckporch/summerCampaign.jpg) no-repeat 0 0;
    width: 740px;
    height: 187px;
    display: block;
    text-indent: -9999px;
}

div#chuckpouchPage h3.lineup {
    background: url(../img/chuckporch/head01.png) no-repeat 0 0;
    width: 740px;
    height: 40px;
    text-indent: -9999px;
    display: block;
}

div#chuckpouchPage h3.ordermade {
    background: url(../img/chuckporch/head02.png) no-repeat 0 0;
    width: 740px;
    height: 40px;
    text-indent: -9999px;
    display: block;
}

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

div.graylineBox.half {
    width: 355px;
    height: 550px;
    border: #f2f2f2 solid 10px;
    border-top: 0;
    box-sizing: border-box;
    padding: 15px;
    margin: 20px 25px 0 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

div.graylineBox.half:last-child {
    margin-right: 0;
}

div.graylineBox.half p.ttl {
    position: absolute;
    top: -20px;
    left: -10px;
    width: 355px;
    height: auto;
}

div.graylineBox.half p.txt {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin: 18px 0;
}

div.graylineBox.half p.txt span {
    font-size: 1.3em;
    color: #ff0000;
}

div.graylineBox.half img {
    display: block;
    margin: 5px auto;
}


div.graylineBox div.text_left {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    margin-right: 10px;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1;
}

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.8em;
}

div.graylineBox div.image_right {
    display: inline-block;
    vertical-align: top;
}

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

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

div#chuckpouchPage a.detail:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

div#chuckpouchPage a.detail img {
    display: inline;
}

div#chuckpouchPage a.detail img:hover {
    vertical-align: baseline;
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

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

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

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

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

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

div#chuckpouchPage dl.half {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding-right: 5px;
    margin-bottom: 15px;
}

div#chuckpouchPage dl.half:nth-of-type(2n) {
    padding-right: 0;
}


div#chuckpouchPage dl.half dt {
    color: #00ae49;
    font-size: 14px;
    font-weight: bold;
}

div#chuckpouchPage dl.half dd {
    background: #f2f2f2;
    padding: 10px;
    font-size: 12px;
}

div#chuckpouchPage dl.half dd p {
    min-height: 60px;
}


div#chuckpouchPage dl {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding-right: 20px;
    margin-bottom: 15px;
}

div#chuckpouchPage dl:nth-of-type(2n) {
    padding-right: 0;
}


div#chuckpouchPage dt {
    color: #00ae49;
    font-size: 24px;
    font-weight: bold;
}

div#chuckpouchPage dd {
    background: #f2f2f2;
    padding: 10px;
    font-size: 16px;
}

div#chuckpouchPage dd p {
    min-height: 60px;
}

.sp_img {
    display: none;
}

div#chuckpouchPage .sozaiUl {
    margin-left: -10px;
    margin-right: -1px;
    padding-bottom: 15px;
}

div#chuckpouchPage .sozaiUl li {
    padding-bottom: 0;
    margin-bottom: 10px;
    position: relative;
}

.sozaiUl#pouch li p.popularSize {
    position: absolute;
    top: 1px;
    left: 11px;
}


.sozaiUl#pouch li a:hover {
    text-decoration: none;
    border: solid 3px #efeff1;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=90)";
}

.sozaiUl#pouch li .sozaiTxt1 {
    padding: 10px 30px 6px 165px;
    font-size: 126%;
    font-weight: bold;
    color: #742F33;
}

.sozaiUl#pouch li .sozaiTxt2 {
    padding: 0 30px 8px 165px;
    color: #333;
    text-align: justify;
    letter-spacing: -0.005em;
    line-height: 1.4;
    font-size: 12px;
}

.sozaiUl#pouch li .sozaiTxt3 {
    padding: 0 5px 0 165px;
    color: #333;
    margin-top: 8px;
}

.sozaiUl#pouch li .sozaiTxt3 img {
    margin-bottom: 5px;
}

.sozaiUl#pouch li .sozaiTxt3 span {
    font-weight: bold;
    font-size: 1.2em;
    color: #f14f4c;
}

.sozaiUl#pouch li .sozaiPic {
    width: 140px;
    float: left;
    margin-top: 0;
}

div#chuckpouchPage .sozaiTxt3 span.strike {
    text-decoration: line-through;
    font-size: 12px;
    color: #666;
}

/* �͂߂ς��䎆�ɂ‚���----------------------------------------------- */

.whiteBack {
    background: #fff;
    padding: 12px 11px 5px;
    margin: 2px 0 5px;
    border-radius: 4px;
}

.howtoBox {
    margin: 20px auto 20px;
}

.howtoBox .ht_r {
    width: 430px;
    float: right;
    margin-right: 30px;
}

.howtoBox .ht_r p.title {
    margin: 20px 0 15px;
    border-bottom: 1px solid #333;
}

.howtoBox .ht_r p.title img {
    margin: 0 0 8px;
}

.howtoBox .ht_r p.text {
    width: 340px;
}

.howtoBox .ht_l {
    width: 210px;
    float: left;
    text-align: center;
}

.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;
}




/* �{�v�L�[�z���_�[----------------------------------------------- */

.lkey_specBox {
    padding: 5px 3px 5px 8px;
}

.lkey_l {
    float: left;
}

.lkey_l420 {
    float: left;
    width: 420px;
}

.lkey_l380 {
    float: left;
    width: 380px;
}

.lkey_l450 {
    float: left;
    width: 450px;
}

.lkey_l490 {
    float: left;
    width: 490px;
}

.lkey_r150 {
    float: right;
    width: 150px;
}

.lkey_r190 {
    float: right;
    width: 190px;
}

.lkey_r430 {
    float: right;
    width: 430px;
}

.lkey_r160 {
    float: right;
    width: 160px;
}

.lkey_r260 {
    float: right;
    width: 260px;
}

.lkey_r240 {
    float: right;
    width: 240px;
}

.lkey_col img {
    margin: 0 0 4px;
}

ul.colImg {
    float: left;
    text-align: center;
    margin-left: 12px;
}

ul.colImg li {
    float: left;
    margin: 10px 10px 30px;
    text-align: center;
}

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;
}



.nouki_info {
    margin-bottom: 10px;
    padding: 0 5px !important;
    background-color: #fff;
    border: #900 2px solid;

}


.nouki_info h5 {
    margin: 10px 5px 0 5px;
    color: #333 !important;
    font-size: 15px !important;
    background-color: #e3e2e2 !important;
    padding: 5px 10px !important;
    background-image: none !important;

}

.nouki_info p {
    font-size: 13px !important;
    margin: 0 !important;
    padding: 10px !important;
    line-height: 120%;
}


.flex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

h2.page_926 {
    display: none;
}

#catalog div.lead h2.maincopy {
    font-family: "NotoSerifCJKjp", serif !important;
    font-size: 25px;
    color: #333333;
    line-height: 35px;
    letter-spacing: 6px;
    margin: 40px 0 0 40px;
}

#catalog div.lead p {
    font-family: "NotoSerifCJKjp''", serif;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
    margin: 20px 0 0 40px;
}



#catalog h3.various {
    background: url(/img/cataloggift/catalog_cate_various.png)no-repeat;
    width: 740px;
    height: 100px;
    padding: 20px 0 0 70px;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    margin: 30px auto 20px auto;
}


#catalog h3.gourmet {
    background: url(/img/cataloggift/catalog_cate_gourmet.png)no-repeat;
    width: 740px;
    height: 100px;
    padding: 20px 0 0 70px;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    margin: 60px auto 20px auto;
}


#catalog h3.meat {
    background: url(/img/cataloggift/catalog_cate_meat.png)no-repeat;
    width: 740px;
    height: 100px;
    padding: 20px 0 0 70px;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    margin: 60px auto 20px auto;
}


#catalog h3.ladys {
    background: url(/img/cataloggift/catalog_cate_ladys.png)no-repeat;
    width: 740px;
    height: 100px;
    padding: 20px 0 0 70px;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    margin: 60px auto 20px auto;
}


#catalog h3.baby {
    background: url(/img/cataloggift/catalog_cate_baby.png)no-repeat;
    width: 740px;
    height: 100px;
    padding: 20px 0 0 70px;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    margin: 60px auto 20px auto;
}

#catalog div.products {
    max-width: 400px;
}



#catalog p.name {
    font-size: 28px;
    font-weight: bold;
    border-bottom: solid 1px #000;
}

#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;
}

#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;
}

#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;
}

#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;
}

#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;

}

.mB100 {
    margin-bottom: 100px !important
}


.mB150 {
    margin-bottom: 150px !important
}


.mB200 {
    margin-bottom: 200px !important
}

h2.page_932 {
    display: none;
}

#kokuyo h3.caption {
    font-size: 27px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000;
}

#kokuyo p.lead {
    font-size: 14px;
    font-weight: lighter;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;

}



#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/note_back.jpg)no-repeat;
    padding: 30px 30px 0 30px;
    height: 872px;
}

#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: row;
}

#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: 3;
}

#kokuyo div.flex_itemPC4 {
    max-width: 320px;
    display: block;
    text-align: left;
    order: 4;
}



#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;
    width: 100%;
}

#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: 35px;
    max-width: 350px;
    margin: 30px 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: none;
}

.br_pc {
    display: block;
}


#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;
}

#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 {
    background: url(../img/thermos/thermos_back.jpg)no-repeat;
    width: 740px;
    padding: 50px 0 50px 30px;
}

#thermos div.lead p.caption {
    font-weight: bold;
    font-size: 21px;
    color: #333;
    margin-bottom: 5px;
    text-shadow: 0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff;
}

#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: 30px;
}

#thermos div.flex_item {
    max-width: 330px;
}

#thermos div.flex_item img {
    width: 330px;
    margin-bottom: 15px;
}

#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: 5px;
    padding-top: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 30px 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;
    position: relative;
    padding: 0 20px;
}

#thermos div.lineup_item {
}

#thermos div.lineup_item_img img.bordergray {
   border: solid 1px #ebebeb;
}


#thermos div.lineup_item_txt p.product {
    font-weight: bold;
    font-size: 28px;
    color: #000;
    margin-bottom: 5px;
    text-align: left;
}

#thermos div.lineup_item_txt p.catch {
    font-weight: bold;
    font-size: 16px;
    color: #656565;
    margin-bottom: 5px;
    text-align: left;
}

#thermos div.lineup_item_txt p.sentence {
    font-weight: normal;
    font-size: 14px;
    color: #656565;
    line-height: 25px;
}

#thermos div.lineup_item_img{
    width: 30%;
}

#thermos div.lineup_item_img img{
    width: 100%;
}

#thermos div.lineup_item_txt{
    width: 65%;
}
#thermos a.lineup_btn {
    padding: 5px;
    width: 350px;
    position: absolute;
    background-color: #B2B2B2;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
    bottom: 0;
    border-radius: 20px;
    transition: .3s;
}

#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 img {
    width: 160px;
}

#thermos a.thermos_btn:hover img {
    opacity: 0.6;
    text-decoration: none;
}

#thermos ul.pickup_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 20px;
}

#thermos li.pickup_item {
    max-width: 200px;
}

#thermos li.pickup_item img {
    width: 200px;
    border: solid 1px #ebebeb;
}

#thermos li.pickup_item p.comment {
    color: #cd202a;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

#thermos li.pickup_item p.product {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 5px;
}

#thermos li.pickup_item p.condition {
    color: #000;
    font-size: 13px;
    font-weight: lighter;
    margin-bottom: 3px;
    text-align: center;
    border-top: 1px solid #000;
    line-height: 2em;
}

#thermos li.pickup_item p.price {
    font-size: 14px;
    text-align: center;
    color: #cd202a;
    font-weight: bold;
}

#thermos li.pickup_item p.price span {
    font-size: 18px;
    color: #cd202a;
    font-weight: bold;
}

#thermos li.pickup_item a.redbtn {
    padding: 5px;
    width: 100%;
    background-color: #cd202a;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

#thermos li.pickup_item a.redbtn:hover {
    opacity: 0.6;
    text-decoration: none;
}

�E�C���X�΍�O�b�Y
----------------------------------------------- */


#toumei2_div h3{
	margin:30px auto;
	padding:10px 0 0 0;
	border-bottom:2px solid #00A0E9;

}

 div#submenu02{
	max-width: 730px;
	clear:both;
}

a.btn-c {
    font-size: 14px;
    position: relative;
    padding: 10px 40px;
}

a.btn-c:hover{
    text-decoration: none;
    opacity: 0.6;
}

a.btn--sky {
    color: #fff;
    background-color: #00A0E9;
}

a.btn-c::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}

.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;
}

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;
}

ul.feature_link li{
	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;
}

    #kei {}

    #kei p.main {
        width: 100%;
        display: block;
    }

    h2.page_937 {
        display: none;
    }

    #kei div.keimain {
        padding: 0 20px;
    }

    #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;
    }

    #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 {
        width: 320px;
        display: block;
    }

    #kei div.flex_item img {
        width: 320px;
        display: block;
        border: solid 1px #333;
    }

    #kei div.pinkbox {
        background-color: #ffeeff;
        padding: 15px;
        display: block;
    }

    #kei div.pinkbox img {
        width: 190px;
    }

    #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;
    }


.kokuyo a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	background: #ff8a00;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #d47300;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin:20px 0;
}
.kokuyo a:hover {
	top: 3px;
	text-decoration: none;
	background: #d47300;
	box-shadow: 0 2px 0 #d47300;
}
.kokuyo a:active {
	top: 5px;
	box-shadow: none;
}


/* ----- オリジナルブランケット -----*/
.blanket_material li{
	width: 100%;
	display: flex;
	justify-content:space-between;
    margin: 0 0 50px;
}

.blanket_material .detail{
    width: 230px;
}

.blanket_material .detail .type{
	width: 100%;
	height: 5em;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px;
    font-size: 21px;
    font-weight: 600;
}

.blanket_material .detail .type.soft{
	color:#897775;
	background-color: #E6E6E6;
}
.blanket_material .detail .type.boa{
	color:#E76559;
	background-color: #FFF1DD;
}
.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;
    letter-spacing: -0.04em;
}


.blanket_material .img{
	width:490px;
    padding:15px 0 0;
}

h3.borderTB{
    font-size: 18px;
    padding: 15px 0 15px 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
    margin: 40px 0 20px;
}

h3.borderBottom{
    font-size: 18px;
    padding: 15px 0 10px 0.5em;
    border-bottom: 1px solid #ccc;
    margin: 40px 0 20px;
    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: 14px;
}
dl.ttl dd{
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 18px;
}

.blanket img.floatleft + .floatright{
    width:50%;
    margin: 20px 0 0 ;
}

.blanket ul.design{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin:30px 0;
}

.blanket ul.design li{
    width: 340px;
    height: 210px;
    position: relative;
    text-align: center;
    margin: 25px 0;
}

.blanket ul.design li.sample::before{
    content: "";
    display: block;
    background-image: url("/img/blanket/arrow.png");
    width: 55px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    left: -50px;
    top: 45%;
    z-index: 10;
}
.blanket ul.design li:not(.sample){
    counter-increment: title;
}
.blanket ul.design li:not(.sample)::before{
    position: absolute;
    top: -15px;
    left: -8px;
    content: counter(title);
    width: 33px;
    height: 33px;
    line-height: 29px;
    background-color: #666;
    border-radius: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    z-index: 10;
}

.blanket ul.design li img{
    position: absolute;
    bottom: 0;
    left: 0;
}

.blanket ul.font,
.to-oder-designtemplate ul.font{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin:40px 0 15px
}
.blanket ul.font li,
.to-oder-designtemplate ul.font li{
    width: 660px;
    border-bottom: 1px dotted #000;
    padding-bottom: 20px;
    margin-bottom:20px
}

.blanket ul.font li .name,
.to-oder-designtemplate ul.font li .name{
    display: inline-block;
    width: 160px;
    vertical-align: top;
}

.blanket ul.font li p,
.to-oder-designtemplate ul.font li p{
    display: inline-block;
}



.blanket dl.orderstep dt,
.to-oder-designtemplate dt{
    border-left: 4px solid #F6E2E6;
    border-right: 4px solid #F6E2E6;
    color: #E63651;
    font-size: 20px;
    padding:20px 0 10px;
    position: relative
}


.to-oder-designtemplate dt::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #E63651;
    position: absolute;
    top:-45px;
    left: 0;
    right: 0;
    margin: auto;

}

.blanket dl.orderstep dt,
.to-oder-designtemplate dt{
    margin:30px 0 0;
    border-top: 4px solid #F6E2E6;
}
.to-oder-designtemplate dt{
    margin-top:50px
}

.to-oder-designtemplate dt:first-child{
    margin:0;
}

.to-oder-designtemplate dt:first-child::before{
    display: none;
}

.orderstep > dt > span {
    background: #E63651;
    color: #fff;
    padding: 5px 20px;
    font-size: 19px;
    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;
}

.blanket dl.orderstep dd p,
.to-oder-designtemplate dd p{
    font-size: 14px;
}

/* ----- ブライトタオル -----*/

#brighttowel .size{
    display: flex;
    justify-content: space-between;
    margin:0 0 40px;
}

#brighttowel .size li{
    display: inline-block;
    text-align: center;
}

#brighttowel .caution,
#blanket .caution{
background: #FAEFEF;
padding: 20px 0;
text-align: center;
margin: 0 0 40px;
}

.brighttowel .compare{
    margin: 50px 0 60px;
    display: flex;
	justify-content:space-between;
}

.brighttowel .compare li{
    padding: 10px;
    width: 48%;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    position: relative;
}

.brighttowel .compare li div + div{
    margin-top:20px;
}

.brighttowel .compare li > p{
    font-size: 24px;
    padding: 0 0 10px;
    font-weight: bold;
}

.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;

    height: -webkit-fill-available;
}
.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_img{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

/*ECOPA*/
.ecopa_rmark{
    font-size: 12px;
}
.page_955{
    display: none;
}

#ecopalp .title {
    font-weight: bold;
    font-size: 20px;
    color: #40210d;
    margin-top: 40px;
    text-align: center;
    letter-spacing: 2px
}

#ecopalp .title::after {
    margin-left: 5px;
    top: 3px;
    width: 30px;
    height: 30px;
    position: relative;
    content: url(../img/order/ecopaLP_icon.png);
}

#ecopalp .point {
    background: url(../img/order/ecopaLP_point.png)no-repeat;
    width: 740px;
    height: 300px;
    margin: 20px 0 30px 0;
}

#ecopalp p.point1 {
    padding-left: 290px;
    font-size: 14px;
    line-height: 2em;
}

#ecopalp p.point2 {
    padding: 120px 0 0 460px;
    font-size: 14px;
    line-height: 2em;
}

#ecopalp p.line {
    border: 1px dashed #40210d;
}

#ecopalp div.flex {
    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;
}

#ecopalp .title2 {
    font-weight: bold;
    font-size: 20px;
    color: #40210d;
    letter-spacing: 2px
}

#ecopalp .title2::after {
    margin-left: 5px;
    top: 3px;
    width: 30px;
    height: 30px;
    position: relative;
    content: url(../img/order/ecopaLP_icon.png);
}

#ecopalp p.novelty {
    max-width: 380px;
    font-size: 14px;
    line-height: 1.7em;
    margin-top: 10px;
}

#ecopalp .noldic {
    max-width: 320px;
    font-size: 14px;
    line-height: 1.7em;
    margin-top: 10px;
}

#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 {
    max-width: 350px;
}



#coolECOPA ul.flex_wrap img {
    width: 350px;
}

#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:10px 0;
}

#coolECOPA ul.flex_wrap li p.sentence {
    font-size: 15px;
    line-height: 1.8em;
    text-align: justify;
}

#coolECOPA p.mainttl {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin:10px 0;
}


#coolECOPA p.mainsentence {
    font-size: 15px;
    font-weight: lighter;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}



#ecopa_top .concepts .attention{
    color: #E34A4A;
    font-weight: normal;
}

#ecopa_top .concepts{
    padding: 40px 5px 60px 270px;
    background: url(../img/guide/ecopa_bg.jpg)#FFF left -15px bottom no-repeat;
    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: contain;
}
#ecopa_top .concepts ul li:nth-of-type(2){
    background: url(../img/guide/concept_practicality.jpg) 0 0 no-repeat;
    background-size: contain;
}
#ecopa_top .concepts ul li:nth-of-type(3){
    background: url(../img/guide/concept_color.jpg) 0 0 no-repeat;
    background-size: contain;
}
#ecopa_top .concepts ul li:nth-of-type(4){
    background: url(../img/guide/concept_named.jpg) 0 0 no-repeat;
    background-size: contain;
    padding: 54px 20px 20px 20px!important;
}

#ecopa_top .concepts ul li{
    width: 220px;
    height: 220px;
    box-sizing: border-box;
    padding: 90px 20px 20px 20px;
    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 10px;
}

#ecopa_top h3{
    font-family: 'Josefin Slab', serif;
    font-size: 22px;
    letter-spacing: 0.15em;
    color: #acacac;
    text-align: center;
    font-weight: 500;
}

#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: 60px 0;
}

#ecopa_top .products li > div{
    background:#fff;
    position: relative;
}

#ecopa_top .products div img{
    max-width: 100%;
}

#ecopa_top .products div .info{
    padding: 0 10px 10px 10px;
    color:#333;
    font-size:13px;
    text-align: center;
    line-height: 1.7;
}

#ecopa_top .products div .info .name{
    font-size: 18px;
    line-height: 1.4;
    display: block;
}

#ecopa_top .products div .info p{
    border-top:1px dotted #666;
    padding:5px 0 0;
    margin: 5px 0 0 0;
}

#ecopa_top .products ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    margin: 5px auto 0;
}

#ecopa_top .products ul li{
    width: 48%;
    background: #fff;
    transition: all 0.4s 0s ease;
    border: 1px solid #ccc;
    margin: 10px 0;
}

#ecopa_top .products ul li:hover{
    box-shadow:0px 0px 12px rgba(0, 0, 0, 0.3);
}

#ecopa_top .products ul li a:hover{
    text-decoration: none;
}

#ecopa_top .products ul li a:hover img{
    opacity: 1;
}

#ecopa_top .products ul li::after{
    content: "詳細はこちら";
    display: block;
    text-align: center;
    padding: 5px;
    color: #fff;
    background: #666;
    font-size: 12px;
    transition: all 0.4s 0s ease;
}

#ecopa_top .products ul li:hover::after{
    background: #333;
}

#ecopa_top .products h3{
    font-size: 21px;
    letter-spacing: 0.15em;
    color: #666;
    text-align: center;
    font-weight: normal;
    font-family: "游ゴシック体";
    padding-bottom: 20px;
    border-bottom: 2px dotted #999;
    width: 90%;
    margin: 0 auto 40px auto;
}

#ecopa_top .products ul.row3 {
    width: 94%;
}

#ecopa_top .products ul.row3 li {
    width: 32.5%;
    position: relative;
    }
    
#ecopa_top .products ul.row3 li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

#ecopa_top .products .row3 div .info p {
    font-size: 11px;
}
#ecopa_top .products .row3 div .info .name {
    line-height: 1.2;
    padding: 2px 0;
}
#ecopa_top .products .row3 div .info {
    min-height: 120px;
}

.lpBox#ecopa_simple div.col2 div:nth-of-type(1){
    width: 50%;
    background: url(../img/order/ecopa_simple_bottle.jpg) right 10px bottom 0 no-repeat;
}

.lpBox#ecopa_simple div.col2 div:nth-of-type(1) .sentence{
    width: 56%;
}

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;    
}

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{
    width: 225px;
}

div.biodet_testkit4step div img{
    width: 225px;
}

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

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

        .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;
        }
        



.sample_link {
	clear: both;
	width: 100%;
	margin: 0 auto 30px;
	padding: 0 0 0;
}
.sample_link a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 116%;
	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;
}
.sample_link a:hover {
	top: 3px;
	text-decoration: none;
	background: #ff8c00;
	box-shadow: 0 2px 0 #d2691e;
}
.sample_link a:active {
	top: 5px;
	box-shadow: none;
}

.sample_link.cnt a {
    width: auto;
    display: inline-block;
    padding: 0 30px;
  }

    #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;
        height: 150px;
    }

    #kisso div.point02 {
        background: url(../img/kisso/kisso_point02.png)no-repeat;
        height: 180px;
    }

    #kisso div.point03 {
        background: url(../img/kisso/kisso_point03.png)no-repeat;
        height: 150px;
    }

    #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: 30px;
    }

    #kisso h3.line {
        margin: 70px 0 30px 0;
        font-family: Didact Gothic, sans-serif;
        text-align: center;
        font-size: 33px;
        display: flex;
        letter-spacing: 7px;
        font-weight: lighter;
    }
    

    #kisso h3.line:before,
    #kisso h3.line:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }

    #kisso h3.line:before {
        margin-right: 1em;
    }

    #kisso h3.line:after {
        margin-left: 1em;
    }

    #kisso h3.line:before,
    #kisso h3.line:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }


    #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: 0 auto;
        padding: 10px 40px;
        background-color: yellow;
        color: #000;
        display: block;
        max-width: 100%;
    }

    #kisso  a:hover {
        text-decoration: none;
        opacity: 0.6;
    }
    
    h2.page_953,h2.page_964{
        display: none;
    }

    .article .title{
        content: "";
        display: block;
        width: 740px;
        height: 140px;
        background: url(../img/alcoholcheck/top_h_bg.png) no-repeat;
        display: flex;
        align-items: center;
        padding: 0 30px;
        font-size: 22px;
    }

    .article{
        line-height: 2;
        font-size: 16px;
    }

    .article h3{
        font-size: 18px!important;
        font-weight: normal;
        margin-top: 60px;
    }

    .article h4{
        font-weight: normal;
        font-size: 18px!important;
    }

    .article .graybdBox{
        padding: 20px 20px 20px 40px!important;
    }

    .article dl{
        font-size: 16px;
        margin:20px 0
    }
    .article dl dt{
        font-weight: bold;
    }

    .article dl.disc dd::before{
        content: "●";
        display: inline-block;
        margin:0 3px 0 0
    }


    .page_965{
        display: none;
    }

    /*マスク特集*/

    .originalmask .itemBox{
        width: 650px;
        border-bottom: solid 8px #16A7AA;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
        padding: 20px;
        background-color: #fff;
        margin-top:20px;
    }
    .originalmask .product_copy{
    color: #16A7AA;
    }

    
.mask_contents h6 {
    background-color: #62A3F0;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h6 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  
  .mask_contents h7 {
    background-color: #16A7AA;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h7 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  
  .mask_contents h8 {
    background-color: #FF801E;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h8 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  
  .mask_contents h9 {
    background-color: #969696;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h9 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  
  .mask_contents h10 {
    background-color: #1A309D;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h11 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  
  .mask_contents h12 {
    background-color: #fc63a9;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
      
      .mask_contents h12 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
      
      
  .mask_contents h11 {
    background-color: #C0272D;
    color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    display: block;
  }
  
  .mask_contents h10 span{
    font-size:17px;
    letter-spacing:2px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:none;
  }
  
  div .hotmask{
    background-image: url("/img/hansokumask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    max-height: 800px;
    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: 25px;
    margin-bottom:30px;
  
  }
  
  
  div .coolmask{
    background-image: url("/img/coolmask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    max-height: 880px;
    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: 25px;
    margin-bottom:30px;
  
  }
  
  
  
  div .mask{
    background-image: url("/img/mask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    max-height: 495px;
    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: 25px;
    margin-bottom:30px;
  
  }
  
  .mask_contents a:link, a:hover {
    text-decoration: none;
  }
  
  div .originalmask{
    background-image: url("/img/originalmask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    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: 25px;
    margin-bottom:30px;
  
    }
  
  
  div .hansokumask{
    background-image: url("/img/hansokumask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    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: 25px;
    margin-bottom:30px;
  
  }
      
      div .high-mask{
    background-image: url("/img/high-mask_back.jpg");
    background-repeat: no-repeat;
    max-width: 740px;
    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: 25px;
    margin-bottom:30px;
  
  }
  
  
  .mask_contents a.btn1{
    width: 220px;
    padding: 10px 0;
    border: solid 2px #fc63a9;
    color: #fc63a9;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents a.btn2{
    width: 220px;
    padding: 10px 0;
    border: solid 2px #1A309C;
    color: #1A309C;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents a.btn3{
    width: 220px;
    padding: 10px 0;
    border: solid 2px  #62A3F0;
    color:  #62A3F0;
            
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents a.btn4{
    width: 220px;
    padding: 10px 0;
    border: solid 2px #16A7AA;
    color: #16A7AA;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents a.btn5{
    width: 220px;
    padding: 10px 0;
    border: solid 2px #FF801E;
    color: #FF801E;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents a.btn6{
    width: 220px;
    padding: 10px 0;
    border: solid 2px #969696;
    color: #969696;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
            display: block;
}

.mask_contents .jump_btn{
    max-width: 740px;
    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;
    margin-bottom:10px;
    margin-top: 10px
    }
    
/* ボックスティッシュ */
h2.page_966,h2.page_967 {
    display: none;
}

#boxtissue .order .col{
    position: relative;
    padding-bottom: 50px;
}


#boxtissue .order .col .linkBtn{
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    position: absolute;
    display: block;
    position: absolute;
    bottom: 0;
}

/* 販促マスク */
#hansokumask h3{
    text-align: center;
    margin: 40px 0 20px;
    font-size: 26px;
    letter-spacing: 0.05em;
    }

#hansokumask .price{
    background-color: #CCE9F8;
    padding: 10px 10px 30px 10px;
    margin-bottom: 30px;
}

#hansokumask .price .col{
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}

#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 .span-4{
	margin-bottom: 10px;
}

.lion .item .col{
	border:1px solid #ececec;
	position: relative;
	box-sizing: border-box;
    text-align: center;
}

.lion .item .col p.name{
    width: 90%;
    margin: 5px auto 8px;
    text-align: left;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0;
}


.lion .item .col img{
	width: 80%;
}
.lion h5 {
    position: relative;
    font-size: 120%!important;
}
.lion h5 > span {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size: 15px !important;
}

/*
.lion .item .col p.name{
	width: 45%;
	position: absolute;
	top: 0;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}*/

.lion .top_ttl{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 20px 0;
    background: url(../img/lion/lion_chara.png) no-repeat top right;
}

.lion .top_ttl .sub{
    font-size: 22px;
    margin-bottom: 10px;
    color: #333;
    font-size: 20px;
    display: inline-block;
}

.lion .top_ttl .sub::after{
    content: "";
    width: 100%;
    height: 5px;
    background: #fff000;
    display: inline-block;
}

.lion .naire_compare table{
    font-size: 15px;
    margin-bottom: 20px;
}
.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: 40px;
}

.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: 28px;
    font-weight: bold;
    line-height: 1.3;
    padding: 30px 0;
    text-align: center;
    min-height: 160px;
    box-sizing: border-box;
}

.lion.reason .reason_ttl > span{
    color: #fff;
    display: block;
    width: 100%;
}

.lion.reason .col.ttl{
    width: 295px;
}
.lion.reason .col:not(.ttl){
    padding: 15px 5px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
}

.lion .mini{
    width: 94%;
    margin: 5px auto;
    color: #666 !important;
    line-height: 1.3;
}

p.gloupsite_ttl {
  background: #545049;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}

ul.gloupsite{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}


ul.gloupsite li{
    margin-bottom: 15px;
}


.ft_groupsite{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1000px;
     margin: 20px auto 0;
       padding-bottom: 30px;
}

.ft_groupsite .inner{
    width: 24.5%;
}

.ft_groupsite .inner .ttl{
    font-size: 14px;
    font-weight: bold;
    margin:10px 0;
    margin: 10px 0 15px;
      text-align: left;
}

.ft_groupsite .inner > ul li{
  border-left: 2px solid #DDD;
  margin-bottom: 15px;
  width: auto;
  display: block;
  padding: 0 0 0 6px;
float: none;
}

.ft_groupsite .inner > ul li a{
    padding: 2px 4px;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 12px;
}


.ft_groupsite .inner > ul li img{
    width: 34px;
    display: inline-block;
    text-align: center;
    height: auto;
    margin-right: 6px;
}


.foot2 .ft_groupsite ul{
  width: auto;
  padding-top: 0;
}

.foot2 p.gs_title {
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: #7C0C14;
    text-align: center;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
  }


  /*TOP 特急商品*/

  #tokkyugoods .border{
    border: 2px solid #CC2029;
    box-sizing: border-box;
    padding: 15px 15px 5px 15px;
  }

    #tokkyugoods ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

     #tokkyugoods ul li{
        width: 343px;
        margin-bottom: 15px;
     }

     /*------------------カレンダー注意事項------------------*/

.calendar-description {
    border: 1px solid #ececec;
    padding: 12px;
}

.calendar-description_icon {
    float: left;
    clear: left;
}

.calendar-description_color {
    width: 16px;
    height: 16px;
    background: #ffdfdf;
}

.calendar-description_text {
    margin-bottom: 8px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 1.6em;
}

.company-info_timeBox {
    padding: 5px 0 0;
    /*border-bottom: dotted 1px #c8c8c8;*/
}

.company-info_timeBox {
    margin: 10px 0 0;
}

.company-info_time {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin: 0 8px 0 0;
    padding: 4px 8px 4px;
    color: #666;
    border: solid 1px #ccc;
    line-height: 1;
}

.company-info_timeNo {
    padding-top: 2px;
}

.company-info_timeNoText {
    font-size: 8px;
}

/*------------------カレンダー注意事項ここまで------------------*/