﻿html, body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
	font-family: "游ゴシック", "YuGothic", "hiragino", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:500;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%
}
#suntory_contents .sns {
	background-color: #fff;
	margin: 0 auto 50px;
	max-width: 960px;
	padding: 10px 0 6px;
	position: relative;
	display: none !important;
}

@media screen and (max-width: 768px) {
	#suntory_contents .sns {
		margin: 0 auto;
		padding: 10px 0;
		position: relative;
		width: 93.75%
	}
	#suntory_contents .sns .socialbutton_suntory {
		height: auto;
		width: 100% !important
	}
}

#dakara_wrap {
	position: relative
}
#dakara_wrap * {
	margin: 0;
	padding: 0
}
#dakara_wrap img {
	border: 0
}
#dakara_wrap p {
	margin: 0;
	padding: 0
}
#dakara_wrap ul {
	list-style: none
}
#dakara_wrap a {
	color: inherit;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	cursor: pointer
}
#dakara_wrap a:hover {
	text-decoration: underline;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7
}
#dakara_wrap .inner {
	width: 960px;
	margin: 0 auto
}
#dakara_wrap h2 {
	text-align: center
}
#dakara_wrap .t {
	transform: scale(0.85, 1);
	transform-origin: 0 0 0;
	width: 117.5%
}
#dakara_wrap .only_pc {
	display: inline-block !important
}
#dakara_wrap .only_sp {
	display: none !important
}
#dakara_wrap .sp_navi_btn {
	position: absolute;
	top: 0;
	right: 5px;
	width: 35px;
	height: 35px;
	background: #fff;
	z-index: 100;
	display: none;
	z-index: 10002
}
#dakara_wrap .menu-trigger, #dakara_wrap .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	margin: 3px 0 0 3px
}
#dakara_wrap .menu-trigger {
	position: relative;
	width: 24px;
	height: 25px
}
#dakara_wrap .menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #009b3e;
	border-radius: 4px
}
#dakara_wrap .menu-trigger span:nth-of-type(1) {
	top: 0
}
#dakara_wrap .menu-trigger span:nth-of-type(2) {
	top: 9px
}
#dakara_wrap .menu-trigger span:nth-of-type(3) {
	bottom: 0
}
#dakara_wrap .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg)
}
#dakara_wrap .menu-trigger.active span:nth-of-type(2) {
	opacity: 0
}
#dakara_wrap .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg)
}
#dakara_wrap .bt_10 {
	margin-bottom: 10px !important
}

@media screen and (max-width: 768px) {
	#dakara_wrap .inner {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px 0 10px;
		box-sizing: border-box
	}
	#dakara_wrap .only_pc {
		display: none !important
	}
	#dakara_wrap .only_sp {
		display: inline-block !important
	}
	#dakara_wrap .sp_navi_btn {
		display: block
	}
}

#dakara_wrap #pc_navi {
	width: 1243px;
	margin: 20px auto 55px auto
}
#dakara_wrap #pc_navi > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#dakara_wrap #pc_navi h1 {
	/*float: left;*/
}
#dakara_wrap #pc_navi ul {
	/*float: left;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin-left: 20px;
}
#dakara_wrap #pc_navi ul li {
	/*float: left;*/
	position: relative;
}
#dakara_wrap #pc_navi ul li .icon {
	position: absolute;
	top: -3px;
	left: 20px;
}
#dakara_wrap #pc_navi ul li .icon_mini {
	position: absolute;
	top: -10px;
	left: 23px;
}
#dakara_wrap #pc_navi ul li.onlineshop  {
	width: 142px;
}
#dakara_wrap #pc_navi ul li.onlineshop > div {
	height: 60px !important;
}
#dakara_wrap #pc_navi ul li.onlineshop img {
	height: auto !important;
	width: 100% !important;
}
@media screen and (max-width: 768px) {
	#dakara_wrap #pc_navi {
		display: none;
	}
}

#dakara_wrap #sp_navi {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #10920F;
	z-index: 10001;
	display: none
}
#dakara_wrap #sp_navi ul {
	padding: 40px 5px 5px 5px
}
#dakara_wrap #sp_navi ul li {
	margin-bottom: 5px
}
#dakara_wrap #sp_navi ul li > a {
	font-size: 16px;
	padding: 20px;
	background: url(../img/sp/sp_navi_arrow.png) no-repeat #fff;
	background-size: 19px 19px;
	background-position: 95% 22px;
	display: block;
	font-weight: bold
}
#dakara_wrap #sp_navi ul li > a img {
	margin: 0 10px -5px 0
}
#dakara_wrap #sp_navi ul li > a.topics {
	background: url(../img/sp/sp_navi_arrow.png) no-repeat #a9cf52;
	background-size: 19px 19px;
	background-position: 95% 22px
}
#dakara_wrap #sp_navi ul li > a .small {
	font-size: 14px;
	letter-spacing: -1px;
}
#dakara_wrap #sp_navi ul li.onlineshop {
	margin-bottom: -15px;
}
#dakara_wrap #sp_navi ul li.onlineshop a {
	background-image: url(../img/onlineshop_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	line-height: 64px;
	padding: 0 20px;
	position: relative;
}
#dakara_wrap #sp_navi ul li.onlineshop a:before {
	content: "オンラインショップはこちら";
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#dakara_wrap #sp_navi ul li.onlineshop a:after {
	background-image: url(../img/onlineshop_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	content: "";
	position: absolute;
	height: 36px;
	left: 245px;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
}
#dakara_wrap #sp_navi ul li.onlineshop img {
	display: none !important;
}
#dakara_wrap #sp_navi ul li.dakara a {
	background-color: #fff;
	border: 4px solid #004ea2;
	display: block;
	line-height: 62px;
	padding: 0 20px;
}
#dakara_wrap #sp_navi ul li.dakara a span {
	display: inline-block;
}
#dakara_wrap #sp_navi ul li.dakara a span:after {
	background-image: url(../img/icon_dakara.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	content: "";
	height: 40px;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
	width: 40px;
}
#dakara_wrap .page_top {
	text-align: right
}
#dakara_wrap .page_top a {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	text-decoration: underline;
	position: relative;
	z-index: 10;
}
#dakara_wrap .page_top .qa_btn {
	width: 360px;
	float: left
}
#dakara_wrap .page_top .qa_btn img {
	width: 100%
}

@media screen and (max-width: 768px) {
	#dakara_wrap .page_top .qa_btn {
		width: 100%;
		float: none;
		margin-bottom: 20px
	}
}

#dakara_wrap #modal_area {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	display: none
}
#dakara_wrap #modal_area .modal_bg {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	cursor: pointer
}
#dakara_wrap #modal_area .modal_contents {
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%
}
#dakara_wrap #modal_area .modal_contents a.modal_close {
	position: absolute;
	right: 0;
  top: -32px;
  display: block;
  width: 23px;
  height: 23px;
}
#dakara_wrap #modal_area .modal_contents a.modal_close img {
	max-width: 100%;
}
#dakara_wrap #modal_area .modal_contents.movie {
	width: 640px;
	height: 360px;
	margin: -180px 0 0 -320px
}
#dakara_wrap #modal_area .modal_contents.movie iframe {
	width: 640px;
	height: 360px
}
#dakara_wrap #modal_area .modal_contents.graphic {
	width: 764px;
	/*height: 539px;*/
	margin: -267px 0 0 -382px;
	padding: 15px;
	border-radius: 10px;
	background-color: #fff;
}
#dakara_wrap #modal_area .modal_contents.graphic .modal_inner {
	line-height: 0;
}
#dakara_wrap #modal_area .modal_contents.graphic img {
	width: 100%
}

@media screen and (max-width: 768px) {
	#dakara_wrap #modal_area .modal_contents a.modal_close {
		height: 25px;
		width: 25px;
		right: 0;
		top: -30px
	}
	#dakara_wrap #modal_area .modal_contents a.modal_close img {
		width: 100%
	}
	#dakara_wrap #modal_area .modal_contents.movie {
		width: 320px;
		height: 180px;
		margin: -90px 0 0 -160px
	}
	#dakara_wrap #modal_area .modal_contents.movie iframe {
		width: 320px;
		height: 180px
	}
	#dakara_wrap #modal_area .modal_contents.graphic {
		padding: 10px;
		width: 300px;
		height: auto;
		margin: -105px 0 0 -150px
	}
}

#dakara_wrap .clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	overflow: hidden;
	line-height: 0
}
#dakara_wrap clearfix {
	display: inline-table;
	zoom: 100%
}


.button_brandtop {
	pointer-events: none;
	margin: 80px auto 0 !important;
	position: absolute;
	left: 0;
	right: 0;
	max-width: 1240px;
	z-index: 1;
}
.button_brandtop.is-fixed {
	position: fixed;
}
.button_brandtop > p {
	pointer-events: initial;
	width: 130px;
}
.button_brandtop img {
	max-width: 100%;
}
@media screen and (max-width: 768px) {
	.button_brandtop {
		margin: 0 !important;
		position: fixed !important;
		left: initial;
		bottom: 10px !important;
		right: 20px;
		width: 80px;
	}
	.button_brandtop > p {
		width: 100%;
	}
}





/* ============== 202404 renewal ============== */



/* block-index
--------------------------------------------- */
#dakara_wrap .block-index {
  margin: 0 auto;
  padding-left: 45px;
	padding-top: 85px;
  position: fixed;
  left: 0;
  right: 0;
	max-width: 1164px;
	z-index: 1;
}
#dakara_wrap .block-index h1 {
	max-width: 242px;
}
#dakara_wrap .block-index .list-anchor {
	margin-top: 40px;
}
#dakara_wrap .block-index .list-anchor li + li {
	margin-top: 25px;
}
#dakara_wrap .block-index .list-anchor li a {
	display: inline-block;
	position: relative;
	padding-left: 40px;
}
#dakara_wrap .block-index .list-anchor li a span {
	display: block;
}
#dakara_wrap .block-index .list-anchor li a span img {
	height: 18px;
}
@media only screen and (min-width: 769px) {
	#dakara_wrap .index-trigger,
	#dakara_wrap .index-close {
		display: none;
	}
	#dakara_wrap .block-index {
		display: block !important;
	}
	#dakara_wrap .block-index .list-anchor li a:before {
		background-color: #00A152;
		opacity: 0;
		content: "";
		height: 4px;
		position: absolute;
		left: 0;
		margin-top: -2px;
		top: 50%;
		transform: translateY(-50%);
		width: 22px;
	}
	#dakara_wrap .block-index .list-anchor li a:after {
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 100%;
		content: "";
		opacity: 0;
		height: 20px;
		position: absolute;
		left: 40px;
		margin-top: -2px;
		top: 50%;
		transform: translateY(-50%);
		width: 120%;
	}
	#dakara_wrap .block-index .list-anchor li:nth-of-type(1) a:after {
		background-image: url(../img/anchor_tx01_current.svg);
	}
	#dakara_wrap .block-index .list-anchor li:nth-of-type(2) a:after {
		background-image: url(../img/anchor_tx02_current.svg);
	}
	#dakara_wrap .block-index .list-anchor li:nth-of-type(3) a:after{
		background-image: url(../img/anchor_tx03_current.svg);
	}
	#dakara_wrap .block-index .list-anchor li:nth-of-type(4) a:after {
		background-image: url(../img/anchor_tx04_current.svg);
	}
	#dakara_wrap .block-index .list-anchor li:nth-of-type(5) a:after {
		background-image: url(../img/anchor_tx05_current.svg);
	}
	#dakara_wrap .block-index .list-anchor li.is-current a:before,
	#dakara_wrap .block-index .list-anchor li.is-current a:after {
		opacity: 1;
	}
	#dakara_wrap .block-index .list-anchor li.is-current span {
		opacity: 0;
	}
	#dakara_wrap .block-index .icon-method,
	#dakara_wrap .block-index .image-product {
		display: none;
	}
}
@media only screen and (min-width: 769px) and (max-height: 950px) {
	#dakara_wrap .block-index {
		padding-left: 4.7368vh;
		padding-top: 8.9473vh;
	}
	#dakara_wrap .block-index h1 {
		max-width: 25.47vh;
	}
	#dakara_wrap .block-index .list-anchor {
		margin-top: 4.2105vh;
	}
	#dakara_wrap .block-index .list-anchor li + li {
		margin-top: 2.6315vh;
	}
	#dakara_wrap .block-index .list-anchor li a {
		padding-left: 4.2105vh;
	}
	#dakara_wrap .block-index .list-anchor li a:before {
		height: 0.421vh;
		margin-top: -0.2105vh;
		width: 2.3157vh;
	}
	#dakara_wrap .block-index .list-anchor li a:after {
		height: 2.1052vh;
		left: 4.2105vh;
		margin-top: -0.2105vh;
	}
	#dakara_wrap .block-index .list-anchor li a span img {
		height: 1.8947vh;
	}
}
@media only screen and (max-width: 768px) {
	#dakara_wrap .index-trigger {
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 10px;
		width: 40px;
		z-index: 50;
	}
	#dakara_wrap .index-trigger.is-hidden {
		z-index: -1;
	}
	#dakara_wrap .index-trigger.is-fixed {
		position: fixed;
	}
	#dakara_wrap .index-trigger img {
		width: 100%;
	}
	#dakara_wrap .block-index {
		background-color: #fff;
		display: none;
    overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		padding: 50px 0 0;
		text-align: center;
		width: 100vw;
		z-index: 100;
	}
	#dakara_wrap .block-index .index-close {
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 10px;
		z-index: 99;
	}
	#dakara_wrap .block-index h1 {
		margin: 0 auto;
		width: 205px;
	}
	#dakara_wrap .block-index .list-anchor {
		margin-top: 30px;
	}
	#dakara_wrap .block-index .list-anchor li + li {
		margin-top: 40px;
	}
	#dakara_wrap .block-index .list-anchor li a {
		padding-left: 0;
	}
	#dakara_wrap .block-index .icon-method {
		margin: 0 auto;
		max-width: 375px;
		position: absolute;
		right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
		width: 100vw;
		z-index: -1;
	}
	#dakara_wrap .block-index .icon-method > p {
		position: absolute;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: 6s;
	}
	#dakara_wrap .block-index .icon-method > p:nth-of-type(1),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(2),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(4),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(5),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(10) {
		animation-name: anim_1;
		transform: rotate(-10deg);
	}
	#dakara_wrap .block-index .icon-method > p:nth-of-type(2),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(3),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(6),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(7),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(8),
	#dakara_wrap .block-index .icon-method > p:nth-of-type(9) {
		animation-name: anim_2;
		transform: rotate(10deg);
	}
	#dakara_wrap .block-index .icon-method > p.icon1 {
		top: 486px;
    right: 100px;
    width: 48px;
	}
	#dakara_wrap .block-index .icon-method > p.icon2 {
		top: 550px;
    left: 13px;
    width: 65px;
	}
	#dakara_wrap .block-index .icon-method > p.icon3 {
		top: 503px;
    right: 25px;
		width: 50px;
	}
	#dakara_wrap .block-index .icon-method > p.icon4 {
		top: 25px;
    left: -5px;
    width: 70px;
	}
	#dakara_wrap .block-index .icon-method > p.icon5 {
		top: 765px;
    right: 7px;
    width: 50px;
	}
	#dakara_wrap .block-index .icon-method > p.icon6 {
		top: 685px;
    right: 7px;
    width: 45px;
	}
	#dakara_wrap .block-index .icon-method > p.icon7 {
		top: 480px;
    left: 90px;
    width: 60px;
	}
	#dakara_wrap .block-index .icon-method > p.icon8 {
		top: 140px;
    right: -10px;
    width: 60px;
	}
	#dakara_wrap .block-index .icon-method > p.icon9 {
		top: 590px;
    right: 10px;
    width: 42px;
	}
	#dakara_wrap .block-index .icon-method > p.icon10 {
		top: 690px;
    left: 8px;
    width: 48px;
	}
	#dakara_wrap .block-index .image-product {
		/*
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		*/
		line-height: 0;
		margin: 110px auto 0;
	}
	#dakara_wrap .block-index .image-product img {
		width: 250px;
	}
	@keyframes anim_1 {
		50% {
			transform: rotate(10deg);
		}
		100% {
			transform: rotate(-10deg);
		}
	}
	@keyframes anim_2 {
		50% {
			transform: rotate(-10deg);
		}
		100% {
			transform: rotate(10deg);
		}
	}

}

/* background-decoration
--------------------------------------------- */
#dakara_wrap .background-decoration {
	height: calc(100vh - 100px);
	margin: 0 auto;
  position: fixed;
  top: 100px;
	left: 0;
	right: 0;
  width: 100%;
	overflow: hidden;
	max-width: 1400px;
	z-index: -1;
}
#dakara_wrap .background-decoration .icon-method > p {
	position: absolute;
	animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
	animation-duration: 6s;
}
#dakara_wrap .background-decoration .icon-method > p:nth-of-type(odd) {
	animation-name: anim_1;
	transform: rotate(-10deg);
}
#dakara_wrap .background-decoration .icon-method > p:nth-of-type(even) {
	animation-name: anim_2;
	transform: rotate(10deg);
}
#dakara_wrap .background-decoration .icon-method > p.icon1 {
	top: 41px;
	left: 57px;
	width: 56px;
}
#dakara_wrap .background-decoration .icon-method > p.icon2 {
	top: 41px;
	left: 540px;
	width: 59px;
}
#dakara_wrap .background-decoration .icon-method > p.icon3 {
	top: 41px;
	right: 68px;
	width: 67px;
}
#dakara_wrap .background-decoration .icon-method > p.icon4 {
	top: 220px;
	left: 25px;
	width: 48px;
}
#dakara_wrap .background-decoration .icon-method > p.icon5 {
	top: 206px;
	left: 588px;
	width: 72px;
}
#dakara_wrap .background-decoration .icon-method > p.icon6 {
	top: 238px;
	right: 190px;
	width: 53px;
}
#dakara_wrap .background-decoration .icon-method > p.icon7 {
	top: 367px;
	left: 66px;
	width: 46px;
}
#dakara_wrap .background-decoration .icon-method > p.icon8 {
	top: 384px;
	right: 55px;
	width: 78px;
}
#dakara_wrap .background-decoration .icon-method > p.icon9 {
	top: 488px;
	left: 24px;
	width: 70px;
}
#dakara_wrap .background-decoration .icon-method > p.icon10 {
	top: 565px;
	right: 182px;
	width: 50px;
}
#dakara_wrap .background-decoration .icon-method > p.icon11 {
	top: 530px;
	left: 163px;
	width: 63px;
}
@keyframes anim_1 {
	50% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(-10deg);
	}
}
@keyframes anim_2 {
	50% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(10deg);
	}
}
#dakara_wrap .background-decoration .image-product {
	position: absolute;
	bottom: 0;
	left: 300px;
	line-height: 0;
	max-width: 1164px;
	margin: 0 auto;
  left: 0;
  right: 0;
	padding-left: 180px;
}
#dakara_wrap .background-decoration .image-product img {
	width: 320px;
}
#dakara_wrap .background-decoration + .button-onlineshop {
	position: fixed;
	bottom: 40px;
	right: 55px;
	width: 192px;
	z-index: 10;
}
@media only screen and (min-width: 769px) {
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
	#dakara_wrap .block-index {
		padding-left: 3.2142vw;
		padding-top: 6.0714vw;
	}
	#dakara_wrap .background-decoration .image-product {
		padding-left: 12.85vw;
	}
	#dakara_wrap .background-decoration .image-product img {
		width: 22.8571vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon1 {
		/*top: 2.9285vw;*/
		left: 4.0714vw;
		width: 4vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon2 {
		/*top: 2.9285vw;*/
		left: 38.5714vw;
		width: 4.2142vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon3 {
		/*top: 2.9285vw;*/
		right: 4.8571vw;
		width: 4.7857vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon4 {
		/*top: 15.7142vw;*/
		left: 1.7857vw;
		width: 3.4285vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon5 {
		left: 42vw;
		width: 5.1428vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon6 {
		right: 13.5714vw;
		width: 3.7857vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon7 {
		left: 4.7142vw;
		width: 3.2857vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon8 {
		right: 3.9285vw;
		width: 5.5714vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon9 {
		left: 1.7142vw;
		width: 5vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon10 {
		right: 13vw;
		width: 3.5714vw;
	}
	#dakara_wrap .background-decoration .icon-method > p.icon11 {
		left: 11.6428vw;
		width: 4.5vw;
	}
	#dakara_wrap .background-decoration + .button-onlineshop {
		bottom: 2.8571vw;
		right: 3.9285vw;
		width: 13.7142vw;
	}
}
@media only screen and (min-width: 769px) and (max-height: 950px) {
	#dakara_wrap .background-decoration .image-product img {
		max-width: 22.8571vw;
		width: 33.68vh;
	}
}
@media only screen and (max-width: 768px) {
	#dakara_wrap .background-decoration {
		display: none;
	}
	#dakara_wrap .background-decoration + .button-onlineshop {
		display: none;
	}
}


/* main-area
--------------------------------------------- */
#dakara_wrap .main-area {
	margin-left: auto;
	margin-right: auto;
	max-width: 1164px;
}
#dakara_wrap .main-area-contents {
	background-color: #fff;
  overflow: hidden;
	position: relative;
}
@media only screen and (min-width: 769px) {
	#dakara_wrap .main-area-contents {
		border-radius: 60px;
		box-shadow: 0 0 10px rgba(0,0,0,0.16);
		max-width: 414px;
		margin-left: 600px;
		z-index: 2;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
	#dakara_wrap .main-area-contents {
		margin-left: 42.8571vw;
		max-width: 29.5714vw;
  }
}
@media only screen and (max-width: 768px) {
	#dakara_wrap .main-area {
		width: auto;
	}
	#dakara_wrap .main-area-contents {
		margin-left: 0;
	}
}