h1,
h2,
h3,
p {
	margin: 0;
	padding: 0;
	font-size: 0
}

.mainframe_ ul,
.mainframe_ li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

img {
	max-width: 100%
}

.mod-socialBlock {
	margin: 0 0 20px
}

.mod-topicPath-ul .mod-topicPath-item a.invalid_link {
	text-decoration: none
}

.insta-top {
	width: 960px;
	margin: 0 auto 32px;
	background-color: #fbfafa;
	padding: 80px 0;
	/* margin-bottom: 32px */
}

@media screen and (max-width:599px) {
	.insta-top {
		width: auto;
		padding: 55px 0;
		margin-bottom: 12px;
		margin-left: -15px;
		margin-right: -15px
	}
}

.insta-top div {
	font-size: 0
}

.insta-top .border_b {
	padding: 60px 0;
	border-bottom: 1px solid #e5e5e5
}

.insta-top .txt_small {
	font-size: 14px;
	/* font-size: 1.4rem; */
	line-height: 1.71429
}

.insta-top .link-blank {
	margin-left: 4px
}

.insta-top__sec {
	width: 83.33333%;
	margin: 0 auto;
	margin-bottom: 80px
}

.insta-top__sec:after {
	content: "";
	clear: both;
	display: block;
	height: 0
}

@media screen and (max-width:767px) {
	.insta-top__sec {
		margin-bottom: 0
	}
}

@media screen and (max-width:599px) {
	.insta-top__sec {
		width: 90.625%
	}
}

.insta-top__sec .ttl_box {
	position: relative;
	margin-bottom: 50px
}

@media screen and (max-width:767px) {
	.insta-top__sec .ttl_box {
		margin-left: 20%
	}
}

@media screen and (max-width:599px) {
	.insta-top__sec .ttl_box {
		margin: 0 auto;
		text-align: center
	}
}

.insta-top__sec .ttl_box .ttl {
	position: relative;
	display: inline-block;
	font-size: 32px;
	/* font-size: 3.2rem; */
	line-height: 1.3125;
	color: #000;
	padding-bottom: 3px
}

.insta-top__sec .ttl_box .ttl .ttl-icon {
	vertical-align: bottom;
	margin: 0 20px 1px 0
}

.insta-top__sec .ttl_box .ttl br {
	display: none
}

.insta-top__sec .ttl_box .ttl span {
	display: inline;
	box-shadow: #ffe100 0 -4px 0 0 inset
}

.insta-top__sec .ttl_box .ttl .logo_insta {
	position: relative;
	margin: 0 -10px -5px 10px;
	vertical-align: bottom
}

@media screen and (max-width:767px) {
	.insta-top__sec .ttl_box .ttl br {
		display: block
	}

	.insta-top__sec .ttl_box .ttl span:last-child {
		display: inline-block;
		margin-top: 2.60756%
	}
}

@media screen and (max-width:599px) {
	.insta-top__sec .ttl_box .ttl {
		display: inline-block;
		text-align: center;
		font-size: 24px;
		/* font-size: 2.4rem; */
		line-height: 1;
		box-shadow: none;
		margin-bottom: 35px;
		padding-bottom: 0
	}

	.insta-top__sec .ttl_box .ttl .ttl-icon {
		width: 30px;
		margin: 0 0 -3px
	}

	.insta-top__sec .ttl_box .ttl span {
		display: inline;
		margin-left: -28%;
		padding-bottom: 4px;
		box-shadow: #ffe100 0 -3px 0 0 inset
	}

	.insta-top__sec .ttl_box .ttl span:not(:last-child) {
		margin-left: 15px
	}

	.insta-top__sec .ttl_box .ttl span:last-child {
		margin-left: 0;
		margin-top: 7.2%
	}

	.insta-top__sec .ttl_box .ttl .logo_insta {
		width: 121px;
		margin: 0 0 -7px 3px
	}
}

.insta-top__sec .sec-inner {
	position: relative
}

.insta-top__sec .sec-inner:after {
	content: "";
	clear: both;
	display: block;
	height: 0
}

.insta-top__sec .sec-inner .text_area {
	float: left;
	width: 70%
}

.insta-top__sec .sec-inner .text_area .txt_item {
	font-size: 16px;
	/* font-size: 1.6rem; */
	line-height: 1.5;
	color: #333;
	margin-bottom: 25px
}

.insta-top__sec .sec-inner .text_area .txt_item a {
	text-decoration: none
}

.insta-top__sec .sec-inner .text_area .txt_item strong {
	color: #000;
	border-bottom: #ffe100 2px solid
}

.insta-top__sec .sec-inner .text_area .btn-detail {
	margin: 0 auto;
	margin-top: 50px;
	line-height: 0;
	text-align: center
}

@media screen and (max-width:767px) {
	.insta-top__sec .sec-inner .text_area {
		float: none;
		width: 100%;
		margin-bottom: 50px;
		text-align: center
	}

	.insta-top__sec .sec-inner .text_area .txt_item {
		margin-bottom: 15px
	}

	.insta-top__sec .sec-inner .text_area .btn-detail {
		display: block;
		width: 100%;
		margin: 0 auto;
		max-width: 290px;
		margin-top: 50px
	}
}

.insta-top__sec .sec-inner .img-area {
	float: right;
	width: 30%
}

.insta-top__sec .sec-inner .img-area .sp {
	display: none
}

@media screen and (max-width:767px) {
	.insta-top__sec .sec-inner .img-area {
		float: none;
		width: 100%
	}

	.insta-top__sec .sec-inner .img-area .pc {
		display: none
	}

	.insta-top__sec .sec-inner .img-area .sp {
		display: block
	}
}

.insta-top__gallery .list {
	width: 100%;
	margin: 0 auto
}

.insta-top__gallery .list .item {
	position: relative;
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden
}

.insta-top__gallery .list .item a:before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border: 4px solid #ffe100;
	box-sizing: border-box;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity .2s linear
}

@media screen and (max-width:599px) {
	.insta-top__gallery .list .item a:before {
		display: none
	}
}

.insta-top__gallery .list .item a:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.insta-top__gallery .list .item a:hover:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: opacity .2s linear
}

.insta-top__gallery .list .item a:hover img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.insta-top__gallery .obi-box {
	position: relative;
	height: 60px;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/bg_rainbow.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (max-width:599px) {
	.insta-top__gallery .obi-box {
		height: 75px
	}
}

.insta-top__gallery .obi-box a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-decoration: none;
	text-align: center;
	cursor: pointer
}

@media screen and (max-width:599px) {
	.insta-top__gallery .obi-box a {
		padding-top: 10px
	}
}

.insta-top__gallery .obi-box a .txt {
	position: relative;
	font-size: 24px;
	/* font-size: 2.4rem; */
	line-height: 1;
	font-weight: 700;
	color: #fff;
	line-height: 60px
}

.insta-top__gallery .obi-box a .txt br {
	display: none
}

.insta-top__gallery .obi-box a .txt img {
	margin-right: -10px;
	margin-bottom: -11px
}

.insta-top__gallery .obi-box a .txt:after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: -13px;
	margin: auto;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/icon_blank.png);
	background-repeat: no-repeat;
	background-size: contain
}

@media screen and (max-width:599px) {
	.insta-top__gallery .obi-box a .txt {
		font-size: 18px;
		/* font-size: 1.8rem; */
		line-height: 1.55556
	}

	.insta-top__gallery .obi-box a .txt br {
		display: block
	}

	.insta-top__gallery .obi-box a .txt img {
		width: 85px;
		margin-right: -7px;
		margin-bottom: -8px
	}

	.insta-top__gallery .obi-box a .txt:after {
		top: 25px
	}
}

.insta-top__gallery .obi-box a:hover img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.insta-top__post {
	text-align: center
}

.insta-top__post .text_area {
	width: 91.66667%;
	margin: 0 auto;
	padding-top: 84px
}

@media screen and (max-width:599px) {
	.insta-top__post .text_area {
		width: 90.625%;
		padding-top: 65px;
		padding-bottom: 40px
	}
}

.insta-top__post .text_area .ttl_box {
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px
}

@media screen and (max-width:599px) {
	.insta-top__post .text_area .ttl_box {
		width: auto;
		margin-bottom: 45px
	}
}

.insta-top__post .text_area .ttl {
	position: relative;
	display: inline-block;
	font-size: 32px;
	/* font-size: 3.2rem; */
	line-height: 1.3125;
	color: #000
}

.insta-top__post .text_area .ttl span {
	display: inline;
	box-shadow: #ffe100 0 -4px 0 0 inset
}

.insta-top__post .text_area .ttl br {
	display: none
}

.insta-top__post .text_area .ttl img {
	position: relative;
	z-index: 5;
	margin-bottom: -18px
}

.insta-top__post .text_area .ttl .ttl-icon {
	margin: 0 20px -8px 0
}

@media screen and (max-width:599px) {
	.insta-top__post .text_area .ttl {
		font-size: 24px;
		/* font-size: 2.4rem; */
		line-height: 1;
		text-align: center;
		margin-left: -1%;
		padding-bottom: 0;
		box-shadow: none
	}

	.insta-top__post .text_area .ttl span {
		display: inline-block;
		padding-bottom: 4px;
		box-shadow: #ffe100 0 -3px 0 0 inset
	}

	.insta-top__post .text_area .ttl span:last-child {
		margin-top: 10px
	}

	.insta-top__post .text_area .ttl br {
		display: block
	}

	.insta-top__post .text_area .ttl img {
		width: 121px;
		margin-bottom: -13px
	}

	.insta-top__post .text_area .ttl .ttl-icon {
		width: 30px;
		margin: 0 15px -8px 0
	}

	.insta-top__post .text_area .ttl:after {
		width: 60px;
		height: 60px;
		min-width: 60px;
		margin-right: 85px;
		left: 185px;
		right: auto
	}
}

.insta-top__post .text_area .txt_item {
	font-size: 16px;
	/* font-size: 1.6rem; */
	line-height: 1.625;
	color: #333
}

.insta-top__post .text_area .txt_item:not(:last-child) {
	margin-bottom: 18px
}

.insta-top__post .text_area .txt_item a {
	text-decoration: none
}

.insta-top__post .text_area .txt_item strong {
	color: #000;
	border-bottom: #ffe100 2px solid
}

@media screen and (max-width:599px) {
	.insta-top__post .text_area .txt_item {
		font-size: 16px;
		/* font-size: 1.6rem; */
		line-height: 1.5
	}

	.insta-top__post .text_area .txt_item:not(:last-child) {
		margin-bottom: 20px
	}

	.insta-top__post .text_area .txt_item br {
		display: none
	}

	.insta-top__post .text_area .txt_item.valid_sp br {
		display: block
	}
}

.insta-top__post .howto_area {
	width: 91.66667%;
	margin: 0 auto;
	text-align: left
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area {
		text-align: center;
		padding-top: 44px;
		padding-bottom: 40px
	}
}

.insta-top__post .howto_area .ttl {
	position: relative;
	display: inline-block;
	font-size: 24px;
	/* font-size: 2.4rem; */
	line-height: 1;
	color: #000;
	margin-bottom: 48px;
	padding-left: 45px
}

.insta-top__post .howto_area .ttl img {
	vertical-align: bottom;
	margin: 0 3px -8px 0
}

.insta-top__post .howto_area .ttl:before {
	display: inline-block;
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	top: -3px;
	left: 0;
	margin-right: 15px;
	vertical-align: bottom;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/icon_insta.png);
	background-repeat: no-repeat
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .ttl {
		text-align: center;
		margin-bottom: 40px
	}
}

.insta-top__post .howto_area .howto_wrapper:after {
	content: "";
	clear: both;
	display: block;
	height: 0
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper {
		max-width: 290px;
		margin: 0 auto;
		text-align: left
	}
}

@media screen and (max-width:599px) {
	.insta-top__post .howto_area .howto_wrapper {
		max-width: auto
	}
}

.insta-top__post .howto_area .howto_wrapper .order_box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 17.04545%
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper .order_box {
		display: block;
		padding-top: 0;
		box-sizing: border-box
	}
}

.insta-top__post .howto_area .howto_wrapper .order_box .item {
	position: relative;
	width: 30.22727%;
	border: 2px solid #ffe100;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	z-index: 5;
	float: left
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper .order_box .item {
		position: relative;
		width: 100%;
		max-width: 290px;
		margin: 0 auto;
		margin-top: 56.89655%;
		float: none
	}

	.insta-top__post .howto_area .howto_wrapper .order_box .item:not(:last-child) {
		margin-bottom: calc((50/290*100%) + (165/290*100%))
	}

	.insta-top__post .howto_area .howto_wrapper .order_box .item:not(:last-child):after {
		display: block;
		content: '';
		position: absolute;
		width: 10px;
		height: 16px;
		bottom: -36%;
		right: 0;
		left: 0;
		margin: auto;
		transform: rotate(90deg);
		background-image: url(/cms/connect/socialmedia/instagram/guideline/img/arrow_next.png);
		background-position: center center;
		background-repeat: no-repeat
	}
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner {
	position: relative
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner:before {
	display: block;
	content: '';
	width: 100%;
	height: 0;
	padding-top: 56.39098%;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	bottom: calc(100% + 2px);
	left: 0;
	z-index: 3
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner:before {
		padding-top: 57.93103%
	}
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner#order01:before {
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/img_howto01.png)
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner#order02:before {
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/img_howto02.png)
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner#order03:before {
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/img_howto03.png)
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box {
	position: relative;
	width: 100%
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .sttl {
	position: relative;
	font-size: 20px;
	/* font-size: 2rem; */
	line-height: 2;
	text-align: center;
	width: 100%;
	height: 38px;
	background-color: #ffe100;
	vertical-align: middle;
	margin: 0;
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .sttl img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 59px;
	text-align: center
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .detail {
	font-size: 14px;
	/* font-size: 1.4rem; */
	line-height: 1.5;
	padding: 6.76692% 5.6391%;
	background-color: #fff
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .detail a {
	text-decoration: none
}

.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .detail strong {
	display: inline;
	font-weight: 700;
	color: #000;
	box-shadow: #ffe100 0 -2px 0 0 inset
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper .order_box .item .item_inner .txt_box .detail {
		padding: 4.48276% 6.2069%
	}
}

.insta-top__post .howto_area .howto_wrapper .order_box .arrow_item {
	position: relative;
	width: 4.54545%;
	height: auto
}

.insta-top__post .howto_area .howto_wrapper .order_box .arrow_item img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

@media screen and (max-width:767px) {
	.insta-top__post .howto_area .howto_wrapper .order_box .arrow_item {
		display: none
	}
}

.insta-top__post .caution_area {
	width: 91.66667%;
	margin: 0 auto;
	text-align: left
}

@media screen and (max-width:599px) {
	.insta-top__post .caution_area {
		text-align: center;
		padding-top: 40px
	}
}

.insta-top__post .caution_area .ttl {
	position: relative;
	display: inline-block;
	padding-left: 45px;
	font-size: 24px;
	/* font-size: 2.4rem; */
	line-height: 1;
	color: #000;
	margin-bottom: 40px;
	width: auto;
}

@media screen and (max-width:599px) {
	.insta-top__post .caution_area .ttl {
		text-align: center;
		margin-bottom: 25px
	}
}

.insta-top__post .caution_area .ttl:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 30px;
	height: 30px;
	left: 0;
	top: -3px;
	vertical-align: middle;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/icon_alert.png);
	background-repeat: no-repeat
}

.insta-top__post .caution_area .tag {
	font-size: 20px;
	/* font-size: 2rem; */
	line-height: 1;
	color: #000;
	font-weight: 700;
	text-indent: -.5em;
	margin-bottom: 25px
}

@media screen and (max-width:599px) {
	.insta-top__post .caution_area .tag {
		text-align: center;
		margin-bottom: 25px
	}
}

.insta-top__post .caution_area .caution_list {
	text-align: left;
	margin-left: 1.70455%
}

.insta-top__post .caution_area .caution_list .caution_item {
	font-size: 14px;
	/* font-size: 1.4rem; */
	line-height: 1.5;
	color: #333;
	text-indent: -.8em;
	padding-left: 1em
}

.insta-top__post .caution_area .caution_list .caution_item:before {
	content: '';
	width: 10px;
	padding-top: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	position: relative;
	left: -3px;
	top: 0
}

.insta-top__post .caution_area .caution_list .caution_item strong {
	display: inline;
	color: #000;
	font-weight: 700;
	box-shadow: #ffe100 0 -2px 0 0 inset
}

.insta-top__post .share_area {
	padding-top: 60px
}

@media screen and (max-width:599px) {
	.insta-top__post .share_area {
		padding-top: 40px
	}
}

.insta-top__post .share_area .btn {
	position: relative;
	width: 445px;
	height: 93px;
	margin: 0 auto 20px;
	border-radius: 4px;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/bg_rainbow_btn.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.insta-top__post .share_area .btn a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.insta-top__post .share_area .btn a:hover {
	text-decoration: none;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.insta-top__post .share_area .btn a:hover img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.insta-top__post .share_area .btn a span {
	position: relative;
	font-size: 32px;
	/* font-size: 3.2rem; */
	line-height: 3.09375;
	font-weight: 700;
	color: #fff;
	text-decoration: none
}

.insta-top__post .share_area .btn a span img {
	vertical-align: middle;
	margin-right: -14px;
	margin-bottom: -6px
}

.insta-top__post .share_area .btn a span:after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 10px;
	top: 50%;
	right: 0;
	background-image: url(/cms/connect/socialmedia/instagram/guideline/img/icon_blank.png);
	background-repeat: no-repeat
}

@media screen and (max-width:599px) {
	.insta-top__post .share_area .btn {
		width: 90.625%;
		height: 60px;
		max-width: 435px;
		margin-bottom: 15px;
		background-position: center center
	}

	.insta-top__post .share_area .btn a span {
		font-size: 24px;
		/* font-size: 2.4rem; */
		line-height: 2.5
	}

	.insta-top__post .share_area .btn a span img {
		width: 107px;
		margin-right: -10px
	}

	.insta-top__post .share_area .btn a span:after {
		top: 40%;
		right: -7px
	}
}

.insta-top__post .share_area .txt_link {
	margin-bottom: 40px
}

.insta-top__post .share_area .txt_link a {
	font-size: 14px;
	/* font-size: 1.4rem; */
	line-height: 1.5;
	color: #000;
	text-decoration: underline
}

.insta-top__post .share_area .txt_link a:hover {
	text-decoration: none
}

@media screen and (max-width:599px) {
	.insta-top__post .share_area .txt_link {
		margin-bottom: 30px
	}
}

.insta-top__post .share_area .sns_box {
	margin: 0 auto
}

.insta-top__post .share_area .sns_box .ttl {
	width: 22.72727%;
	margin: 0 auto 20px
}

.insta-top__post .share_area .sns_box .btn_share {
	width: 23.86364%;
	margin: 0 auto
}

.insta-top__post .share_area .sns_box .mod-socialBlock {
	margin: 0 auto;
	text-align: center
}

@media screen and (max-width:599px) {
	.insta-top__post .share_area .sns_box {
		width: 90.625%;
		text-align: center
	}

	.insta-top__post .share_area .sns_box .ttl {
		width: 68.96552%;
		margin: 0 auto 20px;
		justify-content: center;
	}

	.insta-top__post .share_area .sns_box .btn_share {
		width: 72.41379%
	}

	.insta-top__post .share_area .sns_box .mod-socialBlock {
		display: block;
		border: none;
		background: none
	}

	.insta-top__post .share_area .sns_box .mod-socialBlock .mod-socialBlock-item {
		display: inline-block;
		padding: 0;
		margin-left: 5px;
		border: none
	}
}