@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #5284c7;}#outer .top_parts .top_txt{width: 54%;color: #ffff;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{/*h1説明文*/font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*レコメンドのところ*/#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: 100%;font-size: 1.2em;margin: 40px auto 100px;}#outer .category_btn a{color: white;text-decoration: none !important;border-bottom: solid 5px #7ebbea;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 30px;background-color: #2E3F4C;}#outer .category_btn2{width: 99%;font-size: 1.5em;margin: 40px auto 70px;}#outer .category_btn2 a{text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 6px;background-color: #000;color: white !important;border: solid 1px #fff;}/*IDとばす設定*/#outer .jump{width: 100%;margin: 0 0 50px;box-sizing: border-box;position: static;/*top: 200px;*//*z-index: 2;*/padding-bottom: 0;padding-top: 0;max-width: 100%;line-height: 0;}#outer .jump ul._genre_menu li.global_item a{display: block;/*padding: 15px;*/font-weight:bold;text-decoration: none;box-sizing: border-box;text-align:center;color:#42210b;font-size:1.4em;line-height: 3em;}#outer .jump ul._genre_menu{width:100%;display: flex;justify-content: center;margin:0;box-sizing: border-box;list-style: none;color:#42210b;background-color: #5284c7;}#outer .jump ul._genre_menu li.global_item {display: block;width: 50%;position: relative;/*padding: 20px;*/border: solid 0.5px #fff;}li.global_item:hover{background-color: #5284c7;}#outer .adjustment {padding-top: 40px;margin-top: -40px;display: block;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;color: #42210b;background-color: #fff;width: 100%;}/*タブのスタイル*/#outer .tab_item {width: calc(100%/5);display: flex;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border-left: solid 2px #ffffff;box-sizing: border-box;background-color: #5284c7;line-height: 1.1em;font-size: 14px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;border-radius: 9px 9px 0 0;position: relative;/* ::after用に基準位置を設定 */}#outer .tab_item:first-of-type {border-left-style: none;}#outer .tab_item:hover {opacity: 0.7;}/*ラジオボタンを全て消す*/input[name="tab_item"] {display: none;}/*タブ切り替えの中身のスタイル*/#tab1_content,#tab2_content,#tab3_content,#tab4_content,#tab5_content{background-color: #5284c7;display: none;padding: 30px 0 0;clear: both;overflow: hidden;font-size: 14px;position: relative;/* 波模様の位置を調整するために相対配置 */--mask:linear-gradient(to top,#0000 60px,#000 0),radial-gradient(60px,#000 98%,#0000) bottom/111px 120px;-webkit-mask: var(--mask);mask: var(--mask);}/*選択されているタブのコンテンツのみを表示*/#tab1:checked ~ #tab1_content{display: block;}#tab2:checked ~ #tab2_content{display: block;}#tab3:checked ~ #tab3_content{display: block;}#tab4:checked ~ #tab4_content{display: block;}#tab5:checked ~ #tab5_content{display: block;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item{background-color: #5284c7;color: #42210b;}/* タブが選択された状態（クリック時） */#outer .tabs input:checked + .tab_item:after {display: inline-block;/* 選択されたタブのみ画像を表示 */}/* 画像のスタイル（初期状態では非表示 */#outer .tab_item:after{content: "";display: none;/* 初期状態では非表示 */background-size: contain;/* 画像サイズを調整 */background-repeat: no-repeat;width: 46px;/* 画像の幅 */height: 50px;/* 画像の高さ */position: absolute;/* テキストの右側に固定配置 */right: 4px;/* タブ内の右端からの位置 */top: 50%;/* タブ内の縦中央に配置 */transform: translateY(-50%);}/* タブ1の画像 */input#tab1:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/desertup-icon1.png");/* タブ1の画像パス */}/* タブ2の画像 */input#tab2:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/desertup-icon2.png");/* タブ2の画像パス */}/* タブ3の画像 */input#tab3:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/desertup-icon3.png");/* タブ3の画像パス */}/* タブ4の画像 */input#tab4:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/desertup-icon4.png");/* タブ4の画像パス */}/* タブ5の画像 */input#tab5:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/desertup-icon5.png");/* タブ5の画像パス */}/*h2見出し装飾*/#outer h2.uline_b {font-size: 1.4em;font-weight: bold;padding: 0.5em 1em;margin: 3em auto;color: white;background-color: #5284c7;box-shadow: 0 0 0 10px #5284c7;text-align: center;width: 90%;}/*h3見出し装飾濃い#c1272d-#ef4878-#f46091*//* リボン全体の設定 *//* h3_typetxt全体を中央配置 */.h3_typetxt {display: flex;/* フレックスボックスで中央配置 */justify-content: center;align-items: center;position: relative;height: 45px;text-align: center;box-sizing: border-box;width: 400px;/* リボン全体の幅を固定 */margin: 0 auto;/* 親要素の中央に配置 */}/* 左側のリボン端 */.h3_typetxt:before {content: '';position: absolute;width: 10px;height: 0px;bottom: -10px;left: -35px;z-index: 0;border: 20px solid #f46091;border-left-color: transparent;/* 山形に切り抜き */}/* 右側のリボン端 */.h3_typetxt:after {content: '';position: absolute;width: 10px;height: 0;bottom: -10px;right: -35px;z-index: 0;border: 20px solid #f46091;border-right-color: transparent;/* 山形に切り抜き */}/* 真ん中のリボン部分 */.h3_typetxt h3 {display: inline-block;position: relative;margin: 0;padding: 0 20px;/* 文字の左右余白 */line-height: 45px;font-size: 23px;color: #FFF;background: #ef4878;/* 真ん中の背景色 */z-index: 1;width: 360px;/* リボンの中央部分の幅を固定 */text-align: center;}/* 左の折り返し部分 */.h3_typetxt h3:before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 15px #c1272d;}/* 右の折り返し部分 */.h3_typetxt h3:after {position: absolute;content: '';top: 100%;right: 0;border: none;border-bottom: solid 10px transparent;border-left: solid 15px #c1272d;}/*h4見出し装飾*/#outer h4{width:45%;--baloon-color:#42210b;position: relative;border-bottom: 5px solid var(--baloon-color);padding:0.85em 0;font-size:1.3em;font-weight: bold;color:#42210b;/*文字色（茶）*/margin: 40px 0 40px 26px;border-radius: 4px;/* 背景の角を丸くする */}#outer h4:before, h4:after {position: absolute;content: '';left: 1em;width: 0;height: 0;border-width: 14px 12px 0;border-style: solid;}h4:before {bottom: -14px;border-color:var(--baloon-color) transparent transparent;}h4:after {bottom: -10px;border-color: #5284c7 transparent transparent;}/*h4テキスト*/h4 {text-shadow: 1px 1px 0px #fff;/* 右下に影 */}/*各シリーズごと、商品並べる*/#outer .contents_01{background-color:#5284c7;display: flex;justify-content: flex-start;background-image: url("/img/freepage/feature_desertcup/sakuranbo.png");background-size:34px auto;background-repeat: repeat-x;background-position: center bottom;padding-bottom: 15px;}#outer .contents_01 .item_con,.contents_01 .item_con2 {display: flex;flex-wrap: wrap;justify-content: space-between;/*※76-150/86-200のアイスカップ紙蓋が公開されたらspace-betweenにかえる(公開前はspace-evenlyにする)*/width: 70%;padding: 20px 0 50px 20px;}#outer .contents_01 .item_con3{display: flex;flex-wrap: wrap;justify-content: space-around;width: 45%;padding: 10px 0 60px 10px;}#outer .contents_01 .item_con4{width: 42%;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 10px 0 60px 30px;gap:30px}#outer .contents_01 .item_con6{display: flex;flex-wrap: wrap;justify-content: space-around;width: 70%;padding: 20px 0 50px 20px;}#outer .item_con .item_01,.item_con .item_02{width: 23%;padding: 3px;border: solid 1px #cccccc;text-align: center;background-color:#ffefef;margin-bottom: 10px;border-radius: 4px;}#outer .item_con2 .item_01,.item_con2 .item_02{width: 30%;padding: 3px;border: solid 1px #cccccc;text-align: center;background-color:#ffefef;margin-bottom: 10px;border-radius: 4px;}#outer .item_con6 .item_01,.item_con6 .item_02{width: 30%;padding: 3px;border: solid 1px #cccccc;text-align: center;background-color:#ffefef;margin-bottom: 10px;border-radius: 4px;}#outer .item_con3 .item_01,.item_con3 .item_02{width: 40%;padding: 3px;border: solid 1px #cccccc;text-align: center;background-color:#ffefef;margin-bottom: 70px;border-radius: 4px;}#outer .item_con4 .item_01,.item_con4 .item_02{width: 45%;padding: 3px;border: solid 1px #cccccc;text-align: center;background-color:#ffefef;margin-bottom: 10px;border-radius: 4px;}/*各シリーズごと、本体+対応蓋組合わせ画像*/.contents_01 .item_03{width: 35%;text-align: center;margin: 13px 15px 34px 50px;position: relative;/* 装飾要素の基準を設定 */}.item_03 img {border-radius:6px;}.item_03::before {content: "";/* 装飾用の空の要素 */position: absolute;/* 絶対位置を指定 */left: 33%;/* 中央揃え *//*transform: translateX(-50%);中央揃えの調整 */width: 155px;/* 装飾の幅 */height: 30px;/* 装飾の高さ */background-color: #5284c7;/* 背景色 */box-shadow: 0 0 0 7px #5284c7;/* 外枠のシャドウ */border-top: 2px dashed #fff;/* 上部の点線 */border-bottom: 2px dashed #fff;/* 下部の点線 */z-index: 1;/* 画像の手前に配置 */transform: translateY(-25px);border-radius: 1px;}/*本体アイコン・共通スタイル */.item_01 {position: relative;/* 親要素を基準に配置 */}.item_01::before {content: "本体";/* テキストを設定 */position: absolute;/* 絶対配置 */top: 10px;/* 上端からの距離 */left: 10px;/* 左端からの距離 */background-color: #c2ffff;/* 背景色 */color: #42210b;/* 文字色 */font-weight: bold;/* 太字 */font-size: 15px;/* フォントサイズ */padding: 5px 10px;/* 内側の余白 */border-radius: 5px;/* 角丸 */box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);/* 影の追加 */z-index: 10;/* アイコンを手前に表示 */}/*対応蓋アイコン・共通スタイル*/.item_02 {position: relative;/* 親要素を基準に配置 */}.item_02::before {content: "対応蓋";/* テキストを設定 */position: absolute;/* 絶対配置 */top: 10px;/* 上端からの距離 */left: 10px;/* 左端からの距離 */background-color: #fefcd3;/* 背景色 */color: #42210b;/* 文字色 */font-weight: bold;/* 太字 */font-size: 15px;/* フォントサイズ */padding: 5px 10px;/* 内側の余白 */border-radius: 5px;/* 角丸 */box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);/* 影の追加 */z-index: 10;/* アイコンを手前に表示 */}.item_img_01,.item_img_02{margin: 10px;width: 100%;/* 親要素の幅に合わせる */height: auto;/* 縦横比を維持 */max-width: 150px;/* 必要に応じて最大幅を設定（例: 150px） */max-height: 150px;/* 必要に応じて最大高さを設定（例: 150px） */object-fit: contain;/* 画像が親要素内に収まるよう調整 */display: inline-block;}.item_img_01 img,.item_img_02 img {filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));/* 影の設定 */width: 100%;margin-top: 10px;}.item_txt_01 p,.item_txt_02 p {max-width: 90%;/* 画像の幅に合わせる */margin: 20px auto;/* 水平中央に配置 */text-align: center;/* テキストを中央揃え */}/*商品はこちらボタン(本体)*/#outer .contents_01 .item_01 .item_txt_01 ul.btns {margin: 5px;}#outer .btns a{background: #ccffff;position: relative;display: flex;border-radius:6px;justify-content: space-around;align-items: center;margin: 10px auto;max-width: 200px;padding: 10px;color: #42210b;transition: 0.3s ease-in-out;font-weight: bold;text-decoration: none;z-index:0;}#outer .contents_01 .item_01 .item_txt_01 ul.btns a:before{content: "";position: absolute;top: 0;bottom: 0;width: 0;display: block;background: #ccffff;transition: .3s;left:0;}#outer .contents_01 .item_01 .item_txt_01 ul.btns a:hover{opacity: 0.7;}/*#outer .contents_01 .item_01 .item_txt_01 ul.btns a:hover:before{width: 100%;z-index: -1;}商品はこちらボタンおわり(本体)*//*商品はこちらボタン(対応蓋)*/#outer .contents_01 .item_02 .item_txt_02 ul.btns {margin: 5px;}#outer .contents_01 .item_02 .item_txt_02 ul.btns a{background: #fefcd3;position: relative;display: flex;border-radius:6px;justify-content: space-around;align-items: center;margin: 10px auto;max-width: 200px;padding: 10px;color: #42210b;transition: 0.3s ease-in-out;font-weight: bold;text-decoration: none;z-index:0;}#outer .contents_01 .item_02 .item_txt_02 ul.btns a:before{content: "";position: absolute;top: 0;bottom: 0;width: 0;display: block;background: #fefcd3;transition: .3s;left:0;}#outer .contents_01 .item_02 .item_txt_02 ul.btns a:hover{opacity: 0.7;}/*#outer .contents_01 .item_02 .item_txt_02 ul.btns a:hover:before{width: 100%;z-index: -1;}商品はこちらボタンおわり(対応蓋)*//*容量から選ぶの<p＞説明文*/#desertcup-p1{width: 100%;font-size: 1.3em;font-weight: bold;text-align: center;color: #42210b;}#desertcup-p2{width: 100%;font-size: 1.3em;font-weight: bold;text-align: center;color: #42210b;}#desertcup-p3{width: 100%;font-size: 1.3em;font-weight: bold;text-align: center;color: #42210b;}#desertcup-p4{width: 100%;font-size: 1.3em;font-weight: bold;text-align: center;color: #42210b;}#desertcup-p5{width: 100%;font-size: 1.3em;font-weight: bold;text-align: center;color: #42210b;}/*容量から選ぶの表*/#outer table.tb01{border-collapse: collapse;width: 75%;table-layout: fixed;margin-bottom: 75px;margin: 20px auto 35px;}#outer .tb01 tr.tr_head{background: #f46091;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: #42210b;display: block;width: 100%;height: 100%;text-decoration:none;}#outer .tb01 td.link {background-color: #fff;}#outer .tb01 td.link:hover{background-color: #5284c7;}#outer .tb01 tr.tr_2{background-color: #FFFFFF;}/*#outer .tb01 td.td_2{background-color: #FFFCE6;}*//*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.3em;font-weight: bold;margin: 35px 0 15px;color: #42210b;}.column h3::before{content: "┃";color: #42210b;}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_02::after{content: "";display: block;width: 32%;height: 0;}.contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: white;background-color: #5284c7;font-weight: bold;border-radius: 6px;text-align: center;text-decoration: none;font-size: 1.1em;}.btn_gazou_ a{display: block;position: relative;padding: 10px;color: #42210b;background-color: #5284c7;font-weight: bold;border-radius: 6px;text-align: center;text-decoration: none;font-size: 1.1em;}.column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}.column ul.tokusyu li{width: 23%;margin-bottom: 10px;}.column ul.tokusyu li img{width: 100%;height: auto;}.column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}.column ul.tokusyu::after{content: "";display: block;width: 23%;}.btn_gazou_:hover,.tokusyu li:hover{opacity: 0.7;}#outer .product_layout{display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:start;position:relative;}/* 左 */#outer .product_title{font-size:28px;margin: 16px 0;font-weight: bold;}#outer .product_desc {font-size: 15px;line-height: 1.8;margin-bottom: 10px;font-weight: 600;}#outer .size_list{display:flex;gap:10px;flex-wrap: wrap;width: 75%;}#outer .size_list span{border:1px solid #ccc;padding:6px 10px;font-size:13px;font-weight: 600;}/* 帯 */#outer .visual_side{position:relative;height:140px;}#outer .ribbon{position: absolute;right: -250px;top: 71px;background: #7fb6d1;color: #fff;padding: 16px 8px;font-size: 14px;font-weight: bold;/* writing-mode: vertical-rl;*/transform: rotate(-4deg);width: 300px;}/* ＋ボタン */#outer .open_btn{display:flex;justify-content:left;align-items:center;gap:0.2em;cursor:pointer;margin:30px 0;list-style:none;width: 65%;position: relative;}#outer .open_btn2{display:flex;justify-content:left;align-items:center;gap:0.2em;cursor:pointer;margin:30px 0;list-style:none;position: relative;}#outer .plus{width:40px;height:40px;border:2px solid #7ca6bf;border-radius:50%;position:relative;}#outer .plus::before,#outer .plus::after{content:"";position:absolute;background:#7ca6bf;}#outer .plus::before{width:16px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);}#outer .plus::after{width:2px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);}#outer details[open] .plus::after{display:none;}/* click */#outer .click_text{left:calc(50% + 26px);bottom:-30px;color:#7ca6bf;font-size:1.4em;font-weight:bold;font-style:italic;transform:rotate(0deg);}/* 商品一覧 */#outer .product_list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top: 1em;}#outer .item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;}#outer .product_info{position:relative;}#outer .ribbon_long {position: absolute;right: -518px;top: 9em;background: #5fa5c5;color: #fff;padding: 16px 8px;font-size: 14px;font-weight: bold;/* writing-mode: vertical-rl;*/transform: rotate(-4deg);z-index: 1;width: 436px;}#outer .new_icon5 {top: 5em;width: 15%;margin-left: 51em;position: absolute;z-index: 15;margin-top: 0.3em;}#outer .new_icon5 img {}#outer .yokonarabe {display: flex;gap: 0.2em;margin-top: 0.5em;}#outer .yokonarabe2 {display: flex;gap: 0.2em;margin-top: 1em;position: absolute;}#outer .color-samples {display: inline-flex;gap: 6px;margin-left: 8px;margin-top: 2px;}#outer .color-box {width: 16px;height: 16px;border: 1px solid #ccc;display: inline-block;}#outer .white {background-color: #fff;}#outer .craft {background-color: #c8a46b;/* クラフトっぽい色 */}#outer .black {background-color: black;/* クラフトっぽい色 */}#outer .red {background-color: #e43f55;/* クラフトっぽい色 */}#outer .img-wrap {overflow: hidden;}#outer .img-wrap img {transform: scale(1.12);transform-origin: top;width: 100%;}#outer .img-wrap2 {overflow: hidden;border: 1px solid #ccc;border-radius: 20px;}#outer .img-wrap2 img {transform: scale(1.12);transform-origin: top;width: 180px;height: 120px;}#outer .chosei2{font-size: 1em;color: #4B4445;}#outer .cup_grid{display:grid;grid-template-columns:repeat(4,1fr);gap: 1.5em;margin-top: 2em;}#outer .cup_block{/* border:1px solid lightgray;*/padding: 1em;margin: 1em auto;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);width: 300px;}#outer .cup_size{font-weight:bold;font-size:16px;}#outer .cup_desc{font-size:13px;margin-top:4px;}#outer .cup_body{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;}#outer .cup_image{text-align:center;overflow: hidden;}#outer .cup_image img{width:100%;max-width:160px;}#outer .lid_area{position: relative;height: 350px;margin-left: 5em;top: 4em;}#outer .lid_area::before{content: "";position: absolute;top: -124px;bottom: 43px;right: -7px;width: 47px;background: #ffffcf;/* border-radius: 30px;*/z-index: 0;}#outer .lid {position: absolute;width: 122px;height: 93px;overflow: hidden;display: block;box-shadow: 0 4px 10px rgba(0,0,0,0.15);transition: .2s;z-index:1;}#outer .lid img{width:100%;height:100%;object-fit:cover;transform: scale(1.65);transform-origin: top;}#outer .l1{top: -102px;right: -6px;}#outer .l2{top: 0px;right: -5px;}#outer .l3{top: 102px;right: -4px;}#outer .l4{top: 203px;right: -4px;}#outer .lid:hover{transform:scale(1.1);}#outer .size-image{position:relative;}/* 縦 */#outer .size-height{position: absolute;left: 20px;top: 20%;bottom: 13%;border-left: 1px solid #000;font-weight: 600;font-size: 1.1em;}#outer .size-height span{position: absolute;left: 15px;top: 25%;transform: translate(-100%, -50%);font-size: 12px;background-color: white;}/* 横 */#outer .size-width{position: absolute;left: 22%;right: 25%;top: 91%;border-bottom: 1px solid #000;font-weight: 600;font-size: 1.1em;}#outer .size-width span{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;}#outer .size-zoom{transform: scale(1.22);transform-origin: top;}#outer .lid_name{display:block;font-size:11px;margin-top:6px;line-height:1.3;}#outer .product_card{border:1px solid #ddd;padding:20px;background:#fff;margin-bottom: 1.5em;}#outer .product_card2{display: none;}/* タイトル */#outer .product_header{display:flex;align-items:center;gap:10px;margin-bottom:15px;}#outer .rank{color:#d60000;font-weight:bold;font-size:20px;}#outer .title{font-size: 1.2em;color:#1a4fa3;margin:0;}/* メイン */#outer .product_main{display:flex;gap:20px;}/* 画像 */#outer .badge-radio{display:none;}#outer .badge-item{position:relative;}#outer .badge-btn{display:block;background:#c6f000;padding:6px 12px;cursor:pointer;}/* 吹き出し */#outer .tooltip{position:absolute;top:120%;left:50%;transform:translateX(-50%);width:220px;background:#fff;border:1px solid #ccc;padding:12px;opacity:0;visibility:hidden;z-index:20;}/* 全画面透明レイヤー */#outer .overlay{display:none;position:fixed;inset:0;z-index:10;}/* 表示 */#outer .badge-radio:checked + .badge-btn + .overlay + .tooltip{opacity:1;visibility:visible;left: 90%;}/* 開いてる時だけoverlay有効 */#outer .badge-radio:checked + .badge-btn + .overlay{display:block;}/* 右側 */#outer .product_info{flex:1;}/* 上段 */#outer .top_row{display:flex;gap:10px;align-items:center;margin-bottom:10px;color: #888888;}#outer .sale{background:#e60023;color:#fff;padding:4px 8px;font-size:12px;}/* 価格 */#outer .price_area{margin-bottom:10px;}#outer .label{background:#eee;padding:3px 8px;margin-right:5px;}#outer .old{text-decoration:line-through;color:#888;margin-right:10px;}/* 評価 */#outer .rating{margin-bottom:10px;}#outer .stars{color:orange;margin:0 5px;}#outer .score{font-weight:bold;color:#e67e00;}/* 説明 */#outer .desc{font-size: 1.1em;line-height:1.6;margin: 1.5em 0;}/*#outer .buttons{display:flex;gap:10px;}#outer .btn{padding:12px 20px;color:#fff;text-decoration:none;border-radius:6px;}#outer .detail{background:orange;font-weight: bold;}*/#outer .linekasen{text-decoration: underline;font-size: 1.1em;}/* カートボタン実装したら削除 */#outer .linekasen{display:inline-block;padding:14px 36px;background:linear-gradient(to bottom,#ff6b6b 0%,#ff3b30 45%,#d70000 100%);color:#fff !important;text-decoration:none;font-weight:bold;font-size:16px;border-radius:6px;border:1px solid #b30000;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.25);transition:.2s ease;}#outer .linekasen:hover{background:linear-gradient(to bottom,#ff7d7d 0%,#ff5145 45%,#e60000 100%);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 12px rgba(0,0,0,.3);}#outer .linekasen:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.2);}/* カートボタン実装したら削除　ここまで */#outer .review{background:#f07c2b;}/* テーブル */#outer .spec{width:100%;margin-top:20px;border-collapse:collapse;font-size:13px;}#outer .spec th,#outer .spec td{border:1px solid #ccc;padding:8px;text-align:center;}#outer .spec th{background:#f5f5f5;}#outer .unit_price {font-size: 1.1em;margin-top: 0.1em;}#outer .king {width: 3%;}#outer .spec--sp {display: none;}#outer .spec--pc {width: 100%;border-collapse: collapse;font-size: 14px;}#outer .spec--pc th,#outer .spec--pc td {border: 1px solid #ddd;padding: 8px 12px;text-align: center;white-space: nowrap;}#outer .spec--pc th {background: #f5f5f5;font-weight: bold;}#outer .item_price{font-size: 3.2em;text-align: center;color: red;}/*価格*/#outer .item_price {display: flex;align-items: center;gap: 5px;font-size: 3.2em;font-weight: bolder;color: red;text-align: center;margin-top: 0.75em;}#outer .item_price::after {content: "（税込）";font-size: 0.5em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;top: 0.4em;}#outer .unit_price {display: flex;align-items: center;gap: 5px;font-size: 1em;font-weight: bolder;text-align: center;justify-content: center;margin-top: 10px;background: linear-gradient(transparent 65%, yellow 30%);}#outer .unit_price::after {content: "（税込）";font-size: 1em;display: inline-block;vertical-align: baseline;margin-left: 4px;}#outer .item_price span {vertical-align: bottom;line-height: 1;}#outer .kakoi{width: 35%;margin: 1em 0;}#outer .product_image input {display: none;}#outer .product_image .main_image {display: none;}#outer .product_image .main_image img {width: 100%;max-width: 300px;display: block;margin: 0 auto;}#outer .product_image .thumbnail_list {display: flex;gap: 10px;margin-top: 10px;justify-content: center;}#outer .product_image .thumbnail_list label img {width: 60px;height: 60px;object-fit: cover;border: 2px solid transparent;cursor: pointer;}/* 初期表示 */#outer .product_image input:first-of-type ~ .image1 {display: block;}/* 2枚目押したら1枚目消す */#outer .product_image input:nth-of-type(2):checked ~ .image1 {display: none;}/* 2枚目表示 */#outer .product_image input:nth-of-type(2):checked ~ .image2 {display: block;}/* active */#outer .product_image input:first-of-type:checked ~ .thumbnail_list label:nth-of-type(1) img,#outer .product_image input:nth-of-type(2):checked ~ .thumbnail_list label:nth-of-type(2) img {border-color: #000;}/* active */#outer .product_image input:first-of-type:checked ~ .thumbnail_list label:nth-of-type(1) img,#outer .product_image input:nth-of-type(2):checked ~ .thumbnail_list label:nth-of-type(2) img {border-color: #000;}/* 初期表示用 */#outer .product_image .thumbnail_list label:first-of-type img {border-color: #000;}/* 2枚目押したら1枚目解除 */#outer .product_image input:nth-of-type(2):checked ~ .thumbnail_list label:first-of-type img {border-color: transparent;}#outer label{margin: 3px 5px 0 0;line-height: 17px;padding-bottom: 3px;}#outer .chosei{font-size: 1em;margin: 1em 0;text-align: left;}#outer .choseired{font-size: 5em;margin: 1em 0;color: red;text-align: center;}#outer .cart_l_ a span{font-size: 1em;width: 180px;}#outer .btn_{display: flex;margin: 1.1em 0 0 0;width: 20%;gap: 0.5em;}#outer .cart_l_ a{padding: 0.8em;height: 30px;}#outer .datesize{justify-items: right;font-size: 1em;margin: 1em;color: gray;text-align: right;}#outer .kakushi{display: none;}#outer .number{width:auto;}#outer #qty{text-align: left;width: 80px;padding: 0.5em;height: 33px;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;}#outer .product_image img{width:100%;max-width: none;}#outer .product_image{width:auto;margin: 1.5em auto;}/*スマホ見出し*/#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.26em;padding: 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%;}/*スマホメニューバー文字サイズ調整*/#outer .jump{width:97%;}#outer .jump ul._genre_menu{width:103%;display: flex;justify-content: center;margin:0;box-sizing: border-box;list-style: none;color:#42210b;background-color: #5284c7;}#outer .jump ul._genre_menu li.global_item a{font-size:1.2em;display: block;/*padding: 15px;*/font-weight:bold;text-decoration: none;box-sizing: border-box;text-align:center;color:#42210b;line-height: 3em;}li.global_item:hover{background-color: #5284c7;}/*スマホh2幅調整*/#outer h2.uline_b{width: 82%;transform: translateX(1px);margin: 45px auto;}/*スマホカテゴリボタン設定*/#outer .category_btn{font-size: 1.1em;margin: 1em auto 5em;}#outer .category_btn a{padding: 10px;}#outer .category_btn2{width: 98%;font-size: 1.1em;margin: 40px auto 40px;}#outer .category_btn2 a{padding: 10px;}/*ページジャンプ*/#outer .adjustment {padding-top: 90px;margin-top: -90px;display: block;}/*スマホタブのところ*//*スマホタブ切り替え全体のスタイル*/#outer .tabs {color: #42210b;margin-top: 50px;background-color: #fff;width: 100%;}/*スマホタブのスタイル*/#outer .tab_item {width: calc(98%/2);display: block;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border: solid 2px #ffffff;box-sizing: border-box;background-color: #5284c7;line-height: 1.1em;font-size: 12px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;transform:translateX(4px);border-radius: 3px 3px 0 0;}#outer .tab_item:first-of-type {border-left-style: none;}#outer .tab_item:hover {opacity: 0.7;}/* スマホタブクリック時画像のスタイル（初期状態では非表示*/#outer .tab_item:after{content: "";display: none;/* 初期状態では非表示 */background-size: contain;/* 画像サイズを調整 */background-repeat: no-repeat;width: 25px;/* 画像の幅 */height: 25px;/* 画像の高さ */position: absolute;/* テキストの右側に固定配置 */top: 45%;/* タブ内の縦中央に配置 */transform: translateY(-50%);}/* スマホの画像パス */input#tab1:checked + .tab_item::after,input#tab2:checked + .tab_item::after, input#tab3:checked + .tab_item::after,input#tab4:checked + .tab_item::after ,input#tab5:checked + .tab_item::after {display: inline-block;background-image: url("/img/freepage/feature_desertcup/sakuranbo_tagicon.png");}/*スマホh3見出し装飾濃い#c1272d-#ef4878-#f46091*//* スマホリボン全体の設定 *//* スマホh3_typetxt全体を中央配置 */.h3_typetxt {display: flex;/* フレックスボックスで中央配置 */justify-content: center;align-items: center;position: relative;height: 45px;text-align: center;box-sizing: border-box;width: 250px;/* リボン全体の幅を固定 */margin: 0 auto;/* 親要素の中央に配置 */}/* スマホ左側のリボン端 */.h3_typetxt:before {content: '';position: absolute;width: 10px;height: 0px;bottom: -10px;left: -35px;z-index: 0;border: 20px solid #f46091;border-left-color: transparent;/* 山形に切り抜き */}/* スマホ右側のリボン端 */.h3_typetxt:after {content: '';position: absolute;width: 10px;height: 0;bottom: -10px;right: -35px;z-index: 0;border: 20px solid #f46091;border-right-color: transparent;/* 山形に切り抜き */}/* スマホ真ん中のリボン部分 */.h3_typetxt h3 {display: inline-block;position: relative;margin: 0;padding: 0 20px;/* 文字の左右余白 */line-height: 45px;font-size: 16px;font-weight: bold;color: #FFF;background: #ef4878;/* 真ん中の背景色 */z-index: 1;width: 250px;/* リボンの中央部分の幅を固定 */text-align: center;}/* スマホ左の折り返し部分 */.h3_typetxt h3:before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 15px #c1272d;}/* スマホ右の折り返し部分 */.h3_typetxt h3:after {position: absolute;content: '';top: 100%;right: 0;border: none;border-bottom: solid 10px transparent;border-left: solid 15px #c1272d;}/*スマホh4見出し装飾(残りはデスクトップ版と同じ設定*/#outer h4{width:95%;padding:0.5em 0;font-size:1.1em;margin:25px 15px 15px 10px;}/*スマホ各シリーズごと商品並べる*/#outer .item_con .item_01,.item_con .item_02{width: 46%;}#outer .item_con2 .item_01,.item_con2 .item_02{width: 46%;}#outer .item_con3 .item_01,.item_con3 .item_02{width: 47%;}#outer .item_con4 .item_01,.item_con4 .item_02{width: 47%;}/*スマホ各シリーズごと、商品並べる*/#outer .contents_01{display: block;padding: 10px;background: url("/img/freepage/feature_desertcup/sakuranbo.png");background-size:20px auto;background-repeat: repeat-x;background-position: center bottom;}#outer .contents_01 .item_con,.contents_01 .item_con2 {display: flex;flex-wrap: wrap;justify-content: space-between;width: auto;padding: 0;}#outer .contents_01 .item_con3{display: flex;flex-wrap: wrap;/*justify-content: space-between;*/width: auto;padding: 0;}#outer .contents_01 .item_con4 {display: flex;flex-wrap: wrap;justify-content: space-between;width: auto;padding: 0;gap:0;}#outer .contents_01 .item_con6{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;padding: 0;}#outer .item_con6 .item_01, .item_con6 .item_02 {width: 47%;}/*本体・対応蓋アイコン*/.item_01::before {content: "本体";/* テキストを設定 */position: absolute;/* 絶対配置 */top: 5px;/* 上端からの距離 */left: 5px;/* 左端からの距離 */background-color: #c2ffff;/* 背景色 */color: #42210b;/* 文字色 */font-weight: bold;/* 太字 */font-size: 15px;/* フォントサイズ */padding: 5px 10px;/* 内側の余白 */border-radius: 5px;/* 角丸 */box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);/* 影の追加 */}.item_02::before {content: "対応蓋";/* テキストを設定 */position: absolute;/* 絶対配置 */top: 5px;/* 上端からの距離 */left: 5px;/* 左端からの距離 */background-color: #fefcd3;/* 背景色 */color: #42210b;/* 文字色 */font-weight: bold;/* 太字 */font-size: 15px;/* フォントサイズ */padding: 5px 10px;/* 内側の余白 */border-radius: 5px;/* 角丸 */box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);/* 影の追加 */}/*スマホ各シリーズごと、本体+対応蓋組合わせ画像*/.contents_01 .item_03{width: 90%;text-align: center;margin: 30px auto 30px;}/*スマホ本体+対応蓋組合わせ画像装飾*/.item_03::before {content: "";/* 装飾用の空の要素 */position: absolute;/* 絶対位置を指定 */left: 50%;/* 中央揃え *//*transform: translateX(-50%);中央揃えの調整 */width: 155px;/* 装飾の幅 */height: 20px;/* 装飾の高さ */background-color: #5284c7;/* 背景色 */box-shadow: 0 0 0 7px #5284c7;/* 外枠のシャドウ */border-top: 2px dashed #fff;/* 上部の点線 */border-bottom: 2px dashed #fff;/* 下部の点線 */z-index: 1;/* 画像の手前に配置 */transform: translate(-50%, -22px);}/*スマホ容量から選ぶの<p＞説明文*/#desertcup-p1{width: 90%;font-size: 1.2em;font-weight: bold;text-align: center;color: #42210b;margin: 22px;}#desertcup-p2{width: 90%;font-size: 1.2em;font-weight: bold;text-align: center;color: #42210b;margin: 22px;}#desertcup-p3{width: 90%;font-size: 1.2em;font-weight: bold;text-align: center;color: #42210b;margin: 22px;}#desertcup-p4{width: 90%;font-size: 1.2em;font-weight: bold;text-align: center;color: #42210b;margin: 22px;}#desertcup-p5{width: 90%;font-size: 1.2em;font-weight: bold;text-align: center;color: #42210b;margin: 22px;}/*スマホ容量から選ぶの表*/#outer table.tb01{border-collapse: collapse;width: 90%;table-layout: fixed;margin-bottom: 75px;margin: 20px auto 35px;font-size: 10px;}/*スマホ表・ホバー*/#outer .tb01 td.link:hover{background-color: #5284c7;}/*スマホ関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}#outer .product_desc{width: 50%;}#outer .product_layout{grid-template-columns:1fr;margin: 0.5em;}#outer .ribbon{position: absolute;right: 75px;top: 10px;background: #7fb6d1;color: #fff;padding: 8px;font-size: 14px;font-weight: bold;writing-mode: vertical-rl;transform: rotate(8deg);width: 30px;height: 150px;display: flex;align-items: center;}#outer .ribbon_long {position: absolute;right: 25px;top: 0.2em;background: #5fa5c5;color: #fff;padding: 10px;font-size: 14px;font-weight: bold;writing-mode: vertical-rl;transform: rotate(8deg);z-index: 1;width: 30px;height: 251px;display: flex;align-items: center;}#outer .size_list{display:flex;gap:10px;flex-wrap: wrap;width: 65%;gap: 10px 5px;}#outer .product_list{grid-template-columns: repeat(2, 1fr);gap: 0.5em;margin: 1em;}#outer .new_icon5 {top: 13em;width: 27%;margin-left: 15.5em;z-index: 15;}#outer .click_text{font-size:1.9em;text-align: center;}#outer .item {}#outer .color-samples {margin-top: 2px;}#outer .cup_grid{display:grid;grid-template-columns:repeat(1,1fr);gap: 0.2em;}#outer .cup_body{display:grid;grid-template-columns:2fr 1.5fr;align-items:center;}#outer .product_main{display: block;gap:20px;}#outer .recommend_item .item_con .unit_price{font-weight: bold;margin-bottom: 5px;text-align: center;}#outer .item_price{margin: 0 auto;font-size: 3em;}#outer .king {width: 20%;}#outer .spec--pc {display: none;}#outer .spec--sp {display: block;}#outer .spec-card {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;background: #fff;margin-bottom: 12px;}#outer .spec-card__label {background: #f5f5f5;text-align: center;padding: 7px 10px;font-size: 12px;color: #333;border-bottom: 1px solid #ddd;}#outer .spec-card__value {text-align: center;padding: 9px 10px;font-size: 13px;color: #111;line-height: 1.6;}#outer .spec-card__row {display: grid;}#outer .spec-card__row--2col {grid-template-columns: 1fr 1fr;}#outer .spec-card__row--3col {grid-template-columns: 1fr 1fr 1fr;}#outer .spec-card__col + .spec-card__col {border-left: 1px solid #ddd;}#outer .spec-card__col .spec-card__label {border-bottom: 1px solid #ddd;}#outer .title{line-height: 1;}/*価格*/#outer .item_price {font-size: 2.8em;margin-top: 0.6em;}#outer .item_price::after {font-size: 0.35em;}#outer .unit_price {font-size: 0.8em;}#outer .kakoi{width: 80%;}#outer .product_card{padding:1em 2em;}#outer .spec_toggle{cursor:pointer;padding:12px 16px;background:#f5f5f5;border-radius:8px;font-weight:bold;list-style:none;margin-bottom: 1.5em;font-size: 1.1em;}#outer .spec_toggle::-webkit-details-marker{display:none;}#outer .spec_toggle::after{content:"＋";float:right;}#outer .spec--sp[open] .spec_toggle::after{content:"－";}#outer .chosei{padding: 0 2em;}#outer .cart_l_ a{padding: 1em 0.5em;}#outer input[type="number"]{margin-top: 0;}#outer .btn_{margin: 1.1em 1.1em 0.5em 1.1em;}#outer .cart_l_ a span{width: 165px;}#outer .desc{margin: 1em 0;}#outer .datesize{justify-items: right;font-size: 0.6em;margin: 1em;color: gray;text-align: right;}#outer #qty{height: 29px;margin-top: -5px;}}