@charset "UTF-8";
/* CSS Document */

.sec-box {
}


/*キャンペーン
--------------------------------*/
.sec-box.cam {
	margin-top:75px;
}

.cam-ex-area {
	padding:10px 0;
	background:url(../img/cam_pic2c.jpg) no-repeat center;
}

.cam-ex-area p {
	margin-top:1.2em;
	font-size:18px;
	line-height:1.8;
}

.cam-ex-area p:first-child {
	margin-top:0;
}

@media (max-width: 767px) {
.sec-box.cam {
	margin-top:20px;
}

.cam-ex-area {
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	background:none;
}

.cam-ex-area p {
	padding:0 20px;
	font-size:16px;
	line-height:1.6;
	text-align:left;
}	
}


/*オリジナルグッズ
--------------------------------*/
.sec-box.goods {
	margin-top:75px;
}

.goods-area {
	margin:70px auto 0;
	padding:10px;
	width:833px;
	background:url(../img/goods_bg.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}

.goods-area .inner {
	padding:30px 0;
	width:100%;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.goods-list {
	margin-left:30px;
	width:730px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.goods-list li {
}

.goods-list li .pic {
}

.goods-list li .txt {
	text-align:left;
	line-height:1.6;
}

.goods-list li.type1 .txt {
	margin:20px auto 0;
	display:table;
	font-size:13px;
}

.goods-list li.type2 .txt {
	margin-top:10px;
	font-size:15px;
}

@media (max-width: 767px) {
.sec-box.goods {
	margin-top:30px;
}

.goods-area {
	margin:30px 20px 0;
	padding:5px;
	width:inherit;
	height:auto;
	background:url(../img/goods_bg_sp.jpg) no-repeat center;
	background-size:cover;
	display:block;
	box-sizing:border-box:
}

.goods-area .inner {
	padding:20px 0;
	width:100%;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.goods-list {
	margin-left:0;
	margin:0 auto;
	width:70%;
	display:flex;
	flex-direction:column-reverse;
}

.goods-list li {
	margin-bottom:30px ;
}

.goods-list li:first-child {
	margin-bottom:0px ;
}

.goods-list li .pic img {
	width:100%;
}

.goods-list li.type1 .txt {
	margin:10px auto 0;
	/*display:block;*/
	font-size:14px;
}

.goods-list li.type2 .txt {
	margin-top:10px;
	font-size:14px;
	text-align:center;
}

	
}

/*対象商品*/
.target-goods-area {
	margin:140px auto 0;
}

@media (max-width: 767px) {
.target-goods-area {
	margin:50px auto 0;
}

}

.item-disp-area {
	margin-bottom:70px;
}

.item-disp-area .ttl {
	margin-top:20px;
	font-size:24px;
	font-weight:bold;
}

.item-disp-area .note {
	margin-top:30px;
	font-size:14px;
}

.item-disp-row {
	margin:20px auto 0;
	display:flex;
	align-items:flex-end;
	justify-content:center;
}

.item-disp-row.col4 {
	margin:40px auto 0;
}

.item-disp-row li {
	margin-right:30px;
}

.item-disp-row.col4 li {
	margin-right:40px;
}

.item-disp-row li:last-child {
	margin-right:0;
}

.item-disp-row .txt {
	margin-top:15px;
	font-size:14px;
	line-height:1.8;
}

@media (max-width: 767px) {
.item-disp-area {
	margin-bottom:50px;
}

.item-disp-area .ttl {
	margin-top:20px;
	font-size:18px;
}

.item-disp-area .note {
	margin-top:20px;
	font-size:14px;
	line-height:1.6;
}

.item-disp-row {
	margin:20px auto 0;
	padding:0 20px;
	display:flex;
	align-items:flex-start;;
	justify-content:space-between;
	flex-wrap:wrap;
}

.item-disp-row.col4 {
	margin:20px auto 0;
}

.item-disp-row li {
	margin-top:30px;
	margin-right:0px !important;
	width:46%;
}

.item-disp-row li:nth-child(-n+2) {
 margin-top:0 !important;
}

.item-disp-row li .pic {
	display:flex;
	align-items:flex-end;
	justify-content:center;
}

.item-disp-row .txt {
	font-size:13px;
	line-height:1.6;
}

}

/*限定デザインマーク*/
.gentei-design {
	margin:0 auto 0;
	padding:5px 5px 10px;
	width:466px;
	background:#fffbc9;
	border-radius:15px;
	filter: drop-shadow(1px 1px 5px #df2e6b);
}

.gentei-design .inner {
	display:flex;
	align-items:center;
	justify-content:center;
}

.gentei-design .inner .right {
	flex-shrink:0;
}

.gentei-design .inner .left {
	width:275px;
}
.gentei-design .inner .left .txt {
	font-size:13px;
	text-align:left;
	line-height:1.4;
}

@media (max-width: 767px) {
.gentei-design {
	margin:0 20px 0;
	padding:5px 10px 10px;
	width:inherit;
}

.gentei-design .inner {
	display:flex;
	align-items:center;
	justify-content:center;
}

.gentei-design .inner .right {
	width:32%;
}

.gentei-design .inner .left {
	width:1000%;
}
.gentei-design .inner .left .txt {
	font-size:3.5vw;
}
}

/**/
.about-gentei-design {
	margin-top:60px;
	font-size:18px;
	line-height:2.0;
}

.about-gentei-design-note {
	margin-top:10px;
	font-size:14px;
}

.about-gentei-design a {
	text-decoration:underline;
}

.about-gentei-design a:hover {
	text-decoration:none;
}

@media (max-width: 767px) {
.about-gentei-design {
	margin-top:60px;
	font-size:16px;
	line-height:1.8;
}

.about-gentei-design-note {
	margin-top:10px;
	font-size:14px;
}
}

/*キャンペーン規約
--------------------------------*/
.sec-box.kiyaku {
	margin:75px auto 0;
	width:962px;
}

.ac-area {
	display:none;
}

.kiyaku-ttl {
	position:relative;
	cursor:pointer;
}

/* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
.icon-wrap {
  position: absolute;
  right: 82px;
  top: 50%;
  transform: translatey(-50%);
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius:100px;
}
/* .icon-wrapの中でプラスを中央に位置させるために.iconを親要素に設定 */
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
/* プラスアイコン */
/* ２本の線を.icon-wrapの中央に並行に重ねる */
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #b8adba;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 4px;
  transform: translate(-50%, -50%);
}
/* そのうち1本を縦にする */
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* プラスアイコンクリック後、マイナスにする */
.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

@media (max-width: 767px) {
.sec-box.kiyaku {
	margin:50px 10px 0;
	width:inherit;
}

/* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
.icon-wrap {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translatey(-50%);
  width: 32px;
  height: 32px;
}

/* プラスアイコン */
/* ２本の線を.icon-wrapの中央に並行に重ねる */
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #b8adba;
  left: 50%;
  top: 50%;
  width: 55%;
  height: 4px;
  transform: translate(-50%, -50%);
}
/* そのうち1本を縦にする */
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}


}

.step-ttl {
	margin-top:60px;
	font-size:30px;
	font-weight:bold;
}

.step-list {
	margin:80px auto 0;
	display:flex;
	justify-content:center;
}

.step-list li {
	padding-right:60px;
	position:relative;
}

.step-list li:last-child {
	padding-right:0;
}

.step-list li::after {
	position:absolute;
	top:60px;
	right:30px;
	width:16px;
	height:27px;
	content:"";
	background:url(../img/step_arrows.png) no-repeat center;
	background-size:contain;
}

.step-list li:last-child::after {
	background:none;
}

/*.step-list li {
	background:url(../img/step_arrows.png) no-repeat right 25px top 60px;
	background-size:16px;
}

.step-list li:last-child {
	background:none;
}
*/
.step-list li .pic {
	display:flex;
	align-items:center;
	justify-content:center;
}

.step-list li .pic img {
	width:auto;
	height:142px;
}

/*.step-list li:first-child .pic img {
	width:auto;
	height:142px;
}*/

.step-list li .txt {
	margin-top:15px;
	font-size:15px;
	line-height:1.4;
}

@media (max-width: 767px) {

.step-ttl {
	margin-top:30px;
	font-size:18px;
}

.step-list {
	margin:20px auto 0;
	display:flex;
	justify-content:space-between
}

.step-list li {
	padding-right:10px;
	position:relative;
	width:20%;
}

.step-list li:first-child {
	padding-right:0px;
	position:relative;
	width:30%;
}

.step-list li:last-child {
	padding-right:0;
}

.step-list li::after {
	position:absolute;
	top:53px;
	right:-3px;
	width:8px;
	height:15px;
	content:"";
	background:url(../img/step_arrows.png) no-repeat center;
	background-size:contain;
}

.step-list li .pic {
	padding-top:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:6.5em;
}

/*.step-list li:first-child .pic {
	padding-top:0;
	align-items:center;
}*/

.step-list li .pic img {
	width:100%;
	height:auto;
}

/*.step-list li:first-child .pic img {
	width:inherit;
	height:auto;
}
*/
.step-list li .txt {
	margin-top:5px;
	font-size:12px;
	line-height:1.4;
	text-align:left;
}


}

/*注意事項*/
.sub-cate-box {
	margin:90px 60px 0;
	padding:60px 0 0;
	font-size:16px;
	text-align:left;
	line-height:2.0;
	border-top:solid 1px #ccc;
}

.sub-cate-box .ttl {
	margin-bottom:40px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

.notes-list {
	margin:0 auto 0;
	display:table;
}

.notes-list li {
	/*margin-top:10px;*/
}

.sub-cate-box a {
	text-decoration:underline;
}

.sub-cate-box a:hover {
	text-decoration:none;
}

/*個人情報*/
.sub-cate-box .ttl.personal {
	font-size:24px;
}

@media (max-width: 767px) {
.sub-cate-box {
	margin:40px 0px 0;
	padding:30px 10px 0;
	font-size:14px;
	text-align:left;
	line-height:1.6;
}

.sub-cate-box .ttl {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.notes-list {
	margin:0 auto 0;
	display:block;
}

.notes-list li {
	text-indent:-1em;
	padding-left:1em;
}

/*個人情報*/
.sub-cate-box .ttl.personal {
	font-size:18px;
}

}

/*お問い合わせ先
--------------------------------*/
.sec-box.inq {
	margin-top:100px;
}

.inq-area {
	margin:0px auto 0;
	padding:70px 0px;
	width:840px;
	border-bottom:solid 1px #ccc;
}

.inq-area .ttl {
	font-size:18px;
	font-weight:bold;
}

.inq-area .tel {
	margin-top:10px;
	font-size:24px;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
}

.inq-area .tel .en {
	margin-right:0.5em;
	font-size:20px;
}

.inq-area .note {
	font-size:14px;
	line-height:2.4;
}

@media (max-width: 767px) {
.sec-box.inq {
	margin-top:50px;
}

.inq-area {
	margin:0px auto 0;
	padding:30px 10px;
	width:inherit;
}

.inq-area .note {
	margin-top:20px;
	font-size:14px;
	line-height:1.8;
}
	
}


/*■
--------------------------------*/
.baby-area {
	padding:100px 0 50px;
}

@media (max-width: 767px) {
.baby-area {
	padding:50px 0 0px;
}
	
}