/*----------------------------------
全体
----------------------------------*/

.wrapper {
	width: 97.5%;
}

.pc {
	display: none;
}

.pc.tab {
	display: block;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: block;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: none;
}

.mobi {
	display: none;
}

/*----------------------------------
header
----------------------------------*/

.top-img {
	background: url(../images/top/top-img-bg2.jpg) no-repeat;
	background-size: cover;
	height: 50vw;
	width: 100%;
}

.head-logo {
    margin: 2.6% 0 0 0;
    width: 20%;
}

.head-logo .img-banner {
	background: url(../images/top/logo.png) no-repeat;
	padding-bottom: 23.529%;
}

.pc-menu {
    margin: 3.2% 0 0 0;
    width: 70%;
}

.pc-menu ul li {
    float: left;
    margin-right: 5%;
}

.pc-menu ul li:last-child {
	margin-right: 0;
}

.pc-menu ul li a {
    font-size: 1.25vw;
    line-height: 2.25vw;
    letter-spacing: 0.06vw;
}

.top-img-logo {
    height: auto;
    margin: 19% 0 0 8.2%;
    width: 42%;
}

.top-img-mv {
    height: auto;
    margin: 1.5% 0 0 2.5%;
    width: 95%;
}

.top-img-item-img {
    height: auto;
    margin: 1.6% 8.2% 0 0;
    width: 36%;
}

/*----------------------------------
共通
----------------------------------*/

.main-title .title-in {
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    opacity: 0.3;
}

.main-title .title {
    font-size: 3.8vw;
    line-height: 4.8vw;
    letter-spacing: 0.3vw;
    margin-top: 1.6%;
    padding-bottom: 3.6%;
}

.main-title .title::after {
	height: 4px;
	width: 52px;
}

.main-title .text {
    font-size: 2.5vw;
    line-height: 3.5vw;
    letter-spacing: 0.01vw;
    margin-top: 1.7%;
    padding-bottom: 4.3%;
}

.main-title .text::after {
	height: 4px;
	width: 60px;
}

.title-bar.jokin {
    margin-top: 80px;
}

.title-bar {
    height: 14.6vw;
}

.title-bar-in {
	font-size: 4vw;
    line-height: 5vw;
    letter-spacing: 0.225vw;
    padding: 5% 0;
}

.title-bar-in-img {
    height: auto;
    right: 0;
    top: -2.25vw;
    width: 20%;
}

/*----------------------------------
空間除菌
----------------------------------*/

.plus-content {
    padding: 6.4% 0 0;
}

.plus-title-img {
	height: auto;
	width: 50%;
}

.jokin-main-img {
    height: auto;
    margin: 6.3% 0 0 0;
    width: 100%;
}

/*----------------------------------
テレビCM放送予定！
----------------------------------*/

.media-content .main-title .title {
    padding-left: 9%;
}

.media-content .main-title .title::before {
    background: url(../images/top/tv-icon.png) no-repeat;
    background-size: 70%;
    left: 1vw;
    height: 3.5vw;
    top: 1vw;
    width: 10%;
}

.media-main-img {
    margin-top: 7.3%;
    width: 70%;
}

.media-main-img img {
    height: auto;
    width: 100%;
}
.movie_caption{
    padding: 1em 1em 0;
    font-size: 0.75em;
    text-align: left;
}

/*----------------------------------
菌も臭いもまとめて空間除菌！
----------------------------------*/

.title-bar.jokin .title-bar-in {
    padding-left: 6.3%;
}

.jokin-2-content {
	background: url(../images/top/kuukan-bg.jpg) no-repeat;
	background-size: cover;
	height: 60vw;
	width: 100%;
}

.jokin-2-content .wrapper {
	height: 60vw;
	padding-top: 6.8%;
}

.jokin-2-content-img {
    height: auto;
    margin-left: 0;
    width: 70%;
}

.jokin-2-content-box {
    bottom: 6.5vw;
    height: 39vw;
    right: 0;
    width: 35%;
}

.jokin-2-content-box-check-img {
    left: 1.8vw;
    height: auto;
    top: -3.2vw;
    width: 43%;
}

.jokin-2-content-box-list {
    margin: 14% 6% 0 6%;
}

.jokin-2-content-box-list li {
    border-bottom: 1px dashed #ccc;
    font-size: 2.4vw;
    line-height: 3.4vw;
    letter-spacing: 0.07vw;
    margin-left: 14%;
    min-height: 3vw;
    padding: 0 0 1.5%;
    padding-left: 3% !important;
}

.jokin-2-content-box-list li:first-child {
	padding: 0 0 1.5%;
}

.jokin-2-content-box-list li::before {
	background: url(../images/top/checkbox.png) no-repeat;
    background-size: 100%;
    left: -4vw;
    height: 3vw;
    width: 12%;
}

/*----------------------------------
使い方はとっても簡単!!
----------------------------------*/

.use-content {
    padding: 9.2% 0 6.5%;
}

.use-content-tv {
    margin-top: 8.7%;
    width: 70%;
}

.use-content-tv:hover {
	opacity: 0.6;
}

.use-content-tv img {
	height: auto;
	width: 100%;
}

.use-content-tv:hover img {
	opacity: 1;
}

.use-content-tv-box {
    border: 1px solid #00a0e9;
    bottom: 2.1vw;
    font-size: 2vw;
    line-height: 3vw;
    letter-spacing: 0.03vw;
    padding: 0.5% 1.5%;
    width: 75%;
}

.use-content-in {
    margin: 12% auto 0;
    width: 95%;
}

.use-content-in-img {
    height: auto;
    margin-left: 0;
    width: 55%;
}

.use-content-in-info {
    right: 0;
    top: 3.4vw;
    width: 50%;
}

.use-content-in-info-title-1 {
    font-size: 2.75vw;
    line-height: 3.75vw;
    letter-spacing: 0.15vw;
}

.use-content-in-info-title-1 .mini {
    font-size: 2vw;
    line-height: 3vw;
}

.use-content-in-info-title-1 strong {
    font-size: 5vw;
}

.use-content-in-info-title-2 {
    font-size: 2.75vw;
    line-height: 3.75vw;
    letter-spacing: 0.1vw;
    margin-top: 0;
}

.use-content-in-info-text {
    font-size: 1.6vw;
    line-height: 3.4vw;
    margin: 4.6% 0 0 0;
}

.home .attach-wrap {
    margin-bottom: 0;
}

/*----------------------------------
ポイント
----------------------------------*/

.point-content section .wrapper {
	width: 97.5%;
}

.point-content section.point-1 {
	padding: 4.4% 0 5.9%;
}

.point-content section.point-2 {
	padding: 5% 0 12.6%;
}

.point-content section.point-3 {
	padding: 6.6% 0 12.4%;
}

.point-content section.point-4 {
	padding: 7.1% 0 10.7%;
}

.point-content-title {
    height: 19vw;
    width: 48%;
}

.point-content-title-num {
    font-size: 2.2vw;
    line-height: 3.2vw;
    letter-spacing: 0.2vw;
    left: 0;
    width: 50%;
}

.point-content-title-num strong {
    font-size: 18vw;
    line-height: 19vw;
    letter-spacing: 0.75vw;
    left: 0;
    position: relative;
    top: -1.9vw;
}

.point-content-title-in {
    border-bottom: 5px solid #1b8ddb;
    font-size: 2vw;
    line-height: 3vw;
    letter-spacing: 0.02vw;
    padding: 32% 0 0.5%;
    width: 50%;
}

.point-content-img img {
	height: auto;
	width: 100%;
}

.point-1 .point-content-img {
    margin: 4% 0 0 0;
    width: 47%;
}

.point-2 .point-content-img {
    margin: 6.2% 0 0 0;
    width: 47%;
}

.point-3 .point-content-img {
    margin: 0 0 0 0;
    width: 47%;
}

.point-content-img-text {
	font-size: 1.3vw;
	line-height: 2.3vw;
}

.point-3 .point-content-img-text {
    margin-top: 2.5%;
}

.point-content-info {
    margin: 3.8% 0 0 0;
    width: 50%;
}

.point-4 .point-content-info {
    margin: 5.4% 0 0 2%;
}

.point-content-info-title {
    font-size: 2.5vw;
    line-height: 3.5vw;
    letter-spacing: 0.05vw;
}

.point-content-info-text {
    font-size: 1.6vw;
    line-height: 3.4vw;
    letter-spacing: 0.035vw;
    margin-top: 1.5%;
}

.point-content-info-list {
    margin-top: 3.4%;
    width: 100%;
}

.point-content-info-list li {
    border-radius: 5px;
    float: left;
    font-size: 1.7vw;
    line-height: 4.6vw;
    height: 4.6vw;
    margin: 0 1% 1% 0;
    width: 24.25%;
}

.point-content-info-list li.line-2 {
	line-height: 1.7vw;
	padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.point-content-info-list li:nth-child(4n) {
	margin-right: 0;
}

.point-content-info-point-3-list {
    margin-top: 5%;
}

.point-content-info-point-3-list li {
    float: left;
    margin-right: 5%;
    width: 30%;
}

.point-content-info-point-3-list li:nth-child(3n) {
	margin-right: 0;
}

.point-content-info-point-3-list-bg {
    border-radius: 50%;
    height: 14.386vw;
    width: 100%;
}

.point-content-info-point-3-list-bg img {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 55%;
}

.point-content-info-point-3-list-text {
	font-size: 1.8vw;
	line-height: 2.8vw;
    margin-top: 5%;
}

.point-content-in {
    margin: 9.9% auto 0;
    width: 100%;
}

.point-content-in-box {
    border-radius: 10px;
    margin-bottom: 4.8%;
    padding: 2%;
}

.point-content-in-box:last-child {
	margin-bottom: 0;
}

.point-content-in-box-img img {
	height: auto;
	width: 100%;
}

.box-1 .point-content-in-box-img {
    margin: 3% 1.8% 2.8% 0;
    width: 55%;
}

.box-2 .point-content-in-box-img {
    margin: 1.6% 0 0 0;
    width: 65%;
}

.box-3 .point-content-in-box-img {
    margin: 2.3% 0 0 0;
    width: 60%;
}

.point-content-in-box-img-text {
	font-size: 1.2vw;
    line-height: 2.2vw;
    letter-spacing: 0.01vw;
}

.box-2 .point-content-in-box-img-text {
    margin: 1% 1% 0 0;
}

.box-3 .point-content-in-box-img-text {
    margin: 2.1% 5.6% 0 0;
}

.point-content-in-box-info {
    margin-left: 2%;
    padding-top: 6.3%;
    width: 40%;
}

.box-2 .point-content-in-box-info {
    padding-top: 9.1%;
    width: 33%;
}

.box-3 .point-content-in-box-info {
    padding-top: 4.6%;
    width: 33%;
}

.point-content-in-box-info-title {
    font-size: 2.5vw;
    line-height: 3.5vw;
    letter-spacing: 0.03vw;
}

.point-content-in-box-info-text {
    font-size: 1.4vw;
    line-height: 3vw;
    margin-top: 1.5%;
}

.box-3 .point-content-in-box-info-text {
    margin: 2.1% 0 0 0;
}

.point-content-in-box-info-text-in {
    line-height: 3vw;
    margin-top: 10%;
}

.point-4-main-img {
    height: auto;
    margin-top: 10.8%;
    width: 80%;
}

.point-4-list {
    margin: 4.3% auto 0;
    width: 80%;
}

.point-4-list li {
	font-size: 1.5vw;
	line-height: 2.5vw;
    letter-spacing: 0.03vw;
    margin-bottom: 1%;
    min-height: 3.4vw;
    padding: 1.25% 0;
    padding-left: 4.5vw;
}

.point-4-list li:last-child {
	margin-bottom: 0;
}

.point-4-list-num {
	font-size: 3.4vw;
    line-height: 4.4vw;
    left: 0;
    top: 0;
}

.point-4-list li.line-2 .point-4-list-num {
	top: 1.25vw;
}

.point-4-list-title {
    font-size: 3.4vw;
    line-height: 4.4vw;
    letter-spacing: 0.06vw;
    margin: 1.7% 0 0 0;
}

.point-4-list-text {
    margin: 2% 0 0 0;
}

/*----------------------------------
まずはお気軽にお試しください
----------------------------------*/

.title-bar.item .title-bar-in {
    padding-left: 8.5%;
}

.item-content {
	padding: 8.2% 0;
}

.item-content .main-title .title {
	letter-spacing: 0.1vw;
	padding-bottom: 2.8%;
}

.item-content-in {
    margin: 8.1% auto 0;
    width: 80%;
   padding: 0;
}

.item-content-in-img {
	height: auto;
	width: 45%;
}

.item-content-in-info {
    margin-right: 0;
    padding-top: 7%;
    width: 50%;
}

.item-content-in-info-title {
    font-size: 3vw;
    line-height: 4vw;
}

.item-content-in-info-text {
    font-size: 1.5vw;
    line-height: 2.6vw;
    margin: 1.4% 0 0 0;
}

.item-content-in-info-box {
    border: 1px solid #1b8ddb;
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin: 4% 0 0 0;
    padding: 0 0 1%;
    width: 60%;
}

.item-content-in-info-box strong {
    font-size: 2.3vw;
}

.item-content-in-info-price {
    font-size: 2.5vw;
    line-height: 3.5vw;
    margin: 40px 0 0 0;
    width: 100%;
}

.item-content-in-info-price-main {
    font-size: 5.2vw;
    line-height: 6.2vw;
    margin: 0 0 0 1.8%;
}

.item-content-in-info-price-en {
    font-size: 2.9vw;
    line-height: 3.9vw;
    margin-left: 0;
}

.item-content-in-info-price-tex {
    font-size: 1.5vw;
    line-height: 2.5vw;
}

.item-content-in-info-price-text {
	font-size: 1.8vw;
	line-height: 2.8vw;
    margin: 5% 0 0 0;
}

.item-content-in-info-price img {
    width: 100%;
}

.item-content-in-info-btn {
    border-radius: 30px;
    font-size: 2.3vw;
    line-height: 3.3vw;
    margin: 3% 0 0 0;
    padding: 3% 0;
}

.item-content-in-info-btn:hover {
	opacity: 0.6;
}

.item-content-in-info-btn span {
    padding: 0 0 0 5%;
}

.item-content-in-info-btn span::before {
    background: url(../images/top/cart-icon.png) no-repeat;
    background-size: 100%;
    left: -3.6vw;
    height: 3.25vw;
    top: 0;
    width: 20%;
}

.item-content-in-info-btn span::after {
    font-size: 3.6vw;
    line-height: 3.6vw;
    right: -4.2vw;
}



.item-content-mrwidthreset {
    width: 50%;
}
.item-content-btnwrap {
    display: flex;
    margin-top: 42px;
    width: 100%;
}
.item-content-btnwrap img {
    width: 48%;
}
.item-onebox>img {
    width: 45%;
}
.item-onebox-wrap {
    flex-direction: column;
    margin-left: 0;
}
.item-onebox-pricebox {
    flex-direction: column;
    margin-right: auto;
    margin-top: 0;
}
.item-onebox-pricebox img:last-child {
    align-self: flex-start;
}
.item-onebox>div {
    margin-left: 29px;
    width: 50%;
}
.item-onebox-wrap>img {
    align-self: flex-start;
}
.item-onebox-wrap>img {
    width: 100%;
}
.item-onebox-wrap img:last-child {
    margin-left: 0;
}
.item-content-10off {
    margin-left: 0;
}
.w-auto {
    width: initial;
}


/*----------------------------------
定期お届けコース
----------------------------------*/

.merit-content {
	padding: 8.5% 0 12%;
}

.merit-content .main-title .title {
    letter-spacing: 0.09vw;
    margin-top: 2%;
    padding-bottom: 0;
}

.merit-content .main-title .title::after {
	content: none;
}

.merit-content-list {
    margin-top: 7.5%;
}

.merit-content-list li {
    border-radius: 10px;
    margin-right: 2.5%;
    padding-bottom: 2.9%;
    width: 23.125%;
}

.merit-content-list li:last-child {
	margin-right: 0;
}

.merit-content-list-title {
    font-size: 1.8vw;
    line-height: 2.8vw;
    margin-top: 2%;
    left: 0;
    position: relative;
}

.merit-content-list-title strong {
    font-size: 4.3vw;
    line-height: 5.3vw;
    top: -0.5vw;
}

.merit-content-list-img {
    height: 5vw;
    margin-top: 5%;
    width: auto;
}

.merit-content-list-text-1 {
    font-size: 1.6vw;
    line-height: 2.6vw;
    letter-spacing: 0.15vw;
    margin-top: 3.2%;
}

.merit-content-list-text-2 {
    font-size: 2.3vw;
    line-height: 3.3vw;
    letter-spacing: 0.16vw;
    margin-top: 1.5%;
}

.merit-content-price-list {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6.4%;
}

.merit-content-price-list li {
    float: left;
    margin-right: 5%;
    width: 47.5%;
}

.merit-content-price-list li:last-child {
	margin-right: 0;
}

.merit-content-price-en {
    font-size: 14.5vw;
    line-height: 15.5vw;
    left: 2.8vw;
}

.merit-content-price-list-box {
    border-radius: 10px;
    height: 42vw;
    margin-top: 12%;
    padding: 2.3% 3.3%;
    width: 100%;
}

.merit-content-price-list-box-title {
    border-bottom: 4px solid #1b8ddb;
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 0.1vw;
    margin-top: 8%;
    padding-bottom: 2.5%;
}

.merit-content-price-list-box-price-box {
    border: 1px solid #ee4064;
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin: 5.4% auto 0;
    padding: 1.5% 0;
    text-align: center;
    width: 65%;
}

.merit-content-price-list-box-price-box strong {
    font-size: 3vw;
}

.merit-content-price-list-box-text-1 {
    font-size: 1.8vw;
    line-height: 2.8vw;
    letter-spacing: 0.06vw;
    margin: 1.5% auto 0;
    width: 65%;
}

.merit-content-price-list-box-price {
    margin: 0 auto 0;
    width: 65%;
}

.merit-content-price-list-box-price-in {
    font-size: 7.5vw;
    line-height: 10.2vw;
    margin-top: -5%;
}

.merit-content-price-list-box-price-en {
    font-size: 1.2vw;
    line-height: 2.2vw;
    padding-top: 4%;
}

.merit-content-price-list-box-price-en strong {
    font-size: 4.1vw;
    line-height: 4.3vw;
    margin-top: -15%;
}

.merit-content-price-list-box-text-2 {
    font-size: 1.5vw;
    line-height: 2.3vw;
    margin: 2.5% auto 0;
    width: 65%;
}

.merit-content-price-list-box-text-2 .text-base {
	padding-left: 1.5vw;
}

.merit-content-price-list-box-price-text {
    font-size: 2.4vw;
    line-height: 3.4vw;
    margin-top: 7%;
    padding: 0 8%;
}

.merit-content-price-list-box-price-text::before {
    height: 2px;
    top: 1.6vw;
    width: 12%;
}

.merit-content-price-list-box-price-text::after {
    height: 2px;
    top: 1.6vw;
    width: 12%;
}

.merit-content-price-list-box-price-text-2 {
    font-size: 2.3vw;
    line-height: 3.3vw;
    margin: 0 auto;
    width: 65%;
}

.merit-content-in {
    margin: 12.7% auto 0;
    width: 90%;
}

.merit-content-in section {
    margin-bottom: 5.4%;
}

.merit-content-in section.merit-2 {
    margin-bottom: 5.4%;
}

.merit-content-in section.merit-3 {
    margin-bottom: 5.4%;
}

.merit-content-in section:last-child {
	margin-bottom: 0;
}

.merit-content-in-bg {
    border-radius: 50%;
    height: 17.249vw;
    width: 20%;
}

.merit-content-in-bg-title {
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-top: 10%;
}

.merit-content-in-bg-title strong {
    font-size: 4vw;
    line-height: 5vw;
    margin-top: -5%;
}

.merit-content-in-bg-img {
    height: 5vw;
    margin-top: 5%;
    width: auto;
}

.merit-content-in-info {
    width: 77.5%;
}

.merit-2 .merit-content-in-info {
	padding: 4.25% ​0;
}

.merit-3 .merit-content-in-info {
	padding: 2% 0;
}

.merit-content-in-info-title {
    border-bottom: 4px solid #1b8ddb;
    font-size: 2.5vw;
    line-height: 3.5vw;
    letter-spacing: 0.04vw;
    padding: 0 2% 1% 2%;
}

.merit-content-in-info .list {
	margin: 2.5% 0 0;
}

.merit-content-in-info .list li {
    font-size: 1.5vw;
    line-height: 3.5vw;
    margin-left: 2.2vw !important;
    margin-bottom: 0;
}

.merit-content-in-info .list li:last-child {
	margin-bottom: 0;
}

.merit-content-in-info .list li .text-base {
	padding-left: 1.8vw;
}

.merit-content-cart-btn {
    border-radius: 30px;
    font-size: 2.8vw;
    line-height: 3.8vw;
    letter-spacing: 0.05vw;
    margin: 10.4% 0 0 0;
    padding: 1.4% 0;
    width: 65%;
}

.merit-content-cart-btn:hover {
	opacity: 0.6;
}

.merit-content-cart-btn span {
	padding-left: 5%;
}

.merit-content-cart-btn span::before {
    background: url(../images/top/cart-icon.png) no-repeat;
    background-size: 100%;
    left: -3vw;
    height: 4.25vw;
    top: -0.2vw;
    width: 10%;
}

.merit-content-cart-btn span::after {
    font-size: 4.1vw;
    line-height: 4.1vw;
    right: -5.3vw;
}

.merit-content-box {
	margin: 5.4% auto 0;
    padding-top: 7.4%;
    padding: 7.4% 4.3% 0 4%;
    width: 95%;
}

.merit-content-box-en {
    font-size: 14.5vw;
    line-height: 15.5vw;
}

.merit-content-box-in {
    padding: 2% 12% 2.8%;
}

.merit-content-box-in-title {
    font-size: 2.9vw;
    line-height: 3.9vw;
    letter-spacing: 0.05vw;
    margin-bottom: 3%;
}

.merit-content-box-in-title-2 {
    font-size: 1.8vw;
    line-height: 2.8vw;
    letter-spacing: 0.03vw;
    margin-bottom: 0;
}

.merit-content-box-in p {
    font-size: 1.5vw;
    line-height: 3.1vw;
    margin-bottom: 2%;
}

.merit-content-box-in p + .merit-content-box-in-title-2 {
	margin-top: 2.3%;
}


.merit-content-box-in-title span {
    font-size: 0.55em;
}

.subttl-mt {
    margin-top: 25px;
}

/*----------------------------------
気になる質問にお答えします！
----------------------------------*/

.title-bar.qa .title-bar-in {
    padding-left: 10.5%;
}

.qa-content {
	padding: 12% 0 13.8%;
}

.qa-content-in {
	margin: 0 auto;
	width: 97.5%;
}

.qa-content-in section {
    border: 4px solid #1b8ddb;
    border-radius: 10px;
    margin-bottom: 2.2%;
    padding: 1.4% 6% 2.1%;
}

.qa-content-in section:last-child {
	margin-bottom: 0;
}

.qa-content-in-title {
    font-size: 2.2vw;
    line-height: 3.2vw;
    letter-spacing: 0.1vw;
    padding-left: 3.6%;
}

.qa-content-in-title::before {
	left: 0;
	top: 0;
}

.qa-content-in-title::after {
    font-size: 3.3vw;
    line-height: 3.3vw;
    right: -3.8vw;
    top: 0;
}

.qa-content-in-title.open::after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.qa-content-in-text {
    font-size: 1.6vw;
    line-height: 2.9vw;
    margin: 2.1% 2% 0 3.7%;
    padding-left: 1.6vw;
}

.qa-content-in-text::before {
	left: 0;
	top: 0;
}

/*----------------------------------
業務AC
----------------------------------*/

.gyoumu-content {
    padding: 4.8% 0 5%;
}

.gyoumu-content-img {
    height: auto;
    margin-left: 0;
    width: 55%;
}

.gyoumu-content-info {
    margin-right: 0;
    padding-top: 8.5%;
    width: 40%;
}

.gyoumu-content-info-text-1 {
    font-size: 2vw;
    line-height: 3vw;
    padding: 0 10%;
}

.gyoumu-content-info-text-1::before {
    height: 2px;
    top: 1.6vw;
    width: 10%;
}

.gyoumu-content-info-text-1::after {
    height: 2px;
    top: 1.6vw;
    width: 10%;
}

.gyoumu-content-info-title {
    font-size: 3.25vw;
    line-height: 4.25vw;
    letter-spacing: 0.2vw;
    margin-top: 5%;
    padding-left: 35%;
}

.gyoumu-content-info-title::before {
    background: url(../images/top/gyoumu-icon.png) no-repeat;
    background-size: 100%;
    left: 0;
    height: 9.5vw;
    top: 0;
    width: 30%;
}

.gyoumu-content-info-text-2 {
    font-size: 1.75vw;
    line-height: 2.75vw;
    margin-top: 5%;
}

.gyoumu-content-btn {
    border-radius: 20px;
    font-size: 2.5vw;
    line-height: 5vw;
    margin-top: 3.2%;
    padding: 3% 0;
}

.gyoumu-content-btn:hover {
	opacity: 0.6;
}

.gyoumu-content-btn span strong {
    font-size: 3.25vw;
    line-height: 4.25vw;
}

.gyoumu-content-btn span::after {
    font-size: 5vw;
    line-height: 5vw;
    right: 0.5vw;
    top: 4.5vw;
}

/*----------------------------------
コラム
----------------------------------*/

.column-content {
    padding: 11.7% 0 6.1%;
}

.column-content-list {
    margin-top: 9.6%;
    width: 100%;
}

.column-content-list li {
    margin: 0 2.5% 2.5% 0;
    float: left;
    width: 18%;
}

.column-content-list li:nth-child(5n) {
	margin-right: 0;
}

.column-content-list-img {
	border: 4px solid #1b8ddb;
}

.column-content-list-img img {
	height: auto;
	width: 100%;
}

.column-content-list-info {
    margin-top: 1.8%;
}

.column-content-list-info-date {
    font-size: 1.5vw;
    line-height: 2.5vw;
}

.column-content-list-info-cate {
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-left: 5%;
}

.column-content-list-title {
    font-size: 1.9vw;
    line-height: 2.8vw;
    margin-top: 1.5%;
}

.column-content-list-link {
    font-size: 2vw;
    line-height: 3vw;
    margin: 3.7% 0 0 0;
    padding-right: 2.5vw;
}

.column-content-list-link::after {
    font-size: 3.4vw;
    line-height: 3.4vw;
    right: -1vw;
}

.column-content-list-link:hover {
	opacity: 0.6;
}

/*----------------------------------
footer
----------------------------------*/

.foot-in {
	padding: 2% 0;
}

.foot-in ul {
    margin: 0 auto;
    width: 80%;
}

.foot-in ul li {
    float: left;
    font-size: 1.7vw;
    line-height: 2.7vw;
    margin-right: 3.75%;
}

.foot-in ul li:last-child {
	margin-right: 0;
}

.foot-in-2 {
	padding: 1% 0 0;
}
.foot-in-2 {
	padding: 1% 0 93px;
}

.copyright {
    font-size: 1.6vw;
    line-height: 2.6vw;
    letter-spacing: 0.05vw;
    margin-left: 0;
}

.foot-in-2-list {
    margin-right: 0;
    width: 32%;
}

.foot-in-2-list li {
    border-right: 1px solid #fff;
    float: left;
    font-size: 1.5vw;
    line-height: 2vw;
    margin-right: 15%;
    padding-right: 15%;
}

.foot-in-2-list li:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

/*----------------------------------
固定サイドボタン
----------------------------------*/

.kotei-side-btn {
    font-size: 2vw;
    line-height: 2.5vw;
    padding: 2% 2.1% 2.5%;
    top: 400px;
    width: 20%;
}

.kotei-side-btn:hover {
	opacity: 0.6;
}

.kotei-side-btn span {
    padding-left: 33%;
}

.kotei-side-btn span::before {
    background: url(../images/top/cart-icon.png) no-repeat;
    background-size: 100%;
    height: 4vw;
    top: 0.8vw;
    width: 30%;
}

.kotei-side-btn span::after {
    font-size: 2.5vw;
    line-height: 2.5vw;
    right: -0.75vw;
    top: 2.55vw;
}
.top-banner-btn img {
    width: 90%;
    margin-left: auto;
}

/*shop 20210226*/
#store .area-box li {
    width: calc(100% / 2);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* メディア掲載 */
.media .wrapper {
    padding: 11.7% 0 11.7%;
}
.media-lists {
    margin-top: 9.6%;
}
.media-lists img {
    max-width: 90%;
}

.pc.tab.und_hd {
    width: 100%;
}

#transacted h3 {
    text-align: center;
}
.disc:not(ul):not(ol):not(dl)::before, ul.disc>li::before, ol.disc>li::before, dl.disc>dt::before {
    content: "・";
    position: initial;
}
#shop .disc li {
    text-align: center;
}
.media-main-img::before {
    padding-top: 56%;
}
.plus-content {
    padding-top: 0;
}
.media-main-img iframe {
    width: 100%;
    height: 100%;
}
.home .media-content {
    padding: 50px 0 0;
}
.media-content {
    padding: 10.4% 0 13.2%;
}

.attach-box {
    justify-content: space-around;
    flex-wrap: wrap;
}
.attach-movie iframe {
    width: 100%;
    height: 100%;
}
.attach-txtwrap {
    width: auto;
    margin-left: 68px;
    margin-top: 20px;
}
.use-content-in-img {
    height: auto;
    margin-left: 0;
    width: 55%;
}
/* 画像を差し替えたので幅を変更 */
.use-content-in-img {
    width: 45%;
}

/* 定期お届け */
.merit-content-price-list.one-wey li .box-inner {
    justify-content: center;
}
.merit-content-price-list.one-wey li .box-inner>div {
    width: 40%;
    margin-right: 10px;
}
.one-wey .merit-content-price-list-box-price-box {
    margin: 36px 0 40px;
    max-width: 100%;
}
img.img-2000 {
    max-width: 100%;
}
.one-wey .merit-content-price-list-box-price-text {
    margin: 27px 0 0 19px;
}

/* snsアイコン */
.sns-wrap {
    width: 97.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -56px;
}
.sns-icons {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding-left: 8.2%;
    box-sizing: border-box;
}
.sns-icons img {
    width: 40px;
    height: 40px;
}


.jokin-2-content-box {
    height: 46vw;
}
.point-content section .wrapper {
    width: 95%;
}
.jokin-2-content .wrapper,
.attach-container,
.point-content section .wrapper,
.gyoumu-content .wrapper,
.column-content .wrapper,
.media .wrapper {
    width: 95%;
}
.attach-content {
    padding: 0 91px 58px;
}

.attach-content-title {
    font-size: 2.7vw;
    line-height: 3.7vw;
    margin-top: 5.8vw;
}

.attach-content-caution-text {
    font-size: 1.6vw;
    line-height: 2.8vw;
    margin-top: 1vw;
}

.attach-content-flow-in {
    margin-top: 5vw;
}

.attach-content-flow-in section {
    float: left;
    margin-right: 3.5%;
    width: 31%;
}

.attach-content-flow-in-img {
    height: 12.767vw;
    width: 80%;
}

.attach-content-flow-in-text {
    font-size: 1.6vw;
    line-height: 2.8vw;
    margin-top: 2vw;
}

.attach-content-info-text {
    font-size: 1.6vw;
    line-height: 2.8vw;
    margin-top: 2vw;
}

.attach-content-info-caution-text {
    font-size: 1.6vw;
    line-height: 2.8vw;
    margin-top: 0.5vw;
    padding-left: 3.7vw;
}

.attach-content-info-caution-text::before {
    background: url(https://www.ac-plus.jp/wp/wp-content/themes/ac-plus-child/img/top/icon-bikkuri.png) no-repeat;
    background-size: 100%;
    height: 2.7vw;
    width: 2.7vw;
}

.attach-content-info-in {
    margin-top: 5vw;
}

.attach-content-info-in section {
    float: left;
    margin-right: 3.5%;
    width: 31%;
}

.attach-content-info-in-title {
    font-size: 1.8vw;
    line-height: 2.8vw;
    margin-bottom: 2vw;
    padding: 0.5vw 1vw;
}

.attach-content-info-in-img {
    height: 18.768vw;
    margin-bottom: 2vw;
    width: 75% !important;
}

.attach-content-info-in-text {
    font-size: 1.6vw;
    line-height: 2.8vw;
}

.qa-content-in {
    width: 88%;
}
.merit-content-list {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.merit-content-list li {
    margin-right: 1.5%;
    width: 23.87%;
    padding-top: 2%;
}
.merit-content-box-in {
    padding: 8%;
}
.title-bar-in-img {
    right: 3%;
}
.pc-menu {
    width: 64%;
}
.foot-in ul {
    width: 64%;
}
.attach-box {
    margin-top: 25px;
}
.attach-box img {
    margin-top: 15px;
    margin-left: -5%;
}
.attach-box-second {
    margin-top: 49px;
}
.attach-txtwrap {
    margin-left: 0;
    margin-top: 25px;
}
.attach-box-second .attach-txtwrap {
    margin-left: 0;
}
/* 試験結果 */
@media screen and (max-width:1023px) {
    .evi-menu {
        flex-direction: column;
        margin-top: 8%;
    }
    .evi-list+.evi-list {
        margin-left: 0;
        margin-top: 60px;
    }
    .evidence-content .wrapper>p {
        margin-top: 8.1%;
    }
}

/* 新着情報 */
@media screen and (max-width:1023px) {
    .top-news-menu {
        padding: 51px 22px 43px;
        background-color: #fff;
        margin-top: 89px;
        border-radius: 17px;
    }
}
.top-news-list {
    font-size: 15px;
}

.point-content-title-num strong {
    font-size: 17vw;
}
.top-news-list {
    font-size: 19px;
}
.top-news-txt {
    width: 70%;
}

/* AC plusの効果検証 */
.media-content-2 {
    padding-top: 0;
}

/* footer赤バナー */
.telop img:nth-of-type(n+2) {
    margin-left: 160px;
}
.telop p {
    width: 100%;
    text-align: center;
}
.telop p img{
    width: 80%;
}
/* 安全性 */
.safety-top-txt {
    margin-top: 42px;
}

/* 効果検証 */

.jirei .area-content {
    padding: 8.1% 0 5.2%;
}

.jirei .area-content-list {
    margin: 6.8% 0 0 0;
    width: 100%;
}

.jirei .area-content-list li {
    float: left;
    margin: 0 2.5% 5% 0;
    width: 23.125%;
}

.jirei .area-content-list li:nth-child(4n) {
    margin-right: 0;
}

.jirei .area-content-list li img {
    height: auto;
    width: 100%;
}

.jirei .area-content-list-text {
    font-size: 1.75vw;
    line-height: 2.75vw;
    margin-top: 1.8%;
}
.jirei + .area-content .wrapper,
.jirei .wrapper {
    width: 100%;
}
.jirei .area-content-2way {
    padding: 2em 0;
}

.jirei .area-content-2way li,
.jirei .area-content-list li:nth-child(3n),
.jirei .area-content-list li:nth-child(4n),
.jirei .area-content-list li {
    margin: 1% 2% 5%;
    width: 46%;
}
.jirei .area-content-2way li:before {
    width: 9vw;
    height: 9vw;
    left: 0;
    top: -3vw;
}
.jirei .media-main-img {
    width: 100%;
    height: 300px;
}