#contents {
 width: 1300px;
}
#contents a {
 text-decoration: none;
}
#contents a:hover {
 color: #cca68b;
}
/*#タイトル
===============================*/
#titleBox {
 position: relative;
 padding: 20px 30px 70px;
 margin-bottom: 20px;
 background: transparent linear-gradient(180deg, #f2ecdb 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}
#titleBox h1 {
 font-size: 30px;
 color: #52392B;
 line-height: 55px;
}
#titleBox p#summary {
 font-size: 16px;
 padding: 15px 20px 10px 5px;
 position: relative;
 height: 40px;
 max-width: 770px;
 overflow: hidden;
}
#see_more {
 position: absolute;
 top: 88px;
 left: 840px;
 box-shadow: 0px 0px 10px #eaeaea;
}
#see_more a {
 color: #159DD9;
}
#titleBox img {
 float: right;
 position: relative;
 top: -110px;
 left: 20px;
 height: 155px;
 width: auto;
}
#subTitle {
 margin-top: 52px;
}
#subTitle p {
 width: 100px;
 height: 80px;
 float: left;
 position: relative;
 z-index: 1;
}
#subTitle h2 {
 color: #52392B;
 padding: 10px 15px 20px 5px !important;
 border-bottom: 2px solid #DBBD94;
}
#subIcon {
 padding: 0 5px 10px 0;
 background: #fff;
}
.order_comment {
 position: absolute;
 right: 390px;
 top: 177px;
 margin-top: 20px;
 padding: 10px;
 background: #E8F3F9;
 border-radius: 8px;
 width: 300px;
 height: 47px;
}
.order_comment:before {
 display: block;
 content: '';
 width: 0px;
 height: 0px;
 position: absolute;
 top: 18px;
 left: -28px;
 font-size: 34px;
 color: #E8F3F9;
 border: transparent 13px solid;
 border-right: #E8F3F9 19px solid;
}
.order_comment:after {
 display: block;
 content: '';
 width: 68px;
 height: 60px;
 position: absolute;
 top: 3px;
 left: -80px;
 background: url(/img/cardboard-coment.png) no-repeat;
}
/*ランキング
===============================*/
#discount_rankBox, .rankBox_multi {
 clear: both;
 margin: 40px 0;
}
#discount_rankBox .product_box + .product_box, .rankBox_multi .product_box + .product_box {
 margin: 0 0 0 25px;
}
#discount_rankBox .product_box, .rankBox_multi .product_box {
 width: 195px;
}
#discount_rankBox .product_photo, .rankBox_multi .product_photo {
 width: 180px;
}
#discount_rankBox, .h2 {
 background: url(/img/common/icon-title_king.svg) no-repeat;
}
#discount_rankBox .product_box h3, .rankBox_multi .product_box h3 {
 position: absolute;
 bottom: -46px;
 width: 182px;
}
#discount_rankBox .product_icon li.active, .rankBox_multi .product_icon li.active {
 color: #fff;
 background-color: #E23619;
}
#discount_rankBox .product_innersize, .rankBox_multi .product_innersize {
 margin-top: -3px;
 color: #53392B;
 font-size: 14px;
 font-weight: 700;
}
#discount_rankBox .review_star {
 position: relative;
 top: -5px;
}
/*対応サービスアイコン-ランキング
===============================*/
#discount_rankBox .size-60, #discount_rankBox .size-70, #discount_rankBox .size-80, #discount_rankBox .size-90, #discount_rankBox .size-100, #discount_rankBox .size-120, #discount_rankBox .size-130, #discount_rankBox .size-140, #discount_rankBox .size-160, #discount_rankBox .size-170, #discount_rankBox .size-180 {
 width: 82px;
}
#discount_rankBox .size_kuriposu, #discount_rankBox .size_yuupake, #discount_rankBox .size_kuroneko, #discount_rankBox .size_nekoposu, #discount_rankBox .size_teikeigai, #discount_rankBox .size_yuumail {
 width: 87px;
}
/*ランキングアイコン-王冠
===============================*/
#discount_rankBox .product_rank, .rankBox_multi .product_rank {
 top: -10px;
 left: 65px;
 width: 63px;
 height: 42px;
 background-repeat: no-repeat;
 background-position: center 0;
 border-radius: 4px;
 display: block;
 position: absolute;
 z-index: 1;
}
#discount_rankBox .rank-1, .rankBox_multi .rank-1 {
 background-image: url(/img/common/rank-img1.png);
 background-size: 40px;
}
#discount_rankBox .rank-2, .rankBox_multi .rank-2 {
 background-image: url(/img/common/rank-img2.png);
 background-size: 40px;
}
#discount_rankBox .rank-3, .rankBox_multi .rank-3 {
 background-image: url(/img/common/rank-img3.png);
 background-size: 40px;
}
#discount_rankBox .rank-4, .rankBox_multi .rank-4 {
 background-image: url(/img/common/rank-img4.png);
 background-size: 40px;
}
#discount_rankBox .rank-5, .rankBox_multi .rank-5 {
 background-image: url(/img/common/rank-img5.png);
 background-size: 40px;
}
#discount_rankBox .rank-6, .rankBox_multi .rank-6 {
 background-image: url(/img/common/rank-img6.png);
 background-size: 40px;
}
/*#定番
===============================*/
#teibanBox {
 margin: 0px 10px 40px 30px;
}
.teibanItem {
 width: 610px;
 float: left;
 margin: 24px 3px;
 position: relative;
}
.rightBox {
 float: right;
 width: 365px;
}
.teibanItem img {
 float: left;
 margin-right: 15px;
 border-radius: 5px;
}
.teibanItem li {
 font-weight: bold;
}
.teibanItem .product_favorite {
 display: inline-block;
 top: 5px;
 right: 48px;
 position: relative;
}
.teibanItem h3 {
 display: block;
 margin-bottom: 10px;
 margin-top: -27px;
 height: 26px;
}
.teibanItem h3 {
 display: block;
 margin-bottom: 46px;
 margin-top: -21px;
 height: 15px;
}
.teibanItem h3 span {
 display: block;
 font-weight: bold;
}
.teibanItem a {
 font-size: 18px;
 color: #52392B;
 font-weight: bold;
}
.teibanItem ul {
 display: block;
}
.teibanTanka {
 color: #E23619;
}
.teibanItem .with_cart {
 width: 140px;
 position: relative;
 float: left;
 margin-left: 0px;
}
.teibanItem .with_cart .small_button input {
 width: 140px;
}
.teibanText {
 margin-bottom: -5px;
 overflow: hidden;
}
.teibanItem .review_star {
 margin: 0 0 10px;
}
.no {
 position: absolute;
 top: -13px;
 left: 95px;
}
.product_rank {
 left: 82px;
}
.product_favorite button {
 right: 23px;
 top: 5px;
}
.product_flute img {
 position: absolute;
 top: 170px;
 left: 30px;
}
.product_papersize {
 width: 40px;
 border: solid 1px #F6AC2B;
 text-align: center;
 color: #53392B;
 font-size: 18px;
 padding: 2px;
 border-radius: 5px;
 font-weight: bold;
 background: #FFFFF7;
 position: absolute;
 top: 130px;
 left: 30px;
}
/*一覧
==================*/
#resultBox h2 {
 padding-left: 9px
}
#resultBox div.product_box {
 width: 225px;
 padding: 0 17px 36px;
 height: 427px;
}
#resultBox .product_text2 {
 display: none;
}
#resultBox div.product_format li.product_Country {
 color: #fff;
 background-color: #53392b;
}
#resultBox li.product_id {
 position: absolute;
 left: 18px;
}
#resultBox .product_favorite button.mylistOFF {
 position: absolute;
 right: 23px;
 top: 5px;
}
.review_star {
 color: #f6ac2b;
 font-size: 16px;
 position: absolute;
 bottom: 81px;
}
.review_star a {
 font-weight: normal;
 font-size: 14px;
 color: #159dd9;
}
#resultBox .product_box h3 {
 font-size: 14px;
 color: #333;
 line-height: 1.7;
 height: 48px;
 overflow: hidden;
 background: none;
 font-weight: normal;
 width: 230px;
 position: absolute;
 top: 312px;
 left: 17px;
}
.small_button {
 bottom: -73px;
}
#resultBox .small_button.add_arrow {
 top: 48px;
}
#resultBox .mail_icon {
 display: none;
}
/*========#paper_contents==========*/
#paper_contents #searchSheetBox h2 {
 background: url(/img/common/icon-title_danboru1.svg) no-repeat;
}
#paper_contents #searchSheetBox h2 span {
 font-size: 16px;
}
#paper_contents #searchSheetBox p {
 width: 605px;
 float: left;
 padding: 20px 10px;
 background: #FAF7EF;
}
#paper_contents #sheet_select {
 width: 470px;
 height: 150px;
 float: right;
 background: url(/img/top-paper_size.png) no-repeat;
 background-size: 150px;
 padding-left: 180px;
}
#paper_contents #sheet_select #sheetHaba {
 margin: 15px 0;
}
#paper_contents #sheet_select #sheetUl span {
 width: 60px;
 display: block;
 float: left;
}
#paper_contents #sheet_select #sheetTeikei {
 width: 165px;
 padding: 5px;
 background: #efefef;
 border: none;
 border-radius: 5px;
}
#paper_contents input#l, #paper_contents input#w {
 height: 24px;
 width: 63px;
 border-radius: 5px;
 border: 1px #C4C4C4 solid;
 margin-right: 10px;
 padding-left: 5px;
}
input#sheetClearBtn {
 color: #7f7f7f;
 background: transparent linear-gradient(180deg, #fff 0%, #DEDEDE 100%, #f5f5f5 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 5px 5px;
 font-weight: bold;
 width: 150px;
 margin-left: 50px;
 position: relative;
 top: -5px;
}
.photoBox {
 width: 225px;
 height: 225px;
}
/*com自動板*/
.photoBoxX {
 width: 225px;
 height: 225px;
 background: #f4efe3;
 position: relative;
}
.photoBoxX .paperX {
 position: absolute;
}
.photoBoxX .paperXW {
 position: absolute;
 border: 1px #bbb solid;
}
.paperXhito {
 position: absolute;
 top: 0;
 left: 0;
 width: 225px;
 height: 225px;
}
.Xitem .with_cart {
 display: none;
}
#checkOption {
 clear: both;
 background: #fff;
 margin: 0 25px 15px 8px;
 padding: 15px;
}
#checkOption h3 {
 border-bottom: 1px #999 solid;
}
#checkOption p {
 padding: 5px 5px 0;
}
#checkOption h4 {
 background: #ddd;
 padding: 2px 3px;
 margin: 10px 0 3px;
}
#checkOption label {
 padding: 0 10px 0 0;
 display: inline-block;
}
#checkOption input {
 margin: 10px 5px 20px;
 padding: 5px 10px;
}
/*#customer_voiceBox
===============================*/
#customer_voiceBox {
 margin-top: 0;
 margin-bottom: 50px;
}
#customer_voiceBox li {
 border: 3px #DBBD94 solid;
 border-radius: 5px;
 width: 370px;
 padding: 20px;
 margin-bottom: 15px;
 float: left;
 height: 225px;
 overflow-y: scroll;
 overflow-x: hidden;
 position: relative;
}
#customer_voiceBox .scroll {
 width: 1300px;
 overflow-x: scroll;
}
#customer_voiceBox ul {
 width: max-content;
}
#customer_voiceBox li + li {
 margin-left: 15px;
}
#customer_voiceBox h2 {
 padding-left: 50px;
 padding-bottom: 10px;
 margin: 50px 0 30px 0;
 font-size: 24px;
}
#customer_voiceBox h2:before {
 background-image: url(/img/common/icon-thank-red.png);
 display: block;
 content: '';
 left: -13px;
 width: 68px;
 height: 68px;
 position: absolute;
 top: -19px;
}
#customer_voiceBox #voice_button {
 float: none;
 width: 502px;
 margin: 25px auto 0 !important;
 margin: 25px auto;
}
#customer_voiceBox #voice_button .button-brown {
 position: relative;
 font-size: 16px;
 display: block;
 width: 500px;
 text-align: center;
}
#customer_voiceBox #voice_button .button-brown:hover {
 background: transparent linear-gradient(180deg, #963 0%, #53392B 100%, #53392B 100%) 0% 0% no-repeat padding-box;
 opacity: .8;
}
.voice_name {
 background: #FAF7EF;
 position: relative;
 padding: 10px 0 10px 80px;
 width: 320px;
 margin: -15px 0 10px -15px;
}
.voice_name:before {
 display: block;
 content: '';
 left: 23px;
 width: 34px;
 height: 34px;
 background-size: 34px;
 border: none;
 background-image: url(/img/common/icon-uservaice_user.png);
 background-repeat: no-repeat;
 position: absolute;
 top: 5px;
}
p.voice_staff {
 position: relative;
 padding: 70px 0 0 0;
 font-size: 12px;
}
.voice_staff:after {
 display: block;
 content: '';
 left: 13px;
 width: 35px;
 height: 35px;
 border: none;
 background-image: url(/img/common/icon-uservaice_responsible.png);
 background-size: 35px;
 position: absolute;
 top: 25px;
}
.voice_response {
 background: #FFF7F7;
 margin: -83px 0 0 80px;
 padding: 8px;
 border-radius: 5px;
 position: relative;
}
p.voice_response:before {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-right: 20px transparent solid;
 border-top: 17px #FFF7F7 solid;
 position: absolute;
 left: -9px;
 top: 20px;
 transform: translate(0, 0) rotate(-50deg);
}
.voice_detail {
 font-size: 14px;
 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #ffff 50%, #ffff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #7F592E 97%, #7F592E 100%);
 background-size: 8px 100%, 100% 2em;
 line-height: 2;
}
.voice_date {
 display: inline-block;
 margin: 0 0 0 110px;
}
#customer_voiceBox .more_bottom {
 position: absolute;
 top: 328px;
 background: #fff;
 width: 440px;
 left: 12px;
 height: 30px;
 cursor: pointer;
}
#customer_voiceBox .more_bottomO {
 color: #159DD9;
 font-size: 15px;
 margin: 0 0 0 -18px;
 background: #fff;
 width: 390px;
 left: 12px;
 height: 30px;
 position: relative;
}
#customer_voiceBox .more_bottomO:after {
 display: block;
 content: '';
 left: 83px;
 width: 10px;
 height: 10px;
 border: none;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 -webkit-transform: translate(0, 0) rotate(270deg);
 transform: translate(0, 0) rotate(270deg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transition: .2s;
 transition: .2s;
 position: absolute;
 top: 6px;
}
/*#contents_link_Box
============================*/
#contents_link_Box {
 margin-bottom: 50px;
}
#contents_link h2 {
 padding-left: 0px;
}
#contents_link_Box li {
 position: relative;
 float: left;
}
#contents_link_Box li + li {
 margin-left: 25px;
}
#contents_link_Box li a {
 display: block;
 width: 244px;
 padding: 10px 10px 10px 50px;
 height: 20px;
 line-height: 20px;
 border: solid 1px #c4c4c4;
 color: #159DD9;
}
#contents_link_Box li a:after {
 position: absolute;
 right: 15px;
 top: 15px;
 display: block;
 content: '';
 width: 10px;
 height: 10px;
 border-right: solid 2px #c4c4c4;
 border-bottom: solid 2px #c4c4c4;
 transform: rotate(-45deg);
}
#contents_link_Box li .icon-sideA {
 background: url(/img/search-icon-sideA.png) no-repeat top 0 left 5px;
 background-size: 40px;
}
#contents_link_Box li .icon-sideT {
 background: url(/img/search-icon-sideT.png) no-repeat top 0 left 5px;
 background-size: 38px;
}
#contents_link_Box li .icon-sideK {
 background: url(/img/common/nav-icon08.png) no-repeat top 5px left -8px;
 background-size: 70px;
}
#contents_link_Box li .icon-sideW {
 background: url(/img/search-icon-sideFGf.png) no-repeat top 0 left 5px;
 background-size: 38px;
}
#contents_link_Box li .icon-sideH {
 background: url(/img/search-icon-sideH.png) no-repeat top 0 left 5px;
 background-size: 38px;
}
#contents_link_Box li .icon-sideF {
 background: url(/img/icon_fuutou.png) no-repeat top 0 left 5px;
 background-size: 38px;
}
#contents_link_Box_main {
 margin-top: 30px;
}
#contents_link_Box_main li a {
 position: relative;
 display: block;
 width: 615px;
 height: 50px;
 padding: 10px;
 border: solid 1px #c4c4c4;
 background: #f2f2f5;
}
#contents_link_Box_main li + li {
 margin-left: 25px;
}
#contents_link_Box_main .icon-mail:before {
 position: absolute;
 right: 2px;
 top: 0px;
 background: url(/img/link-main1.png)no-repeat top -50px left 0;
 background-size: 145px;
 display: block;
 content: '';
 width: 135px;
 height: 65px;
}
#contents_link_Box_main .icon-small:before {
 position: absolute;
 right: -5px;
 top: 2px;
 background: url(/img/link-main2.png)no-repeat top -33px left -1px;
 display: block;
 content: '';
 width: 137px;
 height: 65px;
}
#contents_link_Box_main .icon-nekoposu:before {
 position: absolute;
 right: 0;
 top: 0;
 background: url(/img/nekopos_link-main1.png)no-repeat top 0 left 0;
 display: block;
 content: '';
 width: 224px;
 height: 77px;
}
#contents_link_Box_main li a h3 {
 position: relative;
 font-weight: bold;
 font-size: 18px;
 line-height: 12px;
}
#contents_link_Box_main li a:after {
 display: none;
}
#contents_link_Box_main li a h3:after {
 position: absolute;
 top: 30px;
 display: block;
 content: '';
 width: 10px;
 height: 10px;
 border-right: solid 2px #c4c4c4;
 border-bottom: solid 2px #c4c4c4;
 transform: rotate(-45deg);
}
#contents_link_Box_main li .icon-mail h3:after {
 right: 275px;
}
#contents_link_Box_main li .icon-small h3:after {
 right: 245px;
}
#contents_link_Box_main li .icon-nekoposu h3:after {
 right: 255px;
}
#contents_link_Box_main li a h3 span {
 display: inline-block;
 background: #fff;
 padding: 5px;
 margin-bottom: 9px;
 line-height: 12px;
 font-size: 14px;
}
/*#faqBox
===============================*/
#faqBox {
 clear: both;
 margin: 60px 0;
}
#faqBox div {
 border: 1px #DBBD94 solid;
 border-radius: 5px;
 padding: 20px;
 margin-bottom: 25px;
}
#faqBox h2 {
 background: url(/img/common/icon-title_q.svg) no-repeat;
}
#faqBox h3 {
 background: url(/img/cardboard-icon_q.png) no-repeat;
 padding: 10px 0 25px 50px;
 background-size: 36px;
 font-weight: bold;
 font-size: 18px;
 color: #333333;
}
#faqBox p {
 background: url(/img/cardboard-icon_a.png) no-repeat;
 padding: 10px 0 25px 50px;
 background-size: 36px;
 background-position: 0 11px;
}
#faqBox p#faq_more {
 display: block;
 background: none;
 padding: 0;
 text-align: right;
 position: relative;
 top: 0px;
}
#faqBox a {
 color: #159DD9;
}
#faq_more a {
 margin: 0 0 0 20px;
 position: relative;
 bottom: 0;
}
/*#flute_contents
===============================*/
#flute_contents {
 margin-top: -120px;
 padding-top: 140px;
}
#flute_contents h2 {}
#flute_contents h3 {
 margin-top: 20px;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
}
#flute_contents table {
 border-collapse: collapse;
 border-spacing: 0;
}
#flute_contents table th {
 padding: 10px;
 border: solid 1px #c4c4c4;
 background: #FAF7EF;
}
#flute_contents table td {
 padding: 10px;
 border: solid 1px #c4c4c4;
}
#flute_contents table img {
 display: block;
 margin: 0 auto;
}
#paper_title {
 margin-top: -130px;
 padding-top: 130px;
}
#paper_title h2 {
 padding-left: 0px;
}
/*数量/単価の選択 モーダル
===================================*/
#modal_cart .review_star {
	position: static;
}