@charset "UTF-8";
/*=============================================================
 goods
=============================================================*/
#goods .itemHeader { padding: 19px 15px 23px; border-top: 3px solid; border-bottom: 2px solid #e1e1e1; background: no-repeat 95% center; }
#goods .itemHeader .label { margin-bottom: 13px; }
#goods .itemHeader .label .itemLabel01 { display: inline-block; line-height: 1; padding: 12.5px 18px 10px 42px; border-radius: 6px; background: no-repeat 15px center; color: #fff; font-size: 19.2px; font-size: 1.2rem; }
#goods .itemHeader .tit { line-height: 1.15; margin-bottom: 10px; font-weight: bold; font-size: 32px; font-size: 2rem; }
#goods .itemHeader .goodsNum { font-size: 17.6px; font-size: 1.1rem; }
@media screen and (min-width: 600px) { #goods .itemHeader { padding: 30px 0 34px; background-position: right center; }  #goods .itemHeader .label { margin-bottom: 25px; }  #goods .itemHeader .label .itemLabel01 { padding: 19px 25px 15px 62px; background-position: 24px center; font-size: 1.6rem; }  #goods .itemHeader .tit { margin-bottom: 12px; font-size: 3.6rem; letter-spacing: .06em; }  #goods .itemHeader .goodsNum { font-size: 1.5rem; } }
#goods .summary { padding: 15px; }
#goods .summary .gallery { margin-bottom: 18px; }
#goods .summary .gallery .galleryItemMain { float: left; width: 75%; overflow: hidden; margin-right: 2%; }
#goods .summary .gallery .galleryItemMain.only { float: none; width: 100%; }
#goods .summary .gallery .galleryItemMain.movie { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
#goods .summary .gallery .galleryItemMain.movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#goods .summary .gallery .galleryItemSub { float: right; width: 23%; overflow: hidden; }
#goods .summary .gallery .galleryItemSub .item + .item { margin-top: 10%; }
#goods .summary .details .goodsTxt { margin-bottom: 16px; }
#goods .summary .details .icoList li { display: inline-block; position: relative; box-sizing: border-box; width: 60px; height: 60px; padding: 3px; border-radius: 6px; background: #e20; vertical-align: middle; }
#goods .summary .details .icoList li .inset { display: table; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #fff; }
#goods .summary .details .icoList li .inset .inTxt { display: table-cell; line-height: 1.125; color: #fff; font-weight: bold; font-size: 16px; font-size: 1rem; text-align: center; vertical-align: middle; letter-spacing: 0; }
#goods .summary .options { margin: 12.5px 0 10px; padding: 10px; border-radius: 5px; }
#goods .summary .options ul li { box-sizing: border-box; line-height: 1; margin-bottom: 4px; padding: 7.5px 0; border: 2px solid; border-radius: 7px; background-color: #fff; font-weight: bold; font-size: 24px; font-size: 1.5rem; text-align: center; }
#goods .summary .options ul li img { display: inline-block; width: 29px; height: auto; margin-right: 10px; vertical-align: middle; }
@media screen and (min-width: 600px) { #goods .summary { padding: 35px 0; }  #goods .summary .gallery { margin-bottom: 25px; }  #goods .summary .details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #goods .summary .details .goodsTxt { width: 530px; padding-right: 20px; }  #goods .summary .details .icoList { width: 170px; text-align: right; }  #goods .summary .details .icoList li { width: 80px; height: 80px; margin: 3px 0; }  #goods .summary .details .icoList li .inset .inTxt { line-height: 1.1; font-size: 1.6rem; }  #goods .summary .options { border-radius: 10px; }  #goods .summary .options ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -2px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #goods .summary .options ul li { width: calc(50% - 4px); margin: 0 2px 2px 2px; padding: 16.5px 0; font-size: 1.8rem; }  #goods .summary .options ul li img { width: 35px; } }
#goods .section .inner { padding: 15px; }
#goods .section .gallery { margin-bottom: 15px; }
#goods .section .table { margin-bottom: 15px; }
#goods .section .table th , #goods .section .table td { box-sizing: border-box; padding: 15px; border: 1px solid #e1e1e1; font-size: 22.4px; font-size: 1.4rem; vertical-align: top; }
#goods .section .table th { background: #f0f0f0; font-weight: bold; }
#goods .section .table.table01 th { width: 135px; }
#goods .section .table .colorSet { line-height: 1; margin-bottom: 12px; }
#goods .section .table .colorSet > span { display: inline-block; box-sizing: border-box; width: 15px; height: 15px; margin: 0 4.5px -4.5px; border: 1px solid transparent; }
#goods .section .table .colorSet > span.pink { background-color: #f1c8dd; }
#goods .section .table .colorSet > span.yellow { background-color: #fefac4; }
#goods .section .table .colorSet > span.blue { background-color: #b1ddf7; }
#goods .section .table .colorSet > span.green { background-color: #d7e7c2; }
#goods .section .table .colorSet > span.white { border-color: #c9c9c9; background-color: #fff; }
#goods .section .boxSet01 { margin-bottom: 15px; border: 1px solid #d9d9d9; }
#goods .section .boxSet01 .tit { position: relative; padding: 10px 5px 10px 60px; background: #f0f0f0; font-weight: bold; font-size: 22.4px; font-size: 1.4rem; }
#goods .section .boxSet01 .tit .glory { position: absolute; top: -5px; left: 8px; width: 48.5px; }
#goods .section .boxSet01 .imgAsset { overflow: hidden; padding: 15px 7.5px; }
#goods .section .boxSet01 .imgAsset .imgSet { position: relative; float: left; box-sizing: border-box; width: 50%; padding: 0 7.5px; }
#goods .section .boxSet01 .imgAsset .imgSet .label { position: absolute; top: 0; left: 7.5px; line-height: 1; padding: 5px 7.5px; color: #fff; font-size: 12px; font-size: .75rem; }
#goods .section .boxSet01 .imgAsset .imgSet img { display: block; margin-bottom: 6px; }
#goods .section .boxSet01 .imgAsset .imgSet .caption { font-weight: bold; font-size: 17.6px; font-size: 1.1rem; text-align: center; }
#goods .section .boxSet01 .txt { padding: 0 15px 15px; }
#goods .section .boxSet02 { margin-bottom: 10px; padding: 15px; border: 2px solid; border-radius: 10px; background-size: 8px 8px; }
#goods .section .boxSet02 .tit { position: relative; margin-bottom: 10px; padding-left: 24px; font-weight: bold; font-size: 25.6px; font-size: 1.6rem; }
#goods .section .boxSet02 .tit:before { position: absolute; top: 6px; left: 0; width: 16px; height: 15px; background: no-repeat center top; background-size: contain; content: ""; }
#goods .section .boxSet02 .txt { padding-left: 24px; font-size: 16px; font-size: 1rem; }
#goods .section .priceSet01 { padding-top: 5px; }
#goods .section .priceSet01 + .priceSet01 { padding-top: 15px; }
#goods .section .priceSet01 .tit { position: relative; margin-bottom: 16px; padding: 4px 0; border-radius: 60px; color: #fff; text-align: center; }
#goods .section .priceSet01 .tit:before { position: absolute; bottom: -23px; left: 50%; width: 0; height: 0; border: 13px solid transparent; border-top-width: 10px; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#goods .section .priceSet01 .tit .itemName { display: inline-block; font-weight: bold; font-size: 25.6px; font-size: 1.6rem; vertical-align: middle; }
#goods .section .priceSet01 .tit .itemType { display: inline-block; margin-left: .5em; font-weight: bold; font-size: 22.4px; font-size: 1.4rem; vertical-align: middle; }
#goods .section .priceSet01 .table { margin-bottom: 6px; }
#goods .section .priceSet01 .table th { overflow: hidden; text-align: right; vertical-align: middle; }
#goods .section .priceSet01 .table th .name { float: left; font-weight: bold; }
#goods .section .priceSet01 .table th .num { font-weight: bold; text-align: right; }
#goods .section .priceSet01 .table td { line-height: 1; color: #e20; font-weight: bold; font-size: 27.2px; font-size: 1.7rem; text-align: center; vertical-align: middle; white-space: nowrap; }
#goods .section .priceSet01 .table td .unitCost { display: inline-block; font-weight: bold; font-size: 19.2px; font-size: 1.2rem; vertical-align: bottom; }
#goods .section .priceSet01 .table td .mod_btn06 { width: 100%; max-width: 200px; padding: 0; }
#goods .section .priceSet01 .table td .mod_btn06 a , #goods .section .priceSet01 .table td .mod_btn06 button { padding: 12px 10px; }
#goods .section .priceSet01 .table td .mod_btn06 a:before , #goods .section .priceSet01 .table td .mod_btn06 button:before { margin-right: 7px; }
#goods .section .priceSet01 .small { font-size: 16px; font-size: 1rem; text-align: right; }
#goods .section .exampleSet01 { margin: 15px 0 20px; padding: 15px; border-radius: 10px; background: #f4f4f4; }
#goods .section .exampleSet01 .tit { position: relative; line-height: 1; margin-bottom: 14px; padding-left: 1em; font-weight: bold; font-size: 22.4px; font-size: 1.4rem; }
#goods .section .exampleSet01 .tit:before { position: absolute; top: 0; left: 0; width: 5px; height: 105%; border-radius: 2px; background: #e20; content: ""; }
#goods .section .exampleSet01 .box { padding: 15px; border: 2px solid #e1e1e1; border-radius: 6px; background: #fff; }
#goods .section .exampleSet01 .box .exampleTxt { font-weight: bold; font-size: 19.2px; font-size: 1.2rem; }
#goods .section .exampleSet01 .box .exampleResult { line-height: 1; margin-top: 5px; color: #e20; font-weight: bold; font-size: 28.8px; font-size: 1.8rem; }
#goods .section .exampleSet01 .box .exampleResult .equal { display: inline-block; margin-right: 10px; color: #7f7f7f; font-weight: bold; font-size: 22.4px; font-size: 1.4rem; vertical-align: middle; }
#goods .section .exampleSet01 .box .exampleResult .repletion { display: inline-block; margin-left: 5px; font-weight: bold; font-size: 16px; font-size: 1rem; vertical-align: bottom; }
#goods .section .contactFlowline { position: relative; margin: 15px 0 35px; padding: 15px; border: 2px solid #e20; border-radius: 6px; text-align: center; }
#goods .section .contactFlowline:before { position: absolute; bottom: -60px; left: 50%; width: 0; height: 0; border: 40px solid transparent; border-top: 20px solid #e20; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#goods .section .contactFlowline:after { position: absolute; bottom: -55px; left: 50%; width: 0; height: 0; border: 38px solid transparent; border-top: 18px solid #fff; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#goods .section .contactFlowline .txt { font-weight: bold; font-size: 22.4px; font-size: 1.4rem; }
#goods .section .contactFlowline .txt .is_clr { color: #e20; font-weight: bold; }
@media screen and (min-width: 600px) { #goods .section .inner { padding: 30px 0; }  #goods .section .gallery { margin-bottom: 33px; }  #goods .section .details { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 52px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #goods .section .details .table01 { width: 380px; margin-bottom: 0; }  #goods .section .details .table01 th { width: 180px; }  #goods .section .details .overview { width: calc( 100% - 407px); }  #goods .section .boxSet01 { margin-bottom: 31px; }  #goods .section .boxSet01 .tit { padding: 11px 0 12px; font-size: 2rem; text-align: center; }  #goods .section .boxSet01 .tit .glory { top: -20px; left: 80px; width: 90px; height: 90px; }  #goods .section .boxSet01 .imgAsset { padding: 30px 20px 15px; }  #goods .section .boxSet01 .imgAsset .imgSet { padding: 0 10px; }  #goods .section .boxSet01 .imgAsset .imgSet .label { left: 10px; padding: 10px 12px; font-size: 1.5rem; }  #goods .section .boxSet01 .imgAsset .imgSet img { margin-bottom: 10px; }  #goods .section .boxSet01 .imgAsset .imgSet .caption { font-size: 1.6rem; }  #goods .section .boxSet01 .txt { padding: 0 30px 32px; }  #goods .section .boxSet02 { margin-bottom: 13px; padding: 32px; }  #goods .section .boxSet02 .tit { margin-bottom: 5px; padding-left: 34px; font-size: 2.4rem; }  #goods .section .boxSet02 .tit:before { width: 23px; height: 22px; }  #goods .section .boxSet02 .txt { padding-left: 34px; font-size: 1.4rem; }  #goods .section .priceSetWrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #goods .section .priceSet01 { width: 350px; padding-top: 0; }  #goods .section .priceSet01.full { width: 100%; }  #goods .section .priceSet01 + .priceSet01 { padding-top: 0; }  #goods .section .priceSet01 .tit { padding: 9px 0; }  #goods .section .priceSet01 .tit .itemName { font-size: 1.8rem; }  #goods .section .priceSet01 .tit .itemType { font-size: 1.5rem; }  #goods .section .priceSet01 .table th { width: 50%; }  #goods .section .priceSet01 .table th .name { font-size: 1.3rem; }  #goods .section .priceSet01 .table th .num { font-size: 1.5rem; }  #goods .section .priceSet01 .table td { font-size: 1.8rem; }  #goods .section .priceSet01 .table td .mod_btn06 { max-width: 240px; margin: 0 auto; }  #goods .section .priceSet01 .table td .mod_btn06 a , #goods .section .priceSet01 .table td .mod_btn06 button { padding: 15px 10px; }  #goods .section .exampleSet01 { margin: 25px 0 40px; padding: 28px 30px; }  #goods .section .exampleSet01 .tit { margin-bottom: 17px; font-size: 1.7rem; }  #goods .section .exampleSet01 .box { padding: 18px 25px; }  #goods .section .exampleSet01 .box .exampleTxt { display: inline-block; line-height: 1.4; font-size: 1.6rem; vertical-align: middle; }  #goods .section .exampleSet01 .box .exampleResult { display: inline-block; margin-top: 0; font-size: 2.4rem; vertical-align: middle; }  #goods .section .exampleSet01 .box .exampleResult .repletion { margin-right: 0; font-size: 1.4rem; }  #goods .section .contactFlowline { margin: 20px 0 15px; border-width: 3px; }  #goods .section .contactFlowline .txt { font-size: 2.2rem; } }
/*=============================================================
 fusen
=============================================================*/
#goods .fusen .itemHeader { border-top-color: #b37a00; background-image: url(../img/item/tit_bg01.png); background-size: 100px; }
@media screen and (min-width: 600px) { #goods .fusen .itemHeader { background-size: 200px; } }
#goods .fusen .itemHeader .itemLabel01 { background-color: #b37a00; background-image: url(../img/item/ico_fusen.png); background-size: 20px; }
@media screen and (min-width: 600px) { #goods .fusen .itemHeader .itemLabel01 { background-size: 30px; } }
#goods .fusen .summary .options { background-color: #ecd9b1; }
#goods .fusen .summary .options ul li { color: #b37a00; }
#goods .fusen .section .boxSet01 .imgAsset .imgSet .label { background: #b37a00; }
#goods .fusen .section .boxSet02 { border-color: #b37a00; background-image: -webkit-linear-gradient(135deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); background-image: linear-gradient(-45deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); }
#goods .fusen .section .boxSet02 .tit { color: #b37a00; }
#goods .fusen .section .priceSet01 .tit { background: #b37a00; }
#goods .fusen .section .priceSet01 .tit:before { border-top-color: #b37a00; }
/*=============================================================
 novelty ノベルティ
=============================================================*/
#goods .novelty .itemHeader { border-top-color: #167e98; background-image: url(../img/item/tit_bg02.png); background-size: 100px; }
@media screen and (min-width: 600px) { #goods .novelty .itemHeader { background-size: 200px; } }
#goods .novelty .itemHeader .itemLabel01 { background-color: #167e98; background-image: url(../img/item/ico_novelty.png); background-size: 20px; }
@media screen and (min-width: 600px) { #goods .novelty .itemHeader .itemLabel01 { background-size: 30px; } }
#goods .novelty .summary .options { background-color: #ecd9b1; }
#goods .novelty .summary .options ul li { color: #167e98; }
#goods .novelty .section .boxSet01 .imgAsset .imgSet .label { background: #167e98; }
#goods .novelty .section .boxSet02 { border-color: #167e98; background-image: -webkit-linear-gradient(135deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); background-image: linear-gradient(-45deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); }
#goods .novelty .section .boxSet02 .tit { color: #167e98; }
#goods .novelty .section .priceSet01 .tit { background: #167e98; }
#goods .novelty .section .priceSet01 .tit:before { border-top-color: #167e98; }
/*=============================================================
 other その他
=============================================================*/
#goods .other .itemHeader { border-top-color: #f57f00; background-image: url(../img/item/tit_bg03.png); background-size: 100px; }
@media screen and (min-width: 600px) { #goods .other .itemHeader { background-size: 200px; } }
#goods .other .itemHeader .itemLabel01 { background-color: #f57f00; background-image: url(../img/item/ico_other.png); background-size: 20px; }
@media screen and (min-width: 600px) { #goods .other .itemHeader .itemLabel01 { background-size: 30px; } }
#goods .other .summary .options { background-color: #ecd9b1; }
#goods .other .summary .options ul li { color: #f57f00; }
#goods .other .section .boxSet01 .imgAsset .imgSet .label { background: #f57f00; }
#goods .other .section .boxSet02 { border-color: #f57f00; background-image: -webkit-linear-gradient(135deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); background-image: linear-gradient(-45deg, #fff8e9 25%, #fff2d6 25%, #fff2d6 50%, #fff8e9 50%, #fff8e9 75%, #fff2d6 75%, #fff2d6); }
#goods .other .section .boxSet02 .tit { color: #f57f00; }
#goods .other .section .priceSet01 .tit { background: #f57f00; }
#goods .other .section .priceSet01 .tit:before { border-top-color: #f57f00; }
/*=============================================================
/* #bunner
============================================================= */
#bunner { padding: 25px 15px 35px; }
#bunner .list .item + .item { margin-top: 15px; }
#bunner .list .item .img { margin-bottom: 10px; }
@media screen and (min-width: 600px) { #bunner { padding: 0 0 18px; }  #bunner .list .item { float: left; width: 345px; }  #bunner .list .item:nth-child(even) { float: right; }  #bunner .list .item + .item { margin-top: 0; }  #bunner .list .item .img { margin-bottom: 15px; } }
/*=============================================================
/* #otherItemSet
============================================================= */
#otherItemSet .title { padding: 13.5px 15px; background: #333; color: #fff; font-weight: bold; font-size: 21.6px; font-size: 1.35rem; text-align: center; }
#otherItemSet .title:before { display: inline-block; width: 27px; height: 20px; margin-right: 5px; background: no-repeat center; background-size: contain; opacity: .15; vertical-align: middle; content: ""; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; }
#otherItemSet .title.is_fusen:before { background-image: url(../img/item/ico_fusen.png); }
#otherItemSet .title.is_novelty:before { background-image: url(../img/item/ico_novelty.png); }
#otherItemSet .title.is_other:before { background-image: url(../img/item/ico_other.png); }
#otherItemSet .list { padding: 0 15px; }
#otherItemSet .list .item { padding: 10px 0; border-bottom: 1px solid #e1e1e1; }
#otherItemSet .list .item .img { float: left; width: 120px; padding-right: 10px; }
#otherItemSet .list .item .details { overflow: hidden; }
#otherItemSet .list .item .details .tit { margin-bottom: 5px; font-weight: bold; font-size: 25.6px; font-size: 1.6rem; }
#otherItemSet .list .item .details .txt { font-size: 20.8px; font-size: 1.3rem; }
@media screen and (min-width: 600px) { #otherItemSet { margin-bottom: 30px; padding: 30px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }  #otherItemSet .title { margin-bottom: 30px; padding: 5.5px 0; border-radius: 40px; font-size: 2.2rem; }  #otherItemSet .title:before { width: 46px; height: 37px; }  #otherItemSet .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -7.5px; padding: 0; }  #otherItemSet .list .item { width: 33.333333%; padding: 0 7.5px; border-bottom: 0; }  #otherItemSet .list .item .img { float: none; width: 100%; margin-bottom: 12px; padding-right: 0; }  #otherItemSet .list .item .details { overflow: visible; }  #otherItemSet .list .item .details .tit { font-size: 1.7rem; }  #otherItemSet .list .item .details .txt { font-size: 1.5rem; } }
/* #faq
-------------------------------------- */
#faq { margin: 25px 0 0; padding: 0 15px 40px; }
#faq .faqIn { padding: 30px 10px 10px; background: url(../img/home/bg_faq_sp.png) 100% 0 no-repeat; background-size: cover; }
#faq .head { padding-bottom: 15px; text-align: center; }
#faq .head .tit { display: inline-block; line-height: 1; margin-bottom: 5px; border-bottom: 2px dotted #303030; font-weight: 900; font-size: 48px; font-size: 3.0rem; }
#faq .head .tit .amp { font-weight: 900; font-size: 40px; font-size: 2.5rem; }
#faq .head .read { display: block; font-weight: bold; font-size: 19.2px; font-size: 1.2rem; }
#faq .list .item { background: #fff; }
#faq .list .item + .item { margin-top: 3px; }
#faq .list .item a { display: block; position: relative; line-height: 1.4; padding: 13px 30px 15px 45px; background: url(../img/home/ico_q01.png) 15px 15px no-repeat; background-color: #fff; background-size: 20px auto; font-size: 24px; font-size: 1.5rem; }
#faq .list .item a:before { position: absolute; top: 45%; right: 10px; width: 6px; height: 6px; border-top: 2px solid #e20; border-right: 2px solid #e20; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 600px) { #faq { padding: 0 0 50px; }  #faq .faqIn { padding: 45px 20px 20px; background: url(../img/home/bg_faq_pc.png) 50% 0 no-repeat; background-size: cover; }  #faq .head { padding-bottom: 13px; }  #faq .head .tit { margin-bottom: 5px; padding-bottom: 5px; font-size: 4.0rem; }  #faq .head .tit .amp { font-size: 3.4rem; }  #faq .head .read { font-size: 1.6rem; }  #faq .list .item + .item { margin-top: 4px; }  #faq .list .item a { line-height: 1.5; padding: 18px 30px 18px 60px; background: #fff url(../img/home/ico_q01.png) 20px 20px no-repeat; background-size: 23px auto; font-size: 1.6rem; }  #faq .list .item a:before { right: 15px; width: 6px; height: 6px; } }
/*# sourceMappingURL=maps/goods.css.map */