@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*レコメンドのところ*/#recommend_block{border-top: inherit;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*レコメンドの順位ランキングアイコン*/#recommend_block .ec-shelfRole li.ec-shelfGrid__item:before {content: '';z-index: 2;position: absolute;display: inline-block;width: 25px;height: 25px;background-size: contain;vertical-align: middle;}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before {background-image: url(/img/icon/rank_category_1.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before {background-image: url(/img/icon/rank_category_2.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before {background-image: url(/img/icon/rank_category_3.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before {background-image: url(/img/icon/rank_category_4.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before {background-image: url(/img/icon/rank_category_5.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before {background-image: url(/img/icon/rank_category_6.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before {background-image: url(/img/icon/rank_category_7.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before {background-image: url(/img/icon/rank_category_8.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before {background-image: url(/img/icon/rank_category_9.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before {background-image: url(/img/icon/rank_category_10.png);}/*カテゴリボタン設定*/#outer .category_btn{width: 98%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #8ccbf9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;background-color: #8ccbf9;border-radius: 8px;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #8ccbf9;margin-bottom: 30px;}#outer .top_parts .top_txt{width: 54%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 0 0 25px;}#outer .top_parts .top_txt h1{font-size: 2.3em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}#outer h2.uline_b {width: 100%;font-family: "メイリオ","Meiryo";font-weight: bold;font-size: 40px;padding: 0 0 10px;text-align: center;border-bottom: solid 5px #8ccbf9;color: rgba(0, 0, 0, 0);text-shadow:2px 2px 0 /*#9db*/#8ccbf9,-1px -1px 0 #fff;-webkit-text-stroke: 0.5px #888;margin-bottom: 1em;}/*h3*/#outer h3.contents_h3{font-size: 1.3em;font-weight: bold;margin: 35px 20px 0 20px;padding-left: 30px;}/*関連商品h3の装飾*/#outer .contents_h3 {border: 3px solid #8ccbf9;padding: 0.5em 1em;border-radius: 10px;margin-bottom: 10px;position: relative;width: 250px;color: #23256e;background-color: #fff;}#outer .contents_h3::before {content: '';position: absolute;left: -10px;bottom: 10px;width: 0;height: 0;border: 10px solid transparent;}#outer .contents_h3::after {content: '';position: absolute;left: -20px;bottom: 10px;width: 0;height: 0;border: 10px solid transparent;border-right: 10px solid #8ccbf9;}.balloon-wrap {display: flex;align-items: flex-start;/* または center にしてもOK */gap: 10px;/* フキダシと画像の間隔 */margin-top: 10px;}.kuma-img {width: 80%;max-width: 150px;/* 必要に応じて */height: auto;}/*h2*/#outer h2.title_frame{font-size: 2em;font-weight: bold;margin: 0 0 25px 0;padding: 0 0 5px 5px;box-sizing: border-box;border-bottom: double 10px #8ccbf9;}#outer .contents_4 {margin: 0 auto;display: flex;flex-wrap: wrap;background-color: aliceblue;border-radius: 10px 10px 0 0;}#outer .item_1 {width: 23%;border: 3px solid #ccc !important;background-color: #fffeeb;box-sizing: border-box;font-weight: bold;margin: 10px;padding: 10px;display: flex;flex-direction: column;border-radius: 8px;position: relative;text-align: center;}#outer .item_1::before{content: "";position: absolute;top: -5px;left: 6px;width: 80px;/* ←アイコン画像サイズに合わせて調整 */height: 80px;background-image: url("/img/freepage/feature_icecup/pickup_icon2.png");background-size: contain;background-repeat: no-repeat;z-index: 10;}#outer .item_2{width: 23%;box-sizing: border-box;font-weight: bold;border: solid 1px #cccccc;margin: 10px;padding: 10px;display: flex;flex-direction: column;border-radius: 8px;text-align: center;background-color: #fff;}#outer .item_3{width: 18%;box-sizing: border-box;font-weight: bold;border: solid 1px #cccccc;margin: 10px;padding: 10px;display: flex;flex-direction: column;border-radius: 8px;text-align: center;background-color: #fff;}#outer .contents_4::after,.contents_4::before{content: "";display: block;width: 24%;height: 0;}#outer .contents_4::before{order: 1;}#outer .item_img img{border-radius: 8px;width: 200px;display:inline-block;}#outer .contents_4 .item_1 .item_txt,#outer .contents_4 .item_2 .item_txt,#outer .contents_4 .item_3 .item_txt{padding: 0 10px;margin-bottom: 20px;font-size: 0.9em;}#outer .item_1 .item_txt_1 h4,#outer .item_2 .item_txt_1 h4{font-size: 1.2em;font-weight: bold;margin-bottom: 5px;margin-top: 5px;height: 70px;}#outer .item_3 .item_txt_1 h4 {font-size: 1.3em;font-weight: bold;}#outer .item_price {font-size: 1.3em;display: inline-flex;margin: 10px 10px 5px 0;text-align: center;}#outer .item_txt5 h4,.unit_price,#outer .item_txt5 p {margin-top: 20px;color: #23256e;font-weight: bold;}#outer .item_txt5 h4{border-bottom: solid 2px #8ccbf9;}#outer .item_price::after {content: "（税込）";font-size: 1.0em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;color: red;font-weight: bold;}#outer .item_price2 {font-size: 1.8em;display: inline-flex;font-weight: bold;}#outer .item_price2::after {content: "（税込）";font-size: 1.0em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;color: red;font-weight: bold;}#outer .item_img_kuma{width: 90%;margin-left: 16px;}#outer .unit_price{font-size: 1.5em;}#outer .series-container li a {position: relative;/* 基準とする */display: block;}#outer .series-container li a:hover::after {opacity: 1;/* ホバー時に表示 */}#outer .series-container li a::after {content: "シリーズ商品はこちら";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(209, 234, 253, 0.8);display: flex;justify-content: center;align-items: center;color: #23256e;font-size: 24px;font-weight: bold;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}#outer .btns a {display: block;text-align: center;vertical-align: middle;text-decoration: none;position: relative;margin: auto;padding: 1rem 4rem;font-weight: bold;border-radius: 10px;color: #104861;border: 3px solid #104861;box-shadow: 5px 5px #8ccbf9;transition: 0.3s ease-in-out;background: #fff;}#outer .btns2 a {display: block;text-align: center;vertical-align: middle;text-decoration: none;position: relative;margin: auto;padding: 1rem ;font-weight: bold;border-radius: 10px;color: #104861;border: 3px solid #104861;box-shadow: 5px 5px #8ccbf9;transition: 0.3s ease-in-out;background: #fff;}#outer .btns a:hover,#outer .btns2 a:hover {box-shadow: none;transform: translate(5px, 5px);background: #8ccbf9;color: #fff;}#outer .btns a:hover:before,#outer .btns2 a:hover:before{width: 100%;z-index: -1;}#outer .item_point{margin: 20px auto;text-align: center;width: 98%;}#outer .item_point2{display: none;}#outer .item_9 {position: relative;left: 12px;top: 250px;width: 23%;margin: 10px;padding: 10px;text-align: center;}#outer .series-contents,#outer .series-contents2{background-color: aliceblue;padding-bottom:9%;}#outer .series-contents2 {border-radius: 0 0 10px 10px;}/* バナー、横並べ(シリーズ・関連商品)*/#outer ul.series-container,#outer ul.series-container2 {display: flex;text-align: center;justify-content: space-between;margin: auto;}/* スマホバナー、横並べ(シリーズのおすすめ商品装飾)*/#outer .unit_price {background: linear-gradient(transparent 65%, yellow 30%);}/* 画像+h4 */#outer .series-container img,#outer .series-container2 img  {border-radius: 8px;}#outer .series-container li {background-color:rgba(255,255,255,0.9);border-radius: 10px;margin: 3%;padding: 15px;width: 84%;}#outer .series-container2 li {background-color:rgba(255,255,255,0.9);border-radius: 10px;padding: 15px;width: 84%;margin: 15px}#outer .series-container li h3,#outer .series-container2 li h4{padding-top: 20px;color: #23256e;font-weight: bold;}#outer .series-container a,#outer .series-container2 a{text-decoration:none;}#outer .content_block{background-color:aliceblue;padding: 2px;}/*容量から選ぶの表*/#outer table.tb01{border-collapse: collapse;width: 75%;table-layout: fixed;margin-bottom: 75px;margin: 55px auto 50px;}#outer .tb01 tr.tr_head{background: #8ccbf9;color: #fff;}#outer tr{background-color: #fff;}#outer .tb01 tr.tr_head th{font-weight: bold;font-size: 1.5em;padding: 10px;}#outer .tb01 tr.tr_head .th_norm{width:30px;}#outer .tb01 tr.tr_head .td_haba{width:80px;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}#outer .tb01 td{padding: 10px;border: solid 1px #ccc;text-align: center;font-size: 1.3em;line-height: 1.2;font-weight: bold;}#outer .tb01 td a{color: #23256e;display: block;width: 100%;height: 100%;text-decoration:none;}#outer .tb01 td.link {background-color: #fff;}#outer .tb01 td.link:hover{background-color: #bae0fb;}#outer .tb01 tr.tr_2{background-color: #FFFFFF;}/*関連記事のところ*/#outer .column{width: 100%;margin-top: 30px;margin-bottom: 45px;}#outer .column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}#outer .column h3::before{content: "┃";color: #8ccbf9;}#outer .contents_02{display: flex;flex-wrap: wrap;margin: 0 auto;}#outer .contents_02 .item_{width: 32%;box-sizing: border-box;display: flex;flex-direction: column;}#outer .contents_02::after{content: "";display: block;width: 32%;height: 0;}#outer .contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #8ccbf9;font-weight: bold;border-radius: 8px;text-align: center;text-decoration: none;font-size: 1em;}#outer .column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}#outer .column ul.tokusyu li{width: 23%;margin-bottom: 10px;}#outer .column ul.tokusyu li img{width: 100%;height: auto;}#outer .column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}#outer .column ul.tokusyu::after{content: "";display: block;width: 23%;}#outer .btn_gazou_:hover,.tokusyu li:hover{opacity: 0.7;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.2em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*スマホh2*/#outer h2.uline_b{font-family: "Hiragino Kaku Gothic ProN";font-size: 2.0em;margin: 0 0 15px;padding-bottom: 5px;line-height: 1.2;}/*スマホh3*/#outer h3.contents_h3{font-size: 1.2em;text-align: center;font-weight: bold;margin: 0;padding: 0;}/*スマホh3*/#outer h3.contents_h3 {font-size: 1.3em;font-weight: bold;}/*スマホh3*/#outer .contents_h3 {border: 3px solid #8ccbf9;padding: 0.5em 1em;border-radius: 10px;margin-bottom: 10px;position: relative;color: #23256e;background-color: #fff;}/*4個並べ*/#outer .contents_4 .item{width: 49%;padding: 5px;margin-bottom: 7px;}#outer .contents_4 .item_1 .item_txt,#outer .contents_4 .item_2 .item_txt{padding: 5px;margin-bottom: 5px;font-size: 0.8em;}#outer .item_1 .item_txt h4 {font-size: 1.2em;}/*商品一覧はこちらのボタン*/#outer .contents_4 .item_1 ul.btns,#outer .contents_4 .item_2 ul.btns{padding: 0;margin-bottom: 5px;}#outer .item_1 .btn_gazou a,#outer .item_2 .btn_gazou a{padding: 11px;font-size: 0.8em;}#outer .item_1 .btn_gazou a::after,#outer .item_2 .btn_gazou a::after{content: inherit;}#outer .item_point2{display: block;margin: 20px auto;text-align: center;width: 90%;}#outer .item_point{display: none;}/*スマホ*/#outer .item_9 {position: relative;left: 2px;top: 222px;width: 38%;}/*スマホ文章とおすすめ商品*/#outer .item_1,#outer .item_2,#outer .item_3 {width: 44%;font-size: 0.7rem;}/*スマホフキダシサイズ*/#outer .item_1::before {top: -12px;left: -7px;width: 62px;}/*スマホ*/#outer .item_price{font-size: 1.1em;display: inline-flex;text-align: center;}/*スマホ*/#outer .item_price::after {content: "（税込）";font-size: 1.0em;display: inline-block;vertical-align: baseline;margin-left: 0;position: relative;color: red;font-weight: bold;}/* スマホバナー、横並べ(シリーズ・関連商品)*/#outer ul.series-container,#outer ul.series-container2 {display: flex;text-align: center;justify-content: space-between;flex-direction: column;}/* スマホバナー、横並べ(シリーズのおすすめ商品装飾)*/#outer .unit_price {background: linear-gradient(transparent 65%, yellow 30%);}/*2カラムの表*/#outer table.tb01{width: 90%;margin: 0 auto;}#outer .tb01 tr.tr_head th{font-size: 1.1em;padding: 8px;}#outer .tb01 tr.tr_head .norm{width: 35%;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}#outer .tb01 td{padding: 8px;font-size: 1em;width: 35%;}/*関連記事*/#outer .column{width: 100%;}#outer .column h3{padding: 5px;font-size: 1.3em;margin: 0;}#outer .column h3::before{content: "┃"}#outer .contents_02{padding: 0 10px;}#outer .contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}#outer .contents_02::after{content: none;}#outer .contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}/*スマホ*/#outer .item_ .btn_gazou_ a{padding: 10px 0;border-radius: 8px;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}#outer .column ul.tokusyu li{width: 49%;}}