﻿@charset "utf-8";/* CSS Document *//*大枠*/#outer{width: 1260px;margin: 0 auto;}/*パンくず*/.navitopicpath_{overflow: hidden;font-size: 12px;margin: 15px 10px 25px;}#bread-crumb-list{width: 100%;float: left;overflow: hidden;}#bread-crumb-list li{display: inline;}.navitopicpath_ a{margin: 0 0.5em;white-space: nowrap;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #7EC95D;margin-bottom: 50px;}#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.2em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*h2*/h2.label{font-size: 2.7em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 95px;margin-bottom: 25px;}h2.uline_b{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}/*h2の下のテキスト*/p.label_txt{line-height: 1.5;font-size: 1.3em;margin-bottom: 45px;}/*各項目*/#outer .contents{width: 100%;margin-bottom: 50px;}#outer .contents h3{font-size: 1.7em;font-weight: bold;margin-top: 10px;margin-bottom: 15px;padding-left: 5px;}.contents h3::before{content: "┃"}.contents .item{width: 100%;margin: 15px;}.contents .item .item_img{margin: auto;width: 65%;}.contents .item .item_img img{width: 100%;}.contents .item .item_txt{width: 100%;padding: 25px 10px;box-sizing: border-box;margin-bottom: 40px;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;margin-bottom: 20px;}.contents .item .item_txt .item_ex{background-color: #FFEAEB;border-radius: 30px;}.contents .item ul.item_list{text-indent: 1rem;font-size: 1.3em;font-weight: bold;margin: 25px 0 45px;line-height: 1.5;background-color: #FFEAEB;padding: 20px;border-radius: 10px;}.contents .item ul.item_list li span.maru{color: #FF0004;}.contents .item ul.item_list li span.batsu{color: #0058E0;}.contents .item ul.item_list::before{content: "例）";border-bottom: solid 1px;}.contents .item ul.item_list._01::before{content: "返信用の封筒に記載する宛名の例";border-bottom: solid 1px;}.contents .item ul.item_list._02::before{content: "相手に郵便物を送る場合の例";border-bottom: solid 1px;}/*3個のところ*/.recommend{width: 90%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}.recommend .recommend_item{width: 32%;display: flex;flex-direction: column;box-sizing: border-box;border: solid 1px #cccccc;margin-bottom: 20px;padding: 10px;}.recommend::after{content: "";display: block;width: 32%;height: 0;}.recommend .recommend_item .recommend_img{width: 100%;}.recommend .recommend_item .recommend_img img{width: 100%;}.recommend .recommend_item .recommend_text{padding: 0 10px;margin-bottom: 20px;}.recommend .recommend_item .recommend_text p.rc_item{font-weight: bold;font-size: 1.2em;margin-bottom: 10px;}.recommend .recommend_item .recommend_text .point{color: #0066D1;font-weight: bold;}.recommend .recommend_item .recommend_text p{line-height: 1.5;}.recommend .recommend_item ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.recommend .recommend_item ul.btns li.btn_item{position: relative;}.recommend_item li.btn_item a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #98EC73;font-weight: bold;border-radius: 40px;text-align: center;text-decoration: none;font-size: 1.5em;}/*商品一覧のボタン*/#outer .btn_gazou{width: 100%;font-size: 1em;margin-top: 25px;margin-bottom: 10px;}#outer .btn_gazou a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1rem 4rem;font-weight: bold;border-radius: 100vh;border-bottom: 10px solid #487335;background: #7EC95D;color: #FFFFFF!important;font-size: 2em;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;right: 35%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*関連記事のところ*/#outer .column{width: 100%;margin-bottom: 45px;}#outer .column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}#outer .column h3::before{content: "┃"}#outer .contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}#outer .contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/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: #625d58;font-weight: bold;border-radius: 20px;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 ){/*body * {outline: red 1px solid;}*//*大枠*/#outer{width: 100%;}/*見出し*/#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.5em;padding: 5px 5px 20px 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*/h2.label{font-size: 1.4em;font-weight: bold;margin: 25px 10px 20px;padding-bottom: 5px;line-height: 1.2em;text-align: center;}/*h2の下のテキスト*/p.label_txt{line-height: 1.5;font-size: 15px;padding: 5px;margin: 5px;}/*各項目*/#outer .contents{width: 100%;margin-top: 10px;}#outer .contents h3{font-size: 17px;font-weight: bold;margin: 10px 0;}#outer .contents h3{content: "┃"}.contents .item{width: 100%;margin: auto;}.contents .item .item_img{width: 100%;}.contents .item .item_img　img{width: 100%;}.contents .item .item_txt{width: 100%;padding: 10px;}.contents .item .item_txt p{line-height: 1.5;font-size: 15px;}.contents .item .item_txt ul.item_list{font-size: 15px;font-weight: bold;}.contents .item ul.item_list li{font-size: 15px;}/*3個のところ*/.recommend{padding: 0 10px;}.recommend .recommend_item{width: 49%;margin: 0 0 5px 0;padding-bottom: 15px;}.recommend::after{content: none;}.recommend .recommend_item .recommend_text{padding: 0 5px;margin-bottom: 20px;font-size: 0.8em;}.recommend .recommend_item .recommend_text p.rc_item{padding: 0 5px;font-size: 1.2em;}.recommend .recommend_item ul.btns{margin-top: auto;margin-bottom: 10px;padding: 0 5px;}.recommend .recommend_item ul.btns li.btn_item{position: relative;}.recommend .recommend_item ul.btns li.btn_item a{font-size: 1em;border-radius: 2em;text-align: center;text-decoration: none;}/*商品一覧のボタン*/#outer .btn_gazou{font-size: 10px;}#outer .btn_gazou a{padding: 10px 0;background-color: #7EC95D;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;left: 90%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*関連記事*/#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: 100vh;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%;}/*h2*/h2.uline_b{font-size: 1.7em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}}/*@mediaの閉じタグ*/