@charset "utf-8";

/**-----------------------------------------------
	global
-----------------------------------------------**/
body {
	color: #040404;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

body.scroll_hidden {
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

div#wrapper {
	position: relative;
	background: url(../images/back_x2.png) repeat;
	background-size: 8px 8px;
	-webkit-background-size: 8px 8px;
	-moz-background-size: 8px 8px;
}

div#wrapper img {
	height: auto;
}

.brPC {
	display: inline;
}

.brSP {
	display: none;
}


sub {
	font-size: 70%;
	vertical-align: baseline;
}

/**-----------------------------------------------
	link
-----------------------------------------------**/
a {
	color: #040404;
	font-style: normal;
	text-decoration: none;
}

a:link {
	color: #040404;
	font-style: normal;
	text-decoration: none;
}

a:visited {
	color: #040404;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	border: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	border: none;
	outline: none;
}

a img {
	outline: none;
}

a {
	outline: none;
}

a:focus {
	outline: none;
}

.linkIco a {
	padding: 0 0 0 13px;
	background: url(../images/link_ico.png) no-repeat 0 center;
	background-size: 8px 11px;
	-webkit-background-size: 8px 11px;
	-moz-background-size: 8px 11px;
}

/**-----------------------------------------------
	Main
-----------------------------------------------**/
div#container {
	position: relative;
	padding: 0 0 80px 0;
}

div#topMainContainer {
	width: 100%;
	/* height: 678px; */
	height: auto;
	position: relative;
	overflow: hidden;
}
div#topMainContainer .kv {
	width: 100%;
}
div#topMainContainer .kv img {
	width: 100%;
}

@media screen and (max-width: 1300px) and (min-width: 750px) {
	div#topMainContainer {
		width: 1300px;
	}
}

div#topMainInner {
	width: 100%;
	margin: 0 ;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
}

div#topMainInner dl {
	padding: 50px 0 0 0;
}

div#topMainInner dl dt {}

div#topMainInner dl dt img {
	width: 400px;
	height: auto;
}

div#topMainInner dl dd {
	/* padding: 246px 0 0 829px; */
	padding: 344px 0 0 829px;
}

div#topMainInner dl dd img {
	width: 222px;
	height: auto;
}

div#topMainInner .btn_bnr {
	position: absolute;
	bottom: 15px;
	left: calc(52.5% - (452px / 2));
}
div#topMainInner .btn_bnr a{
	display: block;
}
div#topMainInner .btn_bnr a img{
	width: 100%;
}

div#topMainInner .btn_bnr2 {
	position: absolute;
	bottom: 50px;
	right: 100px;
}
div#topMainInner .btn_bnr2 a{
	display: block;
}
div#topMainInner .btn_bnr2 a img{
	width: 100%;
}


div#topMainSliderPC {
	width: 100%;
	height: 678px;
	position: relative;
	display: block;
}

div#topMainSliderSP {
	display: none;
}

div#topMainSliderPC div {
	position: relative;
	width: 100%;
	height: 678px;
}

div#topMainSliderPC div p {
	position: relative;
	width: 100%;
	height: 678px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -1250px;
}

div#topMainSliderPC div p img {
	width: 2500px;
	height: 678px;
}

.slick-slide {
	overflow: hidden;
}




div#specialBnr {
	padding: 60px 0;
}

div#specialBnr .btn_bnr {
	padding: 5vw 0;
}

div#specialBnr .btn_bnr a {
	display: block;
	width: 90%;
	margin: 0 auto;
}





div#howmanyContainer {
	width: 100%;
					/* height: 51vw; */
					/* height: 678px; */
	/* background-color: #fff; */
    /* background: transparent url(../images/back_x2.png) left top / 8px  8px repeat; */
	/* background: transparent url(../images/top/howMany_pc.jpg) center center / 100% no-repeat; */
}
div#howmanyContainer .howMain {
	width: 1300px;
	margin: 0 auto;
	height: 100%;
	padding: 50px 0;
}

div#howmanyContainer .howMain img {
	width: 100%;
}
div#howmanyContainer .howKv {
	position: relative;
	height: 100%;
}
div#howmanyContainer .howKv .txt_area {
	position: absolute;
	/* top: calc((175 / 1300) * 100vw ); */
					/* bottom:  calc((75 / 1300) * 100vw ); */
					bottom: 75px;
	left: 132px;
	width: 440px;
}
div#howmanyContainer .howKv .txt_area .how_ttl {
	background-color: #fff;
	box-sizing: border-box;
	padding: 15px 5px;
	text-align: center;
}
div#howmanyContainer .howKv .txt_area .how_ttl p {
	font-size: 25px;
}
div#howmanyContainer .howKv .txt_area .how_txt {
	background-color: #fff;
	box-sizing: border-box;
	padding: 35px 30px;
	margin-top: 25px;
}
div#howmanyContainer .howKv .txt_area .how_txt p {
	font-size: 15px;
	line-height: 1.8em;
}
div#howmanyContainer .howKv .txt_area .how_btn {
	margin-top: 25px;
}
/* @media screen and (max-width: 1300px) and (min-width: 750px) {
	div#howmanyContainer {
		height: 678px;
		background: transparent url(../images/top/howMany_pc.jpg) center top / 1300px no-repeat;
	}
	div#howmanyContainer .howMain {
		width: 100%;
		height: 678px;
	}
	div#howmanyContainer .howKv .txt_area {
		top: 175px;
	}
} */


div#howmovieContainer {
	width: 100%;
	background-color: #fff;
}
div#howmovieContainer .howMovie img {
	width: 100%;
}
div#howmovieContainer .howMovie {
	width: 1300px;
	margin: 0 auto;
	padding: 88px 0 72px;
	text-align: center;
}
div#howmovieContainer .howMovie h4 {
	width: 370px;
	display: block;
	margin: 0 auto 30px;
}
div#howmovieContainer .howMovie .mv_popup {
	width: 818px;
	margin: 0 auto 20px;
}
div#howmovieContainer .howMovie .mv_popup a {
	display: block;
	opacity: 1;
	transition: opacity .5s;
}
div#howmovieContainer .howMovie .mv_popup a:hover {
	opacity: .7;
}
div#howmovieContainer .howMovie p {
	font-size: 20px;
}
div#howmovieContainer .howMovie .btn_sweat {
	width: 46.154%;
	display: block;
	margin: 72px auto 16px;
}





div#specialContainer {
	padding: 60px 0 80px 0;
}

div#specialContainer h2 {
	text-align: center;
	padding: 0;
}

div#specialContainer ul {
	width: 1000px;
	margin: 25px auto 0 auto;
}

div#specialContainer ul li {
	width: 480px;
	margin: 0 10px 20px 10px;
	float: left;
}

div#columnContainer {
	position: relative;
	height: 678px;
	overflow: hidden;
}

div#columnContainer div#columnSlider {
	overflow: hidden;
	width: 100%;
}

div#columnContainer div#columnSlider section {}

div#columnContainer div#columnSlider section div.slideSingle {
	float: left;
	width: 1300px;
}

div#columnContainer dl {
	position: absolute;
	left: 50%;
	top: 175px;
	z-index: 100;
	width: 444px;
	margin: 0 0 0 -517px;
	padding: 0;
	background: none;
}

div#columnContainer dl dt {
	background: #FFF;
	padding: 13px 25px;
	text-align: center;
	font-size: 25px;
}

div#columnContainer dl dd {
	background: #FFF;
	margin: 22px 0 0 0;
	/*padding: 40px 25px;*/
	padding: 0;
	font-size: 15px;
	width: 444px;
}

div#columnContainer dl dd img {
	width: 100%;
	height: auto;
}

div#columnContainer .btn_bnr {
	position: absolute;
	left: 50%;
	bottom: 70px;
	z-index: 100;
	width: 452px;
	margin: 0 0 0 -517px;
}

div#columnContainer .btn_bnr a{
	display: block;
}

div#productContainer {
	padding: 65px 0 0 0;
}

div#productContainer h4 {
	text-align: center;
}

div#productContainer ul {
	width: 796px;
	margin: 0 auto;
	padding: 35px 0 0 0;
}

div#productContainer ul li {
	width: 360px;
	margin: 0 18px;
	padding: 0;
	float: left;
}

div#productContainer ul li dl {}

div#productContainer ul li dl dt {
	text-align: center;
	padding: 0 0 20px 0;
}

div#productContainer ul li dl dt img {
	width: auto;
	height: 402px;
}

div#productContainer ul li dl dd {
	padding: 0;
}

div#productContainer ul li dl dd img {
	width: 360px;
	height: auto;
}

div#productContainer ul li p {
	text-align: center;
	margin: 18px 0 0 0;
}


div#productContainer div.productAdd {
	width: 660px;
	margin: 0 auto;
	padding: 60px 0 75px 0;
}

div#productContainer div.productAdd dl {}

div#productContainer div.productAdd dl dt {
	text-align: center;
	padding: 0 0 20px 0;
}

div#productContainer div.productAdd dl dt img {
	width: 660px;
	height: auto;
}

div#productContainer div.add2 dl dt img {
	width: 300px;
}

div#productContainer div.productAdd dl dd {
	padding: 0;
	text-align: center;
}

div#productContainer div.productAdd dl dd img {
	width: 360px;
	height: auto;
}

div#productContainer div.productAdd p {
	text-align: center;
	margin: 18px 0 0 0;
}

div#productContainer div.productAdd p img {
	width: 196px;
	height: auto;
}

div#productContainer p#productCaption {
	text-align: center;
}

div#productContainer p#productCaption img {
	width: 810px;
	height: auto;
}

#topFooter {
	width: 100%;
	position: relative;
	background: #FBE7E9;
	padding: 60px 0 85px 0;
}

#topFooter p#btnMaternity {
	text-align: center;
}

#topFooter p#btnMaternity img {
	width: 842px;
	height: auto;
}

p#pageTop {
	position: absolute;
	right: 50px;
	bottom: 0;
	cursor: pointer;
	width: 54px;
	height: 74px;
	overflow: hidden;
}

p#pageTop a {
	display: block;
	width: 54px;
	height: 74px;
	overflow: hidden;
	position: relative;
}

p#pageTop a img {
	position: absolute;
	left: 0;
	top: 20px;
}

/**-----------------------------------------------
	Header / Footer
-----------------------------------------------**/
div#header {
	width: 100%;
	background: #FFF;
	height: 80px;
	overflow: hidden;
}

div#headerInner {
	width: 100%;
	margin: 0 auto;
	height: 80px;
	position: relative;
}

div#headerInner p#logo {
	position: absolute;
	left: 38px;
	top: 25px;
}

div#headerInner p#naviBtn {
	display: none;
}

div#headerInner div#naviContainer {
	display: block;
	background: none;
	position: static;
	left: 0;
	top: 0;
	z-index: 1;
	height: auto;
	padding: 0 0 0 0;
}

div#headerInner div#naviContainer ul {
	position: absolute;
	left: 210px;
	top: 25px;
	padding: 0 0 0 0;
}

div#headerInner div#naviContainer ul li {
	float: left;
	margin: 0 15px 0 0;
	height: 53px;
	border-bottom: 2px solid #fff;
}

div#headerInner div#naviContainer ul li a {
	display: block;
}

div#headerInner div#naviContainer ul li.active,
div#headerInner div#naviContainer ul li:hover {
	border-bottom: 2px solid #000;
}

div#headerInner div#naviContainer ol {
	position: absolute;
	right: 30px;
	top: 30px;
	height: 55px;
}

div#headerInner div#naviContainer ol li {
	float: left;
	margin: 0 0 0 12px;
}

div#footer {
	width: 100%;
	background: #FFF;
}

div#footerInner {
	width: 1300px;
	margin: 0 auto;
	height: 80px;
	position: relative;
}

div#footerInner ul {
	position: absolute;
	left: 158px;
	top: 35px;
	padding: 0;
}

div#footerInner ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 11px;
	font-size: 10px;
	background: url(../images/ico_link01_pc.png) no-repeat 0 center;
	background-size: 8px 10px;
	-webkit-background-size: 8px 10px;
	-moz-background-size: 8px 10px;
}

div#footerInner ul li a {
	color: #7b7b7b;
}

div#footerInner p#copyright {
	position: absolute;
	right: 160px;
	top: 32px;
	color: #7b7b7b;
	font-size: 10px;
}

/**-----------------------------------------------
	Special
-----------------------------------------------**/
div#specialInner {
	width: 980px;
	margin: 0 auto;
	background: #FFF;
}

div#specialInner div.spTop {
	position: relative;
	width: 980px;
	height: 511px;
	margin: 0 0 35px 0;
}

div#specialInner div.spTop ul li {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

div#specialInner div.spTop ul li span {
	color: #69308d;
	font-size: 29px;
	font-weight: bold;
	background: #FFF;
	padding: 2px 10px;
}

div#specialInner div#sp01Top ul li:nth-child(1),
div#specialInner div#sp02Top ul li:nth-child(1) {
	left: 36px;
	top: 380px;
}

div#specialInner div#sp01Top ul li:nth-child(2),
div#specialInner div#sp02Top ul li:nth-child(2) {
	left: 36px;
	top: 436px;
}

div#specialInner div#sp03Top ul li:nth-child(1) {
	left: 36px;
	top: 436px;
}

div#specialInner p {
	padding: 0 205px 30px 205px;
	line-height: 2;
	font-size: 15px;
}

div#specialInner p span.sp04Txt01 {
	color: #f5a1d0;
}

div#specialInner p span.sp04Txt02 {
	color: #8fc31f;
}

div#specialInner p span.sp04Txt03 {
	color: #f39800;
}

div#specialInner h2 {
	padding: 0 0 0 205px;
	margin: 0 0 30px 0;
}

div#specialInner h2 span {
	color: #69308d;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 8px 22px;
	background: url(../images/back_x2.png) repeat;
	background-size: 8px 8px;
	-webkit-background-size: 8px 8px;
	-moz-background-size: 8px 8px;
}

div#specialInner h3 {
	text-align: center;
	padding: 0 0 40px 0;
}

div#specialInner h4 {
	padding: 0 205px 30px 205px;
}

div#specialInner dl#spSubNavi {
	background: #EAE2EF;
	width: 100%;
	padding: 35px 0 70px 0;
	margin: 45px 0 0 0;
}

div#specialInner dl#spSubNavi dt {
	color: #69308d;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px 0;
}

div#specialInner dl#spSubNavi dd {
	width: 792px;
	margin: 0 auto;
}

div#specialInner dl#spSubNavi dd div.slideSingle {
	width: 242px;
	margin: 0 11px;
	float: left;
}

/*div#specialInner dl#spSubNavi dd ul {
	width:792px;
}
div#specialInner dl#spSubNavi dd ul li {
	width:242px;
	margin:0 11px;
	float:left;
}*/
/**-----------------------------------------------
	Image Resize
-----------------------------------------------**/
div#header #logo img {
	width: 133px;
}

div#header ul li:nth-child(1) img {
	width: 65px;
}

div#header ul li:nth-child(2) img {
	/* width: 83px; */
	width: 89px;
}

div#header ul li:nth-child(3) img {
	/* width: 89px; */
	width: 65px;
}

div#header ul li:nth-child(4) img {
	/* width: 94px; */
	width: 83px;
}

div#header ul li:nth-child(5) img {
	width: 94px;
}

div#header ol li img {
	width: 22px;
}

p#topMain img {
	width: 1300px;
}

div#specialContainer h2 img {
	width: 560px;
}

div#specialContainer ul li img {
	width: 480px;
}

div#columnSlider img {
	width: 1300px;
}

div#productContainer h4 img {
	width: 250px;
}

div#productContainer ul li:nth-child(1) dl dt img {}

div#productContainer ul li p img {
	width: 196px;
}

p#pageTop img {
	width: 54px;
}

div.spTop h1 img {
	width: 980px;
}

dl#spSubNavi dd div.slideSingle img {
	width: 242px;
}

div#specialInner h3 img {
	width: 730px;
}

div#specialInner h4 img {
	width: 110px;
}

@media screen and (min-width:751px) { 	
	div#specialInner div#sp02Top.spTopCenter ul li {
		width: 100%;
		left: 0;
		text-align: center;
	}
}


/**-----------------------------------------------
	campaign
-----------------------------------------------**/
#campaignContainer{
	background: #f2ebf6;
	padding: 50px 0;
}

#campaignContainer .campaignMain{
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
}

#campaignContainer .camp_lead .camp_ttl{
	color: #8a5ba9;
	font-size: 25px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}
#campaignContainer .camp_txt{
	font-size: 15px;
	line-height: 1.8em;
}

#campaignContainer .camp_subttl{
	color: #8a5ba9;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

#campaignContainer .camp_lead{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

#campaignContainer .camp_lead .camp_img{
	width: 40%;
	text-align: center;
}

#campaignContainer .camp_lead .camp_img img{
	width: 30%;
}

#campaignContainer .camp_lead .txt_area{
	width: 60%;
}


#campaignContainer .camp_lead .camp_txt{
	margin-bottom: 45px;
}


/* -------------------0621midifi////----------------- */

#campaignContainer .camp_lead .txt_area .end_cover{

	width: 70%;
	height: 90px;

	position: relative;
	top: 116px;
	left: -45px;

	padding-top: 46px;

	text-align: center;
	font-size:1.5em;
	color: #FFF;

	background-color: rgba(0,0,0,0.75);
}

/* btn */
#campaignContainer .camp_lead .txt_area .camp_btn{
	margin-left: 34px;
}

@media screen and (max-width: 1000px) {
	#campaignContainer .camp_lead .txt_area .end_cover{
		width: 380px;
		left: -32px;
	}
}

.end_cover_sp{
	display:none;
}


/* sp */


@media screen and (max-width: 750px) {

	/*
	#campaignContainer .camp_ttl {
		position: relative;
	}

	.end_cover_sp{
		position: absolute;
		top: -10px;
		width: 100%;
		height: 13.5vw;

		padding-top: 40px;

		font-size: 0.8em;
		color: #FFF;
		background-color: rgba(0,0,0,0.75);
	}

	#campaignContainer .camp_lead .txt_area .end_cover{
		display: none;
	}

	#campaignContainer .camp_lead .txt_area .camp_btn{
		margin-left: -28px;
	}
	*/

}


/* -------------------////0621midifi----------------- */

#campaignContainer .camp_btn a{
	background: #1eb9ee;
	color: #fff;
	padding: 5px 0;
	width: 260px;
	text-align: center;
	border-radius: 50px;
	position: relative;
	display: inline-block;
}

#campaignContainer .camp_btn a:before{
	content: "";
	position: absolute;
	background: url("../images/top/icon_twitter.png") no-repeat 0 0;
	background-size: contain;
	width: 20px;
	height: 20px;
	left: 18px;
	top:31%;
}

#campaignContainer .camp_btn a:hover{
	text-decoration: none;
}

#campaignContainer .camp_info,
#campaignContainer .camp_kiyaku{
	position: relative;
	padding: 35px 0;
}

#campaignContainer .camp_info:before,
#campaignContainer .camp_kiyaku:before{
	content: "";
	position: absolute;
	background: url("../images/top/line_dot.png") repeat-x 0 0;
	background-size: 20%;
	left: 0;
	top:0;
	width: 100%;
	height: 5px;
}

#campaignContainer .camp_info{
	text-align: center;
}

#campaignContainer .camp_info .camp_midashi{
	color: #a988bf;
	font-size: 20px;
	line-height: 1.6em;
}

#campaignContainer .camp_steparea{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
}

#campaignContainer .camp_steparea .camp_step{
	width: 45%;
	position: relative;
}

#campaignContainer .camp_steparea .camp_step:first-of-type:after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color: #a988bf #a988bf transparent transparent;
	transform: rotate(45deg);
	right: -25px;
	top:40%;
}

#campaignContainer .camp_step span{
	color: #1eb9ee;
}

#campaignContainer .camp_step .camp_btn{
	margin-top: 10px;
}

#campaignContainer .camp_kiyakuinner{
	background: #f3f1f4;
	padding: 20px 10px;
}

#campaignContainer .camp_kiyakuarea{
	padding: 0 20px;
	height: 30vw;
	overflow: auto;
}

#campaignContainer .camp_kiyakuarea::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

#campaignContainer .camp_kiyakuarea::-webkit-scrollbar-track {
	background: #fff;
}

#campaignContainer .camp_kiyakuarea::-webkit-scrollbar-thumb {
	background: #a988bf;
	border-radius: 3px;
}

#campaignContainer .camp_kiyakuttl{
	font-size: 15px;
	line-height: 2em;
	font-weight: bold;
}

#campaignContainer .camp_kiyakuarea dl{
	margin-top: 30px;
	line-height: 2em;
}

#campaignContainer .camp_kiyakuarea dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}

#campaignContainer .camp_kiyakuarea dl dd{
	margin-bottom: 30px;
}

#campaignContainer .camp_kiyakuarea ul li{
	padding-left:1em;
	text-indent:-1em;
}

@media (hover:hover) {
	div#howmovieContainer .howMovie .btn_sweat {
		transition: transform 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
	}
	div#howmovieContainer .howMovie .btn_sweat:hover {
		transform: scale(1.05);
	}
}