@charset "utf-8";

/*-----------------------------------------------------
#article
-------------------------------------------------------*/
#article{
	width: 720px;
	margin-left: 20px;
}

/*-----------------------------------------------------
.header-wrap
-------------------------------------------------------*/
#article .header-wrap .return-link {
  float: left;
}

/*-----------------------------------------------------
.mainvisual
-------------------------------------------------------*/
#article .mainvisual {
	width: 760px;
	margin-left: -20px;
}

/*-----------------------------------------------------
.lead-section
-------------------------------------------------------*/
#article .lead-section {
	clear: both;
}
#article .lead-section p strong{
	color: #ec7680;
	font-weight: bold;
}




/*-----------------------------------------------------
.prof-section
-------------------------------------------------------*/
#article .prof-section {
	margin-top: 45px;
}
#article .prof-section .detail-section{
	width: 660px;
	margin: 30px auto 0;
}
#article .prof-section .detail-section p.pic{
	float: left;
	width: 214px;
}
#article .prof-section .detail-section .txt-section{
	float: right;
	width: 421px;
}
#article .prof-section .detail-section .txt-section ul{
	margin-top: 20px;
}

#article .prof-section .detail-section .txt-section ul li{
	padding-left :4.5em;
	text-indent: -4.5em;
}




/*-----------------------------------------------------
.moviechoice-section
-------------------------------------------------------*/
#article .moviechoice-section{
	width: 570px;
	margin: 100px auto;
}
#article .moviechoice-section li{
	float: right;
	width: 253px;
}
#article .moviechoice-section li:first-child{
	float: left;
}




/*-----------------------------------------------------
.intro-section
-------------------------------------------------------*/
#article .intro-section{
	margin-top: 100px;
}
#article .intro-section#Copy{
	margin-top: 0;
}
#article .intro-section p.lead,
#article .intro-section .list-section{
	margin-top: 20px;
}
#article .intro-section .list-section ul{
	margin: 25px -30px 0 0;
}
#article .intro-section .list-section>ul:first-child{
	margin: 0 -30px 0 0;
}
#article .intro-section .list-section ul li{
	float: left;
	width: 220px;
	margin-right: 30px;
}
#article .intro-section .list-section ul li .date{
	margin-top: 5px;
}
#article .intro-section .list-section ul li .date p{
	float: right;
	font-size: 77%;
	color: #7e7975;
}
#article .intro-section .list-section ul li .date p.new{
	float: left;
	padding: 1px 5px;
	font-weight: bold;
	background: #ec7680;
	color: #fff;
}
#article .intro-section .list-section ul li p.ttl{
	margin-top :5px;
}
#article .intro-section p.btn{
	margin-top: 35px;
}




/*-----------------------------------------------------
.new-section
-------------------------------------------------------*/
#article .new-section{
	margin-top: 120px;	
	}
#article .new-section h3{
	margin-top: 20px
}

/* .main-section
------------------------------------------------*/
#article .new-section .main-section{
	margin-top: 10px;
}
#article .new-section .main-section iframe{
	border: 1px solid #d9d5d4;
}
#article .new-section .main-section h4{
	margin:15px 0;
	font-weight: bold;
	font-size: 123%;
}


/* .process-section
------------------------------------------------*/
#article .new-section .process-section{
	padding:0 30px;
}
#article .new-section .process-section h4{
	margin: 15px -30px;
	padding:0 30px 5px;
	border-bottom:1px solid #d9d5d4;
	font-size: 123%;
}
#article .new-section .process-section ol li{
	padding: 15px 0;
	border-bottom:1px dashed #b6b1ae;
}
#article .new-section .process-section ol li:first-child{
	padding-top: 0;
}
#article .new-section .process-section ol li .thumb-section{
	float: left;
	width: 249px;
}
#article .new-section .process-section ol li .detail{
	float: right;
	width: 360px;
}
#article .new-section .process-section ol li .detail .txt{
	min-height: 65px;
}
#article .new-section .process-section ol li .detail .txt h5{
	color:#ec7680;
	font-size: 116%;
}
#article .new-section .process-section ol li .detail .txt h5,
#article .new-section .process-section ol li .detail .txt p{
	line-height: 1.2;
}
#article .new-section .process-section ol li .detail ul.product li{
	float: left;
	width: 73px;
	margin-left: 10px;
	padding: 0;
	border: 1px solid #d9d5d4;
}


/* .ba-section
------------------------------------------------*/
#article .new-section .ba-section{
	margin-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #d9d5d4;
}
#article .new-section .ba-section ol{
	width: 600px;
	margin: 0 auto;
}
#article .new-section .ba-section ol li{
	float: right;
	width: 280px;
}
#article .new-section .ba-section ol li:first-child{
	float: left;
}
#article .new-section .ba-section ol li p{
	font-size: 123%;
	text-align: center;
	color:#ec7680;
}

/* .footer-wrap
------------------------------------------------*/
.footer-wrap{
  margin-top: 50px;	
}
#article .footer-wrap .return-link {
  float: right;
}
#article .footer-wrap .sns-btn {
  float: left;
}