@charset "utf-8";
/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0;
	position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	max-width: 100%;
}

/* ボタンデザイン自由に変えてください  */
#container .buy-btn {
	border: #fff 1px solid;
	border-radius: 1.5em;
	color: #fff;
	display: block;
	font: bold 1.2rem/2.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing:-0.05rem;
	position: relative;
	margin: 8px auto 45px;
	text-align: center;
	width: 90%;
}
#container .sec2 .buy-btn{
	background: #ec7d85;
}
#container .sec3 .buy-btn{
	background: #4da6ba;
}
#container .sec4 .buy-btn{
	background: #41a871;
}
#container .sec5 ul li:nth-child(1) .buy-btn{
	background: #ec7d85;
}
#container .sec5 ul li:nth-child(2) .buy-btn{
	background: #4da6ba;
}
#container .sec5 ul li:nth-child(3) .buy-btn{
	background: #41a871;
}
#container .buy-btn a {
	color: #fff;
	display: block;
	text-decoration: none;
}
#container .buy-btn a::before {
	border: solid 5px transparent;
	border-left: solid 7px #fff;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: -1px;
}
#container .buy-btn:hover {
	filter: alpha(opacity=90);
	opacity: 0.7;
	transition: all ease-in 0.4s;
}
#container section {
	margin: 0 auto;
	padding:40px 0;
}

/*-------------------
   mainvisual
-------------------*/
.mainvisual{
	text-align:center;
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/fv_sp.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:40% top;
	padding-bottom: 60%;
}
.wrapper .mainvisual .title-desc{
	font: normal 1.8rem/0.5 'Noto Sans Japanese', sans-serif;
	color:#2d504c;
	padding: 4.5rem 0 0 0;
}
.wrapper .mainvisual .title-desc .spring{
	color: #f37f89;
}
.wrapper .mainvisual .title-desc .summer{
	color: #80c845;
}

.wrapper .mainvisual h1{
	font: bold 2.3rem/1.2 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#2d504c;
	padding: 0.3rem 0 0.5rem 0;
	text-shadow:0px 0px 2px #fff,0px 0px 5px #fff;
	letter-spacing: normal;
}  
.mainvisual img{
	width:80%;
	margin:20px 0 5px 20%;
}

/*-------------------
   section 1
-------------------*/
#container .wrapper .sec1{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/sec1-arakaki.png);
	background-size: 33%;
	background-repeat:no-repeat;
	background-position:top right;
	padding: 0;
	margin: 10% 0;
}
#container .wrapper .sec1 p{
	color:#585858;
}
#container .sec1 h2{
	font: normal 1rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#585858;
	padding:10px 0;
	margin:10px;
	text-align:left;
}
.sec1 h2 em{
	font-size:1.2em;
}
.sec1 h2 em:before{
	content:"\A";
	white-space:pre;
}
#container .wrapper .sec1 p{
	margin:10px 5%;
	line-height:160%;
	width: 60%;
	text-align: justify;
}
#container .wrapper .sec1 strong{
    font-weight: normal;
}

/*-------------------
   section 2-4
-------------------*/
#container .wrapper .desc-h2{
	color:#623228;
	font: normal 1.3rem/1.4 'Noto Sans Japanese', sans-serif;
	margin: 0.2em;
	padding-top: 1.4em;
    text-align: center;
}
#container .wrapper .sec2 h2{
	color:#ec7d85;
}
#container .wrapper .sec3 h2{
	color:#4da6ba;
}
#container .wrapper .sec4 h2{
	color:#41a871;
}
#container .wrapper .sec5 h2{
	color:#555555;
}
#container .wrapper .sec2{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/sec2-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}
#container .wrapper .sec3{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/sec3-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}
#container .wrapper .sec4{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/sec4-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}

#container .sec2 .item-name,
#container .sec3 .item-name,
#container .sec4 .item-name{
    padding:10px 0 0 0;
	font: bold 1.1rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing:-0.05rem;
}
#container .sec2 .item-name{
	color: #f37f89;
}
#container .sec3 .item-name{
	color: #4da6ba;
}
#container .sec4 .item-name{
	color: #41a871;
}
#container .wrapper .sec2 h2,
#container .wrapper .sec3 h2,
#container .wrapper .sec4 h2{
	font: normal 1rem/1.5 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
}
#container .wrapper .sec5 h2{
	font:normal 2rem/1.5 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
    color:#555555;
	text-align:center;
}
.sec2 ul,
.sec3 ul,
.sec4 ul{
	margin:10px 10%;
	text-align:center;
}
.sec2 .howto ul,
.sec3 .howto ul,
.sec4 .howto ul{
	margin:10px 0%;
	text-align:left;
}
.item-main{
	margin:5px 15%;
	width:70%;
}

#container .sec2 .item-name em,
#container .sec3 .item-name em,
#container .sec4 .item-name em{
	font-size:0.8rem
}

#container .wrapper .sec2 h3,
#container .wrapper .sec3 h3,
#container .wrapper .sec4 h3{
	border-bottom: solid 1px;
	font:normal 1.8rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 1.2em auto 0.8em;
	padding-bottom: 3px;
	text-align:center;
	width: 70%;
}
#container .wrapper .sec2 h3{
	color: #f37f89;
}
#container .wrapper .sec3 h3{
	color: #4da6ba;
}
#container .wrapper .sec4 h3{
	color: #41a871;
}
.howto{
	background-color:#fff;
	margin:0 3% 20px;
	padding: 40px 15px 20px;
}
#container .wrapper .howto p{
	margin:12px 0 20px;
	font-size:1.1rem;
	line-height:170%;
	letter-spacing:0;
}
#container .wrapper .howto .text-box{
	position: relative;
	/*height: 60px;*/
}
#container .wrapper .sec2 .howto p.number01,
#container .wrapper .sec2 .howto p.number02{
	color:#ffe1e4;
	font:normal 4rem/1.3 "Monotype Corsiva", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	left: -7px;
	position: absolute;
	top: -40px;
	z-index: 0;
}
#container .wrapper .sec3 .howto p.number01,
#container .wrapper .sec3 .howto p.number02{
	color:#d8e9ef;
	font:normal 4rem/1.3 "Monotype Corsiva", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	left: -7px;
	position: absolute;
	top: -50px;
}
#container .wrapper .sec4 .howto p.number01,
#container .wrapper .sec4 .howto p.number02{
	color:#d2e7da;
	font:normal 4rem/1.3 "Monotype Corsiva", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	left: -7px;
	position: absolute;
	top: -50px;
}
#container .wrapper h4{
	font:normal 1.4rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color: #313131;
	text-align: center;
}
#container .wrapper .sec2 h4,
#container .wrapper .sec3 h4,
#container .wrapper .sec4 h4{
	font:normal 1.2rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	position: relative;
	z-index: 1;
}
/*
#container .wrapper .sec2 .howto h4{
		background-size:40%;
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/howto-02.png);
	background-repeat: no-repeat;
}*/
#container .wrapper .sec2 .no01{
	font:normal 1.4rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color: #313131;
}
#container .wrapper .point-box{
	background-color:#fff;
	margin:0 5%;
	padding: 20px 15px 40px;
	position:relative;
	text-align:center;
}
#container .wrapper.point-box img{
	margin:10px auto 0;
	width:50%;
}
#container .wrapper .point-box p{
	font-size:1.1rem;
	letter-spacing:0;
	line-height:170%;
	margin-top:15px;
	margin-bottom: 25px;
	padding: 0 2%;
	text-align:justify;
}
#container .wrapper .point-box .catch-area p{
	margin:0;
}
#container .wrapper .point-box .catch-area{
	position:relative;
	margin:0 auto;
}
#container .wrapper .point-box h4{
	font:bold 1.5rem/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 0;
	position: relative;
	text-align: center;
	z-index: 1;
}
#container .wrapper .point-box .catch-area .catch-area-l,
#container .wrapper .point-box .catch-area .catch-area-r{
	width: 45px;
	padding:0;
}
#container .wrapper .point-box .catch-area .catch-area-l{
	position:absolute;
	top: 8px;
}
#container .wrapper .point-box .catch-area .catch-area-r{
	display:none;
}
#container .wrapper .sec2 h5,
#container .wrapper .sec3 h5,
#container .wrapper .sec4 h5{
	font:normal 1.5rem/1.8 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#796d58;
	width:100%;
	text-align:center;
}
.recipe-box{
	background-color:#f8f8f8;
	padding: 10px 2px;
	display:flex;
	flex-flow:wrap;
}
.recipe-box dl{
	flex-flow:wrap;
}
.recipe-box dl{
    width:46%;
    margin:0 2%;
    text-align:center;
}
.recipe-box dl dt img{
	display:inline;
    text-align:center;
}

#container .wrapper .recipe-box .recipe-make {
	margin:20px 5px 20px 20px;
	font: normal 1rem/1.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing:-0.05rem;
}
	
#container .wrapper .recipe-box .buy-btn{
	border-radius: 25px;
	font: bold 1rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 5px auto 5px;
	width: 95%;
	letter-spacing:0;
}
#container .wrapper .voice{
	background-color:#fff;
	margin: 0 5% 20px;
	text-align: center;
	padding: 45px 15px 10px;
}
#container .wrapper .voice .english{
	width:120px;
	margin-bottom: 0;
}
#container .wrapper .sec2 .voice .english{
	background: linear-gradient(transparent 50%, #fdc9ce52 50%);
	color: #f37f89;
}
#container .wrapper .sec3 .voice .english{
	background: linear-gradient(transparent 50%, #70d5eb52 50%);
	color: #4da6ba;
}
#container .wrapper .sec4 .voice .english{
	background: linear-gradient(transparent 50%, #d9eee3 50%);
	color: #41a871;
}

#container .wrapper .voice h3{
	color:#313131;
	border-bottom:0;
	margin: 0.6em auto 1em;
	font-size: 1.5em;
	width:100%;
}
#container .wrapper .voice-box p{
	margin-bottom:30px;
}

/*-------------------
   section 5
-------------------*/
#container .wrapper .sec5{
	background-color:#f8f8f8;
	padding: 20px 3%;
}

#container .wrapper .sec5 ul li{
	width:80%;
	margin:10px 10% 20px;
	text-align:center;
	padding-bottom:10px;
}
#container .wrapper .sec5 ul li img {
	display:inline;
}
#container .sec5 h3{
	font-size:1.3em;
	color:#766b54;
}
#container .sec5 .item-name{
	color:#766b54;
}
#container .sec5 em{
	font-size:0.8rem
}
#container .wrapper .sec5 .buy-btn{
	font: bold 1.4rem/2.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 10px auto 5px;
	width: 95%;
}

/*-------------------
   section 6
-------------------*/
#container .wrapper .sec6 h2{
	font:normal 1.4rem/1.5 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	border-bottom:1px solid #333333;
    color:#333333;
	text-align:center;
	padding:5px 8%;
	width:97%;
	margin:auto;
}
#container .wrapper .sec6 ul{
	display:flex;
	flex-flow: column-reverse;
	margin:25px 2rem 30px;
}
#container .wrapper .sec6 ul img{
	margin:0 20%;
	width:60%;
}
#container .wrapper .sec6 h3{
	margin:10px 0;
	font: normal 1rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#765e2b;
	padding:10px 0 5px;
	margin:10px 0 10px 0;
	text-align:center;
}
#container .wrapper .sec6 h3 em{
	font-size:1.5em;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
#container .wrapper .sec1{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/footer-arakaki.png);
    background-size:33%;
    background-repeat:no-repeat;
    background-position:top right;
	margin:0 0 0 0;
    padding:0 80px 0 0;
}
#container .sec1 h2{
	font: normal 0.9rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing:-0.05rem;
	padding:10px 0;
	margin:0 0 0 10px;
	text-align:left;
}
#container .wrapper .sec2 h2,
#container .wrapper .sec3 h2,
#container .wrapper .sec4 h2,
#container .wrapper .sec5 h2{
	font:bold 2.2rem/1.5 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing:-0.05rem;
}
#container .wrapper .sec2 h4,
#container .wrapper .sec3 h4,
#container .wrapper .sec4 h4{
	font: normal 1.2rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing:-0.05rem;
	background-size:16%;
	padding-bottom:15px;
}
#container .wrapper .point-box h4{
	font: bold 1.3rem/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 20px 0 0;
}

#container .wrapper .sec2{
	background-size: 100%;
}
#container .wrapper .sec3{
	background-size: cover;
}
#container .wrapper .sec4{
	background-size: cover;
}
}

 @media screen and (min-width:480px) {
/*　スマホ横～タブレット 480pxから読み込む　*/
/*-------------------
   mainvisual
-------------------*/
.mainvisual{
	background-image:url(/contents/shop/sevenbeauty/img/freepage/essentialoil-summer/fv_pc.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	padding-bottom: 30%;
}
.wrapper .mainvisual .title-desc{
	font-size: 2.5rem;
	padding: 2.2rem 0 0 0;
	text-shadow:0px 0px 3px #fff,0px 0px 6px #fff;
}
.wrapper .mainvisual .headtitle{
	font:normal 3.6rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow:0px 0px 3px #fff,0px 0px 6px #fff;
	padding:0 0 1rem 0;
}
.wrapper .mainvisual h1{
	font-size: 3rem;
}
.mainvisual img{
	width:auto;
	margin:5px 0 5px 43%;
}
#container .wrapper br{
	display: none;
}
#container .wrapper .br_pc{
	display: inline;
}
#container .wrapper .br_sppc{
	display: inline;
}
/*-------------------
   section 1 t
-------------------*/
#container .wrapper .sec1{
    background-size:32%;
    background-position:top right;
    margin: 5% 0;
}
#container .sec1 h2{
	font: normal 1.1rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	padding: 12px;
	text-align:right;
}
.sec1 h2 em{
	font-size:1.5em;
}
.sec1 h2 em:before{
	content:"\A";
	white-space:pre;
}
#container .wrapper .sec1 p{
	margin:25px 35% 0 5%;
	line-height:170%;
	padding-bottom:20px;
	font-size:1.2rem
}

/*-------------------
   section 2-3 t
-------------------*/
.sec2 ul,
.sec3 ul,
.sec4 ul{
	display:flex;
	margin:10px 10%;
	text-align:center;
}

#container .wrapper .sec2 h2,
#container .wrapper .sec3 h2,
#container .wrapper .sec4 h2{
	font-size: 3rem;
}
#container .wrapper .sec2 h3,
#container .wrapper .sec3 h3,
#container .wrapper .sec4 h3{
	margin:1.5em auto 0.7em;
}

#container .wrapper .sec2 h4,
#container .wrapper .sec3 h4,
#container .wrapper .sec4 h4{
	font-size:1.5rem;
	background-size:10%;
	padding:20px 0;
}
#container .wrapper .point-box h4{
	font-size: 2.2em;
}

#container .wrapper .sec2 h5,
#container .wrapper .sec3 h5,
#container .wrapper .sec4 h5{
font:normal 2.1rem/2 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
}
.sec2 .howto ul li:nth-child(1),
.sec3 .howto ul li:nth-child(1),
.sec4 .howto ul li:nth-child(1){
	width:45%;
}
.sec2 .howto ul li:nth-child(2),
.sec3 .howto ul li:nth-child(2),
.sec4 .howto ul li:nth-child(2){
	width:55%;
	padding:0 3% 0;
}
#container .wrapper .desc-h2{
	padding-top:30px;
}
.item-main{
	margin:0 auto;
	width:auto;
}
#container .buy-btn {
	font: bold 1.3rem/2.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 20px auto 40px;
	width: 60%;
}
.point-box img{
	width:40%;
}
#container .point-box .point-desc img{
	height: 227px;
	width: 197px;
}
.point-desc {
	display:flex;
	padding:10px 5px 10px 25px;
}
.wrapper .point-box p{
	font-size:1.1rem;
	margin: 0 3em 0.5em auto;
}
.howto{
	margin:0 5% 20px;
	padding:25px;
	box-shadow: 2px 2px 5px #b3b3b3; 
}
.wrapper .howto p{
	margin:0px 0 20px;
	font-size:1.2rem;
}
.recipe-box dl{
    width:48%;
    margin:0 1%;
    padding-bottom:10px;
    text-align:center;
    display:flex;
    align-items:center
}
.recipe-box dl dd{
	width:48%;
}
#container .wrapper .recipe-box .buy-btn{
	border-radius: 25px;
	font: bold 1rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 10px auto;
	width: 98%;
	letter-spacing:0;
}
.recipe-box img{
	margin-right:5px;
}
.sec3 .howto{
	box-shadow:2px 2px 5px #e6e2de;
}
#container .wrapper .sec2 h4{
	padding-top:0rem;
}
#container .wrapper .point-box .catch-area{
	display: inline-block;
	margin-top:20px;
}
#container .wrapper .point-box .catch-area .catch-area-l,
#container .wrapper .point-box .catch-area .catch-area-r{
	position: absolute;
	width: 100px;
}
#container .wrapper .point-box .catch-area .catch-area-l{
	left: -12%;
	top: -5%;
}
#container .wrapper .point-box .catch-area .catch-area-r{
	display: block;
	right: -25%;
    top: -8%;
}
#container .wrapper .sec2 .howto p.number01,
#container .wrapper .sec2 .howto p.number02,
#container .wrapper .sec3 .howto p.number01,
#container .wrapper .sec3 .howto p.number02,
#container .wrapper .sec4 .howto p.number01,
#container .wrapper .sec4 .howto p.number02{
	font-size: 8rem;
}
#container .wrapper .sec2 h3,
#container .wrapper .sec3 h3,
#container .wrapper .sec4 h3{
	display: block;
	font-size: 2rem;
	width: 50%;
}
#container .wrapper .voice h3{
	font-size: 2rem;
	margin: 2% 0;
	width: 100%;
}
#container .wrapper .voice-box p{
	padding: 0 2%;
}
#container .wrapper .voice-box{
	display: flex;
}
/*-------------------
   section 5
-------------------*/
#container .wrapper .sec5 h2{
	font:normal 3.5rem/1.8 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
}
#container .wrapper .sec5 ul li{
	width:45%;
	margin:10px 1% 20px;
	text-align:center;
}
#container .sec5 h3{
	margin:10px 5px 5px 5px;
	font-size:1.3rem;
}

#container .wrapper .sec5 ul{
	display:flex;
	justify-content: center;
}
#container .wrapper .sec5 .buy-btn{
	border-radius: 3rem;
	font: bold 1.1rem/2.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 10px auto;
	width: 85%;
}
/*-------------------
   section 6
-------------------*/
#container .wrapper .sec6 h2{
	font:normal 2rem/1.5 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	padding: 0;
	width: 90%;
}
#container .wrapper .sec6 ul{
	display:flex;
	flex-flow: row-reverse;
}

#container .wrapper .sec6 li:nth-child(2){
	width:60%;
}
#container .wrapper .sec6 li p{
	font-size:1.2rem;
}
#container .wrapper .sec6 h3{
	font: normal 1rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	padding:10px 0 5px;
	margin:0 0 15px 0;
	text-align:center;
}

#container .wrapper .sec6 ul img{
	margin:0 10%;
	width:80%;
}
#container .wrapper .sec5 ul li:nth-child(1){
	border-bottom:none
}
}

@media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container  {
	margin:0 auto;
	max-width:1040px;
	padding: 0;
}

/*-------------------
   mainvisual
-------------------*/
.mainvisual{
	background-size:100%;
	background-position:top;
	height: 500px;
	padding: 0;
}
.wrapper .mainvisual .title-desc{
	font-size:3rem;
	padding: 4.2rem 0 0 0;
}
.wrapper .mainvisual h1{
	font-size: 4rem;
	font-weight: normal;
}

/*-------------------
   section 1 d
-------------------*/
#container .wrapper .sec1{
    background-size: 200px;
    background-position:top right;
    padding-top:0;
	margin: 5% 0;
    }

#container .wrapper .sec1 h2{
	font: normal 1.1rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin:10px 10px 10px 0;
}
#container .wrapper .sec1 p{
	margin: 20px 30% 0 30px;
}

/*-------------------
   section 2-4
-------------------*/
.sec2 ul,
.sec3 ul,
.sec4 ul{
	display:flex;
	margin:20px 18%;
	text-align:center;
}
#container .wrapper .sec2 h2,
#container .wrapper .sec3 h2,
#container .wrapper .sec4 h2,
#container .wrapper .sec5 h2{
	font-size: 3.8rem;
	margin-top:10px;
}
#container .sec2 .item-name,
#container .sec3 .item-name,
#container .sec4 .item-name{
	font-size:1.3em;
	line-height:1.5em;
}
#container .sec2 .item-name em,
#container .sec3 .item-name em,
#container .sec3 .item-name em{
	font-size:0.8rem
}
#container .wrapper .sec2 h3,
#container .wrapper .sec3 h3,
#container .wrapper .sec4 h3{
	font:normal 2.8rem/1.3 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	width: 40%;
}
#container .wrapper .sec2 h4,
#container .wrapper .sec3 h4,
#container .wrapper .sec4 h4{
	background-size:auto;
	font:normal 2rem/1.2 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing:2px;
	margin-top:0;
	padding-top: 35px;
}
#container .wrapper .point-box h4{
	font: bold 1.8rem/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 0;
}
#container .wrapper .sec2 h5,
#container .wrapper .sec3 h5,
#container .wrapper .sec4 h5{
	font:normal 2.1rem/2 "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	margin:0;
}

.item-main{
	margin:0 0 0 20px;
}
.point-box .point-circle{
	left:-30px;
	top:-90px;
	width:auto;
}
.point-box {
	padding:15px 15px 20px 40px;
}
.recipe-box{
	margin-top: 3%;
	padding:10px;
}
#container .point-box .point-desc img{
	height: 227px;
	width: 197px;
}
.recipe-box dl dd{
	color:#675c4e;
	font-size:1rem;
	width:60%;
}
#container .wrapper .sec2 .howto p.number01,
#container .wrapper .sec2 .howto p.number02,
#container .wrapper .sec3 .howto p.number01,
#container .wrapper .sec3 .howto p.number02,
#container .wrapper .sec4 .howto p.number01,
#container .wrapper .sec4 .howto p.number02{
	font-size: 8rem;
	left: 5px;
	top: -30px;
}
	
#container .wrapper .recipe-box .buy-btn{
    border-radius: 2rem;
	font: bold 1.2rem/2.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 15px auto 0;
	width: 90%;
}

#container .wrapper .point-box .catch-area{
	margin-top:0;
	width: 450px;
}
#container .wrapper .point-box .catch-area .catch-area-l{
	top: 25px;
	left: -60px;
}
#container .wrapper .point-box .catch-area .catch-area-r{
	display:inline;
	right: -90px;
	top: 25px;
}
#container .wrapper .point-box .catch-area .catch-area-l img,
#container .wrapper .point-box .catch-area .catch-area-r img{
	width: 60px;
	height: 48px;
}

#container .wrapper .voice-box{
    margin: auto;
    min-width: 80%;
	width: 840px;
}

#container .wrapper .voice-box p{
	margin-bottom:30px;
}
#container .wrapper .voice .english{
	font-size:1.6em;
	margin-bottom: 0;
	width:170px;
}
#container .wrapper .voice h3{
	font-size:2.3em;
	margin:20px auto 30px;
	width:60%;
}
/*-------------------
   section 5
-------------------*/
#container .wrapper .sec5 h2{
	line-height: 4rem;
}
#container .wrapper .sec5 .buy-btn{
	border-radius: 2rem;
	font: bold 1.2rem/2.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 15px auto;
	width: 75%;
}
#container .wrapper .sec5 ul li{
	margin:10px 0 30px;
	width:40%;
}
#container .sec5 .item-name{
	color:#675c4e;
	font-size:1.2rem;
}
/*-------------------
   section 6
-------------------*/
#container .wrapper .sec6 h2{
	padding:10px;
	width: 80%;
}
#container .wrapper .sec6 h3{
	font-size: 1.2rem;
}
#container .wrapper .sec6 li p{
	font-size:1rem;
	line-height:170%;
}
}