@charset "shift_jis";
div.container_,
div.container_ div.contents_ {
	width: 100%;
}
ul.topicpath_ {
	width: 100%;
	margin: 0 auto 20px;
}
ul.topicpath_ li.last_,
ul.topicpath_ li.separator_ {
	margin-right: 0;
}

#instagram_cp2602 {
	color: #333333;
	font-family: "dnp-shuei-gothic-kin-std";
	font-weight: 400;
	width: 100%;
	margin: 0;
}
#instagram_cp2602 img {
	vertical-align: bottom;
	max-width: 100%;
}
#instagram_cp2602 .sec_ {
	width: 100%;
}
#instagram_cp2602 .sec_inner_ {
	width: 1200px;
	margin: 0 auto;
}
#instagram_cp2602 .sec_ a img {
	transition: all .3s;
}
#instagram_cp2602 .sec_ a:hover img {
	opacity: 0.5;
}
#instagram_cp2602 .sec_ .character_ {
	position: absolute;
	z-index: 10;
}

#instagram_cp2602 #mv {
	position: relative;
}
#instagram_cp2602 #mv_slider {
	text-align: center;
} 
#instagram_cp2602 #mv_slider ul {
	display: flex;
}
#instagram_cp2602 #mv_slider ul li img {
	width: 285px;
}
#instagram_cp2602 #mv h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

#instagram_cp2602 #period {
	text-align: center;
	width: 100%;
	background-color: #e28089;
}

#instagram_cp2602 #lead {
	text-align: center;
	padding: 0 0 116px;
}

#instagram_cp2602 #present {
	background-image: url("../../img/usr/freepage/member/instagram_cp2602/present_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
#instagram_cp2602 #present .sec_inner_ {
	padding: 93px 0 140px;
}
#instagram_cp2602 #present h2 {
	text-align: center;
	margin: 0 0 37px;
}
#instagram_cp2602 #present p.lead_ {
	text-align: center;
	margin: 0 0 48px;
}
#instagram_cp2602 #present ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#instagram_cp2602 #present ul li {
	position: relative;
}
#instagram_cp2602 #present ul li .btn_ {
	position: absolute;
	left: 105px;
	width: 350px;
	z-index: 10;
}
#instagram_cp2602 #present ul li .btn_ a {
	display: block;
}
#instagram_cp2602 #present ul li.present_february_ {
	width: 560px;
	margin-bottom: 50px;
}
#instagram_cp2602 #present ul li.present_february_ .btn_ {
	bottom: 44px;
}
#instagram_cp2602 #present ul li.present_march_ {
	width: 560px;
}
#instagram_cp2602 #present ul li.present_march_ .btn_ {
	bottom: 95px;
}
#instagram_cp2602 #present ul li.present_Wchance_ {
	width: 100%;
}
#instagram_cp2602 #present ul li.present_Wchance_ p {
	position: absolute;
	right: 73px;
	bottom: 96px;
}
#instagram_cp2602 #present ul li.present_Wchance_ .masser1_ {
	right: 406px;
	bottom: 55px;
}
#instagram_cp2602 #present ul li.present_Wchance_ .masser2_ {
	right: 64px;
	bottom: 143px;
}

#instagram_cp2602 #howto {
	background-color: #fbf3f3;
	/*background-image: url("../../img/usr/freepage/member/instagram_cp2602/howto_bg.png");
	background-position: center top;
	background-repeat: no-repeat;*/
}
#instagram_cp2602 #howto .sec_inner_ {
	padding: 119px 0 104px;
}
#instagram_cp2602 #howto h2 {
	text-align: center;
	margin: 0 0 60px;
}
#instagram_cp2602 #howto .sec_inner_ > ul {
	width: 900px;
	margin: 0 auto;
}
#instagram_cp2602 #howto .sec_inner_ > ul > li {
	margin: 0 0 30px;
	position: relative;
}
#instagram_cp2602 #howto .sec_inner_ > ul li .btn_ {
	position: absolute;
	width: 480px;
	left: 210px;
	bottom: 50px;
	z-index: 10;
}
#instagram_cp2602 #howto .sec_inner_ > ul li .btn_ a {
	display: block;
}
#instagram_cp2602 #howto ul li.step1_ .masser3_ {
	left: 60px;
	top: 73px;
}
#instagram_cp2602 #howto ul li.step2_ .masser4_ {
	left: 275px;
	bottom: 131px;
}
#instagram_cp2602 #howto ul li.step3_ .masser5_ {
	left: 124px;
	top: 108px;
}
#instagram_cp2602 #howto ul li.step4_ .masser6_ {
	right: 245px;
	top: 57px;
}

#instagram_cp2602 #howto ul li.step3_ .copy_btn_ {
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: 0.08em;
	font-feature-settings : "palt";
	text-align: center;
	background-color: #a70e15;
	border-radius: 30px;
	position: absolute;
	padding: 12px 0 12px;
	width: 480px;
	left: 210px;
	bottom: 85px;
	z-index: 10;
	cursor: pointer;
}
#instagram_cp2602 #howto ul li.step5_ {
	margin: 60px 0 0;
	padding: 0 0 60px;
	background-color: #FFFFFF;
	border-radius: 30px;
}
#instagram_cp2602 #howto ul li.step5_ h3 {
	text-align: center;
	padding: 50px 0 30px;
}
#instagram_cp2602 #howto ul li.step5_ .summary_wrap_ {
	padding: 0 0 0 50px;
	margin-right: 30px;
	overflow-y: auto;
	height: 345px;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ {
	padding-right: 30px;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ h4 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ h4:first-child {
	margin-top: 0;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ p,
#instagram_cp2602 #howto ul li.step5_ .summary_box_ ul li {
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ p .bold_ {
	font-weight: bold;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ p .red_ {
	color: #a70e15;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ ul li {
	text-indent: -2.5em;
	padding-left: 2.5em;
}
#instagram_cp2602 #howto ul li.step5_ .summary_box_ ul + p {
	margin-top: 20px;
}


#instagram_cp2602 #banner {
	
}
#instagram_cp2602 #banner .sec_inner_ {
	padding: 100px 0 20px;
}
#instagram_cp2602 #banner ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#instagram_cp2602 #banner ul li {
	margin: 0 20px;
}
#instagram_cp2602 #banner ul li a {
	display: block;
}

/*===========
マセちゃんアニメーション
===========*/
.animation01 img {
	animation: ani1 1.5s linear infinite;
}
@keyframes ani1 {
  0%, 100% {
    transform: rotate(-4deg)
  }
  50% {
    transform: rotate(4deg)
  }
}
.animation02 img {
  animation: ani2 5s linear infinite
}
@keyframes ani2 {
  0% {
    transform: translate(0, 0px)
  }
  3% {
    transform: translate(0, -8px)
  }
  6% {
    transform: translate(0, 0)
  }
  9% {
    transform: translate(0, -8px)
  }
  12% {
    transform: translate(0, 0)
  }
  15% {
    transform: translate(0, -8px)
  }
  18%, 50% {
    transform: translate(0, 0)
  }
  53% {
    transform: translate(0, -8px)
  }
  56% {
    transform: translate(0, 0)
  }
  59% {
    transform: translate(0, -8px)
  }
  62% {
    transform: translate(0, 0)
  }
  65% {
    transform: translate(0, -8px)
  }
  68% {
    transform: translate(0, 0)
  }
  100% {
    transform: translate(0, 0px)
  }
}
.animation03 {
  animation: ani3 1s linear infinite;
}
@keyframes ani3 {
  0%, 100% {
    transform: translateX(-20px)
  }
  50% {
    transform: translateX(20px)
  }
}
.animation04 img {
  animation: ani4 1.5s ease-in-out infinite alternate-reverse;
}
@keyframes ani4 {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
/*
#################################
	ふわっとanimation
#################################
*/

.js-scroll-fade-up-in {
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0);
  -webkit-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  transition: all .4s ease-in;
}
.js-scroll-fade-up-in.animated {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.section_selection::before,
.section_pins::before,
.section_pins::after {
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0);
  -webkit-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.section_selection.animated::before,
.section_pins.animated::before,
.section_pins.animated::after {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-delay:.3s;
  -ms-transition-delay:.3s;
  transition-delay:.3s;
}

/*===========
scrollbar
===========*/
.simplebar-track.simplebar-vertical {
	width: 9px;
	background: #ebebea;
	margin: 0 auto;
	right: 0;
	border-radius: 5px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar {
	width: 9px;
	background: #e28089;
	top: 0;
	border-radius: 5px;
}
.simplebar-scrollbar.simplebar-visible:before {
 opacity: 0;
}