@charset "utf-8";

/* ------------------------------------------

    -2020/11/25	 v01

------------------------------------------ */


/* =====================
　　共通、既存カスタマイズ
===================== */
#content_wrap  {
	text-align: center;
	margin-bottom: 80px;
	font-size: 14px;
	letter-spacing: .15em;
	font-feature-settings: "palt" 1;
	color: #111;
}
#content_wrap p,
#content_wrap h1,
#content_wrap h2,
#content_wrap h3,
#content_wrap h4 {
	margin: 0;
	padding: 0;
}
.freearea {
	margin: 0;
}
ul.itemlist {
	display: none;
}

/* a  画像フェードインアウト
------------------------*/
#content_wrap a:active {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
#content_wrap a {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
}

/*  p
------------------------*/
.sp_kinpu_tutumi_set p {
	line-height: 2;
 	color: #111;
}

/*  section
------------------------*/
section#sp_scene,
section#sp_howtouse,
section#sp_lineup
 {
	/*margin: 60px 8.5vw 0;
	padding: 80px 0 0;
	width: 83vw;*/
	margin: 16vw auto 0;
	padding: 21vw 0 0;
	width: 83vw;
	max-width: 500px;
}

/*  section h2
------------------------*/
/* 仕切り線*/
#content_wrap section h2 {
	position: relative;
	display: inline-block;
}
#content_wrap section h2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -50px;
	display: inline-block;
	width: 65vw;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: url(../img/line_smp.png);
	/*background-color: #eee;*/
}

/* シーン、金封包みの使い方、ラインアップ ul
------------------------*/
#sp_scene ul {
  margin: 10.6vw 0 0;
}

/*  インビューアニメーション
------------------------*/
#content_wrap .sa {
	opacity: 0;
	transition: all 1.6s ease;
	//transform: translate(0, 60px);
}
#content_wrap .sa.show {
	opacity: 1;
	transform: none;
}

/*  ul flexbox指定
------------------------*/
#content_wrap ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
}


/* =====================
　　メイン
===================== */

/*  スライドショー
------------------------*/
#sp_main .slide_show {
	width: 100%;
	height: 89.3vw;
	margin: 0 auto;
	position: relative;
}
#sp_main .slide_show img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw
}

/*  メッセージ
------------------------*/
#content_wrap p.main_message {
	margin: 40px 5vw 0;
	line-height: 2.4;
}


/* =====================
　　アンカーリンク
===================== */
#sp_anchor ul {
	/*width: 50%;*/
	margin: 50px auto auto ;
	display: block;
}
#sp_anchor ul li {
	width: 70%;
	margin-left: 19.4%;
}
#sp_anchor ul li:nth-child(2) {
	margin-top: 30px;
}
#sp_anchor ul li:nth-child(3) {
	margin-top: 10px;
}
#sp_anchor ul li img {
	width: 300px;
}


/* =====================
　　シーン
===================== */
#sp_scene img {
	width: 100%;
}
#sp_scene ul {
	display: block;
}
#sp_scene ul li:nth-child(n+2) {
	margin-top: 16vw;
}
#sp_scene ul li p {
	margin-top: 5.8vw;
}
#sp_scene ul li p span { /* インデント */
	text-indent: -1em;
	margin-left: 1em;
	display: block;
	margin-top: 8px;
	text-align: left;
	letter-spacing: .07em;
	line-height: 1.8;
}
#sp_scene ul li > img {
	margin-top: 5vw;
}

/* =====================
　　金封セットについて
===================== */
#sp_howtouse p {
	text-align: left;
}

/* 金封包みセットについて */
#sp_howtouse div.kinpuset_about {
	margin-top: 13.3vw;
}
#sp_howtouse div.kinpuset_about p {
	margin-top: 3em;
}

/* 金封包みの包み方 */
#sp_howtouse h3 {
  margin-top: 10.6vw;
}
#sp_howtouse ul {
	margin-top: 30px;
}
#sp_howtouse ul li img {
	width: 90%;
	margin-right: 10%;
}
#sp_howtouse ul li p {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	letter-spacing: .07em;
	margin-top: 12px;
}
#sp_howtouse ul li:nth-child(n+2) {
	margin-top: 25px;
}

/* =====================
　　ラインアップ
===================== */
#sp_lineup ul {
	margin-top: 10.6vw;
}
#sp_lineup ul li:nth-child(n+2) {
	margin-top: 16vw;
}
#sp_lineup ul.kinpu_type {
	margin-top: 0;
	text-align: left;
}
#sp_lineup ul.kinpu_type li {
	width: 46%;
	margin-top: 8vw;
}
#sp_lineup ul.kinpu_type li:nth-child(2n) {
	margin-left: 8%;
}
#sp_lineup ul.kinpu_type li a {
	text-decoration: none;
}
#sp_lineup ul.kinpu_type li img {
	/*border: 1px solid #f2f2f2;
	box-sizing: border-box;*/
}
/* キャッチ・商品名 */
#sp_lineup ul.kinpu_type h4 span {
	font-size: 13px;
	display: block;
	font-weight: normal;
}
/* キャッチ */
#sp_lineup ul.kinpu_type h4 span:first-child {
	color: #004E8F;
	margin: 8px auto 2px;
	font-weight: bold;
}
/* 価格 */
#sp_lineup ul.kinpu_type p {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 3px;
	color: #727171;
}


/* =====================
　　下部
===================== */

section#sp_bottom {
	font-size: 13px;
	margin-top: 80px;
}
#sp_bottom a {
	text-decoration: none;
}
#sp_bottom div:first-child {
	display: inline-block;
}
#sp_bottom div:first-child a {
	padding: 1em 30px.8em;;
  display: block;
  line-height: 1.8;
  background-color: #f2f2f2;
}
#sp_bottom div:nth-child(n+2) {
	margin-top: 30px;
}