﻿@charset "utf-8";/* CSS Document *//*全体設定*/*, *:before, *:after {box-sizing: inherit;}html {box-sizing: border-box;}.ramizip {width: 1260px;margin: 0 auto 50px;color: #42210b;}.ramizip img {vertical-align: top;}.ramizip a{color: #000000;text-decoration: underline;}.ramizip a:hover{color: #ab784b;text-decoration: none;}/*イントロ*/.ramizip .intro {width: 100%;height: 200px;margin-bottom: 10px;background-color: #ebb401;/*border: solid 1px #fff8d4;*/background-image: url(/img/lp/ramizip/img_top.png);background-repeat: no-repeat;}.ramizip .intro .fl_txt {width: 630px;height: 100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;}.ramizip .intro .fl_txt h1 {font-size: 2.6em;font-weight: bold;text-align: center;color: #ffffff;border-bottom: solid 1px #ffffff;}/*.ramizip .intro .fl_txt p.t_btm {font-weight: bold;text-align: center;}*/.ramizip .intro .fl_txt p.detale {width: 100%;text-align: left;margin-top: 5px;color: #ffffff;font-weight: bold;/*padding: 10px;border-radius: 0.5em;background-color: #ffffff;*/}/*.ramizip .intro .fl_txt p.detale span._red {display: block;color: #cf0700;font-weight: bold;font-size: 0.8em;}*//*.ramizip .intro {width: 100%;height: 200px;margin-bottom: 25px;background-image: url(/img/lp/ramizip/img_top.jpg);background-repeat: no-repeat;}.ramizip .intro .fl_txt {width: 768px;height: 100%;margin: 0 auto;padding: 10px 70px;background-color: #fff8d4;display: flex;flex-direction: column;justify-content: center;align-items: center;}.ramizip .intro .fl_txt h1 {font-size: 2.6em;font-weight: bold;text-align: center;padding-bottom: 5px;border-bottom: solid 1px #42210b;}.ramizip .intro .fl_txt p.t_btm {text-align: left;margin-top: 10px;}*//*メニュー*/.ramizip ul.menu{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 25px;}.ramizip ul.menu li{width: 32%;padding: 10px 15px;border-radius: 0.5em;border: solid 2px #ebb401;position: relative;background-color: #fff8d4;}.ramizip ul.menu li:hover{opacity: 0.7;}.ramizip ul.menu li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;}.ramizip ul.menu li .li_con{display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;}.ramizip ul.menu li .li_con ._allow{width: 4%;display: flex;justify-content: center;align-items: center;}.ramizip ul.menu li .li_con ._txt{width: 69%;font-weight: bold;font-size: 1.2em;display: flex;justify-content: center;flex-direction: column;}.ramizip ul.menu li .li_con ._txt span{font-weight: normal;font-size: 0.7em;display: block;}.ramizip ul.menu li .li_con ._img{width: 24%;}.ramizip ul.menu li .li_con ._img img{width: 100%;}/*各項目タイトル部分*/.ramizip h2._con_title{background-color: #fff8d4;border-left: solid 10px #ebb401;padding: 10px 15px;font-size: 1.8em;font-weight: bold;margin-bottom: 25px;}.ramizip p.h2u_txt{margin: -15px 0 20px 0;padding: 0;}/*各項目メニュー*/.ramizip .contents.nop{padding: 0;margin-bottom: 100px;}/*.ramizip .contents ul.menu_con{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 25px;}.ramizip .contents ul.menu_con li{width: 49%;padding: 10px 15px 0 5px;border-bottom: solid 3px #42210b;position: relative;}.ramizip .contents ul.menu_con li:hover{opacity: 0.7;}.ramizip .contents ul.menu_con li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;}.ramizip .contents ul.menu_con li .li_con{display: flex;width: 100%;}.ramizip .contents ul.menu_con li .li_con ._allow{width: 4%;display: flex;justify-content: center;align-items: center;}.ramizip .contents ul.menu_con li .li_con ._txt{width: 84%;font-weight: bold;font-size: 1.5em;display: flex;justify-content: center;flex-direction: column;}.ramizip .contents ul.menu_con li .li_con ._img{width: 9%;}.ramizip .contents ul.menu_con li .li_con ._img img{width: 100%;}*//*各種類タイトル部分*/.ramizip .contents ._type_title{display: flex;justify-content: space-between;flex-wrap: nowrap;}.ramizip .contents ._type_title a,.ramizip .intro a,.ramizip p.h2u_txt a{color: #1f64a8;}/*.ramizip .contents ._type_title ._img{width: 7%;}*//*.ramizip .contents ._type_title ._txt{width: 100%;display: flex;justify-content: center;flex-direction: column;font-weight: bold;}*//*.ramizip .contents ._type_title ._txt h3{font-size: 2em;font-weight: bold;border-bottom: solid 5px #e9ceb1;margin-bottom: 10px;}*/.ramizip .contents ._type_title ._txt p{font-size: 1.2em;}/*.ramizip .contents ._type_title ._img img{width: 100%;}*//*チェックボックス非表示*/.rami-check{display: none;}/*アコーディオン設定 クリック場所*/.ramizip .rami-label{display: flex;padding: 10px 60px 5px 0;background-color: #ffffff;border-bottom: solid 5px #ebb401;cursor: pointer;margin: 5px 0 25px;box-sizing: border-box;position: relative;}.ramizip .rami-label ._type_title {font-weight: bold;padding: 0 0 0 15px;display: flex;flex-direction: column;justify-content: center;}.rami-label ._type_title h3 {font-size: 1.6em;font-weight: bold;margin-bottom: 5px;}/*アコーディオン設定 記号*/.rami-label::before,.rami-label::after{content: '';width: 20px;height: 3px;background-color: #000000;position: absolute;top: 50%;right: 3%;transform: translateY(-50%);box-sizing: border-box;}.rami-label::after{transform: translateY(-50%) rotate(90deg);transition: .5s;}/*アコーディオン設定 単品部分表示非表示*/.rami-content{height: 0;opacity: 0;overflow: hidden;display: flex;flex-wrap: wrap;}.rami-check:checked + .rami-label:after{transform: translateY(-50%) rotate(0);}.rami-check:checked + .rami-label + .rami-content{height: auto;opacity: 1;padding: 0;visibility: visible;}/*各商品詳細部分 全体設定*/.ramizip .contents ._type_items{display: flex;flex-wrap: wrap;margin: 0 0 0 -15px;}.ramizip .contents ._type_items ._item_fl{width: 240px;margin: 0 0 2% 15px;border: solid 1px #cacaca;border-radius: 0.5em;display: flex;flex-direction: column;}/*各商品詳細部分　商品名設定*//*.ramizip .contents ._type_items ._item_fl ._item_txt{margin-bottom: 10px;}*/.ramizip .contents ._type_items ._item_fl ._name{font-size: 1.1em;line-height: 1.3;font-weight: bold;padding: 0 10px;margin-bottom: 5px;/*border-bottom: solid 5px #e9ceb1;padding-bottom: 5px;*/}.ramizip .contents ._type_items ._item_fl ._details{font-size: 0.9em;font-weight: bold;background-color: #f6e9bd;padding: 5px 10px;margin-bottom: 5px;border-radius: 0.5em 0.5em 0 0;}.ramizip .contents ._type_items ._item_fl ._name span{font-size: 0.7em;display: block;}/*各商品詳細部分　リンク設定*/.ramizip .contents ._type_items ._item_fl ._item_link{display: flex;justify-content: center;flex-wrap: nowrap;font-size: 0.8em;padding: 0 10px;margin-bottom: 5px;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn{width: 50%;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn p{text-align: center;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn._b_pd{padding-right: 5px;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn._border{border-left: solid 1px #fff8d4;padding: 0 0 0 5px;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn ul._linktxt {margin-top: 5px;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn ul._linktxt li {position:relative;padding: 0em 0.3em 0.3em 1.3em;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn ul._linktxt li:before {position:absolute;content:'';top: 0.4em;left: 0.2em;height: 0;width: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #ebb401;}/*各商品詳細部分　対応○×設定*/.ramizip .contents ._type_items ._item_fl ._item_supp{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: auto;margin-left: 10px;margin-right: 10px;padding: 10px 0;border-top: solid 1px #ebb401;}.ramizip .contents ._type_items ._item_fl._type ._item_supp{border-top-style: none;padding-top: 0;}.ramizip .contents ._type_items ._item_fl ._item_supp ._supptxt{width: 24%;text-align: center;margin-bottom: 5px;}.ramizip .contents ._type_items ._item_fl ._item_supp::after,ul.sample::before {content: "";display: block;width: 24%;height: 0;}.ramizip .contents ._type_items ._item_fl ._item_supp::before {order: 1;}.ramizip .contents ._type_items ._item_fl ._item_supp ._supptxt p._img{margin-bottom: 2px;}/*各商品詳細部分 タイプ別用の設定*/.ramizip .contents ._type_items ._item_fl._type{position: relative;}.ramizip .contents ._type_items ._item_fl._type:hover{opacity: 0.7;}.ramizip .contents ._type_items ._item_fl._type a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;z-index: 2;}.ramizip .contents ._type_items ._item_fl ._item_image{font-size: 0.9em;padding: 0 10px;margin-bottom: 10px;}/*.ramizip .contents ._type_items ._item_fl ._item_image p.image_img{margin-bottom: 10px;}*//*.ramizip .contents ._type_items ._item_fl ._item_datsu{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-top: auto;}.ramizip .contents ._type_items ._item_fl ._item_datsu ._datsutxt{width: 49%;display: flex;justify-content: space-around;align-items: center;}*//*表　固定設定*/.contents ._sc_table{width: 100%;height: 600px;overflow: scroll;}table.use {width: 1700px;box-sizing: content-box;}th, td {/* width: 300px;height: 100px;*/vertical-align: middle;border: 1px solid #555;}.fixed01, .fixed02, .fixed03 {position: sticky;top: 0;left: 0;/*color: #fff;background: #333;*/}.fixed01:before, .fixed02:before, .fixed03:before {content: "";position: absolute;top: -0.5px;left: -1px;width: 100%;height: 100%;border: 1px solid #555;}.fixed01 {z-index: 2;}.fixed02, .fixed03 {z-index: 1;}._sc_table th {width: 10%;}/*表　IE設定*/@media all and (-ms-high-contrast: none) {.contents ._sc_table{width: 100%;/*height: auto;overflow-x: scroll;overflow-y: hidden;*/}.fixed01, .fixed02, .fixed03 {position: static;}.fixed01:before, .fixed02:before, .fixed03:before {content: none;}}/*表　おすすめ用途設定*/.contents table.use th._use_item{padding: 5px 10px;}.contents table.use th._use_item ul{display: flex;justify-content: space-between;flex-wrap: nowrap;}.contents table.use th._use_item ul li._use_name{width: 74%;font-size: 0.8em;font-weight: bold;display: flex;align-items: center;}.contents table.use th._use_item ._use_image{width: 24%;display: flex;justify-content: center;align-items: center;}/*表　色設定*/.contents table.use tr.bg_green,.contents table.use tr.bg_green th._use_item{background-color: #f8ffe0;}.contents table.use tr.bg_red,.contents table.use tr.bg_red th._use_item{background-color: #ffebe8;}.contents table.use tr.bg_blue,.contents table.use tr.bg_blue th._use_item{background-color: #e0f8ff;}.contents table.use tr.bg_yellow,.contents table.use tr.bg_yellow th._use_item{background-color: #ffffdb;}.contents table.use tr.bg_purple,.contents table.use tr.bg_purple th._use_item{background-color: #e5edff;}.contents table.use tr.bg_orange,.contents table.use tr.bg_orange th._use_item{background-color: #ffecdb;}.contents table.use tr.bg_bgreen,.contents table.use tr.bg_bgreen th._use_item{background-color: #e5ffea;}.contents table.use tr.bg_blown,.contents table.use tr.bg_blown th._use_item{background-color: #f3ece9;}/*表　おすすめ用途設定*/.contents table.use th.fixed01{font-weight: bold;vertical-align: bottom;padding: 0 0 5px 5px;background-color: #ffffff;}/*表　商品詳細*/.contents table.use th.fixed02{background-color: #ffffff;padding: 0 5px;vertical-align: top;}.contents table.use ._use_fl ._name{font-size: 1em;line-height: 1.2;font-weight: bold;border-bottom: solid 5px #ebb401;padding: 5px 0 5px 0;margin-bottom: 5px;}.contents table.use ._use_fl ._name span{font-size: 0.7em;display: block;}.contents table.use ._use_fl p._color{font-size: 0.8em;margin-bottom: 5px;}.contents table.use ._use_fl ._cont ._img{margin-bottom: 5px;}.contents table.use ._use_fl ._cont ._img img{width: 100%;}/*.contents table.use ._use_fl ._cont{display: flex;justify-content: space-between;}.contents table.use ._use_fl ._cont ._img{width: 39%;}.contents table.use ._use_fl ._cont ._txt{width: 59%;padding-left: 5px;}*//*.contents table.use ._use_fl ._cont ._txt ._use_supp{display: flex;justify-content: space-between;flex-wrap: nowrap;}.contents table.use ._use_fl ._cont ._txt ._use_supp ._supptxt{width: 48%;text-align: center;}.contents table.use ._use_fl ._cont ._img img,.contents table.use ._use_fl ._cont ._txt ._use_supp ._supptxt p._img{width: 100%;}.contents table.use ._use_fl ._cont ._txt ._use_supp ._supptxt p._img{margin-bottom: 5px;}*/.contents table.use ._use_fl ul._use_link{margin-top: 5px;}.contents table.use ._use_fl ul._use_link li{font-size: 0.8em;position: relative;padding: 0 0 0.3em 1.3em;}.contents table.use ._use_fl ul._use_link li:before{position: absolute;content: '';top: 0.4em;left: 0.2em;height: 0;width: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #ebb401;}/*表の設定　丸の設定*/.ramizip .contents table.use .use_ok{display: flex;justify-content: center;align-items: center;}.ramizip .contents table.use .use_ok .circle{width: 1.5rem;height: 1.5rem;border: solid 4px #c20000;border-radius: 50%;}/*関連記事のところ*/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: #ebb401;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){/*全体設定*/.ramizip {width: 100%;}.ramizip a:hover{color: #000000;text-decoration: underline;}/*イントロ*/.ramizip .intro {height: auto;margin-bottom: 25px;background-image: none;}.ramizip .intro .fl_txt {width: 100%;height: 100%;padding: 15px 25px;}.ramizip .intro .fl_txt h1 {font-size: 1.3em;font-weight: bold;text-align: center;padding-bottom: 5px;}.ramizip .intro .fl_txt p.detale {font-size: 0.8em;}/*メニュー*/.ramizip ul.menu{padding: 0 10px;}.ramizip ul.menu li{width: 100%;margin-bottom: 10px;padding: 5px 10px;}.ramizip ul.menu li:hover{opacity: 1;}.ramizip ul.menu li .li_con ._txt{width: 88%;font-weight: bold;font-size: 1em;padding-left: 3px;}.ramizip ul.menu li .li_con ._txt span{font-weight: normal;font-size: 0.5em;display: block;}/*	.ramizip ul.menu li .li_con ._img{width: 19%;}*//*各項目タイトル部分*/.ramizip h2._con_title {font-size: 1.4em;padding-left: 10px;margin-bottom: 15px;}.ramizip p.h2u_txt{margin: -5px 0 20px 0;padding: 0 0 0 15px;font-size: 0.8em;}/*各項目メニュー*/.ramizip .contents {width: 100%;padding: 0 25px;}.ramizip .contents.nop{padding: 0;margin-bottom: 30px;}.ramizip .contents ul.menu_con{padding: 0 10px;}.ramizip .contents ul.menu_con li{width: 100%;padding: 5px 10px;margin-bottom: 10px;}.ramizip .contents ul.menu_con li:hover{opacity: 1;}.ramizip .contents ul.menu_con li .li_con ._txt{font-size: 0.8em;width: 80%;}.ramizip .contents ul.menu_con li .li_con ._img{width: 13%;}/*各種類タイトル部分*/.ramizip .contents ._type_title{padding: 0 10px;}/*.ramizip .contents ._type_title ._img{width: 19%;}*/.ramizip .contents ._type_title ._txt{width: 100%;}.ramizip .contents ._type_title ._txt h3{font-size: 1.2em;margin-bottom: 5px;}.ramizip .contents ._type_title ._txt p{font-size: 0.8em;line-height: 1.3;}/*アコーディオン設定 クリック場所*/.ramizip .rami-label{padding: 0 40px 5px 0;}.ramizip .rami-label ._type_title {font-size: 0.8em;}.ramizip .rami-label ._type_title h3 {font-size: 1.4em;margin-bottom: 0;}/*アコーディオン設定 記号*/.rami-label::before,.rami-label::after{width: 15px;background-color: #42210b;}/*アコーディオン設定 単品部分表示非表示*/.rami-content{height: 0;opacity: 0;overflow: hidden;display: flex;flex-wrap: wrap;}/*.rami-check:checked + .rami-label:after{transform: translateY(-50%) rotate(0);}.rami-check:checked + .rami-label + .rami-content{height: auto;opacity: 1;padding: 20px 0 0;visibility: visible;}*//*各商品詳細部分 全体設定*/.ramizip .contents ._type_items{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 25px 0;padding: 0 10px;}.ramizip .contents ._type_items ._item_fl{width: 49%;margin: 0 0 2% 0;/*padding: 10px 5px;*/}.ramizip .contents ._type_items ._item_fl ._name{font-size: 1em;}.ramizip .contents ._type_items ._item_fl ._details{font-size: 0.7em;}/*各商品詳細部分　商品名設定*/.ramizip .contents ._type_items ._item_fl ._item_txt{/*margin-bottom: 10px;*/}.ramizip .contents ._type_items ._item_fl ._item_txt ._name{font-size: 1em;line-height: 1.3;}.ramizip .contents ._type_items ._item_fl ._item_txt ._name span{/*font-size: 0.7em;display: block;*/}.ramizip .contents ._type_items ._item_fl ._item_txt ._details{font-size: 0.7em;font-weight: bold;padding: 2px 5px;}.ramizip .contents ._type_items ._item_fl ._item_txt ._details span{font-size: 0.8em;}/*各商品詳細部分　リンク設定*/.ramizip .contents ._type_items ._item_fl ._item_link{font-size: 0.8em;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn p{text-align: center;}.ramizip .contents ._type_items ._item_fl ._item_link ._item_btn ul._linktxt li {font-size: 0.8em;}/*各商品詳細部分 タイプ別用の設定*/.ramizip .contents ._type_items ._item_fl._type:hover{opacity: 1;}/*	.ramizip .contents ._type_items ._item_fl ._item_image{font-size: 0.8em;}*/._sc_table {width: 100%;height: 450px;overflow: scroll;overscroll-behavior: contain;}table.use {width: 1400px;text-align: left;}/*表の設定　丸の設定*/.ramizip .contents table.use .use_ok .circle{width: 1rem;height: 1rem;}/*関連記事のとこ*/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: #ebb401;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%;}}