@charset "utf-8";

#main-visual-image {
    background-image: url(/images/golf-balls/own-name/main.jpg);
}


/* --------------------
 normarize
-------------------- */

h3 {
    margin: 0 0 25px;
}

p {
    margin: 0;
}

ul {
    list-style: none;
    margin: 0;
}

dl,
dt,
dd {
    margin: 0;
}


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

.own-common-section {
    padding: 35px 0 60px;
    background-color: #fff;
}

.own-common-inner,
.free-chg-section,
.nav-tabs {
    width: 80%;
    margin: 0 auto;
}

.inner-section {
    margin-bottom: 50px;
}
.own-width{
    max-width:980px;
}
.inner-section-panel {
    background: #FFF;
    padding: 2%;
}


/* title */

.sub-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.sub-title > .font13 {
    font-weight: normal;
}


/* border */

.dottedBorderBottom {
    padding-bottom: 30px;
}


/* text */

.font13,
.note {
    font-size: 13px !important;
    line-height: 1.6;
}

.note {
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.media-category-toggle {
    margin-bottom: 35px;
}


/* Tabs */

.nav-tabs > li.fui-triangle-down-small:before {
    content: "\e005";
    bottom: 1px;
    color: #CD2322;
    height: 6px;
    left: 49%;
    position: absolute;
    width: 6px;
    z-index: 2;
    font-size: 100%;
}

.nav-tabs li {
    width: 50%;
}

.tab-content {
    background: none;
}


/* Product Lsit */

.prod-list-elm {}

.prod-list-elm > a {
    display: block;
    max-width: 160px;
    margin: 0 auto;
}


/* --------------------
 layout
-------------------- */


/* type section*/

.annotate-block {
    margin-bottom: 30px;
}


/* mark section*/

#mark .float-l {
    width: 30%;
}

#mark .float-r {
    width: 65%;
    padding-left: 50px;
}


/* font section */

.font-style {
    width: 50%;
}

.font-color {
    width: 40%;
    padding-left: 100px;
}

.font-color > img {
    width: 256px;
}


/* design section*/

#design .font-style {
    width: 55%;
}

#design .font-color {
    padding-left: 0;
}

#design .float-l ul li {
    float: left;
    margin-right: 10px;
    width: 170px;
}

#design .float-l ul li p {
    font-size: 13px;
    line-height: 2rem;
    margin-top: 5px;
}


/* price section*/

#price .inner-section-panel {
    padding: 1% 2%;
}

#price table {
    font-size: 13px;
    margin-bottom: 0;
    width: 100%;
}

#price table th,
#price table td {
    padding: 15px 25px;
    text-align: left;
}

#price table th {
    border-top: none;
    border-bottom: 2px solid #f4f5f6;
}

#price table td {
    border: none;
}


/* date section*/

#date h4 {
    margin: 0;
}

.font-color > img.img-font-color {
    width: 100%;
}

.example {
    width: 100%;
}

.gothic {
    margin-bottom: 30px;
}

.example > dt {
    float: left;
    width: 14%;
}

.example > dd {
    float: left;
    width: 81%;
    border: 1px solid #CCC;
    padding: 20px;
}

.example > dd .annotate-block {
    margin-bottom: 0;
}

.example-img {
    margin-bottom: 25px;
}

.example-img .img-l {
    width: 396px;
}

.example-img .img-r {
    width: 456px;
}


/* caution */

.caution dt {
    width: 40%;
    margin-right: 20px;
    padding: 5px 0 10px 70px;
    background: url(/images/golf-balls/own-name/icon__caution.png) 0 0 no-repeat;
    -webkit-background-size: 62px auto;
    background-size: 62px auto;
    font-weight: normal;
    line-height: 1.6;
}

.caution dd {
    width: 300px;
}

.prod-list .span3 {
    min-height: 180px;
}

.prod-name {
    line-height: 1.3;
    margin-top: 5px;
}


/* --------------------
 Responsive
-------------------- */

@media (min-width: 1200px) {
    .prod-list .span3 {
        width: 230px;
    }
}

@media (max-width: 768px) {
    h3 {
        margin-bottom: 16px;
    }
    h5 {
        margin: 0;
    }
    #type .inner-section-panel {
        padding-bottom: 0;
    }
    .prod-list .span3 {
        width: 115px;
        margin: 0 0 20px 20px;
        margin-bottom: 20px;
        float: left;
    }
    .own-common-inner,
    .free-chg-section,
    .nav-tabs {
        width: 92%;
    }
    .nav-tabs,
    .nav-tabs li {
        display: block;
        width: 100%;
    }
    .inner-section-panel {
        padding: 15px;
    }
    .float-l,
    float-r {
        float: none;
    }
    #mark .float-l {
        width: 100%;
        text-align: center;
    }
    #mark .float-r {
        width: 100%;
        padding-left: 0;
    }
    #design .font-style {
        width: 100%;
    }
    #design .float-l ul li {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    #design .float-l ul li img {
        float: left;
        max-width: 170px;
        width: 45%;
    }
    #design .float-l ul li p {
        float: left;
        margin: 0 0 0 5%;
        width: 50%;
    }
    #design .float-l ul li.last {
        margin-bottom: 0;
    }
    #price .inner-section-panel {
        padding: 5px;
    }
    #price table th,
    #price table td {
        padding: 15px 15px;
        white-space: nowrap;
    }
    #price table .wrap {
        white-space: normal;
    }
    .font-style,
    .font-color {
        width: auto;
        float: none;
        padding: 0;
    }
    .font-color > img {
        width: auto;
    }
    .font-style .sub-title,
    .font-color .sub-title {
        margin-bottom: 10px;
    }
    .font-style {
        margin-bottom: 30px;
    }
    .example dd > img {
        width: 100%;
    }
    .example > dt,
    .example > dd {
        width: auto;
        float: none;
    }
    .example > dt {
        margin-bottom: 10px;
    }
    .example-img .img-l {
        width: auto;
    }
    .example-img .img-r {
        width: auto;
    }
    .caution dt {
        width: auto;
        margin: 0 0 10px 0;
        padding: 0 0 10px 60px;
        background: url(/images/golf-balls/own-name/icon__caution.png) 0 0 no-repeat;
        -webkit-background-size: 62px auto;
        background-size: 50px auto;
        font-weight: normal;
        line-height: 1.6;
    }
    .caution dd {
        width: auto;
    }
}

.caution{
  margin-bottom: 40px;
}