@charset "UTF-8";

/* =========================================================
CRAFT L1 CSS
========================================================= */

/* CRAFT L1
========================================== */


div#contents div#cat_desc {
    display: block;
    position: relative;
    width: 920px;
    padding: 20px;
    margin: -20px 0 0 -20px;
    /*background-image: url(../craft/img/common/craft_titlebg.png);*/
    background-color: #000;
    overflow: hidden;
}

div#contents div#cat_desc h2 {
    display: block;
    position: relative;
    width: 660px;
    min-height: 80px;
    font-size: 110%;
    font-weight:normal;
    color: #ffffff;
    line-height: 1.5em;
    margin-top: 3px;
    text-align: justify;
}

div#contents div#cat_desc h2 span.note {
    display: block;
    position: relative;
    font-size: 80%;
    margin-top: 8px;
    line-height: 1.5em;
    text-indent: -1em;
    margin-left: 1em;
}


div#contents div#cat_desc div.go_kinou {
    display: block;
    position: absolute;
    width: 215px;
    height: 80px;
    right: 25px;
    margin-top: -40px;
    top:50%;
}
 div#contents div#cat_desc div.go_kinou a {
    display: block;
 }

/*CRAFT L1
 商品 CONTBOX
========================================== */

/*table.title {
    width: 920px;
    height: 100px;
    background: url(../images/craft_l1/seriestitle_bg.png) left top;
    margin: 20px 0 0 0;
    clear: both;
}

table.title td{
    padding: 10px;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;

}
table.title td h3{
    font-size: 150%;
    margin-left: 5px;
}
table.title td p{
    font-size: 90%;
    line-height: 1.8;
        text-align: justify;
    text-justify: inter-ideograph;
}*/

div.contbox {
    width: 920px;
    margin: 20px 0 0 0;
    clear: both;
    overflow: hidden;

}
div.contbox h2{
    margin: 0 0 0 0;
    padding: 3px 5px;
    clear: both;
    text-align: center;
    font-size: 130%;
    background: #0096ff url(../craft/img/common/obi_bg.png) repeat-x left center;
    color: #ffffff;
    font-weight: bold;
    clear:both;
}

div.contbox h2.women{
    background: #c966a4 url(../craft/img/common/obi_bg_pink.png) repeat-x left center;
}

div.contbox h2.junior{
    background: #639732 url(../craft/img/common/obi_bg_green.png) repeat-x left center;
}

div.contbox h2.acce{
    background: #e49949 url(../craft/img/common/obi_bg_orange.png) repeat-x left center;
}

div.contbox h2.socks{
    background: #a45cbc url(../craft/img/common/obi_bg_purple.png) repeat-x left center;
}






div.contbox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

div.contbox div.left3column {
    width: 685px;
    float: left;
    display: inline;
    margin-top: 0;
}
div.contbox div.right3column {
    width: 685px;
    float: right;
    display: inline;
    margin-top: 0;
}
div.contbox div.left3column_bike {
    width: 685px;
    float: left;
    display: inline;
    margin: 0px;
}
div.contbox div.right3column_bike {
    width: 685px;
    float: right;
    display: inline;
    margin: 0px;
}

div.contbox div.right1column {
    width: 215px;
    float: right;
    display: inline;
}
div.contbox div.left1column {
    width: 215px;
    float: left;
    display: inline;
}

/*CRAFT L1
 商品ブロック
========================================== */
.contbox .itembox {
    width: 685px;
    margin: 0 0 0 0;
    border-top: 1px #999999 dotted;
    padding: 20px 0 10px 0;
}

.contbox .itembox_full {
    margin: 0 0 0 0;
    padding: 20px 0 10px 0;
}

.contbox .itembox:first-child{
    border:none;
}


div.itembox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

div.itembox img{
    float: left;
    display: inline;
    margin-left: 0px;
}

.narrowp{
    float: left;
    display: inline;
}




div.itembox .narrowp img {
    float: left;
    display: inline;
    margin: 0 0 0 10px;
}
div.itembox .narrowp_1 img {
    float: left;
    display: inline;
    margin: 0 0 0 -30px;
}
div.itembox .narrowp_2 img {
    float: left;
    display: inline;
    margin: 0 0 0 -60px;
}
div.itembox .narrowp_3 img {
    float: left;
    display: inline;
    margin: 0 0 0 -70px;
}
div.itembox .narrowp_4 img {
    float: left;
    display: inline;
    margin: 0 0 0 -80px;
}
div.itembox .narrowp_5 img {
    float: left;
    display: inline;
    margin: 0 0 0 -90px;
}
div.itembox .narrowp_6 img {
    float: left;
    display: inline;
    margin: 0 0 0 -100px;
}
div.itembox .narrowp_7 img {
    float: left;
    display: inline;
    margin: 0 0 0 -110px;
}
div.itembox .narrowp_8 img {
    float: left;
    display: inline;
    margin: 0 0 0 -120px;
}
div.itembox .narrowp_9 img {
    float: left;
    display: inline;
    margin: 0 0 0 -130px;
}
div.itembox .narrowp_9 img:first-child ,
div.itembox .narrowp_8 img:first-child ,
div.itembox .narrowp_7 img:first-child ,
div.itembox .narrowp_6 img:first-child ,
div.itembox .narrowp_5 img:first-child ,
div.itembox .narrowp_4 img:first-child ,
div.itembox .narrowp_3 img:first-child ,
div.itembox .narrowp_2 img:first-child ,
div.itembox .narrowp_1 img:first-child {
    margin:0;
}


div.itembox div.textbox{
    width: 430px;
    float: right;
    display: inline;
    font-size: 90%;
        margin-left: 10px;

}

div.itembox div.textbox200{
    width: 180px;
    float: right;
    display: inline;
    font-size: 90%;
        margin-left: 10px;


}
div.itembox div.textbox270{
    width: 250px;
    float: right;
    display: inline;
    font-size: 90%;
    margin-left: 10px;

}

div.itembox div.textbox340{
    width: 320px;
    float: right;
    display: inline;
    font-size: 90%;
        margin-left: 10px;

}
div.textbox500{
    width: 480px;
    float: right;
    display: inline;
    font-size: 90%;
            margin-left: 10px;


}


div.itembox h3 {
    font-size: 140%;}
div.itembox p{
    margin: 0.8em 0 0 0;
    }



.series{
    color: #ffffff;
    background: #0096ff;
    padding: 0.2em 0.3em 0.1em;
    display: inline-block;
    margin: 0 0 3px 0;
    font-size: 70%;
}

h4{
    background: #000;
    color: #fff;
    font-size: 115%;
    text-indent: 0.5em;
line-height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.theme1{
    background: #1aa1e6;
}
.theme2{
    background: #FF8000;
}
.theme3{
    background: #FF084B;
}

.theme4{
    background: #666;
}

.new{
    font-size: 135%;
    text-align: left;
    font-family: 'Oswald','Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
     font-weight: 400;
    color: #e60012;
}

.ayr{
    font-size: 135%;
    text-align: left;
    font-family: 'Oswald','Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
     font-weight: 400;
    color: #2c5f9d;
}

.cs-title{
    display: none;
}

.sizebutton{
    margin-top: 20px;
}

.sentakubutton{
    margin-top: 20px;
}

.windstopper{
    margin-top: 20px;
    padding: 5px;
    border: 1px #000000 solid;
}

.windstopper h3{
    margin-bottom: 3px;
}

.windstopper .setsumei{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px #cccccc dashed;
    font-size: 70%;
}

.windstopper .syouhyou1{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px #cccccc dashed;
    font-size: 70%;
}

.windstopper1{
    margin-top: 20px;
    padding: 5px;
    border: 1px #000000 solid;
}

.windstopper1 h3{
    margin-bottom: 3px;
}

.windstopper1 .setsumei{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px #cccccc dashed;
    font-size: 70%;
}

.windstopper1 .syouhyou1{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px #cccccc dashed;
    font-size: 70%;
}

em{
    color: #e60012;
    font-weight: 700;
}

.attention{
    color: #e60012;
}

.kome{
    color: #e60012;
}



p.sizeInfo{
    display: block;
    position: relative;
    padding: 0.4em 0.8em 0.4em 1.8em;
    border: 1px solid #222;
    margin-top: 10px !important;
    font-size: 1em;
    display: block;
    text-indent: -1em;
    margin-left: 0em !important;
    text-align: left;
    /*color: #e60012;*/
    border-radius: 3px;
}

.supplement{
    display: block;
    position: relative;
    padding: 0.4em 0.8em 0.4em 1.8em;
    padding: 0 0.8em 0.4em 1.8em;
    border: 1px solid #222;
    margin-top: 15px !important;
    margin-bottom: 10px;
    font-size: 0.9em;
    display: block;
    text-indent: -1em;
    margin-left: 0em !important;
    text-align: left;
    /*color: #e60012;*/
    border-radius: 3px;

}

.supplement p{
    margin-top: 0.4em !important;
}


/* 背景色追加*/
.theme5{
    background: #00a0e9;
}

/*.new{
    background: #f39804;
}*/


p.colorV{
    display: block;
    text-indent: -4em;
    margin-left: 4em !important;
    text-align: left;
}

.sideImg{
    width: 100%;
}


sup{
    font-size: 0.8em;
    vertical-align: super;
}

sub{
    font-size: 0.8em;
    vertical-align: sub;
}