@charset "shift_jis";#container,#shop_contents2,.main1c,.section {
    width: 100%
}

.main1c *, .main1c *:before, .main1c *:after {
    box-sizing: content-box;
  }

.section_recommend_item ul li img,a.button_buy {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.block:after,.cdlist_simple .cdlist_description,.spec dl dt,.spec ul.annotation {
    clear: both
}

html {
    font-size: 62.5%
}

.main1c dd,.main1c div,.main1c dl,.main1c dt,.main1c form,.main1c h1,.main1c h2,.main1c h3,.main1c h4,.main1c h5,.main1c li,.main1c ol,.main1c p,.main1c table,.main1c td,.main1c th,.main1c ul,body {
    letter-spacing: .01em
}

.block_price p.price_bunkatsu span,.cdlist_title,.main1c h1,.main1c h2,.main1c h3,.main1c h4,.main1c h5,.order-title,.uv p.uv_title,a.button_buy,a.button_buy_big,p.point_number,p.section_recommend_item_title,p.spec_title {
    font-weight: 900;
}

.main1c a {
    color: #1d54a7;
    text-decoration: none
}

.main1c a:active,.main1c a:hover {
    color: #1d54a7;
    text-decoration: underline
}

.font-serif {
    font-family: "??????",YuMincho,"?q???M?m???? ProN W3","Hiragino Mincho ProN","HG????E","?l?r ?o????","?l?r ????",serif!important
}

.section {
    background: #fff;
    padding: 40px 0
}

#topicpath {
    width: 880px;
    margin: 0 auto
}

#bottom-recom-item,#bottom-relate-item,#topimage,.block,.itemlist3c,.section h2 {
    width: 710px
}

.column1,.no_width_limit {
    width: 100%
}

.block {
    margin: 0 auto 20px
}

#topimage {
    margin: 0 auto
}

#bottom-recom-item,#bottom-relate-item,.itemlist3c {
    margin-left: auto;
    margin-right: auto
}

.column2,.column3 {
    margin: 2% 0 0 2%
}

.block:after,.block:before {
    content: " ";
    display: table;
    font-size: 0;
    line-height: 0
}

.block_border {
    border: 1px solid #ccc;
    border-radius: 6px
}

.block_border .column2 {
    background: 0 0
}

.block,.block div,.section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.column1,.column2,.column3,.column4 {
    background: #fff;
    padding: 20px
}

.column2,.column3,.column4 {
    float: left
}

.column3,.column4 {
    padding: 10px
}

.column2 {
    width: 49%
}

.width_big {
    width: 66%
}

.column3,.width_small {
    width: 32%
}

.column4 {
    width: 24%;
    margin: 2% 0 0 1.33%
}

.column1 .block,.column2 .block {
    width: 100%;
    margin: 0
}

.column1 .block .column2,.column1 .block .column3,.column1 .block .column4 {
    padding: 0
}

.block_border .column2,.block_border .column3,.block_border .column4,.no_separate .column2,.no_separate .column3,.no_separate .column4 {
    margin: 0
}

.block_border .column2,.no_separate .column2 {
    width: 50%
}

.block_border .width_big,.no_separate .width_big {
    width: 67%
}

.block_border .width_small,.no_separate .width_small {
    width: 33%
}

.block_border .column3,.no_separate .column3 {
    width: 33.33%
}

.block_border .column4,.no_separate .column4 {
    width: 25%
}

.column2:nth-child(2n-1),.column3:nth-child(3n-2),.column4:nth-child(4n-3) {
    margin-left: 0
}

.column2:nth-child(1),.column2:nth-child(2),.column3:nth-child(1),.column3:nth-child(2),.column3:nth-child(3),.column4:nth-child(1),.column4:nth-child(2),.column4:nth-child(3),.column4:nth-child(4) {
    margin-top: 0
}

.section h2 {
    font-size: 32px;
    line-height: 1.35;
    text-align: center;
    margin: 0 auto 15px
}

.section h2 span,.section h3 span,.section h4 span,.spec_title span {
    display: inline-block
}

.section h2 span.itemtitle:before {
    content: "\2015\2015\2015\2015\2015";
    letter-spacing: -3px;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
    padding: 0 0 4px;
    text-indent: -3px
}

.section h2 span.itemtitle {
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 0 5px
}

.section h3 {
    font-size: 24px;
    line-height: 1.3;
    margin-top: 20px
}

.section h3.block_title {
    margin: 0;
    color: #fff;
    background: red;
    text-align: center;
    padding: 10px 3%
}

.section h3.underline {
    border-bottom: 1px solid red;
    padding-bottom: 5px
}

.section h3.box {
    display: table;
    background: red;
    width: 100%;
    font-size: 20px;
    border-radius: 5px
}

.section h3.box span {
    display: table-cell;
    vertical-align: middle;
    padding: 6px 10px 8px
}

.section h3.box span:nth-child(1) {
    background: red;
    width: 80px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border-radius: 5px 0 0 5px
}

.section h4 {
    font-size: 20px;
    line-height: 1.3;
    margin-top: 20px
}

.column1 p,.column2 p,.column3 p,.column4 p {
    color: #333;
    font-size: 16px;
    line-height: 1.7;
    margin-top: 20px;
    word-break: normal
}

.column1 img,.column2 img,.column3 img,.column4 img {
    width: 100%
}

.column1 h3:nth-child(1),.column1 h4:nth-child(1),.column1 p:nth-child(1),.column2 h3:nth-child(1),.column2 h4:nth-child(1),.column2 p:nth-child(1),.column3 h3:nth-child(1),.column3 h4:nth-child(1),.column3 p:nth-child(1),.column4 h3:nth-child(1),.column4 h4:nth-child(1),.column4 p:nth-child(1) {
    margin-top: 0
}

p em {
    font-weight: 700
}

.font_small {
    font-size: 14px!important;
    line-height: 1.9!important
}

.font_medium {
    font-size: 16px!important
}

.font-large {
    font-size: 24px!important
}

.font-extralarge {
    font-size: 32px!important
}

.annotation {
    color: #666!important;
    font-size: 14px!important;
    line-height: 1.5!important;
    text-indent: -14px;
    margin-left: 14px
}

ul.annotation li {
    color: #666
}

ul.annotation li:before {
    content: "\203b"
}

.button {
    display: block;
    text-align: center;
    text-decoration: none;
    background: 0 0
}

.button:active,.button:hover {
    text-decoration: none!important
}

a.button_buy {
    color: #E60010;
    padding: 4px 0 6px;
    border: 1px solid #E60010;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    width: 55%;
    margin: 30px auto 0;
    transition: all .3s
}

a.button_buy_big {
    color: #fff;
    padding: 25px 0 27px;
    border-radius: 55px;
    font-weight: 700;
    font-size: 36px;
    width: 85%;
    margin: 30px auto 0;
    text-shadow: 0 -2px 0 #F51D12;
    box-shadow: 0 3px 0 #ccc;
    background: #f83931;
    background: -moz-linear-gradient(top,#f83931 50%,#f51d12 50%);
    background: -webkit-linear-gradient(top,#f83931 50%,#f51d12 50%);
    background: linear-gradient(to bottom,#f83931 50%,#f51d12 50%)
}

a.button_buy:active,a.button_buy:hover,a.button_simple {
    background: #E60010;
    color: #fff
}

a.button_simple {
    padding: 23px 0 25px;
    border: 2px solid #E60010;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a.button_buy_big:active,a.button_buy_big:hover {
    padding: 26px 0;
    background: #f51d12;
    box-shadow: 0 1px 0 #ccc
}

a.button_simple:active,a.button_simple:hover {
    padding: 23px 0 25px;
    color: #E60010;
    background: #fff;
    letter-spacing: 2px;
    box-shadow: 0 0 12px #888;
    width: 90%
}

.topimage_square:before,p.top_bg_blur {
    display: none
}

.topimage_square {
    padding-top: 10px;
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(253,255,201,1));
    background: -o-linear-gradient(rgba(255,255,255,1),rgba(253,255,201,1));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(253,255,201,1)))
}

.topimage_square .block {
    width: 740px;
    display: table;
    border-spacing: 15px 0;
    margin: 0 auto
}

.topimage_square .block:after,.topimage_square .block:before {
    content: " ";
    display: none
}

.topimage_square .block .top_image,.topimage_square .block .top_text {
    float: none;
    display: table-cell;
    vertical-align: middle!important
}

.topimage_square .block .top_image {
    width: 48%
}

.topimage_square .block .top_text {
    width: 52%
}

.topimage_square .top_image p img {
    width: 100%
}

.topimage_square .top_text h1 {
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -.05em
}

.topimage_square .top_text h1 span {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0
}

.topimage_square .top_text h1 .thin {
    font-size: 45px;
    font-weight: 300
}

.topimage_square .top_text h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    margin: 20px 0 0;
    letter-spacing: -.05em
}

.section_recommend_item {
    padding: 25px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top,#f5f5f5 0,#fff 100%);
    background: -webkit-linear-gradient(top,#f5f5f5 0,#fff 100%);
    background: linear-gradient(to bottom,#f5f5f5 0,#fff 100%)
}

p.section_recommend_item_title {
    text-align: center;
    font-size: 20px;
    font-weight: 500
}

.section_recommend_item ul {
    display: table;
    margin: -10px auto 0;
    border-collapse: separate;
    border-spacing: 30px;
    min-width: 710px;
    overflow: hidden
}

.section_recommend_item ul li {
    width: 150px;
    display: table-cell
}

.section_recommend_item ul li a:active,.section_recommend_item ul li a:hover {
    text-decoration: none
}

.section_recommend_item ul li img {
    width: 100%;
    border-radius: 10px;
    transition: all .3s
}

.section_recommend_item ul li a:active img,.section_recommend_item ul li a:hover img {
    opacity: .7
}

.section_recommend_item ul li span {
    display: block;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.4
}

.section_recommend_item ul li a:active span,.section_recommend_item ul li a:hover span {
    text-decoration: underline
}

.section_recommend_item .button {
    text-decoration: none;
    color: #333;
    padding: 4px 5px;
    border: 1px solid #333;
    border-radius: 20px;
    font-size: 14px;
    width: 60%;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.section_recommend_item a:active .button,.section_recommend_item a:hover .button {
    text-decoration: none;
    background: #333;
    color: #fff
}

.point_column1 h3,.point_column2 h3,.point_column3 h3 {
    margin-top: 0
}

.point_column1 .column1,.point_column2 .column2,.point_column3 .column3 {
    position: relative
}

.point_column1 {
    padding: 0 0 2px
}

.point_column1 .column1 {
    width: 94%;
    margin-left: 6%;
    padding-left: 6%
}

.point_column2,.point_column3 {
    padding-top: 30px
}

.point_column2 .column2,.point_column3 .column3 {
    padding-top: 50px
}

p.point_number {
    display: block;
    background: red;
    color: #fff;
    font-size: 12px;
    letter-spacing: -1px;
    text-align: center;
    padding: 5px 0 0;
    width: 70px;
    height: 65px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    line-height: 25px
}

p.point_number span {
    display: block;
    font-size: 32px;
    font-weight: 700
}

.point_column1 p.point_number {
    top: 14px;
    left: -6%
}

.point_column2 p.point_number {
    top: -30px;
    left: 38%
}

.point_column3 p.point_number {
    top: -30px;
    left: 33%
}

.point_whiteback .column1,.point_whiteback .column2,.point_whiteback .column3 {
    border: 2px solid #ccc;
    margin-bottom: 5px
}

.cdlist .column2 {
    padding: 0;
    border: 1px solid red
}

.cdlist_default .cdlist_title {
    background: red;
    color: #fff;
    padding: 5px 10px 5px 78px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    text-indent: -65px
}

.cdlist_default .cdlist_title span {
    font-size: 16px;
    font-weight: 300;
    padding-right: 10px
}

.cdlist_default .cdlist_image {
    width: 80%;
    margin: 20px auto
}

.cdlist_default .cdlist_image img,.cdlist_simple .cdlist_image img {
    width: 100%;
    box-shadow: 0 2px 4px #888
}

.cdlist .cdlist_description {
    margin: 20px
}

.cdlist_simple .column2 {
    position: relative
}

.cdlist_simple .cdlist_title {
    color: red;
    float: right;
    width: 47%;
    padding: 5% 5% 5% 2%;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

.cdlist_simple .cdlist_title span {
    color: #333;
    display: block;
    border-bottom: 1px solid #ccc;
    text-indent: 0;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 4%;
    margin-bottom: 2%
}

.cdlist_simple .cdlist_image {
    float: left;
    width: 40%;
    padding: 5% 0 5% 5%;
    margin: 0
}

.column2 p .annotation {
    display: block;
    line-height: 1.5;
    padding-top: 10px
}

.cdlist ol,.cdlist ul {
    clear: both;
    margin: 20px;
    border-top: 1px dotted #aaa;
    font-size: 16px
}

.cdlist ol li,.cdlist ul li {
    border-bottom: 1px dotted #aaa;
    padding: 5px 10px;
    line-height: 1.4
}

.cdlist ol li.caption,.cdlist ul li.caption {
    display: block;
    border-bottom: none;
    margin: 3% 2% 1%;
    background: red;
    text-align: center;
    font-weight: 700;
    text-indent: 0;
    padding: 6px 5px 3px;
    border-radius: 6px
}

.cdlist ol li span,.cdlist ul li span {
    display: block;
    text-indent: 0;
    padding-top: 5px;
    color: #777;
    font-size: 14px;
    line-height: 1.6
}

.cdlist .oddcolor li:nth-child(2n-1) {
    background: #f5f5f5
}

.cdlist ul li {
    text-indent: -25px;
    padding-left: 30px
}

.cdlist ol li {
    list-style: decimal inside;
    text-indent: -35px;
    padding-left: 45px;
    margin-left: 0
}

.cdlist ul li:before {
    content: "\25cf";
    color: red
}

.cdlist p.cdlist_annotation {
    text-align: right;
    font-size: 14px;
    color: #777;
    padding: 0 10px 10px
}

.cdlist .mono_annotation {
    display: inline;
    color: #C91310;
    font-size: 14px;
    text-align: right;
    padding-left: 5px
}

p.mono_annotation {
    color: #555;
    margin: 0 auto 20px;
    text-align: right
}

p.mono_annotation span {
    color: #C91310;
    padding-right: 2px
}

ul.appendix_contents {
    background: #f5f5f5;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    font-size: 14px
}

ul.appendix_contents li {
    list-style: disc;
    margin: 3px 0 0 30px
}

ul.appendix_contents li:nth-child(1) {
    list-style: none;
    letter-spacing: 2px;
    font-size: 16px;
    border-bottom: 1px dotted #aaa;
    padding: 0 5px 3px;
    margin: 0 0 8px
}

.uv>.column1,.uv>.column2 {
    border: 1px solid #E5D495;
    border-radius: 6px
}

.uv p.uv_title {
    background-size: 45px;
    color: #630;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.3;
    padding: 0 10px 10px 0;
    margin-bottom: 10px
}

.uv p.uv_title span {
    display: inline-block;
    color: #555;
    font-size: 14px;
    font-weight: 300
}

p.spec_title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 15px
}

.spec {
    margin: 0 auto
}

.m00,.no_margin {
    margin: 0!important
}

.spec .column1 {
    padding: 0
}

.spec dl dd,.spec dl dt {
    padding: 1.5% 2%;
    border-top: 1px solid #dadada
}

.spec dl {
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    background: #f1f1f1;
    background: -moz-linear-gradient(left,#fff 0,#f1f1f1 25%);
    background: -webkit-linear-gradient(left,#fff 0,#f1f1f1 25%);
    background: linear-gradient(to right,#fff 0,#f1f1f1 25%)
}

.spec dl dt {
    float: left;
    width: 24%
}

.spec dl dd {
    width: 68%;
    float: right;
    background: #fff
}

.spec ul.annotation {
    padding: 10px 0 0
}

.no_padding .column1,.no_padding .column2,.no_padding .column3,.no_padding .column4 {
    padding: 0
}

.no_background .column1,.no_background .column2,.no_background .column3,.no_background .column4 {
    background: 0 0
}

.no_display {
    background: 0 0!important;
    font-size: 0!important;
    line-height: 0!important
}

.valign-center {
    display: table
}

.valign-center>div,.valign-center>img,.valign-center>p {
    display: table-cell;
    vertical-align: middle
}

.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: 0!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: 0!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: 0!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: 0!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
}

.p00 {
    padding: 0!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: 0!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: 0!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: 0!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: 0!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
}

@media screen and (min-width: 768px) {
    @font-face {
        font-family:"Noto Sans JP";
        font-style: normal;
        font-weight: 300;
        src: url(base2016_webfont/notosansjpl.woff2) format('woff2'),url(base2016_webfont/notosansjpl.woff) format('woff')
    }

    @font-face {
        font-family: "Noto Sans JP";
        font-style: normal;
        font-weight: 500;
        src: url(base2016_webfont/notosansjpm.woff2) format('woff2'),url(base2016_webfont/notosansjpm.woff) format('woff')
    }

    @font-face {
        font-family: NotoSansJP;
        font-style: normal;
        font-weight: 700;
        src: url(base2016_webfont/notosansjpb.woff2) format('woff2'),url(base2016_webfont/notosansjpb.woff) format('woff')
    }

    .no_separate .column2,.no_separate .column3,.no_separate .column4 {
        padding-left: 10px;
        padding-right: 10px
    }

    .no_separate>.column2:nth-child(2n-1),.no_separate>.column3:nth-child(3n-2),.no_separate>.column4:nth-child(4n-3) {
        padding-left: 20px
    }

    .no_separate>.column2:nth-child(2n),.no_separate>.column3:nth-child(3n),.no_separate>.column4:nth-child(4n) {
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    body {
        margin:10px 0;

    }

    .column1 p,.column2 p,.column3 p,.column4 p,.info-area,.main1c {
        max-height: 100%
    }

    .section {
        padding: 25px 0 10px
    }
    #bottom-recom-item,#bottom-relate-item,#topimage,.block,.itemlist3c,.section h2 {
        width: auto;
    }
    .block {
        width: 94%;
        margin: 0 auto 20px;
    }

    .no_width_limit {
        width: 100%;
        margin: 0
    }

    .block_border {
        border-radius: 12px
    }

    .column2,.column3,.column4 {
        width: 100%;
        margin: 2% 0 0;
        padding: 10px;
        background-size: cover!important
    }

    .column2:nth-child(1),.column3:nth-child(1),.column4:nth-child(1) {
        margin-top: 0
    }

    .column2:nth-child(2),.column3:nth-child(2),.column3:nth-child(3),.column4:nth-child(2),.column4:nth-child(3),.column4:nth-child(4),.flexbox>.column2:nth-child(1),.flexbox>.column3:nth-child(1),.flexbox>.column4:nth-child(1) {
        margin-top: 10px
    }

    .no_separate .column2,.no_separate .column3,.no_separate .column4 {
        width: 100%;
        margin: 0
    }

    .section h2 {
        width: 96%;
        margin: 0 2% 10px;
        line-height: 1;
    }

    .section h2 span {
        font-size: 21px;
        line-height: 1.4;
        letter-spacing: -.02em
    }

    .section h2 span.itemtitle,.section h2 span.itemtitle:before {
        font-size: 12px
    }

    .section h3 {
        font-size: 17px;
        line-height: 1.3;
        margin-top: 15px
    }

    .section h3.underline {
        padding-bottom: 10px
    }

    .section h3.box {
        font-size: 18px;
        border-radius: 9px
    }

    .section h3.box span {
        padding: 5px 5px 7px
    }

    .section h3.box span:nth-child(1) {
        width: 84px;
        font-size: 16px;
        border-radius: 5px 0 0 5px
    }

    .section h4 {
        font-size: 17px;
        line-height: 1.5;
        margin-top: 15px
    }

    .column1 p,.column2 p,.column3 p,.column4 p {
        font-size: 15px;
        line-height: 1.6;
        margin-top: 17.5px;
        letter-spacing: -.01em;
        word-break: break-all
    }

    .font_small {
        font-size: 13px!important;
        line-height: 1.6!important
    }

    .font_medium {
        font-size: 15px!important
    }

    .font-large {
        font-size: 34px!important
    }

    .font-extralarge {
        font-size: 42px!important
    }

    .annotation {
        font-size: 13px!important;
        line-height: 1.45!important;
        text-indent: -20px;
        margin-left: 20px
    }

    .detailetmpl,.detailetmpl img {
        width: 100%
    }

    p.top_bg_blur {
        position: absolute;
        display: block;
        width: 100%;
        height: 80%;
        top: 0;
        left: 0;
        z-index: 0;
        margin-top: -5px;
        overflow: hidden
    }

    p.top_bg_blur span {
        display: block;
        width: 120%;
        height: 100%;
        margin-left: -10%;
        background-size: cover!important;
        filter: blur(8px);
        -webkit-filter: blur(8px)
    }

    .topimage_square:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 20px;
        margin-top: -20px;
        background: #fff;
        display: block;
        z-index: 100
    }

    .topimage_square {
        position: relative;
        background-size: cover;
        padding: 0
    }

    .topimage_square .block {
        position: relative;
        z-index: 100;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        border-spacing: 0
    }

    .topimage_square .block .top_image,.topimage_square .block .top_text {
        display: block;
        width: 100%;
        margin: 0
    }

    .topimage_square .top_image {
        padding: 30px 0;
        margin: 0;
        width: 100%;
        background: -moz-linear-gradient(top,rgba(255,255,255,.6),rgba(253,255,201,1));
        background: -o-linear-gradient(rgba(255,255,255,.6),rgba(253,255,201,1));
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(253,255,201,1)))
    }

    .topimage_square .top_text {
        background: rgba(253,255,201,1);
        padding: 0 20px 40px;
        margin: 0
    }

    .topimage_square .top_image p {
        width: 60%;
        margin: 0 auto;
        box-shadow: 0 0 10px #888
    }

    .topimage_square .top_text h1,.topimage_square .top_text h2 {
        text-align: center
    }

    .topimage_square .top_text h2 {
        font-weight: 400;
        font-size: 20px;
        line-height: 1.4
    }

    .section_recommend_item {
        padding: 30px 0 0
    }

    p.section_recommend_item_title {
        font-size: 30px
    }

    .section_recommend_item ul {
        display: block;
        margin: 25px auto 0
    }

    .section_recommend_item ul li {
        width: 35%;
        margin: 0 0 30px 10%;
        float: left;
        display: block
    }

    .section_recommend_item ul li img {
        border-radius: 20px
    }

    .section_recommend_item ul li span {
        padding: 10px 0;
        font-size: 24px;
        line-height: 1.3
    }

    .section_recommend_item .button {
        padding: 4px 5px;
        font-size: 24px
    }

    .point_column1 .column1,.point_column2 .column2,.point_column3 .column3 {
        width: 95%;
        min-height: 130px;
        margin-left: 5%;
        padding-left: 8%;
        padding-top: 20px
    }

    .section .point_column1 .column1 h3,.section .point_column2 .column2 h3,.section .point_column3 .column3 h3 {
        margin-top: 0
    }

    .section .sp_point_column2 .column2 h3,.section .sp_point_column3 .column3 h3 {
        font-size: 34px
    }

    .sp_point_column2,.sp_point_column3 {
        padding-top: 30px
    }

    .sp_point_column2 .column2,.sp_point_column3 .column3 {
        padding-top: 55px!important
    }

    p.point_number {
        font-size: 10px !important;
        font-weight: 500;
        padding: 5px 0 0;
        width: 45px;
        height: 40px;
        line-height: 1;
        letter-spacing: -.05em;
    }

    p.point_number span {
        padding-top: 2px;
        font-size: 20px
    }

    .point_column1 p.point_number,.point_column2 p.point_number,.point_column3 p.point_number {
        top: 10px;
        left: -7.5%
    }

    .sp_point_column2 p.point_number {
        top: -35px;
        left: 36%
    }

    .sp_point_column3 p.point_number {
        top: -35px;
        left: 30%
    }

    .point_whiteback .column1,.point_whiteback .column2,.point_whiteback .column3 {
        border: 2px solid #ccc;
        margin-bottom: 5px
    }

    .cdlist_default .column2,.cdlist_simple .column2 {
        width: 96%;
        margin: 0 2% 15px
    }

    .cdlist_default .sp_column2,.cdlist_simple .sp_column2 {
        width: auto;
        margin: 2% 0 0 0;
    }
    .cdlist_default .sp_column2,.cdlist_simple .sp_column2 {
        margin-bottom: 20px;
    }

    .cdlist_default .cdlist_title {
        font-size: 40px;
        padding: 10px 10px 8px 90px;
        text-indent: -78px
    }

    .cdlist_default .sp_column2 .cdlist_title {
        padding: 10px 10px 10px 78px;
        text-indent: -66px
    }

    .cdlist_default .cdlist_title span,.cdlist_default .sp_column2 .cdlist_title {
        font-size: 24px
    }

    .cdlist .cdlist_description {
        margin: 25px 15px
    }

    .cdlist_simple .cdlist_title {
        font-size: 34px;
        line-height: 1.4
    }

    .cdlist_simple .sp_column2 .cdlist_title {
        font-size: 24px;
        line-height: 1.3
    }

    .cdlist_simple .cdlist_title span {
        font-size: 24px;
        font-weight: 500
    }

    .cdlist_simple .sp_column2 .cdlist_title span {
        font-size: 20px;
        font-weight: 500
    }

    .cdlist_simple .cdlist_description {
        font-size: 30px
    }

    .cdlist ol,.cdlist ul {
        margin: 20px 15px;
        font-size: 30px
    }

    .cdlist .sp_column2 ol,.cdlist .sp_column2 ul {
        margin: 10px 7px;
        font-size: 15px
    }

    .cdlist ol li,.cdlist ul li {
        padding: 10px;
        line-height: 1.3
    }

    .cdlist ol li span,.cdlist ul li span {
        font-size: 15px
    }

    .cdlist .sp_column2 ol li span,.cdlist .sp_column2 ul li span {
        font-size: 15px;
        line-height: 1.5
    }

    .cdlist ul li {
        text-indent: -25px;
        padding-left: 30px
    }

    .cdlist ol li {
        text-indent: -35px;
        padding-left: 45px;
        margin-left: 0
    }

    .cdlist .mono_annotation,.cdlist p.cdlist_annotation {
        font-size: 20px
    }

    p.mono_annotation {
        font-size: 20px;
        margin-right: 10px
    }

    ul.appendix_contents {
        background: #f5f5f5;
        padding: 10px;
        margin: 10px 0;
        border-radius: 6px;
        font-size: 13px
    }

    ul.appendix_contents li {
        list-style: disc;
        margin: 3px 0 0 15px
    }

    ul.appendix_contents li:nth-child(1) {
        font-size: 13px
    }

    .uv>.column1,.uv>.column2 {
        border-radius: 12px
    }

    .uv p.uv_title {
        background-size: 40px;
        font-size: 34px;
        line-height: 1.3;
        padding: 0 0 10px 48px
    }

    .uv p.uv_title span {
        font-size: 24px;
        font-weight: 500
    }

    .uv .column1>p:nth-child(2),.uv .column2>p:nth-child(2) {
        margin-top: 20px
    }

    .block_price {
        position: relative;
        z-index: 100;
        width: 100%;
        margin: 0;
        padding: 15px 0;
        box-shadow: 0 0 16px #aaa;
        border: none;
        background: #fff
    }

    .block_price h1,.order-title {
        font-size: 30px
    }

    .block_price .price_image {
        width: 40%;
        padding: 20px 0 0
    }

    .block_price .price_info {
        width: 60%;
        padding: 0 0 0 10px;
        margin-top: 10px
    }

    .block_price p.price_bunkatsu {
        font-size: 20px
    }

    .block_price p.price_bunkatsu span {
        font-size: 34px
    }

    .block_price dl,p.price_ikkatsu {
        font-size: 20px
    }

    .block_price dt {
        width: 58%;
        padding-left: 11.5%
    }

    .block_price dd {
        width: 30%
    }

    .block_price p.price_ikkatsu span {
        font-size: 24px
    }

    .block_price a.button_simple {
        margin: 30px auto 20px;
        padding: 20px 0 22px;
        font-size: 34px;
        width: 80%
    }

    .block_price a.button_simple:active,.block_price a.button_simple:hover {
        width: 82%;
        box-shadow: 0 0 8px #777
    }

    .block_price ul.annotation li {
        font-size: 15px
    }

    p.spec_title {
        text-align: left;
        font-size: 30px
    }

    .spec dl {
        font-size: 24px;
        border-bottom: 1px solid #ccc
    }

    .spec dl dd,.spec dl dt {
        border-top: 1px solid #ccc;
        padding: 2%
    }

    .flexbox {
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 95%;
        border-spacing: 0
    }

    .flexbox div {
        padding: 10px
    }

    .flexbox>div {
        width: 100%!important
    }

    .flexbox .flexbox_order1 {
        -webkit-order: 1;
        order: 1;
        margin-top: 0
    }

    .flexbox .flexbox_order2 {
        -webkit-order: 2;
        order: 2
    }

    .flexbox .flexbox_order3 {
        -webkit-order: 3;
        order: 3
    }

    .flexbox .flexbox_order4 {
        -webkit-order: 4;
        order: 4
    }

    .no_separate .flexbox_order1,.no_separate .flexbox_order2,.no_separate .flexbox_order3,.no_separate .flexbox_order4 {
        margin-top: 0!important
    }

    .block_border .column2,.block_border .column3,.block_border .column4,.block_border .width_big,.block_border .width_small {
        width: 100%
    }

    .block_border .sp_column2,.sp_column2,.sp_point_column2 .column2 {
        float: none;
        width: auto;
        margin: 2% 0 0 2%;
        padding: 10px
    }

    .sp_column2 p {
        font-size: 15px
    }

    .sp_column2:nth-child(3n-2),.sp_column2:nth-child(4n-3) {
        margin-left: 2%
    }

    .sp_column2:nth-child(2n-1),.sp_point_column2 .column2:nth-child(2n-1) {
        margin-left: 0
    }

    .sp_column2:nth-child(1),.sp_column2:nth-child(2),.sp_point_column2 .column2:nth-child(1),.sp_point_column2 .column2:nth-child(2),.sp_point_column2 .column2:nth-child(3),.sp_point_column2 .column2:nth-child(4) {
        margin-top: 0
    }

    .sp_column2:nth-child(3),.sp_column2:nth-child(4) {
        margin-top: 2%
    }

    .no_separate .sp_column2 {
        width: 50%;
        margin-left: 0;
        margin-top: 0
    }

    .block_border .sp_column3,.sp_column3,.sp_point_column3 .column3 {
        float: left;
        width: 32%;
        margin: 2% 0 0 2%;
        padding: 15px
    }

    .sp_column3 p {
        font-size: 28px
    }

    .sp_column3:nth-child(2n-1) {
        margin-left: 2%
    }

    .sp_column3:nth-child(3n-2),.sp_point_column3 .column3:nth-child(3n-2) {
        margin-left: 0
    }

    .sp_column3:nth-child(1),.sp_column3:nth-child(2),.sp_column3:nth-child(3),.sp_point_column3 .column3:nth-child(1),.sp_point_column3 .column3:nth-child(2),.sp_point_column3 .column3:nth-child(3) {
        margin-top: 0
    }

    .sp_column3:nth-child(4),.sp_point_column3 .column3:nth-child(4) {
        margin-top: 2%
    }

    .no_separate .sp_column3 {
        width: 33.33%;
        margin-left: 0;
        margin-top: 0
    }

    .block_border .sp_column4,.sp_column4 {
        float: left;
        width: 24%;
        margin: 2% 0 0 1.33%;
        padding: 5px
    }

    .sp_column4 p {
        font-size: 24px
    }

    .sp_column4:nth-child(2n-1),.sp_column4:nth-child(3n-2) {
        margin-left: 1.33%
    }

    .sp_column4:nth-child(4n-3) {
        margin-left: 0
    }

    .sp_column4:nth-child(1),.sp_column4:nth-child(2),.sp_column4:nth-child(3),.sp_column4:nth-child(4) {
        margin-top: 0
    }

    .no_separate .sp_column4 {
        width: 25%;
        margin-left: 0;
        margin-top: 0
    }

    .sp_no_display {
        background: 0 0!important;
        font-size: 0!important;
        line-height: 0!important
    }

    .order-option ul li {
        width: 46%
    }

    .order-option ul li img {
        height: auto
    }
}