@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*-----------------ヘッダー--------------------------------------------*/
#header h1 {
    padding-top: 1rem;
}
#header .contact .tel img {
    padding: 0 5px 10px 0;
}

@media only screen and (max-width: 1023px) {
.mobile #mainImg {
    margin-top: 70px;
}
}

/*-----------------ヘッダー--------------------------------------------*/

/*-----------------グローバルメニュー--------------------------------------------*/
@media print, screen and (min-width: 1024px) {
nav#mainNav {
    padding: 1.2rem 0;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a {
    height: 25px;
}
nav#mainNav ul li a {
    padding: 8px 28px;
}
nav#mainNav ul li a b {
    font-weight: normal;
}
}
/*-----------------グローバルメニュー--------------------------------------------*/

/*-----------------メインイメージ--------------------------------------------*/
#mainImg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/*-----------------h1タイトル--------------------------------------------*/
.post h1, h1.title {
    padding-bottom: 12px;
}
/*-----------------h1タイトル--------------------------------------------*/

/*-----------------h2タイトル--------------------------------------------*/
.post h2, .post2b h2, .post4b h2, h2.title {
    font-size: 26px;
    padding-left: 0;
}
.post h2, h2.title {
    line-height: 1.5;
}
/*-----------------h2タイトル--------------------------------------------*/

/*-----------------h3タイトル--------------------------------------------*/
.post h3 {
    padding: 10px 15px;
    background: rgba(147,202,118,0.3);
    border-left: solid 10px rgba(147,202,118,0.6);
    letter-spacing: .1rem;
}
/*-----------------h3タイトル--------------------------------------------*/

/*-----------------テーブル--------------------------------------------*/
.post table th {
    width: 10rem;
}
table.certificate-pic, table.certificate-pic th, table.certificate-pic td {
    border: none;
}
/*-----------------テーブル--------------------------------------------*/

/*-----------------リスト--------------------------------------------*/
.post li {
    border-bottom: 1px dotted rgba(46,64,87,.4);
}
.post ol li {
    list-style: decimal;
    list-style-position: inside;
    padding: 1.2rem;
    margin-bottom: 0;
}
#sitemap_list {
    margin-bottom: 0;
}
/*-----------------リスト--------------------------------------------*/

/*-----------------お問い合わせフォーム--------------------------------------------*/
/*-----------------お問い合わせフォーム--------------------------------------------*/

/*-----------------共通--------------------------------------------*/
@media only screen and (max-width: 1023px) {
#content.wide {
    margin: auto;
}
}
.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.w30 {
    width: 29%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w40 {
    width: 39%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w50 {
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w60 {
    width: 59%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w70 {
    width: 69%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.item2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.space {
    margin: 2rem 0!important;
}
.gallery-caption {
    color: rgba(0,11,0,0.7);
}
a.readmore {
    display: block;
    color: #89c06c;
    background: #fff;
    font-size: 16px;
    text-align: center;
    letter-spacing: .1rem;
    border: 2px solid #93ca76;
    max-width: 260px;
    margin: auto;
    padding: 1rem .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
a.readmore:hover {
    color: #fff;
    background: #93ca76;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
span.note {
    font-size: 90%;
    display: block;
    padding-top: .3rem;
    color: rgba(0,11,0,0.7);
}
/*-----------------共通--------------------------------------------*/

/*-----------------TOP--------------------------------------------*/
.home #content {
    padding: 0 0 5rem;
}
.wrapper-content {
    max-width: 1240px;
    margin: 3rem auto;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.parallax_bg {
    background: url(/struct/wp-content/uploads/front-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home .listTitle, .home ul.post {
    max-width: 1240px;
    margin: auto;
    padding: 0 1rem!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.intro {
    padding: 9rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.intro p {
    font-size: 16px;
    color: #fff;
    line-height: 2;
    text-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.intro p:last-child {
    padding-bottom: 0;
}
.bnr-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1rem;
}
.bnr-box > div {
    width: 40%;
}
.product-bg {
    background: rgba(190,211,202,0.2);
    padding: 0.1rem 0 1.1rem;
}
/*-----------------TOP--------------------------------------------*/

/*-----------------フッター--------------------------------------------*/
.float #footerLogo {
    padding-top: 0;
}

@media print, screen and (max-width: 1100px) {
#footer #footerLogo {
    padding-bottom: 0px;
}
}
/*-----------------フッター--------------------------------------------*/

/*-----------------下層ページ下部 - 会社概要--------------------------------------------*/
ul.history {
    margin: 0;
    padding-left: 2rem;
}
ul.history li {
    padding: 0 1rem 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.8rem;
}
.year {
    font-weight: bold;
    width: 20%;
}
.about-txt {
    width: 70%;
}
/*-----------------下層ページ下部 - 会社概要--------------------------------------------*/


/*-----------------下層ページ下部 - 事業案内--------------------------------------------*/
.intro-txt {
    padding: 0.5rem 2.5rem;
    line-height: 2;
}
ul.stepflow {
    margin: 0 0 3rem 2rem;
    border-left: 1px dashed rgba(0,11,0,0.5);
}
ul.stepflow li {
    padding: 2rem 1rem 3rem 4rem;
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
    clear: both;
}
ul.stepflow li::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #93ca76;
    top: 2.2rem;
    position: absolute;
    left: -6px;
}
ul.stepflow li::after {
    content: '';
    height: 1px;
    width: 3rem;
    background: #93ca76;
    top: 2.5rem;
    position: absolute;
    left: 0;
}
ul.stepflow li:last-child {
    padding-bottom: 1rem;
}
.flowtitle {
    font-size: 20px;
    padding-bottom: 1.8rem;
    font-weight: bold;
    color: rgba(0,11,0,0.5);
}
p.flowcap {
    line-height: 1.6;
    padding: .5rem 0 0;
    float: left;
}
/*-----------------下層ページ下部 - 事業案内--------------------------------------------*/

/*-----------------下層ページ下部 - コンセプト--------------------------------------------*/
ul.conceptlist {
    margin-left: 0;
}
ul.conceptlist li {
    padding: 3rem 3.5rem;
    margin-bottom: 4rem;
    border: 1px dotted rgba(0,11,0,0.4);
}
.concepttitle {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0,11,0,0.5);
    padding: 1rem 0 0 1.5rem;
}
p.conceptcap {
    padding: 1.8rem 0 0 1.5rem;
    line-height: 1.6;
}
/*-----------------下層ページ下部 - コンセプト--------------------------------------------*/

/*-----------------下層ページ下部 - お取引について--------------------------------------------*/
ul.nmberlist li {
    padding: 3.5rem 2.8rem 2.8rem;
    margin: 40px 0 40px;
    position: relative;
    line-height: 1.6;
    border: 2px solid rgba(46,64,87,.3);
}
ul.nmberlist li::before {
    position: absolute;
    color: #fff;
    font-size: 30px;
    background: rgba(46,64,87,1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px;
    height: 50px;
    top: -28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
ul.nmberlist li:nth-of-type(1)::before {
    content: '1';
}
ul.nmberlist li:nth-of-type(2)::before {
    content: '2';
}
ul.nmberlist li:nth-of-type(3)::before {
    content: '3';
}
ul.nmberlist li:nth-of-type(4)::before {
    content: '4';
}
ul.nmberlist li:nth-of-type(5)::before {
    content: '5';
}
ul.nmberlist li:nth-of-type(6)::before {
    content: '6';
}
.point-cap {
    padding-bottom: 2rem;
}
.point-img img {
    width: 90%;
}
/*-----------------下層ページ下部 - お取引について--------------------------------------------*/

/*-----------------カスタムフィールド - 共通--------------------------------------------*/
.product .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.product ul {
    margin: 0;
}
.product .list-in ul li {
    padding: 1rem;
    margin-bottom: 0;
}
.product .list-in ul li p:last-child {
    padding-bottom: 0;
}
.product li.categories {
    line-height: 1.8;
}
.product li.categories > span {
    float: left;
    color: rgba(46,64,87,.6);
    font-weight: bold;
}
.product li.categories > div {
    margin-left: 8.5rem;
}
.product li.categories > div > p.quantity::after {
    content: '/';
    display: inline-block;
    width: 1.5rem;
    margin-left: 1.2rem;
}
.product li.categories > div > p.quantity:last-child::after {
    content: none;
}
.product li.categories > div > p.quantity, .product li.categories > div > p.price {
    display: inline;
    padding-bottom: 0;
}
/*-----------------カスタムフィールド - 共通--------------------------------------------*/

/*-----------------カスタムフィールド - 一覧--------------------------------------------*/
ul.itemlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
}
ul.itemlist li {
    width: 24%;
    border-bottom: none;
    padding: 2rem 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255,255,255,.5);
    margin-bottom: 3rem;
    margin-right: 1.3%;
    border: 1px solid rgba(0,11,0,0.1);
}
ul.itemlist li:nth-child(4n) {
    margin-right: 0;
}
.home ul.itemlist li {
    margin-bottom: 1.5rem;
}
.name {
    text-align: center;
    font-size: 105%;
    font-weight: bold;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-pic {
    text-align: center;
    max-height: 250px;
    overflow: hidden;
    margin: 1rem 0;
    position: relative;
}
.item-pic img {
    display: block;
    margin: auto;
}
.item-pic a::after {
    width: 30px;
    height: 30px;
    background: #93ca76;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    bottom: -15px;
    right: -15px;
}
div.cap {
    overflow: hidden;
    height: 4rem;
    position: relative;
}
div.cap::before {
    content: '…';
    background: #fff;
    position: absolute;
    width: 1em;
    font-size: 13px;
    right: 0;
    text-align: right;
    top: 3rem;
}
div.cap::after {
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
}
div.cap p {
    padding-bottom: 0;
    text-align: justify;
    font-size: 13px;
    line-height: 1.8;
    color: #555a55;
}
/*-----------------カスタムフィールド - 一覧--------------------------------------------*/

/*-----------------カスタムフィールド - 詳細--------------------------------------------*/
.product-detail .main-img {
    width: 50%;
    max-height: 500px;
    overflow: hidden;
}
.product-detail ul.thumb-img {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.product-detail ul.thumb-img li {
    width: 29%;
    border-bottom: none;
    margin: 0 0 1rem 4%;
}
.product-detail .list-in {
    margin-top: 1.5rem;
}
a.link-button {
    max-width: 50%;
    margin: 2rem auto;
}

@media print, screen and (max-width: 799px) {
.product .flexbox {
    display: block;
}
.product-detail .main-img, .product-detail ul.thumb-img {
    width: 80%;
    margin: auto;
    text-align: center;
}
.product-detail ul.thumb-img li {
    margin-bottom: .5rem;
}
.product-detail .main-img {
    margin-bottom: 15px;
}
}

@media print, screen and (max-width: 480px) {
.product li.categories > span {
    display: block;
    float: none;
    margin-bottom: 10px;
}
.product li.categories > div {
    margin: 1.2rem auto 0;
}
.product li.categories > div > p.quantity::after {
    margin-left: 0;
}
.product-detail .list-in {
    margin-top: 0;
}
}

/*-----------------カスタムフィールド - 詳細--------------------------------------------*/

/*-----------------ブレイクポイント（1023px-）--------------------------------------------*/
@media print, screen and (max-width: 1023px) {
.intro {
    padding: 6rem 1rem;
}
}

/*-----------------ブレイクポイント（1023px-）--------------------------------------------*/

/*-----------------ブレイクポイント（799px-）--------------------------------------------*/
@media print, screen and (max-width: 799px) {
.flexbox {
    display: block;
}
.w30, .w40, .w50, .w60, .w70 {
    width: 100%;
}
ul.itemlist {
    justify-content: space-between;
}
ul.itemlist li {
    width: 48%;
    margin-bottom: 2rem;
    margin-right: 0;
}
}

/*-----------------ブレイクポイント（799px-）--------------------------------------------*/

/*-----------------ブレイクポイント（480px-）--------------------------------------------*/
@media print, screen and (max-width: 480px) {
ul.itemlist li {
    width: 100%;
}
ul.history {
    padding-left: 0;
}
ul.history li {
    padding: .8rem .5rem;
    margin-bottom: 1rem;
}
.space {
    margin: 1rem 0;
}
}

/*-----------------ブレイクポイント（480px-）--------------------------------------------*/

/*バージョンアップCF7送信スピナーによるテキストずれ対応*/
.wpcf7-spinner{
    position: absolute!important;
    margin: 0!important;
}