@charset "UTF-8";@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}.main-text-style,body{font-family:"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,"HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;font-size:18.5px}@media screen and (max-width:480px){.main-text-style,body{font-size:15.5px}}.main-body-style,body{background-color:#fff}.main-heading-style,h1,h2,h3,h4,h5,h6{font-family:"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,"HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;font-size:24px}.hover-anim{-webkit-transition:all .38s ease-out;-moz-transition:all .38s ease-out;-o-transition:all .38s ease-out;transition:all .38s ease-out}.purchase-button{display:block;width:274px;margin:0 auto;padding:7px 0;color:#fff;font-size:15px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,"游ゴシック Medium",YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;background-color:#53b432;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px}.purchase-button:hover{color:#fff;text-decoration:none;background-color:#81d366}@media screen and (max-width:720px){.purchase-button{width:100%;position:static}}span.new-line{display:block}@media screen and (max-width:480px){span.new-line{display:inline}}span.no-break{display:inline-block}@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}.main-text-style,body{font-family:"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,"HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;font-size:18.5px}@media screen and (max-width:480px){.main-text-style,body{font-size:15.5px}}.main-body-style,body{background-color:#fff}.main-heading-style,h1,h2,h3,h4,h5,h6{font-family:"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,"HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;font-size:24px}.hover-anim{-webkit-transition:all .38s ease-out;-moz-transition:all .38s ease-out;-o-transition:all .38s ease-out;transition:all .38s ease-out}.purchase-button{display:block;width:274px;margin:0 auto;padding:7px 0;color:#fff;font-size:15px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,"游ゴシック Medium",YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;background-color:#53b432;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px}.purchase-button:hover{color:#fff;text-decoration:none;background-color:#81d366}@media screen and (max-width:720px){.purchase-button{width:100%;position:static}}span.new-line{display:block}@media screen and (max-width:480px){span.new-line{display:inline}}span.no-break{display:inline-block}.footer-link-style,footer li a,footer a#link-to-sure-server{color:#393939}.footer-link-style:hover,footer li a:hover,footer a#link-to-sure-server:hover{color:#999}footer{padding:50px 0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,"游ゴシック Medium",YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;font-size:16px}footer a.logo{display:block;width:86px;margin:0 auto 16px}footer a.logo img{width:86px}footer ul{width:702px;margin:0 auto 18px;overflow:hidden;padding:0}@media screen and (max-width:860px){footer ul{width:100%}}footer li{float:left;padding:0 6px;border-right:1px solid #969696;list-style:none;font-size:13px}footer li:last-child{border:0}@media screen and (max-width:860px){footer li{float:none;text-align:center;border:0;margin-bottom:10px}}footer .description{margin-bottom:8px;font-size:11px;text-align:center}footer a#link-to-sure-server{display:block;margin:0 auto;width:120px;text-align:center;font-size:11px;text-decoration:underline}.navbar{background-color:#fff;border:0}@media screen and (max-width:480px){.container{padding-left:35px;padding-right:35px}}nav{padding:15px 0 0}@media screen and (max-width:480px){nav{padding:5px 0 0}}nav a.navbar-brand{display:block;width:131px;margin:0 auto}nav a.navbar-brand img{display:block}@media screen and (max-width:480px){nav a.navbar-brand{width:100%}nav a.navbar-brand img{position:static;width:100%}}@media screen and (max-width:480px){nav a.navbar-brand img{width:104.8px}}nav h1{z-index:100;display:block;width:354px;margin:0 auto;margin-top:50px}nav h1 img{display:block}@media screen and (max-width:480px){nav h1{width:100%}nav h1 img{position:static;width:100%}}@media screen and (max-width:480px){nav h1{position:absolute;width:80%;max-width: 300px;left: 50%;transform: translateX(-50%);}}header{height:570px;background-image:url(../images/jpg_img_heroimg.jpg);background-repeat:no-repeat;background-position:center 52%;background-size:cover}@media screen and (max-width:860px){header{height:399px}}@media screen and (max-width:480px){header{margin-top:120px}}header #background-wave-top{position:relative;width:100%;height:50px;margin-top:-59px;background-image:url(../images/bg_hero_top.png);background-repeat:no-repeat;background-position:center bottom}@media screen and (max-width:860px){header #background-wave-top{height:85px;margin-top:-74px;background-size:cover}}header #background-wave-bottom{width:100%;height:85px;margin-top:-90px;background-image:url(../images/bg_hero_btm.png);background-repeat:no-repeat;background-position:center 9px;bottom:0;position:relative}header #canvas-wave-top{margin-top:0}header #canvas-wave-bottom{margin-top:482px}@media screen and (max-width:860px){header #canvas-wave-bottom{margin-top:295px}} #balance-top-box{background-color:#f5ffe1;background-image:url(../images/bg_circle.png);background-repeat:no-repeat;background-position:center center;background-size:796.45px 776.9px;}@media screen and (max-width:860px){#balance-top-box{background-position:center 0;background-size:contain}}#balance-top-box h2.main-title{margin-top:-20px;z-index:100;display:block;width:465px;margin:0 auto}#balance-top-box h2.main-title img{position:absolute;margin-top:-20px}#balance-top-box h2.main-title img{display:block}@media screen and (max-width:480px){#balance-top-box h2.main-title{width:100%}#balance-top-box h2.main-title img{position:static;width:100%}}#balance-top-box h2#lineup-title{display:block;width:324px;margin:0 auto;margin-top:60px}#balance-top-box h2#lineup-title img{display:block}@media screen and (max-width:480px){#balance-top-box h2#lineup-title{width:100%}#balance-top-box h2#lineup-title img{position:static;width:100%}}@media screen and (max-width:480px){#balance-top-box h2#lineup-title img{position:static;width:90%;margin:0 auto}}#balance-top-box p{max-width:800px;margin:4px auto 0;line-height:1.9;text-align:center}#balance-top-box p.intro{margin-top:145px;line-height:2.4;font-size:20.5px}@media screen and (max-width:480px){#balance-top-box p.intro{margin-top:30px;font-size:15.5px;text-align:left}}#balance-top-box p.lineup-message{margin-top:22px}@media screen and (max-width:480px){#balance-top-box p.lineup-message{width:100%;text-align:left}}#balance-top-box #case-icons{width:1032px;margin:30px auto 0;overflow:hidden}@media screen and (max-width:1060px){#balance-top-box #case-icons{width:100%}}#balance-top-box #case-icons img{display:block;position:relative;z-index:100;float:left}@media screen and (max-width:1060px){#balance-top-box #case-icons img{float:none;margin:0 auto}}@media screen and (max-width:720px){#balance-top-box #case-icons img{width:90%}}#balance-top-box #dotted-line{position:absolute;width:100%;margin-top:-120px;height:54px;border:0;background-image:url(../images/img_rhythmline.png);background-repeat:repeat-x;background-position:center center}@media screen and (max-width:1060px){#balance-top-box #dotted-line{display:none}}#balance-top-box #ekisu-line{width:100%;overflow:hidden}#balance-top-box #ekisu-line div{position:relative;width:2826px;height:92px;margin-top:46px;background-image:url(../images/bg_ekisugroup.png);background-repeat:repeat-x;left:0}#item-list-box{padding:60px 0 10px;background-color:#f5ffe1;overflow:hidden}@media screen and (min-width:1200px){#item-list-box .container{width:1040px}}#item-list-box .row .bg-line{position:absolute;width:100%;height:300px;left:0;margin-top:150px;background-image:url(../images/bg_teashadow.png);background-repeat:repeat-x;background-position:center top} @media screen and (max-width:991px){#item-list-box .row .bg-line{background-image:none}}#item-list-box .info-box{text-align:center;margin-bottom:55px;}#item-list-box .info-box .head{width:314px;height:304px;margin:0 auto}@media screen and (max-width:480px){#item-list-box .info-box .head{height:285px}}@media screen and (max-width:330px){#item-list-box .info-box .head{height:250px}}#item-list-box .info-box .head img.item-image{position:absolute;display:block;width:auto;z-index:100;margin:0 auto}@media screen and (max-width:480px){#item-list-box .info-box .head img.item-image{width:84%;max-width: 290px;margin: auto;}}#item-list-box .info-box .head #bg-leaf-image-01{position:absolute;background-repeat:no-repeat;background-position:center top;width:193px;height:180px;margin:220px 0 0 -116px;background-image:url(../images/bg_mat02.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-01{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-01{margin:20px 0 0 -116px}}#item-list-box .info-box .head #bg-leaf-image-02{position:absolute;background-repeat:no-repeat;background-position:center top;width:272px;height:224px;margin:470px 0 0 508px;background-image:url(../images/bg_mat03.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-02{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-02{margin:-618px 0 0 198px}}#item-list-box .info-box .head #bg-leaf-image-03{position:absolute;background-repeat:no-repeat;background-position:center top;width:148px;height:246px;margin:-56px 0 0 290px;background-image:url(../images/bg_mat01.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-03{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-03{margin:-628px 0 0 -80px}}#item-list-box .info-box .head #bg-leaf-image-04{position:absolute;background-repeat:no-repeat;background-position:center top;width:202px;height:214px;margin:-308px 0 0 -120px;background-image:url(../images/bg_mat04.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-04{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-04{margin:-807px 0 0 230px}}#item-list-box .info-box .head #bg-leaf-image-05{position:absolute;background-repeat:no-repeat;background-position:center top;width:184px;height:195px;margin:238px 0 0 -468px;background-image:url(../images/bg_mat06.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-05{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-05{margin:-325px 0 0 -86px}}#item-list-box .info-box .head #bg-leaf-image-06{position:absolute;background-repeat:no-repeat;background-position:center top;width:272px;height:199px;margin:-12px 0 0 160px;background-image:url(../images/bg_mat05.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-06{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-06{margin:-320px 0 0 160px}}#item-list-box .info-box .head #bg-leaf-image-06-2{position:absolute;background-repeat:no-repeat;background-position:center top;width:224px;height:215px;margin:484px 0 4px 204px;background-image:url(../images/bg_mat07.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-06-2{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-06-2{margin:336px 0 4px -184px}}#item-list-box .info-box .head #bg-leaf-image-07{position:absolute;background-repeat:no-repeat;background-position:center top;width:268px;height:160px;margin:-14px 0 4px -117px;background-image:url(../images/bg_mat08.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-07{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-07{margin:458px 0 4px 235px}}#item-list-box .info-box .head #bg-leaf-image-08{position:absolute;background-repeat:no-repeat;background-position:center top;width:245px;height:265px;margin:404px 0 4px -470px;background-image:url(../images/bg_mat10.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-08{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-08{margin:25px 0 4px -130px}}#item-list-box .info-box .head #bg-leaf-image-09{position:absolute;background-repeat:no-repeat;background-position:center top;width:245px;height:265px;margin:197px 0 4px 196px;background-image:url(../images/bg_mat09.png)}@media screen and (max-width:720px){#item-list-box .info-box .head #bg-leaf-image-09{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}}@media screen and (max-width:991px){#item-list-box .info-box .head #bg-leaf-image-09{margin:202px 0 4px 175px}}@media screen and (max-width:860px){#item-list-box .info-box .item-title{font-size:23.5px}}#item-list-box .info-box .ekisu-title{margin-top:-9px;font-size:15.5px}@media screen and (max-width:860px){#item-list-box .info-box .ekisu-title{font-size:23.5px}}#item-list-box .info-box .ruby{font-size:13.5px;margin-bottom:15px}#item-list-box .info-box .description-box{margin:0 auto}#item-list-box .info-box .description-box img{display:block;position:absolute;z-index:100}@media screen and (max-width:480px){#item-list-box .info-box .description-box{width:94%}#item-list-box .info-box .description-box img{position:static;width:100%}}#item-list-box .info-box .description-box .purchase-button{display:block;position:absolute;z-index:100}@media screen and (max-width:720px){#item-list-box .info-box .description-box .purchase-button{width:100%;height:auto;position:static}}#item-list-box .info-box .work-root{width:274px;height:238px}@media screen and (max-width:480px){#item-list-box .info-box .work-root{width:100%;height:auto}}#item-list-box .info-box .price-root{width:175px;height:62px} #item-list-box .info-box .price-root.sale { width: 200px; height: 62px; } #item-list-box .info-box .purchase-root{width:278px;height:35px}@media screen and (max-width:720px){#item-list-box .info-box .purchase-root{width:100%;height:auto;position:static}}#item-list-box .info-box.long-box .work-root{width:274px;height:474px}@media screen and (max-width:480px){#item-list-box .info-box.long-box .work-root{width:94%;height:auto}}#item-list-box .info-box .price{position:absolute;width:175px;height:32px;margin:15px auto;overflow:hidden;display: flex;align-items: baseline;} #item-list-box .info-box .price.red{ position:absolute;width:200px; height:32px; margin:15px auto; display: flex; align-items: baseline; } #item-list-box .info-box .price.red{color: #ea4060;} #item-list-box .info-box .price .pack{display:block;float:left;margin:2px 12px 0 0;width:45px;height:21px;background-image:url(../images/icon_12pack.png);background-repeat:no-repeat;background-position:left center} #item-list-box .info-box .price .pack_many{display:block;float:left;margin:2px 12px 0 0;width:45px;height:21px;background-image:url(../images/icon_30pack.png);background-repeat:no-repeat;background-position:left center} #item-list-box .info-box .price .number{display:block;float:left;margin-top:-2px;font-size:30px} #item-list-box .info-box .price .yen{display:block;float:left;margin:0 0 0 3px;font-size:2rem} #item-list-box .info-box .price .sub{display:block;float:left;margin:6px 0 0 2px;font-size:12.5px} #item-list-box .info-box hr{display:none;width:100%;margin:56px auto -10px;border-bottom:1px solid #9b8d40} @media screen and (max-width:860px){#item-list-box .info-box hr{display:block}} #rackset-box{/*padding:60px 0*/;background-color:#fff;background-image:url(../images/bg_circle.png);background-repeat:no-repeat;background-position:center center;background-size:843.3px 822.6px;}@media screen and (max-width:860px){#rackset-box{background-position:center 0;background-size:contain}}#rackset-box h2{display:block;width:606px;margin:0 auto}#rackset-box h2 img{display:block}@media screen and (max-width:480px){#rackset-box h2{width:100%}#rackset-box h2 img{position:static;width:100%}}@media screen and (max-width:720px){#rackset-box h2{width:100%}#rackset-box h2 img{width:100%}}#rackset-box h2 img.show-pc-img{display:block}@media screen and (max-width:720px){#rackset-box h2 img.show-pc-img{display:none}}#rackset-box h2 img.show-mobile-img{display:none;margin:0 auto}@media screen and (max-width:720px){#rackset-box h2 img.show-mobile-img{display:block;width:100%}}#rackset-box .intro{width:800px;margin:30px auto 0;text-align:center;line-height:1.9;font-size:19.5px}@media screen and (max-width:860px){#rackset-box .intro{width:100%;font-size:15.5px;text-align:left}}#rackset-box .rackset-image{display:block;width:690px;margin:15px auto 0}@media screen and (max-width:860px){#rackset-box .rackset-image{width:100%}}#rackset-box .rackset-image.show-pc-img{display:block}@media screen and (max-width:720px){#rackset-box .rackset-image.show-pc-img{display:none}}#rackset-box .rackset-image.show-mobile-img{display:none}@media screen and (max-width:720px){#rackset-box .rackset-image.show-mobile-img{display:block;margin-bottom:40px}}#rackset-box h3{width:100%;margin:20px 0 0;text-align:center}#rackset-box #price{width:300px;height:32px;margin:15px auto;overflow:hidden}#rackset-box #price .pack{display:block;float:left;margin:2px 16px 0 0;width:162px;height:21px;background-image:url(../images/icon_90pack+rack.png);background-repeat:no-repeat;background-position:left center}@media screen and (max-width:480px){#rackset-box #price .pack{margin:2px 10px 0 0}}#rackset-box #price .number{display:block;float:left;margin-top:-2px;font-size:20px}#rackset-box #price .yen{display:block;float:left;margin:0 0 0 3px}#rackset-box #price .sub{display:block;float:left;margin:6px 0 0 2px;font-size:12.5px} #balance-top-box #case-icons { padding-bottom: 30px; } @media screen and (max-width:720px){ #balance-top-box #case-icons { padding-bottom: 60px; } } #balance-top-box #dotted-line { margin-top: -150px; } #trial_set{ padding: 30px 0; background-color:#fff; /* background-image:url(../images/bg_circle.png); background-repeat:no-repeat; background-position:center center; background-size:843.3px 822.6px;*/ border: 1px solid #ea4060; border-radius: 10px; } @media screen and (max-width:720px){ #trial_set{ padding: 20px 5px; margin: 0px 5px; } } #trial_set h2{ display:block; width:702px; margin:0 auto } #trial_set h2 img{display:block} @media screen and (max-width:480px){ #trial_set h2{width:100% } #trial_set h2 img{position:static;width:100% } } @media screen and (max-width:720px){ #trial_set h2{ width:100% } #trial_set h2 img{ width:100% } } #trial_set .show-pc-img{ display:block } @media screen and (max-width:720px){ #trial_set .show-pc-img{ display:none } } #trial_set .show-mobile-img{ display:none; margin:0 auto } @media screen and (max-width:720px){ #trial_set .show-mobile-img{ display:block;width:100% } } #trial_set .intro{width:800px;margin:30px auto 0;text-align:center;line-height:1.9;font-size:19.5px} @media screen and (max-width:860px){ #trial_set .intro{width:100%;font-size:15.5px;text-align:left} } #trial_set .trial-image{ display:block; width:910px; margin:0 auto 50px; } @media screen and (max-width:1000px) { #trial_set .trial-image{width:100%} } #trial_set .show-pc-img{ display:block } @media screen and (max-width:720px){ #trial_set .show-pc-img{ display:none } } #trial_set .show-mobile-img{ display:none } @media screen and (max-width:720px){ #trial_set .show-mobile-img{ display:block; } } @media screen and (max-width:720px){ #trial_set .trial-image.show-mobile-img{ display:block; margin-bottom:40px } } #trial_set h3{ width:100%; text-align: left; margin-left: 110px } @media screen and (max-width:720px){ #trial_set h3.show-mobile-img { padding-left: 42%; } } #trial_set .set_cart{ position: relative; width: 444px; margin: 0 auto; } @media screen and (max-width:720px){ #trial_set .set_cart{ position: relative; width: 100%; margin: 0 auto; } } #trial_set .icon_fs{ position: absolute; left: 20px; top: -8px; } @media screen and (max-width:720px){ #trial_set .icon_fs{ position: absolute; left: 13.5%; top: -15px; } } @media screen and (max-width:720px){ #trial_set .icon_fs img{ max-width: 100%; } } #trial_set #price{ width:300px; height:38px; margin:15px 0 15px 100px; overflow:hidden; display: flex; align-items: baseline; } @media screen and (max-width:720px){ #trial_set #price{ /*margin:30px 0 15px 0; padding-left: 20%;*/ width: 300px; margin: 25px auto 15px; overflow: hidden; } } #trial_set #price .pack{ display:block; float:left; margin: 2px 16px 0 7%; width: 112px; height:21px; background:url(../images/icon_1x9pack.png) left center no-repeat; } @media screen and (max-width:480px){ #trial_set #price .pack{ margin:2px 10px 0 7% } } #trial_set #price .number{ display:block; float:left; margin-top:-5px; font-size:30px } @media screen and (max-width:480px){ #trial_set #price .number{ margin-top:-5px; } } #trial_set #price .yen{ display:block; float:left; margin:-3px 0 0 3px; font-size:2rem } @media screen and (max-width:480px){ #trial_set #price .yen{ margin:0 0 0 3px } } #trial_set #price .sub{ display:block;float:left;margin:6px 0 0 2px;font-size:12.5px } @media screen and (max-width:720px){ #trial_set .trial_btn{ margin:0 15px; } } #balance-top-box #trial_set p.intro{ margin-top:15px; line-height: 1.9; } #trial_set .container.set_list_box{ padding: 0 3px; } #trial_set .set_list{ width: 100%; border: 3px solid #827819; margin-top:30px; } @media screen and (max-width:720px){ #trial_set .set_list{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; font-size: 14px; border-radius: 13px; } } #trial_set .set_list{ border-top: none; } #trial_set .set_list p{ background-color: #827819; padding: 5px; margin-bottom: 5px; color: #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; } #trial_set .set_list ul{ margin: 10px 0 10px -35px; text-align: left; } #trial_set .set_list li{ padding: 3px; margin-bottom: 3px; line-height: 1.5; list-style: none; font-size: 15px; } #trial_set .set_list span{ display: inline-block; padding: 0 10px; border-radius: 10px; color: #fff; font-size: 14px; } #trial_set .set_list .jasmine{ background-color: #e1b002; } #trial_set .set_list .ceylon{ background-color: #df9b4c; } #trial_set .set_list .gyoku{ background-color: #dada48; } #trial_set .set_list .touki{ background-color: #d08681; } #trial_set .set_list .ondan{ background-color: #e17f4e; } #trial_set .set_list .dokudami{ background-color: #7baac4; } #trial_set .set_list .hato{ background-color: #b0b82e; } #trial_set .set_list .tochu{ background-color: #5fa173; } #trial_set .set_list .kaki{ background-color: #aa86aa; } .container.set_list_box.show-mobile-img{ display:none } @media screen and (max-width:720px){ .container.set_list_box.show-mobile-img{ display:block; } } .container.item_links.show-mobile-img{ display:none } @media screen and (max-width:720px){ .container.item_links.show-mobile-img{ display:block; } } .container.item_links{ padding-left: 10px; padding-right: 10px; margin:20px 0 0; } .container.item_links ul{ margin: 0 0 0 -35px; } .container.item_links li{ display: inline; } .container.item_links li a{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; color: #827819; text-decoration: underline; font-size: 15px; line-height: 2; } .bnr_area{ display:block; width:720px; margin:0 auto; padding: 60px 0 30px; } .bnr_area.bottom{ padding: 0 0 30px; } @media screen and (max-width:720px){ .bnr_area{ width:100%; padding: 20px 10px 0; } .bnr_area.bottom{ padding: 0 0 30px; } .bnr_area img{ position:static; width:100%; } } @media screen and (max-width:480px){ .bnr_area img{ position:static; width:100%; margin:0 auto; } } .bnr_area .show-pc-img{ display:block } @media screen and (max-width:720px){ .bnr_area .show-pc-img{ display:none } } .bnr_area .show-mobile-img{ display:none; margin:0 auto } @media screen and (max-width:720px){ .bnr_area .show-mobile-img{ display:block; width:95% } } #mebyo-box #mebyo-flow img{ display:block;margin:46px auto 56px } #mebyo-box #mebyo-flow img.show-pc-img{ display:block;width:674px } @media screen and (max-width:720px){ #mebyo-box #mebyo-flow img.show-pc-img{ display:none } } #balance-top-box h2#lineup-title { margin-top: 30px; } @media screen and (max-width:720px){ #balance-top-box h2#lineup-title { margin-top: 60px; } } @media screen and (max-width:720px){ #rackset-box #price .yen { margin: 2px 0 0 3px; } } #item-list-box .info-box .description-box.mb20{ margin: 0 auto 30px; } #item-list-box .info-box hr.bottom_line { background: url(../images/hr_gradation.png) center bottom no-repeat ; background-size: contain; padding: 30px 0 0; display: block; width: 100%; margin: 0 auto 10px; border: none; } .purchase-button.teikibtn{ background-color: #3366cc; } .purchase-button.teikibtn:hover{ background-color: #77a0f1; } .teiki_off{ margin: 0 auto; text-align: center; } .teiki_off img{ margin: 0 auto; } #mebyo-box{padding:0 0 44px;background-image:url(../images/bg_me-byo.png);background-repeat:repeat-x;background-position:center bottom;}#mebyo-box hr{height:38px;margin-bottom:100px;border:0;background-image:url(../images/hr_leaf.png);background-repeat:no-repeat;background-position:center bottom}@media screen and (max-width:480px){#mebyo-box hr{margin-bottom:50px}}#mebyo-box h2{display:block;width:619px;margin:0 auto}#mebyo-box h2 img{display:block}@media screen and (max-width:480px){#mebyo-box h2{width:100%}#mebyo-box h2 img{position:static;width:100%}}@media screen and (max-width:720px){#mebyo-box h2{width:100%}#mebyo-box h2 img{width:100%}}#mebyo-box h2 img.show-pc-img{display:block}@media screen and (max-width:720px){#mebyo-box h2 img.show-pc-img{display:none}}#mebyo-box h2 img.show-mobile-img{display:none;margin:0 auto}@media screen and (max-width:720px){#mebyo-box h2 img.show-mobile-img{display:block;width:95%}}#mebyo-box #mebyo-flow img{display:block;margin:46px auto 56px}#mebyo-box #mebyo-flow img.show-pc-img{display:block;width:674px}@media screen and (max-width:720px){#mebyo-box #mebyo-flow img.show-pc-img{display:none}}#mebyo-box #mebyo-flow img.show-mobile-img{display:none}@media screen and (max-width:720px){#mebyo-box #mebyo-flow img.show-mobile-img{display:block;width:100%}}#mebyo-box a{color:#393939;text-decoration:underline}#mebyo-box a:hover{color:#999}#mebyo-box p{max-width:800px;margin:4px auto 0;line-height:1.9;text-align:center}#mebyo-box p.intro{margin-top:20px;font-size:19.5px}@media screen and (max-width:860px){#mebyo-box p.intro{font-size:15.5px;text-align:left}}@media screen and (max-width:860px){#mebyo-box p{text-align:left}}#mebyo-box #biotopia-logo{display:block;width:281px;margin:0 auto;margin:60px auto 0}#mebyo-box #biotopia-logo img{display:block}@media screen and (max-width:480px){#mebyo-box #biotopia-logo{width:100%}#mebyo-box #biotopia-logo img{position:static;width:100%}}@media screen and (max-width:330px){#mebyo-box #biotopia-logo.img{width:84%}}#mebyo-box #biotopia-teema img{display:block;margin:52px auto 0}#mebyo-box #biotopia-teema img.show-pc-img{display:block;width:659px}@media screen and (max-width:720px){#mebyo-box #biotopia-teema img.show-pc-img{display:none}}#mebyo-box #biotopia-teema img.show-mobile-img{display:none}@media screen and (max-width:720px){#mebyo-box #biotopia-teema img.show-mobile-img{display:block;width:100%}}#content-footer{padding-top:42px}#content-footer h2{display:block;width:325px;margin:0 auto}#content-footer h2 img{display:block}@media screen and (max-width:480px){#content-footer h2{width:100%}#content-footer h2 img{position:static;width:100%}}#content-footer #image-box{width:100%;margin-top:45px;height:384px;background-image:url(../images/jpg_img_bottle.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}@media screen and (max-width:1440px){#content-footer #image-box{height:307.2px}}@media screen and (max-width:860px){#content-footer #image-box{height:184.32px}}@media screen and (max-width:480px){#content-footer #image-box{height:168.96px}}@media screen and (max-width:330px){#content-footer #image-box{height:138.24px}} div#balance-top-box p, div#item-list-box p, div#item-list-box .info-box p, div#rackset-box p, div#mebyo-box p { transform:rotate(.03deg); -ms-transform: rotate(.03deg);} div#balance-top-box img, div#item-list-box img, div#item-list-box .info-box img, div#rackset-box img, div#mebyo-box img { transform:rotate(0); -ms-transform: rotate(0);} @media screen and (max-width:480px){ #balance-top-box p.top_txt{ text-align: center;} } div{ margin: 0;padding: 0;} img { display:block; } footer{ background-color: #FFF!important; } /*----------------------------------------------------------------- TOPへスクロール -----------------------------------------------------------------*/ #page-top_area{ z-index: 9999; position: fixed; width: 100%; right: 0; bottom: 0; margin: 10px 0 0; } #page-top_naka{ max-width: 1180px; margin: 0 auto; padding: 0 10px; } #page-top { width: 38px; font-size:12px; float: right; } #page-top a { background-color: rgb(0,0,0); opacity: 0.3; text-decoration: none; color: #FFF; padding: 10px; text-align: center; display: block; border-radius: 5px; } #page-top a:hover { text-decoration: none; background-color: rgb(0,0,0); opacity: 0.6; } /* !Margin */ .mb05 { margin-bottom: 5px;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mb25 { margin-bottom:25px;} .mb30 { margin-bottom:30px;} .mb30 { margin-bottom:40px;} /*----------------------------------------------------------------- 欠品中ボタン追加（2022.12.28） -----------------------------------------------------------------*/ .purchase-button-keppin{ display:block; width:274px; margin:0 auto; padding:7px 0; color:#fff; font-size:15px; text-align:center; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,"游ゴシック Medium",YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif; background-color:rgb(128,128,128); border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px } @media screen and (max-width:720px){ .purchase-button-keppin{width:100%;position:static} }