@charset "shift_jis";
/*--------------------------
	body & base setting
--------------------------*/
body #scrub {
	color:#333;
	font-size:14px;
	line-height:1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#scrub  h2{
    font-weight: bold;
    font-size: 52px;
	text-align:center;
	padding-bottom: 30px;
}

#scrub h2 span{
    font-size: 64px;
}

#scrub #cotton_blend h2,
#scrub #gabardine h2{
	margin: 0;
}

#scrub h3{
	padding: 10px 15px 8px;
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 18px;
	background: #ececec;
	border-bottom: 1px solid #CCC;
}

#scrub h3 span{
	font-size: 14px;
}

#scrub h3 span.sale {
	font-size: 18px;
	color: #fe0000;
}

#scrub h3 span.sale span{
	font-size: 14px;
}

#scrub .mb10{margin:0 0 10px 0;}
#scrub .mb20{margin:0 0 20px 0;}
#scrub .mb30{margin:0 0 30px 0;}
#scrub .mb40{margin:0 0 40px 0;}
#scrub .mb50{margin:0 0 50px 0;}
#scrub .mb60{margin:0 0 60px 0;}
#scrub .mb70{margin:0 0 70px 0;}
#scrub .mb80{margin:0 0 80px 0;}
#scrub .mb90{margin:0 0 90px 0;}
#scrub .mb100{margin:0 0 100px 0;}

#scrub a{
	text-decoration: none;
}

#scrub a:hover img{
	opacity:0.8;
}


#scrub img{
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

/*--------------------------
	scrub
--------------------------*/
#scrub{
	width:950px;
	margin:0 auto;
}

#scrub .main_title p {
    margin: 5px 0 40px 0;
    text-align: center;
    font-size: 15px;
}

#scrub dl.main_title h1 {
    margin: 0 0 5px 0;
}

#cotton_blend h2:first-of-type{
	margin-bottom: 30px;
}

/*--- btn ---*/
.btn{
	width: 100%;
	box-shadow: none;
}


#scrub p.btn,
#scrub p.btn_02 a{
	display: block;
	padding: 11px 25px 10px;
	color: #fff;
	font-size: 19px;
	text-decoration: none;
	background-image: url(../../../../img/usr/feature/scrub/arrow_01.png);
	background-repeat:no-repeat;
	background-position: 95% center;
	background-color: #0c2a68;
	text-align: center;
}

#scrub p.btn {
	padding: 11px 50px 10px 25px;
}

#scrub p.btn:hover,
#scrub p.btn_02 a:hover{
	background-image: url(../../../../img/usr/feature/scrub/arrow_01.png);
	background-color:#2c8ad8;
}

/*--- btn_02 ---*/
#scrub p.btn_02{
	width: 460px;
	margin:0 auto 70px;
}

#scrub p.btn_02 a{
	font-size: 22px;
	font-weight: bold;
}

/*--------------------------
	cotton_blend
--------------------------*/
#scrub #cotton_blend{
	margin: 0 0 15px 0;
}

.point{
	display: flex;
	align-items: center;
}

.cotton .point{
	align-items: end;
	margin-bottom: 40px;
}

.point02, .point03{
	margin-right: 50px;
	align-items: center;
}

.checkmark li{
	display: flex;
	margin-bottom: 30px;
}

.checkmark li::before{
	content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(https://www.infirmiere.co.jp/stg/img/usr/feature/scrub/check_mark.png);
    background-position: center;
    background-size: contain;
	margin-right: 15px;
}

.checkmark li p{
	font-size: 35px;
    font-weight: bold;
    border-bottom: 2px solid #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.picto{
	display: flex;
}

.picto li{
	position: relative;
	margin-right: 10px;
}

.picto li:last-of-type{
	margin-right: 0;
}

.picto li p{
	position: absolute;
	top: 52%;
	left: 50%;transform: translate(-50%,-50%);
	font-size: 28px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.01em;
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.point03 .picto li:last-of-type p{
	top: 30%;
}

/*--- scrub_tops ---*/
#scrub dl.scrub_tops{
	overflow: hidden;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #d2d2d2;
}

/*--- bottom ---*/

#cotton h2{
	color: #00abd4;
	margin-top: 30px!important;
}

#cotton h2 span{
	color: #ff6db2;
}

#gabardine h2{
	color: #304c4f;
}

#gabardine h2 span{
	color: #bcd25c;
}

#stretch h2{
	color: #304c4f;
}

#stretch h2 span{
	color: #00abd4;
}

#scrub .bottom{
	overflow: hidden;
	border-bottom: 1px dashed #d2d2d2;
}

#scrub .bottom dl.item_left{
	float: left;
	border-right: 1px dashed #d2d2d2;
}

#scrub .bottom dl ul{
	margin-right: auto;
    width: 100%;
}

#scrub .bottom dt{
	margin-bottom: 15px;
}

#scrub .bottom table tr{
	display: flex;
}

#scrub .bottom table tr td{
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    -webkit-transition: 300ms;
    transition: 300ms;
	margin: 15px;
    padding: 0 15px 15px 15px;
}

#scrub p.title{
	margin: 0 0 3px 0;
	font-size: 17px;
	color: #000;
	line-height: 1.8;
}

.bottom table{
	margin-bottom: 40px;
}

.stretch .bottom table tr td{
	padding-top: 10px !important;
}

.gabardine .bottom table tr td:first-of-type{
	padding-top: 10px !important;
}

.bottom_price{
	color: #000;
}

.uni_size{
	display: flex;
	align-items: center;
}

.uni_size li:first-of-type{
	background-color: #0BAABD;
	padding: 2%;
	width: 80px;
	margin-bottom: 10px;
	margin-right: 15px;
    border-radius: 6px;
}

.bg_skyblue{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 1.1;
	font-weight: bold;
}

.uni_size li p span{
	font-size: 26px;
}

.bottom_price{
	margin-bottom: 10px;
	text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.btn{
	box-shadow: none;
}

/*--- scrub_tops,bottom  ---*/
#scrub dl.scrub_tops ul,
#scrub .bottom dl ul{
	overflow: hidden;
	float: right;
}

#scrub dl.scrub_tops ul li,
#scrub .bottom dl ul li{
	float: left;
}

#scrub dl.scrub_tops ul li:last-child{
	width: 290px;
}


/*--------------------------
	gabardine
--------------------------*/
#scrub #gabardine{
	margin: 40px 0;
}

#scrub #gabardine p.title{
	margin: 0 0 5px 0;
}


/*--------------------------
	nav
--------------------------*/
#scrub .nav ul {
	overflow: hidden;
	margin: 0 0 30px 0;
}

#scrub .nav ul li{
	float: left;
	width: 228px;
	margin: 0 12.6px 0 0;
}

#scrub .nav ul li:last-child{
	margin: 0 ;
}