@charset "utf-8";/* CSS Document *//*全体設定*/#opp_howto{width: 1260px;margin: 0 auto 50px;}#opp_howto h2.con_title{font-size: 1.8em;font-weight: bold;border-bottom: solid 2px #01b3cd;margin-bottom: 15px;padding-left: 10px;box-sizing: border-box;}#opp_howto h3.con_title{font-size: 1.3em;font-weight: bold;background-color: #e6fcff;border-left: solid 10px #01b3cd;padding: 5px 0 5px 15px;margin-bottom: 15px;box-sizing: border-box;}#opp_howto p._txt_b{font-weight: bold;font-size: 1.1em;}#opp_howto p.con_intro{margin-bottom: 15px;padding-left: 15px;}#opp_howto .letter_body{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 45px;}#opp_howto .letter_body ._txt{width: 59%;box-sizing: border-box;padding-left: 10px;}#opp_howto .letter_body ._txt._end p{margin-bottom: 15px;}#opp_howto .letter_body ._txt .btn_parts{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 25px;}#opp_howto .letter_body ._txt .btn_parts .btns_item{width: 49%;position: relative;border-radius: 5px;box-sizing: border-box;border: solid 1px #cccccc;z-index: 1;margin: 0 0 15px 0;}#opp_howto .letter_body ._txt .btn_parts .btns_item:hover{opacity: 0.7;}#opp_howto .letter_body ._txt .btn_parts .btns_item a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;z-index: 2;}#opp_howto .letter_body ._txt .btn_parts .btns_item .btn_image{border-radius: 5px;overflow: hidden;}#opp_howto .letter_body ._txt .btn_parts .btns_item .btn_image img{vertical-align: top;}#opp_howto .letter_body ._txt .btn_parts .btns_item .btn_title{display: block;position: absolute;top: 25%;left: 40%;font-size: 1em;font-weight: bold;}#opp_howto .letter_body ._txt .btn_parts .btns_item .btn_title p{display: table-cell;width: 210px;height: 45px;line-height: 1.2;vertical-align: middle;}#opp_howto .letter_body ._img{width: 39%;}/*タイトル部分*/#opp_howto .intro{width: 100%;color: #ffffff;background-color: #01b3cd;margin-bottom: 25px;padding: 25px 0 45px;text-align: center;box-sizing: border-box;}#opp_howto .intro h1{font-size: 4em;font-weight: bold;}#opp_howto .intro p{font-size: 1.2em;font-weight: bold;}/*タイトル部分 終*//*目次部分*/#opp_howto .contents{width: 100%;border: dotted 1px #000000;border-radius: 1em;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 25px;}#opp_howto .contents ._txt{width: 59%;padding: 30px 10px 30px 25px;}#opp_howto .contents ._txt ul.contents_list{padding: 0 0 0 25px;}#opp_howto .contents ._txt ul.s_contents_list{padding: 0 0 0 10px;}#opp_howto .contents ._txt ul a{color: #006699;text-decoration: none;}#opp_howto .contents ._txt ul a:hover{color: #0090d8;}#opp_howto .contents ._txt ul li._01_con,#opp_howto .contents ._txt ul li._01_con_1{color: #006699;font-size: 1.5em;font-weight: bold;}#opp_howto .contents ._txt ul li._01_con_1{position: relative;}#opp_howto .contents ._txt ul li._02_con{font-size: 0.7em;font-weight: bold;position: relative;color: #006699;}#opp_howto .contents ._txt ul li._02_con:hover,#opp_howto .contents ._txt ul li._01_con_1:hover{color: #0090d8;}#opp_howto .contents ._txt ul li._02_con a,#opp_howto .contents ._txt ul li._01_con_1 a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;}#opp_howto .contents ._txt ul li._03_con{font-size: 0.6em;font-weight: bold;}#opp_howto .contents ._txt ul li._01_con::before,#opp_howto .contents ._txt ul li._01_con_1::before{content: url(/img/freepage/100/allow_i.gif);margin-right: 5px;}#opp_howto .contents ._img{width: 39%;border-top-right-radius: 1em;border-bottom-right-radius: 1em;overflow: hidden;}#opp_howto .contents ._img img{vertical-align: top;}/*目次部分 終*//*シモジマのOPP袋 文章*/#opp_howto h4.series_title{font-size: 1.2em;font-weight: bold;padding: 5px 0 5px 15px;margin-bottom: 15px;}#opp_howto h4.series_title.cristalpak{color: #01816a;background-color: #c7fee3;}#opp_howto h4.series_title.purepak{color: #004098;background-color: #d3edfb;}#opp_howto h4.series_title.business{color: #656b00;background-color: #f3fec7;}/*シモジマのOPP袋 文章 終*//*シモジマのOPP袋 表*/#opp_howto .con_table{margin-bottom: 45px;padding: 0 15px;box-sizing: border-box;}#opp_howto .con_table table{width: 100%;box-sizing: border-box;border-collapse: collapse;border: solid 1px #000000;table-layout: fixed;}#opp_howto .con_table table td{border: solid 1px #000000;vertical-align: middle;}#opp_howto .con_table table td._type_link{vertical-align: middle;text-align: center;padding: 0 5px;font-size: 0.8em;line-height: 2;font-weight: bold;}#opp_howto .con_table table td._type_link._one{line-height: 1.5;}#opp_howto .con_table table td._type_link a{color: #006699;}#opp_howto .con_table table td._type_link a:hover{color: #0090d8;}#opp_howto .con_table table ._type_details{display: flex;justify-content: space-between;padding: 5px 15px 5px 5px;box-sizing: border-box;flex-wrap: wrap;}#opp_howto .con_table table ._type_details ._img{width: 29%;align-self: center;}#opp_howto .con_table table ._type_details ._img img{width: 100%;vertical-align: top;}#opp_howto .con_table table ._type_details ._txt{width: 69%;}#opp_howto .con_table table ._type_details ._txt h4{font-size: 1.3em;font-weight: bold;border-bottom: solid 2px #01b3cd;margin-bottom: 5px;}#opp_howto .con_table table ._type_details ._txt p{margin-bottom: 10px;}#opp_howto .con_table table tr.head_title{font-weight: bold;text-align: center;}#opp_howto .con_table table tr.head_title td._type{width: 70%;padding: 20px 0px;background-color: #ececec;}#opp_howto .con_table table tr.head_title td._cristal,#opp_howto .con_table table tr.head_title td._pure,#opp_howto .con_table table tr.head_title td._business{width: 10%;padding: 20px 0px;}#opp_howto .con_table table tr.head_title td._cristal{background-color: #d0eaf8;}#opp_howto .con_table table tr.head_title td._pure{background-color: #c4fbe0;}#opp_howto .con_table table tr.head_title td._business{background-color: #f0fbc4;}/*シモジマのOPP袋 表 終*//*関連記事のところ*/h2.uline_b {font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃"}.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: #ffffff;background-color: #01b3cd;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%;}@media screen and (max-width: 768px){#opp_howto{width: 100%;padding: 0 10px;box-sizing: border-box;}#opp_howto h2.con_title{font-size: 1.5em;}#opp_howto h3.con_title{font-size: 1.2em;border-left: solid 5px #01b3cd;padding: 5px 0 5px 10px;}#opp_howto p.con_intro{margin-bottom: 15px;padding-left: 5px;}#opp_howto .letter_body{flex-direction: column-reverse;}#opp_howto .letter_body ._txt{width: 100%;padding: 0 10px 10px;}#opp_howto .letter_body ._img{width: 100%;}#opp_howto .letter_body ._txt .btn_parts .btns_item{width: 100%;}/*タイトル部分*/#opp_howto .intro{padding: 25px 15px 45px;}#opp_howto .intro h1{font-size: 2.5em;}#opp_howto .intro p{font-size: 1em;text-align: left;}/*タイトル部分 終*//*目次部分*/#opp_howto .contents{padding: 20px 10px;}#opp_howto .contents ._txt{width: 100%;padding: 0;}#opp_howto .contents ._txt ul.contents_list{padding: 0 0 0 20px;}#opp_howto .contents ._txt ul.s_contents_list{padding: 0 0 0 10px;}#opp_howto .contents ._txt ul li._01_con,#opp_howto .contents ._txt ul li._01_con_1{color: #006699;font-size: 1.2em;font-weight: bold;}#opp_howto .contents ._img{display: none!important;}/*目次部分 終*//*シモジマのOPP袋*/#opp_howto h4.series_title{padding: 5px 0 5px 10px;}/*シモジマのOPP袋 終*//*シモジマのOPP袋 表*/#opp_howto .con_table{overflow: scroll;padding: 0;height: 650px;}#opp_howto .con_table table{min-width: 550px;margin: 0 0 20px;}#opp_howto .con_table table tr.head_title td._type{width: 55%;padding: 10px 0px;background-color: #ececec;position: sticky;top: 0;}#opp_howto .con_table table tr.head_title td._cristal,#opp_howto .con_table table tr.head_title td._pure,#opp_howto .con_table table tr.head_title td._business{width: 15%;padding: 10px 0px;position: sticky;top: 0;}#opp_howto .con_table table tr.head_title td._type:before,#opp_howto .con_table table tr.head_title td._cristal:before,#opp_howto .con_table table tr.head_title td._pure:before,#opp_howto .con_table table tr.head_title td._business:before{content: "";position: absolute;top: -1px;left: -1px;width: 100%;height: 100%;border: 1px solid #000000;}#opp_howto .con_table table ._type_details{font-size: 0.9em;padding: 5px;}#opp_howto .con_table table ._type_details ._img{width: 100%;align-self: center;}#opp_howto .con_table table ._type_details ._img img{height: 150px;object-fit: cover;}#opp_howto .con_table table ._type_details ._txt{width: 100%;}/*関連記事のとこ*/h2.uline_b {font-size: 1.7em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}.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;}.item_ .btn_gazou_ a{padding: 10px 0;background-color: #01b3cd;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%;}}