@charset "shift_jis";
/* CSS Document */

/* General */

#shop_contents2 {
    font-size: 110%;
    line-height: 1.7;
}

.section {
    padding: 0 5% 1%;
    margin: 0 0 4%;
width: 90% !Important;
}

.block {
    background: #ffffff;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}

.block_2_left, .block_2_right {
    float: left;
    background: #ffffff;
    width: 48.5%;
    padding: 0;
}
.block_2_left {clear: both;}
.block_2_right {float: right;}

.block_3_1,.block_3_2,.block_3_3 {
    float: left;
    width: 30.6%;
    padding: 1.3%;
}
.block_3_1,.block_3_2 {
    border-right: 1px dotted #cccccc; /* EDIT */
}

.block_text {width: 60%;}
.block_image {width: 39.9%;}


.block_disc {
    float: left;
    width: 45.9%;
    padding: 1.5% 1.5% 0.7%;
    margin: 0 0.5% 2.5%;
}

.disc_img {
    float: left;
    display: block;
    width: 40%;
    height: 40%;
    padding-bottom: 5%;
}

.disc_title,
.disc_description {
    float: right;
    padding: 0 0 0 3%;
    width: 57%;
}

.disc_title {
    border-bottom: 1px solid #aaaaaa;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 0.5%;
}
.disc_title span {
    display: block;
    font-family: sans-serif;
    font-size: 75%;
}

.disc_description {
    font-size: 90%;
    line-height: 1.4;
    padding-top: 2%;
    padding-bottom: 5%;
}


.block_disc ol {
    clear: both;
    margin: 2% 0;
    border-top: 1px dotted #cccccc;
}

.block_disc ol li {
    background: #ffffff;
    list-style:  decimal;
    list-style-position: inside;
    border-bottom: 1px dotted #bbbbbb;
    padding: 2% 3% 1.5%;
}
.block_disc ol li:nth-child(2n) {
    background: rgba(255,255,255,0.8);
}
.block_disc ol li span {
    color: #D84545;
    font-size: 80%;
    padding: 0 0 0 1%;
}

h2 {
    color: #044d0e; /* EDIT */
    font-size: 160%;
    line-height: 1.4;
    text-align: center;
    padding: 2% 0 3%;
}
.section h2 {
    padding: 4% 0 3%;
}

h2 span {
    color: #777777; /* EDIT */
    border-top: 1px solid #044d0e; /* EDIT */
    display: block;
    font-size: 50%;
    font-weight: normal;
    padding: 1% 0 0;
    margin: 1% 0 0;
}

.block p {
    padding: 0 4% 3.5%;
}

em {font-weight: bold !important;}

p.notice {
    color: #555555;
    font-size: 80%;
}
p.notice span {
    color: #d84545;
}


/* Overview */

#overview {
    background: #fce67e url(../../bonnyjacks/img/bonnyjacks_overview.jpg) top left no-repeat;
}

#overview .block {
    margin-top: 420px;
    background: rgba(255,255,255,0.8);
}

#overview p em {
    color: #b46715;
}

#overview p.poem {
    color: #c22e1b;
    font-size: 120%;
    font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
    text-align: center;
    padding: 0 0 20px;
    margin: 10px 20px 25px;
    border-bottom: 1px solid #eaeaea;
}


/* bonny */

#bonny {
    background: #f19687 url(../../bonnyjacks/img/bonnyjacks_bonny.jpg) top left no-repeat;
}

#bonny h2 {
    padding-bottom: 520px;
}

h2 span.bonny_span {
    color: #044d0e;
    border-top: none;
    font-size: 70%;
    font-weight: bold;
    margin: 0 0 3px;
    text-indent: 12px;
}

#bonny p.bonny_copy {
    color: #b46715;
    font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
    font-size: 140%;
    padding: 20px 20px 10px;
}

#bonny .profile {
    width: 55%;
    padding-right: 45%;
    background: #ffffff url(../../bonnyjacks/img/bonnyjacks_profile.jpg) center right no-repeat;
}
#bonny .profile em {
    color: #d15a46;
    font-size: 120%;
}

#bonny .profile {
    font-size: 95%;
}


/* cdlist */

#cdlist .block_disc {
    background: #f4b7d6; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #f4b7d6 30%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #feffff 0%,#f4b7d6 30%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #feffff 0%,#f4b7d6 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f4b7d6',GradientType=0 ); /* IE6-9 */
}

#cdlist .disc_img {
    width: 130px;
    height: 130px;
    padding: 0;
    margin-bottom: 10px;
    box-shadow: 0px 1px 4px #555555;
}
#cdlist .disc_img img {
    width: 100%;
}

#cdlist .block_disc_green {
    background: #b0d689; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #b0d689 30%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #feffff 0%,#b0d689 30%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #feffff 0%,#b0d689 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#b0d689',GradientType=0 ); /* IE6-9 */
}
#cdlist .block_disc .disc_title {color: #AD003C;border-bottom-color: #AD003C;}
#cdlist .block_disc_green .disc_title {color: #035B00;border-bottom-color: #035B00;}
#cdlist .block_disc .disc_title span,
#cdlist .block_disc_green .disc_title span {color: #333333;}



/* appendix */

#appendix {
    background: #f2f3a0 url(../../bonnyjacks/img/bonnyjacks_appendix.jpg) bottom left no-repeat;
}

#appendix .block {
    padding: 0 0 10px;
}

#appendix .block_image img {
    width: 100%;
}

#appendix .block_text h3,
#appendix .block_text p {
    margin-left: 20px;
}

#appendix h3 {
    color: #0671c2;
    font-size: 110%;
    margin: 0 10px 10px;
    border-bottom: 1px solid #0671c2;
}

#appendix p {
    padding-left: 20px;
    padding-right: 20px;
}

#appendix p.appendix_title {
    color: #AD003C;
    margin: 20px 20px 10px;
    padding: 0;
    border: 2px solid #74A031;
    border-radius: 6px;
    font-size: 115%;
    font-weight: bold;
    line-height: 40px;
}
#appendix p.appendix_title span {
    background:#74A031;
    color: #ffffff;
    display: block;
    float: left;
    border-radius: 4px 0 0 4px;
    width: auto;
    padding: 0 10px;
    margin-right: 10px;font-size: 85%;

    font-weight: normal;
    text-align: center;
}

#appendix p.appendix_content {
    border:1px solid #777777;
    background: #fafafa;
    margin: 10px 20px;
    padding: 8px;
    font-size: 85%;
}

/*clearfix */
.clearfix:before, .clearfix:after, .block:before, .block:after{content: " "; display: table;}
.clearfix:after, .block:after{clear: both;}
.clearfix, .block{*zoom: 1;}

.textleft {text-align:left !important ;} .textcenter {text-align:center !important ;} .textright {text-align:right !important ;}


/* universal margin selecta */
.m00{margin: 0px !important;} .m05{margin:5px !important ;} .m10{margin:10px !important ;} .m15{margin:15px !important ;} .m20{margin:20px !important ;} .m25{margin:25px !important ;} .m30{margin:30px !important ;} .m35{margin:35px !important ;} .m40{margin:40px !important ;} .m45{margin:45px !important ;} .m50{margin:50px !important ;} .m55{margin:55px !important ;} .m60{margin:60px !important ;} .m65{margin:65px !important ;} .m70{margin:70px !important ;} .m75{margin:75px !important ;} .m80{margin:80px !important ;} .m85{margin:85px !important ;} .m90{margin:90px !important ;} .m95{margin:95px !important ;} .m100{margin:100px !important ;}
.mt00{margin-top: 0px !important;} .mt05{margin-top:5px !important ;} .mt10{margin-top:10px !important ;} .mt15{margin-top:15px !important ;} .mt20{margin-top:20px !important ;} .mt25{margin-top:25px !important ;} .mt30{margin-top:30px !important ;} .mt35{margin-top:35px !important ;} .mt40{margin-top:40px !important ;} .mt45{margin-top:45px !important ;} .mt50{margin-top:50px !important ;} .mt55{margin-top:55px !important ;} .mt60{margin-top:60px !important ;} .mt65{margin-top:65px !important ;} .mt70{margin-top:70px !important ;} .mt75{margin-top:75px !important ;} .mt80{margin-top:80px !important ;} .mt85{margin-top:85px !important ;} .mt90{margin-top:90px !important ;} .mt95{margin-top:95px !important ;} .mt100{margin-top:100px !important ;}
.mr00{margin-right: 0px !important;} .mr05{margin-right:5px !important ;} .mr10{margin-right:10px !important ;} .mr15{margin-right:15px !important ;} .mr20{margin-right:20px !important ;} .mr25{margin-right:25px !important ;} .mr30{margin-right:30px !important ;} .mr35{margin-right:35px !important ;} .mr40{margin-right:40px !important ;} .mr45{margin-right:45px !important ;} .mr50{margin-right:50px !important ;} .mr55{margin-right:55px !important ;} .mr60{margin-right:60px !important ;} .mr65{margin-right:65px !important ;} .mr70{margin-right:70px !important ;} .mr75{margin-right:75px !important ;} .mr80{margin-right:80px !important ;} .mr85{margin-right:85px !important ;} .mr90{margin-right:90px !important ;} .mr95{margin-right:95px !important ;} .mr100{margin-right:100px !important ;}
.mb00{margin-bottom: 0px !important;} .mb05{margin-bottom:5px !important ;} .mb10{margin-bottom:10px !important ;} .mb15{margin-bottom:15px !important ;} .mb20{margin-bottom:20px !important ;} .mb25{margin-bottom:25px !important ;} .mb30{margin-bottom:30px !important ;} .mb35{margin-bottom:35px !important ;} .mb40{margin-bottom:40px !important ;} .mb45{margin-bottom:45px !important ;} .mb50{margin-bottom:50px !important ;} .mb55{margin-bottom:55px !important ;} .mb60{margin-bottom:60px !important ;} .mb65{margin-bottom:65px !important ;} .mb70{margin-bottom:70px !important ;} .mb75{margin-bottom:75px !important ;} .mb80{margin-bottom:80px !important ;} .mb85{margin-bottom:85px !important ;} .mb90{margin-bottom:90px !important ;} .mb95{margin-bottom:95px !important ;} .mb100{margin-bottom:100px !important ;}
.ml00{margin-left: 0px !important;} .ml05{margin-left:5px !important ;} .ml10{margin-left:10px !important ;} .ml15{margin-left:15px !important ;} .ml20{margin-left:20px !important ;} .ml25{margin-left:25px !important ;} .ml30{margin-left:30px !important ;} .ml35{margin-left:35px !important ;} .ml40{margin-left:40px !important ;} .ml45{margin-left:45px !important ;} .ml50{margin-left:50px !important ;} .ml55{margin-left:55px !important ;} .ml60{margin-left:60px !important ;} .ml65{margin-left:65px !important ;} .ml70{margin-left:70px !important ;} .ml75{margin-left:75px !important ;} .ml80{margin-left:80px !important ;} .ml85{margin-left:85px !important ;} .ml90{margin-left:90px !important ;} .ml95{margin-left:95px !important ;} .ml100{margin-left:100px !important ;}

/* universal padding selecta */
.p00{padding:0px !important ;} .p05{padding:5px !important ;} .p10{padding:10px !important ;} .p15{padding:15px !important ;} .p20{padding:20px !important ;} .p25{padding:25px !important ;} .p30{padding:30px !important ;} .p35{padding:35px !important ;} .p40{padding:40px !important ;} .p45{padding:45px !important ;} .p50{padding:50px !important ;} .p55{padding:55px !important ;} .p60{padding:60px !important ;} .p65{padding:65px !important ;} .p70{padding:70px !important ;} .p75{padding:75px !important ;} .p80{padding:80px !important ;} .p85{padding:85px !important ;} .p90{padding:90px !important ;} .p95{padding:95px !important ;} .p100{padding:100px !important ;}
.pt00{padding-top:0px !important ;} .pt05{padding-top:5px !important ;} .pt10{padding-top:10px !important ;} .pt15{padding-top:15px !important ;} .pt20{padding-top:20px !important ;} .pt25{padding-top:25px !important ;} .pt30{padding-top:30px !important ;} .pt35{padding-top:35px !important ;} .pt40{padding-top:40px !important ;} .pt45{padding-top:45px !important ;} .pt50{padding-top:50px !important ;} .pt55{padding-top:55px !important ;} .pt60{padding-top:60px !important ;} .pt65{padding-top:65px !important ;} .pt70{padding-top:70px !important ;} .pt75{padding-top:75px !important ;} .pt80{padding-top:80px !important ;} .pt85{padding-top:85px !important ;} .pt90{padding-top:90px !important ;} .pt95{padding-top:95px !important ;} .pt100{padding-top:100px !important ;}
.pr00{padding-right:0px !important ;} .pr05{padding-right:5px !important ;} .pr10{padding-right:10px !important ;} .pr15{padding-right:15px !important ;} .pr20{padding-right:20px !important ;} .pr25{padding-right:25px !important ;} .pr30{padding-right:30px !important ;} .pr35{padding-right:35px !important ;} .pr40{padding-right:40px !important ;} .pr45{padding-right:45px !important ;} .pr50{padding-right:50px !important ;} .pr55{padding-right:55px !important ;} .pr60{padding-right:60px !important ;} .pr65{padding-right:65px !important ;} .pr70{padding-right:70px !important ;} .pr75{padding-right:75px !important ;} .pr80{padding-right:80px !important ;} .pr85{padding-right:85px !important ;} .pr90{padding-right:90px !important ;} .pr95{padding-right:95px !important ;} .pr100{padding-right:100px !important ;}
.pb00{padding-bottom:0px !important ;} .pb05{padding-bottom:5px !important ;} .pb10{padding-bottom:10px !important ;} .pb15{padding-bottom:15px !important ;} .pb20{padding-bottom:20px !important ;} .pb25{padding-bottom:25px !important ;} .pb30{padding-bottom:30px !important ;} .pb35{padding-bottom:35px !important ;} .pb40{padding-bottom:40px !important ;} .pb45{padding-bottom:45px !important ;} .pb50{padding-bottom:50px !important ;} .pb55{padding-bottom:55px !important ;} .pb60{padding-bottom:60px !important ;} .pb65{padding-bottom:65px !important ;} .pb70{padding-bottom:70px !important ;} .pb75{padding-bottom:75px !important ;} .pb80{padding-bottom:80px !important ;} .pb85{padding-bottom:85px !important ;} .pb90{padding-bottom:90px !important ;} .pb95{padding-bottom:95px !important ;} .pb100{padding-bottom:100px !important ;}
.pl00{padding-left:0px !important ;} .pl05{padding-left:5px !important ;} .pl10{padding-left:10px !important ;} .pl15{padding-left:15px !important ;} .pl20{padding-left:20px !important ;} .pl25{padding-left:25px !important ;} .pl30{padding-left:30px !important ;} .pl35{padding-left:35px !important ;} .pl40{padding-left:40px !important ;} .pl45{padding-left:45px !important ;} .pl50{padding-left:50px !important ;} .pl55{padding-left:55px !important ;} .pl60{padding-left:60px !important ;} .pl65{padding-left:65px !important ;} .pl70{padding-left:70px !important ;} .pl75{padding-left:75px !important ;} .pl80{padding-left:80px !important ;} .pl85{padding-left:85px !important ;} .pl90{padding-left:90px !important ;} .pl95{padding-left:95px !important ;} .pl100{padding-left:100px !important ;}

/* letter-spacing: 0 */
#shop_contents2 h2,#shop_contents2 h3,#shop_contents2 h4,#shop_contents2 h5,#shop_contents2 p,#shop_contents2 ul li,#shop_contents2 ol li {letter-spacing: 0.03em;}

.nobackground {background: none !important;}
.noborder {border: none !important;}
.noshadow {text-shadow:none !important; box-shadow: none !important;}


/* For Smartphone */
@media only screen and (max-width: 799px) {
    
    /* General */
        
    .section {
        padding: 0 3% 0.8%;
	width: 94% !important;
    }

    .block_disc {
        width: 45.9%;
        padding: 1.5% 1% 0.3%;
        margin: 0 1% 2%;
    }

    .disc_img {
        width: 45%;
        height: 45%;
    }

    .disc_title,
    .disc_description {
        width: 52%;
    }

    .disc_title {
        font-size: 150%;
        line-height: 1.2;
        padding-bottom: 2%;
    }
    .disc_title span {
        font-size: 85%;
        padding-bottom: 1%;
    }

    .disc_description {
        font-size: 110%;
        line-height: 1.4;
    }


    .block_disc ol {
        font-size: 130%;
    }

    .block_disc ol li {
        background: #ffffff;
        list-style:  decimal;
        list-style-position: inside;
        border-bottom: 1px dotted #bbbbbb;
        padding: 2% 3% 1.5%;
    }
    .block_disc ol li span {
        font-size: 100%;
    }
        
    .section {
        margin-left: -2px;
    }
    
    h2 {
        font-size: 200%;
        line-height: 1.3;
        margin: 0 3%;
    }
    
    .section h2 {
        margin: 0 !important;
    }

    h2 span {
        font-size: 40%;
        margin: 1.5% 0 0;
    }
    
    .block p {
        font-size: 170%;
    }
    
    /* Overview */
    
    p.mv img {width: 714px; margin-left: -3px;}

    #overview .block {
        margin-top: 380px;
    }

    #overview p.poem {
        font-size: 170%;
        font-weight: bold;
        line-height: 1.7;
        border-bottom: 1px solid #dddddd;
    }
    
    /* bonny */

    #bonny h2 {
        padding-bottom: 490px;
    }

    #bonny p.bonny_copy {
        font-size: 180%;
        font-weight: bold;
        padding: 20px 25px 10px;
    }

    #bonny .profile {
        width: 100%;
        padding-right: 0;
        padding-top: 50%;
        background: #ffffff url(../../bonnyjacks/img/bonnyjacks_profile.jpg) top center no-repeat;
        background-size: 70%;
    }
    #bonny .profile em {
        color: #d15a46;
        font-size: 120%;
    }

    #bonny .profile {
    }

    /* cdlist */

    #cdlist .disc_img {
        width: 145px;
        height: 145px;
        margin-bottom: 15px;
    }
    
    .spmg01 {margin-bottom: 85px !important;}
    .spmg02 {margin-bottom: 40px !important;}

    
    /* appendix */
    
    #appendix p {
        line-height: 1.5;
    }

    #appendix .appendix_text {
        float: none;
        width: 100%;
    }
    #appendix .appendix_img {
        float: none;
        width: 50%;
        margin: 0 25%;
        }
    #appendix .appendix_img img {
        width: 100%;
    }

    #appendix p.appendix_title {
        font-size: 140%;
        line-height: 50px;
    }
    #appendix p.appendix_title span {
        font-size: 100%;
    }

    #appendix p.appendix_content {
        font-size: 120%;
    }

    
    /* Spec */
    
    #spec-wrap table,
    #spec-wrap ul {
        width: 93.9%;
        margin: 3% 3% 0;
    }
    
    

} /* End of Media Query */