body{width: 100%;overflow: hidden;}
.block{width: 96%;margin:0 2%;position: relative;}
.sp{display: block;}
.pc{display: none;}
.box{padding:50px 0 0;}
.tl{
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    line-height: 160%;}
.tl_copy{font-size:16px;text-align: center;margin-bottom: 50px;line-height: 160%;margin-top:-10px;letter-spacing: 0.05em}
.sub_tl2{font-size:20px;font-weight: bold;margin-bottom: 15px;background:#8dc21f;text-align: center;color:#fff;padding:15px;border-radius: 0;}
.sub_tl2_copy{font-size:16px;text-align: center;margin-bottom: 15px;line-height: 160%;letter-spacing: 0.05em}
.btn{text-align: center;padding:20px 0 0;}
.btn input,
.btn a{display: inline-block;width:90%;background:#8dc21f;text-align: center;color:#fff;padding:15px 0;border-radius: 5px; margin:5px 5%;font-size:16px;letter-spacing: 0;outline: none;cursor: pointer;border:none;}

#head .block{height:70px;}
#head #logo{width:120px;height:auto;position: absolute;top:8px;left:50%;margin-left: -65px;}
#head .copy{display: none}

.sp-menu{position: fixed;right: 8px;top:8px;background:#8dc21f;padding:6px 7px 2px;z-index: 999;text-align: center;}
.sp-menu em{font-size: 10px;color: #fff;text-align: center;display: block;margin-top:0;}
.menu-trigger,
.menu-trigger span {  display: inline-block;  transition: all .4s;  box-sizing: border-box;}
.menu-trigger {  position: relative;  width: 30px;  height: 28px;}
.menu-trigger span {  position: absolute;  left: 0;  width: 100%;  height: 4px;  background-color: #fff;  border-radius: 4px;}
.menu-trigger span:nth-of-type(1) { top: 0;}
.menu-trigger span:nth-of-type(2) { top: 12px;}
.menu-trigger span:nth-of-type(3) { bottom: 0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(12px) rotate(-315deg);  transform: translateY(12px) rotate(-315deg);}
.menu-trigger.active span:nth-of-type(2) {  opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {  -webkit-transform: translateY(-12px) rotate(315deg);  transform: translateY(-12px) rotate(315deg);}


#head .sp-block{background:#fff;position: relative;top:70px;padding:30px 20px;width: 96%;margin:0 2%;box-shadow: 0px 0 5px 2px rgba(0,0,0,0.2);position: fixed;width:92%;z-index: 999}
#head .hd_nav {position:relative;right:0;top:0;}
#head .hd_nav li {font-size:4vw;float:left;margin-left:0;width:50%;letter-spacing: 0}
#head .hd_nav li a{display: block;padding:10px 0;}
#head .read{position: relative;top:0;right:0;font-size:3.5vw;padding-top:10px;}
#head .main_nav{position: relative;top:0;right:0;z-index: 0}
#head .main_nav li{width:45%;text-align: center;float:left;font-size:5vw;margin:2% 2% 20px;}
#head .main_nav li a{display: block;color:#8dc21f;letter-spacing: 0;position: relative;padding:20px 0;}
#head .main_nav li a span{display: block;padding-top:8px;color:#dadf00;font-size:3.5vw;letter-spacing: 0;}
.page-template-page-index #head .block{height:70px;}


#foot{background:#8dc21f;text-align: center;color:#fff;}
#foot ul{display: block;margin:0 auto;padding:15px 0;letter-spacing: -0.47em}
#foot ul li{display: inline-block;width:50%;letter-spacing: 0}
#foot ul li a{color:#fff;display: block;padding:15px 0;transition: .3s ;}
#foot ul li a:hover{color:#dadf00;}

#content {min-height:750px;}
#content .main{position: relative;height:590px;}
#content .main_copy {width:12%;margin:0 auto;position: relative;top:0;margin-bottom: 15px}
#content .main_copy img{height:auto;width:100%;display: inline-block;}
#content .main_kyap {
    position: absolute;
    top: 2vw;
    right: -8px;
    width: 44%;
}
#content .main_kyap img {width:100%;}
#content .main_img {
    position: absolute;
    top: 27vw;
    right: -37%;
    width: 79%;
}
#content .main_img img {width:100%;}
body.home{background: url('../../images/main.png') -43vw top no-repeat;min-height: 0;background-size:212vw}
#content .main{position: relative;height:auto;}
#content.subpage .main {border-top:solid 2px #8dc21f;height:200px;}
#content.subpage .main h1 {font-size:30px;color:#8dc21f;line-height: 100%;padding-top:70px;letter-spacing: 0.2em;}
#content.subpage .main h1 span {font-size:16px;padding-top:10px;display: block;letter-spacing: 0.05em;color:#dadf00}

#content .ticker{padding:10px 20px !important;letter-spacing: 0;font-size: 13px;  line-height: 130%;  height: 5.1em !important;}
#content .ticker span,
#content .ticker a{display: block;line-height: 130%;}
.ticker ul {  width: 100%;  position: relative;  line-height: 130%;}
.ticker ul li {  width: 100%;  display: none;  line-height: 130%;}


#content .c-eng {color:#808080;line-height: 140%;padding:15px 0;display: block;width:100%;}
#content .c-eng span {display: block;padding:0 0;vertical-align: middle;font-size:13px;}
#content .c-eng span br {display: none;}
#content .c-eng span img{width: 55%;height:auto;margin:0 auto 10px;display: block;}
#content .index_about img {width:100%;}
#content .index_about .left {width:100%;text-align: center;margin-bottom: 30px}
#content .index_about .left .ph{margin-bottom: 20px;position: relative;width:100%;height:auto;}
#content .index_about .left .ph:after{ position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;transform: rotate(1deg); z-index: 1;background: #8dc21f;}
#content .index_about .left .ph img{ z-index: 2;position: relative;left:0;}
#content .index_about .right {width:100%;float: none;}
#content .index_about .right br {display: none;}

#content .index_toku ul li {width:100%;background: #fff;float:none;margin-right: 0;margin-bottom: 15px;}
#content .index_toku ul li img {width:100%;}
#content .index_toku ul li.box3 {width:100%;background: #fff;float:left;margin-right: 0;margin-bottom: 15px;}
#content .index_toku ul li dl dt {
    font-size: 16px;
    font-weight: 700;
}
#content .index_news ul li {width:100%;background: #fff;float:left;margin-right: 0;margin-bottom: 15px;}
#content .index_news ul li dl dt{width: 20%;}
#content .index_news ul li dl dt img{width:100%;}
.page-template-page-products .type3d .sha{padding:15px;margin-bottom: 50px}
.page-template-page-products .type3d .left{margin-bottom: 15px}
.page-template-page-products .type3d .left,
.page-template-page-products .type3d .right{width:100%;}
.page-template-page-products .type3d dl{display: block;width:100%;}
.page-template-page-products .type3d dl dt,
.page-template-page-products .type3d dl dd{display: inline-block;float: left;width:48%;}
.page-template-page-products .type3d .left img,
.page-template-page-products .type3d .right img{width:100%;}
.page-template-page-products .type3d dl dd{vertical-align: top;line-height: 180%;padding-top:14vw;padding-left:0;font-size: 14px;letter-spacing: 0;}
.page-template-page-products .type3d dl dt{margin-right: 2%;margin-bottom:15px;}
.page-template-page-products .type3d dl dd{width:50%;line-height:120%;}
.page-template-page-products .type3d p.note{clear:both;font-size:12px;padding-top:12px;letter-spacing: 0}

.page-template-page-products #content.subpage .lineup  {display: none;}
.page-template-page-products #content.subpage .probox .left{margin-bottom:15px;width: 100%}
.page-template-page-products #content.subpage .probox .left img{width: 100%}
.page-template-page-products #content.subpage .probox .right{width:100%;}
.page-template-page-products #content.subpage .probox dl{display: block;margin-bottom: 30px}
.page-template-page-products #content.subpage .probox dl dt,
.page-template-page-products #content.subpage .probox dl dt, .page-template-page-products #content.subpage .probox dl dd {
    display: block;
    vertical-align: top;
    width: 100%;
}
.page-template-page-products #content.subpage .probox dl dd{width: 100%;text-align: center;padding:5px 0;}
.page-template-page-products #content.subpage .probox dl dd img {
    width: 90%;
}
.page-template-page-products #content.subpage .probox dl {
    display: table;
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
}

.page-template-page-products #content.subpage .probox dl dt strong {
    font-size: 18px;
    line-height: 140%;
}

.page-template-page-products #content.subpage .probox dl dt strong br{
    display: none;
}


.blog #content .news_area ul.news_lineup  {padding-bottom: 45px; }
.blog #content .news_area ul.news_lineup li {width:48%;background: #fff;float:left;margin-bottom: 15px;margin-right:4% }
.blog #content .news_area ul.news_lineup li:nth-child(2n) {margin-right: 0}
.blog #content .news_area ul.news_lineup li dl {display: block;width:100%;}
.blog #content .news_area ul.news_lineup li dl dt{display: block;width:100%;margin-bottom: 5px}
.blog #content .news_area ul.news_lineup li dl dt img{width:100%;}
.blog #content .news_area ul.news_lineup li dl dd{display: block;padding:0 0;vertical-align: middle;line-height: 120%;letter-spacing: 0;color:#8dc21f;font-size:16px;}
.blog #content .news_area ul.news_lineup li dl dd span{display: block;color:#575757;margin-bottom: 3px;font-size:12px;}
.blog #content .news_area ul.news_lineup li dl dd p{display: block;color:#575757;padding-top: 10px;font-size:12px;line-height: 140%;}
.blog #content .news_area .left {width:100%;}
.blog #content .news_area .right {width:100%;}
.blog #content .news_area .entry {background: #fff;padding:20px;margin-bottom: 60px}
.blog #content .news_area .entry h2 {text-align: left;font-size:18px;line-height: 140%;padding:12px 0 20px;margin:0;color:#8dc21f}
.blog #content .news_area .entry p {margin-bottom: 0.5em;line-height: 180%;font-size:14px;}

.page-template-page-profile #content.subpage .message .right p.name{padding-bottom:20px;}
.page-template-page-profile #content.subpage .message img{width: 100%;}
.page-template-page-profile #content.subpage .message .left{width: 100%;}
.page-template-page-profile #content.subpage .message .right{width:  100%;}

.page-template-page-profile #content.subpage .rinen {padding-left:2%;padding-right:2%;}
.page-template-page-profile #content.subpage .rinen img{width: 90%;margin:0 auto;}
.page-template-page-profile #content.subpage .rinen ul{text-align: left;list-style: none;margin:0 auto;display: inline-block;padding:30px 0 ;}
.page-template-page-profile #content.subpage .rinen ul li{margin-bottom: 20px;text-indent: -1em;padding-left:1em;line-height: 140%}
.page-template-page-profile #content.subpage .rinen ul li span{color:#8dc21f;}
.page-template-page-profile #content.subpage table td,
.page-template-page-profile #content.subpage table th {float: none;display: block;text-align: center;padding:10px 0;line-height: 140%;border-bottom: 0}
.page-template-page-profile #content.subpage table th {width:100%;border-bottom: 0;background: #eee;color:#575757;}
.page-template-page-profile #content.subpage table td{text-align: left;padding-bottom: 25px}
.page-template-page-profile #content.subpage table td li:last-child{margin-bottom: 0;}
.page-template-page-profile #content.subpage #fgmap{width:100%;height:500px;margin-top:0;}

.page-template-page-contact #content.subpage .num {font-size:9vw;text-align: center;padding:20px ;line-height: 100%}
.page-template-page-contact #content.subpage .num img{height:7vw;vertical-align: bottom; margin-right: 10px}
.page-template-page-contact #content.subpage .num h3{padding:10px ;background: rgba(141, 194, 31, 0.1);margin-bottom: 15px;font-size:14px;color:#8dc21f;line-height: 120%}
.page-template-page-contact #content.subpage .time{font-size:14px;padding-top:15px;line-height: 100%}
.page-template-page-contact #content.subpage .num .left{margin-bottom: 30px}
.page-template-page-contact #content.subpage .num .left,
.page-template-page-contact #content.subpage .num .right{width:100%;}
.page-template-page-contact #content.subpage table th {width:100%;border-bottom: 0;background: #eee;color:#575757;}
.page-template-page-contact #content.subpage table td,
.page-template-page-contact #content.subpage table th {float: none;display: block;text-align: center;padding:10px 0;line-height: 140%;border-bottom: 0}
.page-template-page-contact #content.subpage table input,
.page-template-page-contact #content.subpage table textarea{width:100%;font-size:20px;}
.page-template-page-contact #content.subpage table .mwform-tel-field input{width: 20%}
.page-template-page-contact #content.subpage table input#zip1,
.page-template-page-contact #content.subpage table input#zip2{width: 30%}
.page-template-page-contact #content.subpage table select{width: 100%;padding:5px;font-size:20px;}
.page-template-page-contact #content.subpage table th span{display: inline-block;width: 3.5em;text-align: center;padding:5px 0;background-color:#8dc21f;color:#fff;float: right;font-size:12px;line-height: 100%;margin:0 5px 0 0;}
.page-template-default #content.subpage  .main{background-color:#8dc21f;height: 31vw;margin-bottom: 2px }
.page-template-default #content.subpage  .main h1{color:#fff;text-align: center;padding-top:12vw; font-size:7vw;}
.page-template-default #content.subpage .privacy {line-height: 180%;width: 100%; margin:0 auto 50px;letter-spacing: 0.05em}


#content .index_about .brand_list .left,
#content .index_about .brand_list .right{width:100%;text-align: center;}
#content .index_about .brand_list .left p,
#content .index_about .brand_list .right p{line-height: 160%;font-size:13px;letter-spacing:0 }
#content .index_about .brand_list p br{display: none; }


/* 商品案内 */

.page-template-page-products .type3d.airmate .left {
    width: 100%;
    max-width: 480px;
    flex-direction: column;
    display: flex;
    justify-content: space-around;
    padding: 30px 20px 10px 20px;
    min-height: auto;
}

.page-template-page-products .type3d.airmate .left h3 {
    margin-bottom: 20px;
    text-align: center;
    max-width: 160px;
    margin: 0 auto;
}

.page-template-page-products .type3d.airmate .right {
    width: 100%;
}

.page-template-page-products .type3d.airmate .right img{
    width: 90%;
    margin: 0 auto 30px auto;
    display: block;
}

.page-template-page-products #content.subpage .probox {
    margin-bottom: 30px;
    background: #fff;
    padding-bottom: 30px;
}

.page-template-page-products #content.subpage .probox .type_ttl .left {
    width: 100%;
    padding: 10px 10px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: auto;
}

.page-template-page-products #content.subpage .probox .type_ttl .right {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
}

.page-template-page-products #content.subpage .probox .type_ttl h3 {
    color: #8dc21f;
    background: #fff;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.page-template-page-products #content.subpage .probox .type_ttl .sub_tl2_copy {
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 0;
}


.subscription_bnr{margin-top:50px;}


.subscription_bnr img{width: 100%;}