@charset "utf-8";/* CSS Document *//*全体設定*/*, *:before, *:after {box-sizing: inherit;}html {box-sizing: border-box;}img {vertical-align: bottom;}#placup_lid{width: 1260px;margin: 0 auto;}/*イントロ*/#placup_lid .intro{width: 100%;background-image: url("https://d2n1yksyrui2ua.cloudfront.net/img/lp/placup_lid/topimg_pc.jpg");background-size: cover;padding: 2em;height: 470px;display: flex;justify-content: center;flex-direction: column;}#placup_lid .intro .title{color: #0c6884;background-color: #ffffff;width: 700px;padding: 2em 3em;display: flex;justify-content: center;flex-direction: column;}#placup_lid .intro .title h1{font-size: 2.7em;font-weight: bold;}#placup_lid .intro .title p{line-height: 1.5em;}/*SEO対策用のテキスト*/#placup_lid .intro .title p.keyword {line-height: 1.7em;margin-bottom: 0.8em;padding-bottom: 10px;border-bottom: #0c6884 1px dashed;}#placup_lid .intro .title p img{vertical-align: text-bottom;}/*タブ切り替え全体のスタイル*/#placup_lid .tabs {margin-top: 50px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*/#placup_lid .tab_item {width: calc(100%/3);display: flex;justify-content: center;align-items: center;margin: 0;height: 50px;border-left: solid 1px #ffffff;box-sizing: border-box;color: #0c6884;background-color: #e6f0f2;line-height: 50px;font-size: 1.3em;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;}#placup_lid .tab_item span {font-size: 0.7em;margin-left: 10px;}#placup_lid .tab_item:first-of-type {border-left-style: none;}#placup_lid .tab_item:hover {background-color: #0c6884;color: #ffffff;}/*ラジオボタンを全て消す*/input[name="tab_item"] {display: none;}/*タブ切り替えの中身のスタイル*/#placup_lid .tab_content {display: none;padding: 3em 0 0;clear: both;overflow: hidden;}/*選択されているタブのコンテンツのみを表示*/#standard:checked ~ #standard_content, #hot:checked ~ #hot_content, #icehot:checked ~ #icehot_content {display: block;}/*選択されているタブのスタイルを変える*/#placup_lid .tabs input:checked + .tab_item {background-color: #0c6884;color: #ffffff;}/*紙コップとフタ枠の全体設定*/#placup_lid h2{color: #0c6884;font-size: 2em;border-bottom: solid 3px #0c6884;font-weight: bold;padding-left: 25px;margin-bottom: 1.5em;}#placup_lid h3{color: #0c6884;font-size: 1.8em;border-bottom: solid 2px #0c6884;font-weight: bold;padding-left: 25px;margin-bottom: 1.5em;}#placup_lid h4{color: #ffffff;font-weight: bold;font-size: 1.5em;margin-right: 1em;}#placup_lid h5{color: #0c6884;font-weight: bold;font-size: 1.3em;margin: 0 0 0.5em 0.5em;}#placup_lid .contents{width: 100%;display: flex;flex-wrap: wrap;justify-content: left;gap: 1em;}#placup_lid .contents .cup a:hover,.contents .lid:hover,#placup_lid ul.dan_list li a:hover{opacity: 0.7;transition: all 0.5s ease-out;}#placup_lid .contents .lid.tri p._img{display: block;position: relative;}/*断熱カップのメニュー部分*/#placup_lid ul.dan_list{width: 100%;display: flex;flex-wrap: wrap;justify-content: left;margin-bottom: 25px;gap: 10px;}#placup_lid ul.dan_list li{width: 49%;margin-bottom: 1em;}#placup_lid ul.dan_list::after,#placup_lid ul.dan_list::before {content: "";display: block;width: 24%;height: 0;}#placup_lid ul.dan_list::before {order: 1;}#placup_lid ul.dan_list li a{display: block;font-weight: bold;text-decoration: none;padding: 0.5em;color: #0c6884;background-color: #e6f0f2;position: relative;}#placup_lid ul.dan_list li a:after{content: "";width: 0;height: 0;position: absolute;top: 35%;right: 3%;border: 6px solid transparent;border-top: 10px solid #0c6884;}/*紙コップ名の設定*/#placup_lid .cupname{background-color: #0c6884;color: #ffffff;border-radius: 0.5em 0.5em 0 0;padding: 1em 1.5em 1em 25px;font-weight: bold;display: flex;flex-wrap: wrap;align-items: flex-end;}#placup_lid .cupname h3{font-size: 1.7em;font-weight: bold;margin-right: 25px;overflow-wrap: break-all;}#placup_lid .cupname span{line-height: 2.2;}/*下スクロールあり紙コップたち 全体枠*/#placup_lid .contents .fl_scroll{width: 100%;background-color: #e6f0f2;border-radius: 1em;margin-bottom: 5em;}#placup_lid .contents .fl_scroll .item_list{padding: 2em;}/*下スクロールあり紙コップたち　紙コップ本体*/#placup_lid .contents .fl_scroll .cup_list{display: flex;margin: 0 2em 2em;}#placup_lid .contents .fl_scroll .cup_list .cup{text-align: center;width: 232px;}/*下スクロールあり紙コップたち　紙コップ本体 スクロールあり*/#placup_lid .contents .fl_scroll .cup_list_scroll{display: flex;flex-wrap: nowrap;overflow-x: scroll;padding: 0 0 2em 0;margin: 0 2em 2em;}#placup_lid .contents .fl_scroll .cup_list_scroll .cup{text-align: center;margin: 0 0.5em;}#placup_lid .contents .fl_scroll .cup_list_scroll .cup img{max-width: none;}/*下スクロールあり紙コップたち　蓋*/#placup_lid .contents .fl_scroll .bg_white{background-color: #ffffff;border-radius: 1em;padding: 2em;}#placup_lid .contents .fl_scroll .lid_list{display: flex;flex-wrap: nowrap;overflow-x: scroll;padding: 0 0 2em 0;}#placup_lid .contents .fl_scroll .lid_list .lid{width: 200px;margin: 0 0.5em;font-size: 0.9em;}#placup_lid .contents .fl_scroll .lid_list .lid img{max-width: none;}/*半分紙コップたち 全体枠*/#placup_lid .contents .fl_half{width: 49%;background-color: #e6f0f2;margin-bottom: 5em;}#placup_lid .contents .fl_half .item_list{padding: 2em;display: flex;justify-content: space-between;flex-wrap: nowrap;}/*半分紙コップたち　紙コップ本体*/#placup_lid .contents .fl_half .cup_list{display: block;width: 49%;margin: 0 2em 2em 0;}#placup_lid .contents .fl_half .cup_list .cup{text-align: center;}/*半分紙コップたち紙コップたち　蓋*/#placup_lid .contents .fl_half .bg_white{background-color: #ffffff;border-radius: 1em;padding: 1.5em 2em 2em 2em;width: 49%;}#placup_lid .contents .fl_half .lid_list{display: block;overflow-x: auto;padding: 0;}#placup_lid .contents .fl_half .lid_list .lid{width: 195px;margin: 0 0.5em;font-size: 0.9em;}#placup_lid .contents .fl_half .lid_list .lid img{max-width: none;}/*1列に全部の紙コップたち 全体枠*/#placup_lid .contents .fl_rowall{width: auto;background-color: #e6f0f2;border-radius: 1em;margin-bottom: 5em;}#placup_lid .contents .fl_rowall .item_list{padding: 2em;display: flex;}/*1列に全部の紙コップたち　紙コップ本体*/#placup_lid .contents .fl_rowall .cup_list{display: flex;justify-content: space-between;margin-left: 1em;}#placup_lid .contents .fl_rowall .cup_list .cup{text-align: center;width: 232px;}#placup_lid .contents .fl_rowall .cup_list .cup img{max-width: 195px;}/*1列に全部の紙コップたち　蓋*/#placup_lid .contents .fl_rowall .bg_white{background-color: #ffffff;border-radius: 1em;padding: 1.5em 2em 2em 2em;margin-left: 5em;}#placup_lid .contents .fl_rowall .bg_white._l3{margin-left: 2em;}#placup_lid .contents .fl_rowall .lid_list{display: flex;flex-wrap: nowrap;overflow-x: auto;padding: 0;}#placup_lid .contents .fl_rowall .lid_list .lid{width: 195px;margin: 0 0.5em;font-size: 0.9em;}#placup_lid .contents .fl_rowall .lid_list .lid img{max-width: none;}/*対応蓋特集ボタン*/#placup_lid .category_btn{width: 100%;margin: 0px auto 40px;}#placup_lid .category_btn:hover{opacity: 0.8;}#placup_lid .category_btn a{display: block;font-size: 1.2em;font-weight: bold;color: #FFFFFF;background-color: #0c6884;text-decoration: none;text-align: center;box-sizing: border-box;padding: 15px 0;position: relative;border-radius: 5px;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}#placup_lid .column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;color: #0c6884;border-bottom: inherit;}#placup_lid .column h3::before{content: "┃"}#placup_lid .column h3{color: #0c6884;border-bottom: inherit;}.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_:hover{opacity: 0.8;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #0c6884;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 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%;}/*アイコン*/#placup_lid .papercuponce {display: inline-block;background-color: white;color: #0c6884;font-size: 1em;padding: 4px 15px;border-radius: 999px;font-weight: bold;line-height: 1;margin-right: 10px;}.size195{width: 195px;height: 195px;}.size195135{width: 195px;height: 135px;}@media screen and (max-width: 768px) {#placup_lid{width: 100%;}/*イントロ*/#placup_lid .intro{width: 100%;background-position: center;padding: 10em 1em 1em 1em;height: auto;display: block;background-image: url("https://d2n1yksyrui2ua.cloudfront.net/img/lp/placup_lid/topimg_smh.jpg");background-size: cover;}#placup_lid .intro .title{width: 100%;padding: 1em 2em;}#placup_lid .intro .title h1{font-size: 1.3em;}#placup_lid .intro .title p{font-size: 0.8em;line-height: 1.5;}/*SEO対策用のテキスト*/#placup_lid .intro .title p.keyword {display: none;}/*タブ切り替え全体のスタイル*/#placup_lid .tabs {padding-bottom: 2em;}/*タブのスタイル*/#placup_lid .tab_item {height: 55px;border-left: solid 1px #ffffff;line-height: 1.2;font-size: 1em;animation: none;transition: none;}#placup_lid .tab_item:first-of-type {border-left-style: none;}#placup_lid .tab_item:hover {background-color: #e6f0f2;color: #0c6884;}/*紙コップとフタ枠の全体設定*/#placup_lid h2{font-size: 1.5em;padding-left: 0;margin: 0 0.5em 1em;}#placup_lid h3{font-size: 1.3em;padding-left: 0;margin: 0 0.5em 1.5em;}#placup_lid h4{font-size: 1em;}#placup_lid h5{font-size: 1em;margin: 0 0 0.5em 0.5em;}#placup_lid .contents{width: 100%;padding: 0 1em;}#placup_lid .contents .cup a:hover,.contents .lid:hover{opacity: 1;}/*断熱カップのメニュー部分*/#placup_lid ul.dan_list{padding: 0 10px;}#placup_lid ul.dan_list li{width: 100%;margin-bottom: 0.5em;}#placup_lid ul.dan_list::after,#placup_lid ul.dan_list::before {content: none;}#placup_lid ul.dan_list::before {order: 0;}#placup_lid ul.dan_list li a{font-size: 0.8em;}#placup_lid ul.dan_list li a:after {content: "";width: 0;height: 0;position: absolute;top: 35%;right: 3%;border: 6px solid transparent;border-top: 10px solid #0c6884;}/*紙コップ名の設定*/#placup_lid .cupname{border-radius: 0.5em 0.5em 0 0;padding: 1em;font-weight: bold;display: flex;flex-wrap: wrap;align-items: flex-end;}#placup_lid .cupname h3{font-size: 1em;font-weight: bold;}#placup_lid .cupname span{font-size: 0.8em;line-height: 1.5;}/*下スクロールあり紙コップたち 全体枠*/#placup_lid .contents .fl_scroll{margin-bottom: 2em;}#placup_lid .contents .fl_scroll .item_list{padding: 1em;}/*下スクロールあり紙コップたち　紙コップ本体*/#placup_lid .contents .fl_scroll .cup_list{display: flex;flex-wrap: nowrap;justify-content: flex-start;overflow-x: auto;margin: 0 0 1em;}#placup_lid .contents .fl_scroll .cup_list .cup{text-align: center;width: 120px;margin: 0 0.5em;padding-bottom: 1em;}#placup_lid .contents .fl_scroll .cup_list .cup img{max-width: 120px;}/*下スクロールあり紙コップたち　紙コップ本体 スクロールあり*/#placup_lid .contents .fl_scroll .cup_list_scroll{display: flex;flex-wrap: nowrap;justify-content: flex-start;overflow-x: scroll;margin: 0 0 1em;padding: 0;}#placup_lid .contents .fl_scroll .cup_list_scroll .cup{text-align: center;width: 120px;margin: 0 0.5em;padding-bottom: 1em;}#placup_lid .contents .fl_scroll .cup_list_scroll .cup img{max-width: 120px;}/*下スクロールあり紙コップたち　蓋*/#placup_lid .contents .fl_scroll .bg_white{background-color: #ffffff;border-radius: 1em;padding: 1em;}#placup_lid .contents .fl_scroll .lid_list{overflow-x: scroll;padding: 0 0 1em 0;flex-wrap: nowrap;}#placup_lid .contents .fl_scroll .lid_list .lid{width: 120px;margin: 0 0.5em;font-size: 0.8em;}#placup_lid .contents .fl_scroll .lid_list .lid img{max-width: 120px;}/*半分紙コップたち 全体枠*/#placup_lid .contents .fl_half{width: 100%;background-color: #e6f0f2;margin-bottom: 2em;}#placup_lid .contents .fl_half .item_list{padding: 1em;display: flex;justify-content: space-between;flex-wrap: nowrap;}/*半分紙コップたち　紙コップ本体*/#placup_lid .contents .fl_half .cup_list{display: block;width: 44%;margin: 0 1.5em 1em 1em;}#placup_lid .contents .fl_half .cup_list .cup{text-align: center;}#placup_lid .contents .fl_half .cup_list .cup img{width: 120px;}/*半分紙コップたち紙コップたち　蓋*/#placup_lid .contents .fl_half .bg_white{padding: 1em 0.5em;width: 54%;}#placup_lid .contents .fl_half .lid_list{display: block;overflow-x: auto;padding: 0;}#placup_lid .contents .fl_half .lid_list .lid{margin: 0 auto;font-size: 0.8em;width: 120px;}#placup_lid .contents .fl_half .lid_list .lid a{display: flex;justify-content: center;align-items: center;flex-direction: column;}#placup_lid .contents .fl_half .lid_list .lid img{width: 120px;text-align: center;}/*1列に全部の紙コップたち 全体枠*/#placup_lid .contents .fl_rowall{margin-bottom: 2em;width: 100%;}#placup_lid .contents .fl_rowall .item_list{padding: 1em;flex-wrap: wrap;}/*1列に全部の紙コップたち　紙コップ本体*/#placup_lid .contents .fl_rowall .cup_list{display: flex;flex-wrap: nowrap;justify-content: flex-start;overflow-x: scroll;margin: 0 0 1em;}#placup_lid .contents .fl_rowall .cup_list._smhnoscroll{overflow-x: visible;}#placup_lid .contents .fl_rowall .cup_list .cup{text-align: center;width: 120px;margin: 0 0.5em;padding-bottom: 1em;}#placup_lid .contents .fl_rowall .cup_list .cup img{max-width: 120px;}/*1列に全部の紙コップたち　蓋*/#placup_lid .contents .fl_rowall .bg_white{background-color: #ffffff;border-radius: 1em;padding: 1em;margin: 0;width: 100%;}#placup_lid .contents .fl_rowall .bg_white._l3{margin-left: 0;}#placup_lid .contents .fl_rowall .lid_list{padding: 0 0 1em 0;}#placup_lid .contents .fl_rowall .lid_list .lid{width: 120px;margin: 0 0.5em;font-size: 0.8em;}#placup_lid .contents .fl_rowall .lid_list .lid img{max-width: 120px;}#placup_lid .category_btn{padding: 0 10px 0;}/*関連記事のとこ*/.column{width: 100%;}#placup_lid .column h3{padding: 5px;font-size: 1.3em;margin: 0;border-bottom: inherit;color: #0c6884;}#placup_lid .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;}.item_ .btn_gazou_ a{padding: 10px 0;background-color: #0c6884;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}.size195{max-width: 120px;width: 120px;height: auto;}.size195135{max-width: 120px;width: 120px;height: auto;}}