@charset "utf-8";




/* ------------------------------------------------------
	Reset
 ------------------------------------------------------- */
.is-washing a {
	text-decoration: underline;
	-webkit-transition: all .35s cubic-bezier(.75, 0, .35, 1);
	transition: all .35s cubic-bezier(.75, 0, .35, 1);
}

.is-washing a:hover,
.is-washing a:hover img {
 text-decoration:none;
 opacity:.7;
 }

.is-washing a:before,
.is-washing a:after,
.is-washing a img {
	-webkit-transition: all .35s cubic-bezier(.75, 0, .35, 1);
	transition: all .35s cubic-bezier(.75, 0, .35, 1);
}

DIV#pankuzu_r {
	width:967px;
	margin:-20px auto 10px;
}




/* ------------------------------------------------------
	Layout
 ------------------------------------------------------- */
.l-washing-main {
 margin:-20px 0 0;
 padding:30px 0 60px;
 background: #ecf3fc;
}

.l-washing-main-inner {
 color:#3b3b3b;
  width:850px;
  margin:0 auto 60px;
  padding:30px 40px 40px 40px;
  background:#fff;
  -webkit-box-shadow: 0 2.5px 5px 0 rgba(0,0,0,.1);
  box-shadow: 0 2.5px 5px 0 rgba(0,0,0,.1);
  border-radius:7.5px;
  box-sizing:border-box;
	position: relative;
}

.l-sns-list {
	position: absolute;
	top: 20px;
	right: 20px;
}

.l-sns-list.is-bottom-sns {
	top: auto;
	bottom: 20px;
}

.l-sns-item {
	line-height: 1;
	vertical-align: top;
	height: 20px;
	margin:0 0 0 5px;
	display:inline-block;
}

.l-layout-title {
 font-size:28px;
 font-weight:700;
 line-height:1;
 margin:60px 0 30px;
 padding:12.5px 0 17.5px 17.5px;
 border-bottom:1px solid #ababab;
 border-left:8px solid #2081c3;
}

.l-layout-image {
 text-align:center;
 margin:0;
 padding:0;
}

.l-layout-image.is-image-list:after {
 content:'';
 display:block;
 clear:both;
 }

.l-layout-image.is-image-list .img {
 	display:inline-block;
  float:left;
 }

.l-layout-image.is-image-list .img:nth-child(2) {
 float:right;
 }

.l-layout-listmark{
	margin-top: 20px;
}



.l-layout-read {
 margin: 5px 0;
 font-size:17px;
 line-height:1.75;	
}

.l-layout-title-sub {
 color:#2081c3;
 font-size:24px;
 font-weight:700;
 margin:60px 0 10px;
 /*padding:0 0 7.5px;*/
 /*border-bottom:1px solid #ababab;*/
}

.l-layout-title-sub2{
 color:#2081c3;
 font-weight:700;
 margin:30px 0 10px;
 padding:0 0 7.5px;
}

.l-layout-note-list {
 padding:0 0 10px 0;
 }

.l-layout-note-item {
 line-height:1.35;
 margin:0 0 7.5px;
 padding-left:15px;
 position:relative;
}

.l-layout-note-item:before {
 content:'';
 width:6px;
 height:6px;
 background:#3b3b3b;
 border-radius:50%;
 position:absolute;
 top:.5em;
 left:0;
}

.l-layout-readlist{
	margin: 0 0 0 5px;
	padding: 0 0 0 12px;
	background: url( ../img/listmark.png) no-repeat left 10px;
}

.color{
	color: #e00000;
}




/* ------------------------------------------------------
	Key Visual
 ------------------------------------------------------- */
.l-key_visual-title {
 font-size:30px;
 font-weight:700;
 line-height: 1.25;
 letter-spacing:-.025em;
 margin:0 0 0 -2.5px;
}

.l-key_visual-image {
	margin:0;
	padding:30px 0 0;
	text-align: center;
}




/* ------------------------------------------------------
	Orange button
 ------------------------------------------------------- */
.is-orange-button {
 color:#fff !important;
 text-decoration:none !important;
 font-size:22px;
 line-height:1;
 text-align:center;
 width:630px;
 margin:60px auto 10px;
 padding:30px 20px 30px 0;
 background:#eb4200 url(../img/arrow-right-white-02.png) no-repeat right 20px top 50%;
 display:block;
 border-radius:10px;
}

.is-orange-button:hover {
 background-position: right 10px top 50%;
 }

.is-product-link {
 text-align:center;
 margin:0 0 60px;
}

.is-product-link .text {
 font-weight:400;
 line-height:1;
 text-decoration:underline;
 padding:0 0 0 20px;
 background:url(../img/arrow-right-blue-01.png) no-repeat 0 center;
 background-size:16px auto;
 display:inline-block;
}

.is-product-link .anc:hover .text {
 text-decoration:none;
}




/* ------------------------------------------------------
	Innwe
 ------------------------------------------------------- */
.l-layout-inner {
	margin: 30px 0 60px;
	padding: 20px 30px;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.l-layout-inner .e-note{
	font-size: 14px;
	color: #e00000;	
}

.l-layout-inner00{
	margin: 30px 0 60px;
	padding: 10px 30px;
	border-radius: 10px;
	border: 1px solid #ddd;
}


.l-layout-inner-title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 18px;
}

.l-layout-inner-read {
	margin: 0;
}

.l-layout-inner-item {
	line-height: 1.35;
	margin: 15px 0;
	background: #4479c8; 	
	border-radius: 5px;
}

.l-layout-inner-item .e-link,
.l-layout-inner-item a:hover{
	background: url(../img/arrow-right-white-01.png) no-repeat 10px center / 10px auto;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 0;
	padding: 25px;
}

.l-layout-inner-product:after {
	content:'';
	display: block;
	clear: both;
}

.l-layout-inner-product {
	margin: 0 0 20px;
	padding: 0;
}

.l-layout-inner-product .e-caption {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 10px;
	padding: 15px 0 0;
	display: block;
}

.l-layout-inner-product .e-note {
	font-size: 14px;
	/*color: #e00000;*/
	color: #ffaaaa;
	padding: 15px 0 0;
	display: block;
	font-weight: normal;
}

.l-layout-inner-product .e-img {
	max-width: 180px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
	border: 1px solid #f1f1f1;
}

.l-layout-inner-product .e-link {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	margin: 15px 0 0;
	padding: 7px 20px;
	display: inline-block;
	border-radius: 5px;
	background: #4479c8;
}

.l-layout-inner-product .e-button {
	display: block;
}

.l-layout-inner-product .e-link:hover {
	color: #fff;
}

.l-content-desc {
	width: 976px;
	margin: 0 auto;
}

.l-content-desc-read {
	font-size:14px;
}

.l-content-desc-button {
	font-size:14px;
	text-align: right;
	display: block;
}

.l-content-desc-button .e-link {
	padding: 0 0 0 15px;
	background: url(../img/arrow-right001.png) no-repeat left .35em / 10px auto;
	color: #01398E;
}
.l-content-desc-button .e-link:hover, .l-content-desc-button .e-link:visited {
	color: #4479c8;
}


/* ------------------------------------------------------
	Utility
 ------------------------------------------------------- */
.u-show-media {
 display:none;
}

.u-hide-media {
 display:inline-block;
}

.l-content-note {
	font-size: 12px;
	text-align: right;
	margin: 0 0 60px;
	display: block;
}




/*-----------------------------------------------
           float
------------------------------------------------*/


.float img{
	float: left;
	margin-right: 30px;
}







/* ------------------------------------------------------------------------------------------------------------
	media
 ------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:640px) {

.u-show-media {
 display:inline-block;
}

.u-hide-media {
 display:none;
}

DIV#pankuzu_r {
	line-height:1.5;
	width:100%;
	margin:0 0 10px;
}

DIV#pankuzu_r img {}

.is-washing img {
 max-width:100%;
 height:auto;
}

.is-washing a:hover,
.is-washing a:hover img {
 opacity:.7;
}
 
.l-washing-main {
 margin:-12px 0 0;
 padding:15px;
	background: #fff;
}

.l-washing-main-inner {
	width:100%;
	padding:20px 0 0;
	box-shadow: none;
}

.l-key_visual-title {
 font-size:22.5px;
 line-height:1.35;
}

.l-sns-list {
	letter-spacing:-.4em;
	top: -10px;
	right: 0;
}

.l-sns-list.is-bottom-sns {
	bottom: -30px;
}
	
.l-sns-item {
 letter-spacing:0;
 width:auto;
 margin: 0 5px 0 0;
}

.l-sns-item .anc {
 font-size:10px;
 line-height:1.35;
 padding:7.5px 0;
}

.l-sns-item .anc.is-facebook {
 border-radius:5px 0 0 5px;
 background-position:12.5px center;
}

.l-sns-item .anc.is-twitter {
 border-radius:0 5px 5px 0;
 background-position:12.5px center;
}

.l-layout-title {
 color:#3b3b3b;
 font-size:18px;
 line-height:1.35;
 text-shadow:none;
 letter-spacing:0;
 margin-top:30px !important;
 margin-bottom:20px;
 padding: 10px 0 12.5px 15px;
 border-top:none;
 border-left: 6px solid #2081c3;
 background:transparent;
}

.l-layout-read {
 font-size:15px;
 line-height:2;
 padding:20px 0;
}

.l-layout-title-sub {
 font-size:18px;
 line-height:1.35;
 letter-spacing:0;
 margin:30px 0 0;
 background:transparent;
}
	
.l-layout-title-sub2{
 font-size:15px;
 line-height:1.35;
 letter-spacing:0;
 margin:30px 0 0;	
}
	
	

.l-layout-image.is-image-list .img,
.l-layout-image.is-image-list .img:nth-child(2) {
 margin:0 0 4px;
 float:none;
}

.l-layout-read {
 padding:10px 0 20px;
}

	.flexbox .l-layout-read{
		margin: 0;
		padding: 0;
	}	
	
	
	
.l-layout-readlist{
 font-size: 15px;
 line-height:2;
}
	
	
	
.l-layout-note-list {
 padding-left:0;
}
	
	
.flexbox{ 	
 display: block;
}
	
	
	
	
	
.l-layout-note-item {
 font-size:12px;
}

.is-orange-button {
 width:100%;
 margin:20px 0;
 padding:20px;
 box-sizing:border-box;
 background-size:15px auto;
 background-position: right 10px top 50%;
}

.is-orange-button b {
 font-weight:700;
 line-height:1.25;
}

.is-product-link {
 margin:0 0 30px;
}

.is-product-link .text {
 line-height:1.35;
 padding:0 20px;
}

.is-supervision {
 margin:40px -20px -20px;
 padding:20px 20px 40px 20px;
 border-radius:0 0 10px 10px;
}

.is-supervision .l-layout-title {
 margin-top:0 !important;
 margin-bottom:15px;
}

.is-supervision .l-layout-image {
 margin:0 0 20px;
 position: relative;
 top: auto;
 left: auto;
}

.l-supervision-parent {
 padding:0;
}

.l-supervision-title {
 text-align:center;
 margin:0 0 15px;
}

	.l-layout-inner {
		padding: 15px 15px 15px 15px;
	}
	
	.l-layout-inner-title {
		/*color: #000;*/
		font-size: 14px;
		background: transparent;
	}
	
	.l-layout-inner-item .e-link {
		display: block;
		word-break: break-all;
	}
	
	.l-layout-inner-read b {
		font-size: 14px;
		font-weight: 700;
		margin: 0 0 10px;
		display: block;
	}
	
	.l-layout-inner-item {
		line-height: 1.25;
		margin: 0 0 15px;
	}
	
	/*.l-layout-inner-product .e-img {
		width: 80px;
	}*/
	
	.l-layout-inner-product .e-caption {
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	
	.l-layout-inner-product .e-note {
		font-size: 12px;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
		display: inline;
	}
	
	.l-layout-inner-product .e-button .e-link {
		text-align: center;
		/*display: block;*/
	}
	
	.l-content-desc {
		width: 100%;
	}
	
	.l-content-desc-read {
		font-size: 12px;
		line-height: 1.35;
		margin: 0 0 20px;
	}
	
	.l-content-desc-button {
		font-size: 12px;
		line-height: 1.35;
		text-align: left;
	}
	
	.l-content-desc-button .e-link {
		display: block;
	}
	
	
	.float img{
	float: none;
	margin-right: 0;
}
	
	b{
	font-weight: bold;
}
	
}



/*-----------------------------------------------
           -----clearfix-----
------------------------------------------------*/


.float:after{
	display: block;
	clear: both;
	content: "";
}

.l-washing-main {
	margin: 0;
}
.l-washing-main-inner b {
	font-weight: bold;
}
.l-layout-inner .e-note {
	line-height: 14px;
}
@media screen and (min-width: 641px) {
	.l-washing-main-inner strong {
		font-weight: bold;
	}
	.l-washing-main {
		padding-top: 0;
	}
}
@media screen and (max-width: 640px) {
	DIV#pankuzu_r {
		padding: 0;
	}
	.l-sns-list {
		top: 0;
	}
	.l-washing-main-inner {
		padding-top: 30px;
	}
	.flexbox .l-layout-read {
		padding: 10px 0 20px;
	}
	.l-layout-title-sub {
		padding: 10px 0 10px 10px;
	}
}