@charset "UTF-8";
/*----------------------------------------
reset
-----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

label, input, select, textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*----------------------------------------
clearfix
-----------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1;
  /* for IE 6/7 only */ }

/*----------------------------------------
.br-sp 改行削除
-----------------------------------------*/
.br-sp {
  display: none; }

/*----------------------------------------
setting
-----------------------------------------*/
html {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  /* フォントサイズ自動調整OFF */
  display: block;
  width: 100%;
  position: relative;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%; }

body {
  overflow: hidden;
  width: 375px;
  display: block;
  color: #3a3a3a;
  font-size: 11.2pt;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", Osaka, sans-serif;
  line-height: 1.5;
  width: 100%;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%; }

a {
  color: #e87e92;
  text-decoration: none; }

a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7; }

section {
  padding-left: 12px;
  padding-right: 12px; }

/*初月無料　index ヘッダー上部帯 */
.top_free {
  margin: 64px 0 -60px 0;
  padding: 0;
  line-height: 0; }

.top_free .special {
  background-color: #ffe54a;
  width: 20%;
  height: 80px;
  text-align: center;
  float: left;
  display: inline-block; }

.top_free .special-txt {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  display: inline-block; }

.top_free .main-comment {
  margin: 0 auto;
  background-color: #3a536b;
  width: 80%;
  float: right;
  height: 80px; }

.top_free .txt-free {
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 0 5px 0; }

.top_free .sub-comment {
  color: #fff;
  padding: 0.1em 0.5em;
  font-weight: normal;
  font-size: 0.8em;
  border: solid 1px #fff;
  border-radius: 3px;
  display: inline-block; }

/*
.top_free .triangle{

border-top: 20px solid #3a536b;
border-right: 10px solid #3a536b;
border-bottom: 20px solid #3a536b;
border-left: 10px solid #ffe54a;
display: inline-block;
}
 */
/*パンクズリスト*/
.list_path {
  margin: auto 8px; }

.list_path li {
  float: left;
  color: #5f5a55;
  position: relative;
  display: block;
  margin: 0 0 8px 28px; }

.list_path li:before {
  content: ">";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: -1px;
  left: -16px; }

.list_path li:first-child {
  margin-left: 0; }

.list_path li:first-child:before {
  content: ""; }

/* 1行版パンくず  */
.list_path_ellipsis {
  margin: auto 15px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.list_path_ellipsis span {
  padding: 0px 22px 0 0px;
  color: #5f5a55;
  background: url("../../../edcl/images/common/list_path_arrow_2.png") no-repeat right 3px;
  background-size: 12px 10px; }

.list_path_ellipsis span.last {
  padding: 0px;
  background: none; }

.list_path_bottom {
  padding-bottom: 0px; }

/*新しいパンクズリスト 全画面置き換え終えたらlist_path削除*/
.bread_path {
  width: 100%;
  max-height: 30px;
  background: #f4f4f4;
  overflow: hidden;
  border-top: 1px solid #fff;
  text-overflow: ellipsis; }

.bread_path ul {
  margin: 0px 15px;
  width: 100%; }

.bread_path li {
  float: left;
  color: #636363;
  position: relative;
  display: block;
  margin: 15px 0 15px 20px;
  line-height: 0; }

.bread_path li a {
  color: #222; }

.bread_path li img {
  width: 16px;
  height: auto;
  margin-top: -7px; }

.bread_path li:before {
  content: "";
  display: block;
  width: 13px;
  height: 18px;
  position: absolute;
  top: -5px;
  left: -17px;
  background: url("../../../edcl/images/common/ic_pankzu_arrow_2.png") no-repeat center 0;
  background-size: 6px auto; }

.bread_path li:first-child {
  margin-left: 0; }

.bread_path li:first-child:before {
  background: none; }

/*----------------------------------------
globalFooter
-----------------------------------------*/
#globalFooter,
#globalFooterCopyright {
  padding: 20px 0 0px;
  background: #cfcbc6;
  width: 100%;
  height: 660px;
  /*height: 416px;*/
  /*position: absolute;*/
  bottom: 0;
  /*font-size: 8.9pt;*/
  font-size: 8pt; }

#globalFooterCopyright {
  z-index: 100;
  height: 24px;
  width: 100%;
  padding: 0;
  background: none; }

#globalFooterCopyright .copyright {
  margin: 0;
  padding: 0 0 5px;
  text-align: center;
  color: #000;
  border: none; }

/* 下部固定の会員登録リンク挿入時のfooter */
#regist_fix_footer {
  padding-top: 100px; }

#regist_fix_footer #globalFooter {
  height: 686px; }

#globalFooter strong {
  display: block;
  overflow: hidden;
  width: 162px;
  height: 50px;
  margin: 0 auto 10px;
  background: url("../../../edcl/images/logoEDIST_white_2.png") no-repeat center 0;
  background-size: 100% auto;
  white-space: nowrap;
  text-indent: 110%; }

#globalFooter h5 {
  color: #FFF;
  padding: 0 10px;
  margin-bottom: 0px;
  line-height: 26px; }

#globalFooter hr {
  display: block;
  width: 75%;
  height: 1px;
  margin: 8px 0;
  /*background-color: #FFF;*/
  /*opacity: 0.4;*/
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.8)), color-stop(80%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
  border: none; }

#globalFooter hr.hr_strong {
  width: 100%;
  background-color: #FFF;
  height: 2px; }

#globalFooter ul {
  text-align: left;
  padding: 0 10px;
  /*margin-bottom: 10px;*/ }

#globalFooter li {
  display: inline-block;
  width: 30%;
  color: #fff;
  line-height: 26px;
  /*border-right: solid 1px #fff;*/ }

/*
#globalFooter ul.category li:nth-child(1),
#globalFooter ul.category li:nth-child(4),
#globalFooter ul.category li:nth-child(7){
	width: 35%;
}
#globalFooter ul.category li:nth-child(2),
#globalFooter ul.category li:nth-child(5){
	width: 28%;
}
#globalFooter ul.category li:nth-child(3),
#globalFooter ul.category li:nth-child(6){
	width: 32%;
}
*/
#globalFooter ul.category li {
  width: 49%; }

#globalFooter ul.about li {
  width: 48%; }

#globalFooter ul.sns li {
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#globalFooter ul.sns li:nth-child(1) {
  width: 28%;
  background: url("../../../edcl/images/footer_fb_2.png") no-repeat left 5px;
  background-size: 12px auto; }

#globalFooter ul.sns li:nth-child(2) {
  width: 22%;
  background: url("../../../edcl/images/footer_tw_2.png") no-repeat left 6px;
  background-size: 12px auto; }

#globalFooter ul.sns li:nth-child(3) {
  width: 29%;
  background: url("../../../edcl/images/footer_insta_2.png") no-repeat left 6px;
  background-size: 13px auto; }

#globalFooter ul.sns li:nth-child(4) {
  width: 14%;
  background: url("../../../edcl/images/footer_blog_2.png") no-repeat left 6px;
  background-size: 12px auto; }

#globalFooter li a {
  color: #fff; }

#globalFooter p {
  padding: 0px 0 5px;
  color: #fff;
  text-align: center; }

/*index*/
.pc_only {
  display: none !important; }

.index_contentswrap {
  width: auto;
  margin: 0px auto !important;
  padding: 0 !important; }

.index_notification {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  margin: 0 auto 20px;
  padding: 10px;
  font-size: 10.5pt;
  text-align: left;
  line-height: 28px; }

.title_notification {
  margin: -10px 0px 0px !important;
  padding: 0 10px 5px !important;
  font-size: 10.5pt;
  font-weight: bold;
  color: #a99e94;
  text-align: left; }

#index_slide,
#index_main,
#index_instagram,
#index_concept_top,
#index_concept,
#index_concept02,
#index_service,
#index_howto {
  padding: 0px;
  clear: both;
  margin-bottom: 50px; }

#index_instagram {
  padding-top: 20px;
  margin-bottom: 0; }

#index_main p,
#index_concept_top,
#index_concept p,
#index_concept02 p,
#index_coordinate p,
#index_service p,
#index_howto p {
  margin: 0;
  padding: 0; }

.index_span {
  color: #9f9999;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  /*letter-spacing:-0.1em;*/ }

.index_copy {
  font-size: 12px !important;
  color: #5f5a55;
  margin: 0 auto 20px !important;
  padding: 0 auto !important;
  /*width:96%;*/ }

.h1_area,
.h2_area {
  height: 42px;
  margin: 50px auto 20px !important;
  padding: 0;
  position: relative;
  text-align: center; }

.h2_area_line2 {
  margin: 50px auto 40px !important; }

.h1_area:before,
.h2_area:before {
  content: "";
  display: block;
  border-top: 1px solid #a99e94;
  position: absolute;
  /* top: 20px; */
  left: 0;
  /* width: 60px; */
  width: 100%;
  top: 50%;
  z-index: 1; }

.h1_area p,
.h2_area p,
.h2_area_top p {
  margin-top: 10px !important;
  line-height: 1 !important;
  font-size: 12px;
  color: #5f5a55; }

.h2_area_top {
  height: 42px;
  margin: 0px auto -5px !important;
  padding: 0;
  position: relative;
  text-align: center; }

.h2_area_top:before {
  content: "";
  display: block;
  border-top: 1px solid #a99e94;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  z-index: 1; }

/*.h2_area:after{
	content:"";
	display:block;
	border-top:2px solid #a99e94;
	position:absolute;
	top:20px;
	right:0;
	width:60px;}*/
h2 {
  /* width: auto; */
  /* margin-top: 0px; */
  /*color: #a99e94;*/
  /* font-size: 24px; */
  /*font-size: 1.5em;*/
  /*line-height: 2em;*/
  /* margin: 0 10px!important; */
  /* padding: 0 10px !important; */
  /* border-top: 2px solid #a99e94; */
  /* border: midnightblue; */
  /* background: #fff; */
  /* padding: 0 5px; */
  /* z-index: 5; */
  /* position: relative; */ }

/*
h2 span {
	background: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 0;*/
/*display:none;
	font-size: 12px;
}*/
/*ribbon没*/
.h2_title_area {
  width: auto;
  height: 0px;
  margin-bottom: 40px;
  border-top: 22px solid #a99e94;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-bottom: 22px solid #a99e94;
  line-height: 0;
  color: #fff;
  text-align: center;
  -webkit-transform: scaleX(1.0); }

.title_area {
  margin: 0px auto;
  width: auto; }

/*ribbon没*/
#title_instagram,
#title_concept,
#title_item,
#title_style,
#title_service,
#title_collection,
#title_member,
#title_schedule,
#title_user,
#title_faq,
#title_media,
#title_plus_one,
#title_howto {
  margin: 0px auto;
  padding-top: 5px;
  display: block;
  height: 15px;
  white-space: nowrap;
  text-indent: -9999px;
  background: url("../../../edcl/images/sprite_201802_2.png") no-repeat;
  background-size: 320px auto; }

#title_instagram {
  margin: 30px auto 0px;
  width: 110px;
  background-position: 0 -200px; }

#title_concept {
  width: 110px;
  background-position: 0 -50px; }

#title_coordinate {
  /*width:150px;*/
  /*background-position:0 -100px;*/ }

#title_item {
  width: 105px;
  background-position: 0 -150px; }

#title_style {
  width: 105px;
  background-position: -160px -50px; }

#title_service {
  width: 105px;
  background-position: -160px -100px; }

#title_collection {
  width: 160px;
  background: url("../../../edcl/images/PC/title_collection_pc_2.jpg") no-repeat;
  background-size: 160px auto; }

#title_member {
  width: 180px;
  background: url("../../../edcl/images/PC/title_member_2.jpg") no-repeat;
  background-size: 180px auto; }

#title_schedule {
  width: 140px;
  background: url("../../../edcl/images/PC/title_schedule_pc_2.jpg") no-repeat;
  background-size: 140px auto; }

#title_user {
  width: 150px;
  background: url("../../../edcl/images/PC/title_user_pc_2.jpg") no-repeat;
  background-size: 150px auto; }

#title_faq {
  width: 50px;
  background: url("../../../edcl/images/PC/title_faq_pc_2.jpg") no-repeat;
  background-size: 45px auto; }

#title_media {
  width: 80px;
  background: url("../../../edcl/images/PC/title_media_pc_2.jpg") no-repeat;
  background-size: 80px auto; }

#title_howto {
  width: 148px;
  background-position: -160px -150px; }

#title_plus_one {
  width: 148px;
  background: url("../../../edcl/images/title/title_plus_one_2.jpg") no-repeat center center;
  background-size: auto 18px; }

.sub_title01 {
  margin-bottom: 10px !important;
  text-align: center;
  font-size: 11.2pt !important;
  line-height: 1.6em !important;
  color: #5f5a55; }

.sub_title01 span {
  text-align: center;
  font-size: 8.5pt !important;
  line-height: 1.1em !important;
  color: #e75964; }

.collection_season,
.collection_before_season {
  text-align: center;
  margin-top: 0px;
  padding: 0 0 10px;
  color: #5f5a55;
  font-size: 8.9pt; }

.collection_before_season {
  margin-top: 60px;
  /*padding: 0px;*/ }

.collection_season img {
  width: 72%; }

.collection_season span,
.collection_before_season span {
  font-family: serif;
  font-size: 10.5pt;
  font-weight: bold; }

section {
  clear: both; }

/*index*/
.pc_only {
  display: none !important; }

/*----------------------------------------
concept
-----------------------------------------*/
#concept_top_area {
  /*width:90%;
	border:2px solid #aaa59e;
	margin:10px auto 0;
	border-radius:10px;
	padding:20px 8px !important;*/
  font-size: 12px !important;
  color: #bbb2aa;
  margin: 0px  auto !important;
  padding: 0px auto !important;
  letter-spacing: -0.01em; }

#concept_top_img {
  background: url("../../../edcl/images/SP/index_concept_top_2.png") no-repeat right top;
  background-size: auto 160px;
  width: 34%;
  height: 200px;
  float: left;
  margin-right: 6px; }

#concept_top_area span {
  width: auto; }

#concept_img,
#concept_img02 {
  width: 100% !important;
  display: block;
  position: relative;
  margin-bottom: 6px; }

#concept_img p,
#concept_img02 p {
  font-size: 18px;
  line-height: 26px;
  z-index: 5; }

#concept_img p {
  color: #fff;
  text-shadow: 0 0 10px #000,0 0 10px #000;
  position: absolute;
  top: 40%;
  right: 5px; }

#concept_img02 p {
  color: #aaa59e;
  text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 10px #fff,0 0 10px #fff;
  position: absolute;
  top: 40%;
  left: 12px;
  /*letter-spacing:-0.1em;*/ }

#concept_img img,
#concept_img02 img {
  width: 100%;
  height: auto !important; }

#concept_img a {
  position: absolute;
  bottom: 10px;
  right: 5px;
  color: #fff;
  text-shadow: 0 0 5px #6f6f6f,0 0 5px #6f6f6f;
  text-decoration: underline; }

#index_concept ul li {
  width: 100%; }

.point {
  /*border:2px solid #a99e94;
	border-radius:10px;*/
  position: relative;
  height: 100px;
  padding: 0;
  margin: 12px auto; }

.point img {
  width: 100px;
  height: 100%;
  background: #990;
  float: left;
  margin: 0 12px;
  border-radius: 50px;
  border: 2px solid #a99e94; }

.point p {
  font-size: 10pt;
  line-height: 18px;
  color: #9f9999;
  padding: 28px 0 !important;
  width: auto;
  height: 100%; }

/*
A .point{border:2px solid #a99e94;}
A .point:after{
display: block;
content: '';
position: absolute;
top: 40px;
	right: 22px;
	width: 16px;
	height: 16px;
	border-right: 2px solid #cfcbc6;
	border-bottom: 2px solid #cfcbc6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);	}
A .point p {
	width: 56% !important;
	display: inline-block;
	margin: 22px 0 0 0 !important;
}*/
@media screen and (max-width: 326px) {
  .point img {
    margin-right: 8px; }
  .point p {
    font-size: 10pt; }
  A .point p {
    width: 50% !important; }
  A .point:after {
    right: 12px; } }

.concept_content {
  width: auto;
  height: auto;
  /*border:2px solid #aaa59e;*/
  margin: 6px auto 30px;
  border-radius: 10px; }

.concept_content img {
  width: 100%;
  height: auto; }

.concept_content p {
  /*font-size:18px;
	line-height:26px;
	color:#a99e94;
	margin-top:10px !important;
	text-align:center;*/ }

.concept_content .recipe_credit {
  font-size: 90%;
  display: block;
  text-align: right; }

.index_instagram_link,
.index_recipe_link,
.index_faq_link,
.index_about_link {
  font-size: 16px;
  margin: 10px auto 0;
  text-align: right;
  padding-right: 10px !important; }

.index_instagram_link A,
.index_recipe_link A,
.index_faq_link A,
.index_about_link A {
  /*color: #a99e94 ;*/
  color: #5f5a55;
  text-decoration: underline; }

.index_instagram_link span
.index_recipe_link span,
.index_faq_link span {
  display: inline-block;
  margin-top: 5px;
  font-size: 10pt;
  font-weight: bold;
  color: #e75964; }

.index_faq_link {
  margin: -20px 10px 0 0; }

.index_rs_link {
  margin: 30px auto 6px; }

/*----------------------------------------
inputWrapper
-----------------------------------------*/
.inputWrapper {
  text-align: center; }

.inputWrapper input {
  outline: none; }

.inputWrapper input[type=text] {
  width: 80%;
  margin: 10px 0 0 0;
  padding: 9px 0 9px 0;
  border: solid 1px #ee869a;
  border-radius: 10em;
  text-indent: 1em; }

.inputWrapper input[type=text]:focus {
  background-color: #fff;
  border-color: #ee869a;
  -webkit-box-shadow: 0 0 5px rgba(238, 134, 154, 0.5);
  box-shadow: 0 0 5px rgba(238, 134, 154, 0.5); }

.inputWrapper input[type=submit] {
  -webkit-appearance: none;
  width: 40%;
  margin: 8px 0 15px 0;
  padding: 7px 0 7px 0;
  border-radius: 4px;
  border: none;
  box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 3px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 3px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 3px 0px inset;
  color: #fff;
  background: #ff5576;
  font-weight: 600;
  text-align: center;
  cursor: pointer; }

/* ===== 登録フロー遷移改修 =====  */
.color_black {
  color: #000; }

.area_regist_text {
  margin: auto 15px; }

.pages_regist p {
  padding-left: 0 !important; }

/* カバー画像 */
.pages_regist .bg_signup_mail {
  margin: -20px auto -235px;
  width: 100%;
  height: 300px;
  text-align: center;
  overflow: hidden; }

.regist_1st_header,
.regist_top_header {
  position: relative;
  width: 100%;
  height: 24vw; }

.regist_1st_header img,
.regist_top_header img {
  width: 100%;
  margin-bottom: -100px;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -1; }

#top_plan_select {
  z-index: 2;
  padding: 0px 0 12px;
  text-align: center;
  color: #FFF;
  text-shadow: 0px 0px 5px #1e1e1e, 0px 0px 8px #1e1e1e;
  -webkit-text-shadow: 0px 0px 5px #1e1e1e, 0px 0px 8px #1e1e1e; }

/*#area_h1_regist { padding: 30px 0 30px; text-align: center; }*/
#area_h1_regist {
  padding: 22px 0 30px;
  text-align: center; }

.pages_regist #h1_plan_select,
.pages_regist #h1_regist_signup_mail,
.pages_regist #h1_regist {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 3px;
  padding: 0; }

.pages_regist #h1_regist_signup_mail,
.pages_regist #h1_regist {
  font-size: 11.8pt;
  margin-bottom: 0; }

#list_plan_select {
  padding: 0 15px 5px; }

#list_plan_select li {
  width: 100%;
  margin: 0;
  padding: 0 0 9px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

#list_plan_select .plan {
  margin: 0; }

#list_plan_select tr {
  border: 2px solid #e3e3e3; }

#list_plan_select .plan_choosing tr {
  border: 2px solid #7b7bc6; }

#list_plan_select div.plan {
  width: 100%; }

#list_plan_select .rabel h2 {
  display: none; }

/* プラン名 */
#list_plan_select .rabel {
  position: relative;
  width: 40%;
  height: 50px;
  padding: 5px 0;
  vertical-align: middle;
  font-size: 11px;
  border: 0;
  background: #f4f4f4; }

#list_plan_select .plan_choosing .rabel {
  color: #FFF;
  background: #7b7bc6; }

#list_plan_select .period {
  font-size: 10.5pt;
  padding-bottom: 2px; }

#list_plan_select .plan_name {
  color: #636363;
  background: none; }

#list_plan_select .plan_choosing .plan_name {
  color: #FFF;
  background: none; }

#list_plan_select .ic_recomend {
  /* オススメ */
  position: absolute;
  left: -2px;
  top: -5px;
  height: 30px; }

/* 価格とか */
#list_plan_select .price {
  width: 60%;
  height: 50px;
  background: #fff;
  padding: 5px 0;
  border: 0;
  vertical-align: middle;
  font-size: 11px; }

#list_plan_select .price_num {
  font-size: 11.8pt;
  font-weight: bold; }

#list_plan_select .price_discount {
  color: #f2596b;
  font-weight: bold; }

#list_plan_select .plan_choosing .price {
  background: url("../../../edcl/images/regist/plan/ic_select_SP_2.png") no-repeat right top, #FFF;
  background-size: 42px auto, 100%; }

/* ===== チェックボックス ===== */
.checkbox_rules,
.checkbox_pass {
  font-size: 0;
  text-align: center; }

.checkbox_rules {
  display: table-cell;
  width: 36px;
  height: 42px;
  padding: 0; }

.checkbox_pass {
  padding-top: 5px;
  text-align: left; }

.checkbox_rules_label {
  display: table-cell;
  width: 140px;
  height: 30px;
  vertical-align: top;
  padding: 8px 0 0 0; }

.checkbox_referer {
  font-size: 0;
  text-align: left;
  margin: 0 10px 0px 0;
  display: inline-block; }

.checkbox_green {
  display: none; }

.checkbox_green-icon {
  position: relative;
  display: inline-block;
  margin: 8px 8px 8px 0;
  width: 20px;
  height: 20px;
  /*border: 1px solid #24ca80;*/
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer; }

.checkbox_referer .checkbox_green-icon {
  margin: 0px 8px 6px 0; }

.checkbox_green-label {
  font-size: 10.5pt;
  /*line-height: 14px;*/
  vertical-align: 14px;
  display: inline-block;
  cursor: pointer; }

/* チェックアイコンのデザイン */
.checkbox_green:checked + .checkbox_green-icon:after,
.checkbox_green:checked + .checkbox_green-icon:before {
  position: absolute;
  width: 2px;
  background-color: #24ca80;
  content: ""; }

.checkbox_green:checked + .checkbox_green-icon:before {
  top: 3px;
  left: 11px;
  height: 13px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.checkbox_green:checked + .checkbox_green-icon:after {
  top: 7px;
  left: 5px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.bg_lightgray {
  background: #f4f4f4;
  padding: 20px 15px; }

.bg_lightgray .area_text_list,
.bg_lightgray .area_img_bnr {
  text-align: left;
  width: 100%;
  padding: 0; }

.bg_lightgray .area_text_list {
  margin-bottom: 20px; }

.bg_lightgray .bnr_howto {
  width: 100%;
  margin-bottom: 0px; }

/* 非活性ボタン */
.pink_bg_disabled {
  width: 80% !important;
  font-size: 18px !important;
  line-height: 18px;
  margin: 0 auto !important;
  padding: 18px 0 !important;
  color: #fff;
  border: none !important;
  border: 0;
  background: #ccc; }

/* メールアドレスで登録ボタン */
.btn_signup_mail img {
  width: 296px; }

ul.area_regist_input {
  margin: 0 0 15px;
  width: 100%; }

ul.area_regist_input li {
  padding: 0 15px 17px; }

ul.area_regist_input li:last-child {
  padding-bottom: 0; }

/* 入力フォームまわり */
input.width_full {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input.placeholder_gray::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal; }

input.placeholder_gray:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal; }

input.placeholder_gray::-moz-placeholder {
  color: #ccc;
  font-weight: normal; }

.pages_regist .space_bottom {
  margin: 0;
  padding: 0;
  border: none;
  height: 40px; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  /*-webkit-box-shadow: 0 0 0px 1000px white inset;*/ }

input.check {
  background: url("../../../edcl/images/regist/ic_check_2.png") no-repeat 98% 50%;
  background-size: 20px auto; }

input.check_ok {
  background: url("../../../edcl/images/regist/ic_check_ok_2.png") no-repeat 98% 50%;
  background-size: 20px auto; }

.pages_regist .area_check {
  position: relative;
  width: 100%;
  height: 42px; }

.area_check span.check,
.area_check span.check_ok {
  position: absolute;
  top: 11px;
  right: 7px;
  border: 0;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("../../../edcl/images/regist/ic_check_2.png") no-repeat 98% 50% !important;
  background-size: 20px auto !important; }

.area_check span.check_ok {
  background: url("../../../edcl/images/regist/ic_check_ok_2.png") no-repeat 98% 50% !important;
  background-size: 20px auto !important; }

span.input_label {
  font-size: 10.5pt; }

#signup_name input[type=text].width_m,
#signup_name_kana input[type=text].width_m {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#user_info_input input[type=text].width_l,
#user_info_input input[type=telephone],
#pages_w100 input[type=tel].width_l,
#pages_w100 input[type=password].width_l,
#credit_info_input input[type=email].width_l,
#credit_info_input input[type=text].width_l {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#user_info_input .line2_l,
#user_info_input .line2_r,
#credit_info_input .line2_l,
#credit_info_input .line2_r {
  display: table-cell;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding-right: 6px; }

#credit_info_input .line2_l,
#credit_info_input .line2_r {
  width: 50%; }

#user_info_input .line2_r,
#credit_info_input .line2_r {
  width: 50%;
  text-align: right;
  padding-left: 6px;
  padding-right: 0px; }

.num_live p.search {
  margin-top: -5px;
  padding: 0;
  font-size: 10.5pt; }

.num_live p.search span {
  color: #636363; }

.num_live p.search span:hover {
  opacity: 0.7; }

.num_live .ic_question {
  width: 16px;
  margin: 0px 3px -3px 0; }

#credit_info_input {
  margin: auto;
  padding: 0 15px;
  /*width: 600px;*/ }

.inner_credit_info_input {
  margin: auto;
  /*padding: 0 15px;*/
  /*width: 542px;*/ }

/* 両サイドにスライドが入った見出し */
.lines-on-sides, h2.side_line {
  display: table;
  text-align: center;
  white-space: nowrap; }

.lines-on-sides:after, h2.side_line:after, .lines-on-sides:before, h2.side_line:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  background-clip: padding; }

.lines-on-sides:after, h2.side_line:after {
  border-left: 1em solid transparent; }

.lines-on-sides:before, h2.side_line:before {
  border-right: 1em solid transparent; }

h2.side_line {
  font-size: 10.5pt;
  font-weight: normal;
  margin-bottom: 15px;
  padding: 0;
  color: #000; }

/* 登録完了画面と、サイズ・コーデ選択完了画面 */
.bg_signup_complate,
.bg_codesize_complate {
  margin-top: 0;
  padding-right: 15px !important;
  padding-left: 15px !important;
  text-align: center;
  background: url("../../../edcl/images/regist/7/img_cover-resist-end_back_SP_2.jpg") no-repeat top center;
  background-size: 100% auto; }

.bg_codesize_complate {
  min-height: 410px;
  background: url("../../../edcl/images/regist/img_cover-select-end_back_SP_2.jpg") no-repeat top center;
  background-size: 100% auto; }

#area_h1_signup_complete,
#area_h1_codesize_complete,
#area_h1_codesize_complete_1st {
  margin: 0 auto;
  /*padding: 100px 0 30px;*/
  padding: 90px 0 0px;
  /* 第一弾リリースではpadding少な目で */
  text-align: center;
  color: #fff; }

#area_h1_codesize_complete {
  padding: 120px 0 120px; }

#area_h1_codesize_complete_1st {
  padding: 80px 0 0px; }

.bg_fotune_window {
  margin: 0 15px 15px;
  padding: 20px 0 22px;
  color: #222;
  border: #b49360 2px solid;
  border-radius: 3px;
  background: #fff; }

.bg_fotune_window_top {
  width: 240px;
  height: 97px;
  margin: 0 auto -11px; }

.ic_complete {
  width: 16%; }

.h1_signup_complete {
  color: #fff;
  font-size: 11.8pt;
  font-weight: normal; }

.shipping_day span {
  padding: 0 5px;
  font-size: 11.8pt; }

#window_code_select {
  width: 92%;
  text-align: center;
  margin: 20px auto 20px;
  padding: 100px 10px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  background: url("../../../edcl/images/regist/img_dialog-cover_2.jpg") no-repeat top center;
  background-color: rgba(255, 255, 255, 0.9);
  background-size: auto 90px, 100%; }

#window_code_select h2 {
  font-size: 11.8pt;
  color: #000; }

#window_code_select p {
  margin-bottom: 10px;
  font-size: 10pt; }

#window_code_select p.size_detail {
  margin-top: -10px; }

.window_bottom_link {
  display: inline-block;
  padding: 0 20px; }

.window_bottom_link a {
  color: #fff; }

/*#globalFooter .copyright {*/
/*padding: 0 0 5px;*/
/*border: none;*/
/*text-align : center;*/
/*color: #000;*/
/*}*/
.space_footer_copyright {
  margin: 0;
  padding: 0;
  border: none;
  height: 20px; }

/* 完了画面系（BG100％） */
.pages_img_full {
  margin: 0;
  width: 100%;
  height: 100%; }

.pages_img_full .area_img_full {
  /* position: relative; */
  width: 100%;
  /* height: 600px; */
  overflow: visible; }

.pages_img_full .area_img_full .bg,
.pages_img_full .area_text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.pages_img_full .area_text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

/* 複数住所入力 */
#address-suggestion {
  /* 住所欄の上に重ねるためabsoluteで指定 */
  position: absolute;
  top: 21px;
  left: 0px;
  width: 100%;
  z-index: 10; }

#address-suggestion div.select {
  margin-top: 5px;
  padding: 12px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  font-size: 10.5pt;
  border-radius: 2px 2px 0 0 / 2px 2px 0 0;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  color: #cecece;
  background: #f4f4f4; }

ul.list_address {
  margin: 0 auto;
  border-radius: 0 0 2px 2px / 0 0 2px 2px;
  border: #CCC 1px solid;
  background: #FFF; }

ul.list_address li {
  padding: 12px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  font-size: 10.5pt;
  border-bottom: 1px solid #bfbfbf;
  background: #FFF; }

ul.list_address li:last-child {
  padding: 14px;
  font-size: 10.5pt;
  border-bottom: none; }

/* ===== /登録フロー遷移改修 =====  */
/* ===== ムービー追加=====  */
.detail_movie {
  /*アイテム詳細のムービー。下部*/
  background: #f5f5f5;
  padding: 15px 0;
  margin: 0px auto 20px;
  text-align: center; }

.detail_movie iframe {
  width: 90%; }

.set_movie {
  /*セットページのムービー。下部*/
  margin: 5px auto 10px;
  text-align: center; }

.set_movie ifame {
  width: 100%; }

/*----------------------------------------
service
-----------------------------------------*/
#index_service_img {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 6px; }

#index_service_img p {
  font-size: 18px !important;
  line-height: 26px;
  padding-left: 12px;
  padding-top: 50px;
  color: #fff;
  width: 100%;
  text-shadow: 0 0 10px #000,0 0 10px #000;
  position: absolute;
  top: 0;
  left: 16px; }

#index_service_img img {
  width: 100%;
  height: auto; }

#index_service_list {
  text-align: center;
  padding: 0 10px; }

#index_service_list li {
  display: inline-block;
  float: left;
  width: 49%;
  height: 140px;
  margin: 0px auto 6px;
  border-radius: 15px;
  text-align: center;
  color: #e85964;
  font-weight: bold;
  position: relative;
  background-color: #a99e94;
  background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #f1efec 50%, #f1efec 75%, white 75%, white);
  /*background: linear-gradient(-45deg, #f1efec 25%, white 25%, white 50%, #f1efec 50%, #f1efec 75%, white 75%, white);*/
  background-size: 10px 10px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#index_service_list li:first-child {
  margin-left: 0 !important; }

#index_service_list li:nth-child(even) {
  margin-left: 6px !important; }

#index_service_list li:nth-child(odd) {
  margin-left: 0 !important; }

#index_service_list li p {
  /*width:320px;height:140px;font-size:16px; display:table-cell;vertical-align:middle; */
  width: 100%;
  font-size: 11.8pt;
  margin: 0px auto;
  text-align: center; }

#index_service_list li p span.mmn {
  /* line-height: 15px;
		display: block;
		width: 85%;
		margin: 3px auto;
		text-align: left;*/
  padding: 0 20px;
  line-height: 15px;
  display: block;
  margin: 3px auto;
  text-align: left;
  font-weight: normal;
  text-indent: -1em; }

#index_service_list li:nth-child(5) .mmn,
#index_service_list li:nth-child(6) .mmn {
  text-align: center !important; }

#index_service_list li:first-child p {
  line-height: 18px;
  position: absolute;
  top: 36%;
  margin-top: -20px;
  letter-spacing: -0.06em; }

#index_service_list li:nth-child(2) p {
  line-height: 18px;
  position: absolute;
  top: 40%;
  margin-top: -20px; }

#index_service_list li:nth-child(3) p {
  line-height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -20px; }

#index_service_list li:nth-child(4) p {
  line-height: 18px;
  position: absolute;
  top: 40%;
  margin-top: -20px;
  letter-spacing: -0.06em; }

#index_service_list li:nth-child(5) p {
  line-height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -20px; }

#index_service_list li:nth-child(6) p {
  line-height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -28px; }

.index_service_link {
  font-size: 16px;
  margin-top: 8px !important; }

.index_service_link A {
  color: #a99e94;
  text-decoration: underline; }

p.index_service_link {
  margin: 0 auto;
  text-align: right;
  padding-right: 10px !important; }

#index_concept02 br {
  height: 0;
  display: none; }

#index_concept02 #concept_img02 p br, #index_concept02 .concept_content p br, #index_concept02 #main_campaign br {
  display: block; }

.text_notice {
  text-align: center; }

.text_notice strong {
  color: #e75964;
  font-size: 11.8pt; }

@media screen and (max-width: 326px) {
  #index_service_list li p {
    font-size: 14px; }
  #index_service_list span.br_sp {
    display: block; }
  #index_service_list li:nth-child(6) p {
    line-height: 20px;
    position: absolute;
    top: 40%;
    margin-top: -20px; } }

/*----------------------------------------
premium　
-----------------------------------------*/
#index_premium_img {
  margin: 20px auto 0;
  width: 300px;
  text-align: center; }

#index_premium_img img {
  width: 300px; }

.index_premium_box {
  width: 90%;
  border-radius: 30px;
  border: 1px solid #a99e94;
  color: #5f5a55;
  margin: 0 auto 20px;
  text-align: center; }

.index_premium_box[plutinum] {
  margin: 90px auto 0px  !important; }

.index_premium_all,
.index_premium_normal,
.index_premium_premium,
.index_premium_plutinum {
  text-align: center;
  border-bottom: 1px solid #a99e94;
  border-radius: 30px 30px 0 0;
  padding: 12px 0 10px 0;
  font-size: 15px;
  color: #5f5a55;
  position: relative; }

.index_premium_all {
  background: #f5f5f5; }

.index_premium_normal {
  background: #efedeb; }

.index_premium_premium {
  background: #faf2f1; }

.index_premium_box p {
  text-align: left;
  margin: 12px 0 12px 0px !important;
  font-size: 12px;
  line-height: 150%;
  padding: 0 10px !important;
  clear: both;
  letter-spacing: -1px; }

.index_premium_box .index_premium_attention {
  display: block;
  margin: -8px 18px 12px;
  font-size: 10px;
  text-align: left; }

.index_premiun_normal_title {
  width: 46%;
  float: left;
  border-right: 1px solid #a99e94; }

.index_premium_price_n {
  float: left;
  padding-left: 22px; }

.index_premium_price_span_n {
  float: left;
  font-size: 12px;
  padding: 2px 0 0 4px; }

.index_premiun_premium_title {
  width: 46%;
  float: left;
  border-right: 1px solid #a99e94; }

.index_premium_price_pre {
  float: left;
  padding-left: 22px;
  font-weight: bold;
  font-size: 15px; }

.index_premium_price_span_pre {
  float: left;
  font-size: 12px;
  padding: 2px 0 0 4px; }

/*----------------------------------------
schedule　
-----------------------------------------*/
#index_schedule {
  position: relative; }

#index_schedule_table_title {
  text-align: center;
  font-size: 11.8pt;
  color: #5f5a55;
  margin-bottom: 5px; }

#index_schedule_attention {
  margin: 0 auto;
  width: 90%;
  text-align: left;
  font-size: 10pt;
  color: #5f5a55; }

#index_schedule_attention ul {
  margin-left: 1em; }

#index_schedule_attention li {
  margin-top: 5px;
  text-indent: -1em; }

#index_schedule .index_copy {
  margin: 0 auto;
  width: 90%; }

#index_schedule table {
  margin: 0 auto 10px;
  border: 1px solid #a89d93;
  border-collapse: collapse;
  width: 90%;
  text-align: center; }

#index_schedule table th,
#index_schedule table td {
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #a89d93;
  border-collapse: collapse;
  height: 30px;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  font-size: 10.5pt;
  color: #5f5a55; }

#index_schedule table th {
  background: #edecea;
  font-weight: normal;
  padding-left: 30px; }

.schedule_left {
  position: relative; }

.schedule_left:after {
  content: "\2192";
  display: block;
  position: absolute;
  right: -6px;
  top: 12px; }

span.schedule_arrow_l {
  padding: 0 50px; }

span.schedule_arrow_s {
  padding: 0 45px; }

/*----------------------------------------
index_user　20160317修正
-----------------------------------------*/
.area_user_left,
.area_user_right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 90%; }

.area_user_main {
  margin: 10px auto 15px; }

.area_user {
  position: relative;
  height: 110px; }

.img_user_bubble01,
.img_user_bubble02,
.img_user_bubble03,
.img_user_bubble04 {
  position: absolute; }

.img_user_bubble01 {
  top: 10px;
  left: 110px;
  width: 143px; }

.img_user_bubble02 {
  top: 16px;
  right: 108px;
  width: 143px; }

.img_user_bubble03 {
  top: 10px;
  left: 110px;
  width: 143px; }

.img_user_bubble04 {
  top: 16px;
  right: 108px;
  width: 143px; }

.username_left,
.username_right {
  position: absolute;
  bottom: 25px;
  font-size: 8.9pt;
  color: #5f5a55;
  line-height: 1.5em;
  letter-spacing: -0.03em; }

.username_left {
  left: 117px;
  text-align: left; }

.username_right {
  right: 117px;
  text-align: right; }

.area_user_text {
  position: relative; }

.area_user_text h3 {
  margin: 10px 0;
  font-weight: normal;
  font-size: 11.8pt;
  color: #5f5a55;
  text-align: left;
  line-height: 1.4em;
  letter-spacing: -0.05em;
  text-align: center; }

.user_text_title_right {
  text-align: right !important; }

.area_user_text p {
  margin: 0 0 30px !important;
  padding: 0;
  font-size: 8.9pt;
  color: #5f5a55;
  line-height: 1.3em; }

.img_user_icon_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px; }

.img_user_icon_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px; }

/*----------------------------------------
index_faq　
-----------------------------------------*/
.area_faq_main {
  margin: 0 auto;
  width: 100%; }

#acmenu01 {
  margin: 0 0 20px;
  text-align: left;
  border-bottom: #d8d8d8 1px solid;
  color: #5f5a55; }

#acmenu01 dt {
  display: block;
  width: auto;
  height: auto;
  padding: 0 15px;
  font-size: 10.5pt;
  line-height: 45px;
  border-top: #d8d8d8 1px solid;
  cursor: pointer;
  position: relative; }

#acmenu01 dt:after {
  content: "\3000";
  position: absolute;
  top: 38%;
  right: 10px;
  background: url("../../../edcl/images/PC/arrow_down_2.jpg") no-repeat top left;
  background-size: 100% auto;
  width: 20px;
  height: 15px; }

#acmenu01 dd {
  width: auto;
  height: auto;
  border: none;
  display: none;
  padding: 18px 18px;
  border-top: #d8d8d8 1px solid;
  background: #fff;
  font-size: 8.9pt; }

#acmenu01 dt span,
#acmenu01 dd span {
  font-weight: bold;
  font-size: larger;
  padding-right: 6px; }

#acmenu01 dd span {
  color: #f3b5b2; }

#acmenu01 .open:after {
  content: "\3000";
  background: url("../../../edcl/images/PC/arrow_up_2.jpg") no-repeat top left;
  background-size: 100% auto;
  width: 20px;
  height: 15px; }

/*----------------------------------------
index_media　
-----------------------------------------*/
.area_media_main p {
  text-align: left;
  font-size: 8.9pt;
  color: #bbb2aa; }

/*.area_media_main .h2_area p {*/
/*text-align: center;*/
/*}*/
.area_media_main h3 {
  margin: 20px 0 0;
  text-align: center;
  font-size: 10.5pt;
  color: #bbb2aa; }

.area_instagram {
  margin: auto;
  width: 95%;
  border-spacing: 0 10px;
  border-collapse: separate; }

.area_img {
  position: relative;
  width: 100px !important;
  height: 100px !important;
  overflow: hidden;
  padding: 0;
  border: none;
  margin: 0 -10px; }

.area_img:hover {
  opacity: 0.7;
  filter: alpha(opacity=50);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
  zoom: 1; }

.area_img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.area_media_main ul li,
.area_influencers_main ul li {
  float: left;
  margin: 4px 1.2%;
  width: 30.8%;
  color: #5f5a55;
  line-height: 30px;
  text-align: center; }

.area_influencers_main ul li {
  margin: 4px 2.7% 4px 0;
  border: 1px solid #ececec; }

.area_influencers_main ul li:nth-child(3n) {
  margin: 4px 0;
  border: 1px solid #ececec; }

.area_media_main ul li a,
.area_influencers_main ul li a {
  display: block;
  width: 100%; }

.area_influencers_main ul li a {
  color: #5f5a55;
  /* text-decoration: underline; */
  font-size: 8.5pt; }

.area_influencers_main h3 {
  font-size: 11.8pt;
  margin: 10px auto 10px; }

.area_media_main img {
  width: 100%;
  /* border: 1px solid #bbb2aa; */ }

.media_insta li {
  margin: 10px 0 !important;
  border: none !important;
  height: auto !important;
  /*width: 50% !important;*/
  width: 33% !important; }

.media_insta li a {
  margin: 0 3%;
  width: 94% !important;
  height: auto !important; }

.media_insta li a img {
  width: 100% !important; }

/*----------------------------------------
howto
-----------------------------------------*/
#index_howto {
  color: #5f5a55;
  margin: 0px auto; }

#index_howto .index_copy {
  margin: 0 auto;
  width: 90%; }

#index_howto h3,
#index_howto h3.howto_old {
  display: block;
  font-weight: bold;
  margin: 0px;
  /* 打消し用 */
  text-align: left;
  /* 打消し用 */
  width: 47%;
  border-bottom: 1px solid #5f5a55;
  padding: 16% 0 0 0;
  font-size: 11.8pt;
  color: #5f5a55; }

#index_howto ul {
  margin: 0 auto 50px !important;
  /*20160314修正*/
  width: 90%; }

#index_howto li {
  display: block;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 0 10px 0; }

#index_howto li p {
  width: 47%;
  margin: 5px 0 0 0 !important;
  font-size: 8.9pt;
  line-height: 16px; }

#index_howto li img {
  width: 50%;
  height: 50%;
  height: auto;
  margin-top: 10px; }

#index_howto li:nth-child(odd) img {
  float: right; }

#index_howto li:nth-child(odd) p {
  float: left; }

#index_howto li:nth-child(even) img {
  float: left; }

#index_howto li:nth-child(even) h3 {
  float: right;
  text-align: right; }

#index_howto li:nth-child(even) p {
  float: right; }

#howto_img01_pc {
  display: none; }

#howto_img02_pc {
  display: none; }

#howto_img03_pc {
  display: none; }

#howto_img04_pc {
  display: none; }

/*----------------------------------------
plus_one
-----------------------------------------*/
#index_plus_one {
  text-align: center;
  color: #5f5a55; }

#index_plus_one .inner {
  padding: 0 10px; }

#index_plus_one .table_article {
  width: 100%; }

#index_plus_one .table_article td {
  position: relative;
  width: 50%;
  padding: 0 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

#index_plus_one .table_article img {
  width: 100%; }

#index_plus_one ul.list_article {
  /*display: table;*/
  width: 94%;
  margin: auto;
  padding: 0 0px 0; }

#index_plus_one ul.list_article li {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 5px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left; }

#index_plus_one p.title_article {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #5f5a55;
  font-size: 8.5pt;
  line-height: 1.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

#index_plus_one ul.list_article img {
  width: 100%; }

#index_plus_one .icon_new {
  position: absolute;
  left: 5px;
  top: -7px;
  border: none;
  width: 40px;
  height: 40px;
  /*background:url(https://closet.edist.jp/css/dist/buildImagePath("/images/top/coord_new_gray.png")) no-repeat top left ;*/
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left;
  background-size: 100% auto; }

/*----------------------------------------
newbutton
-----------------------------------------*/
.btn_area {
  text-align: center !important;
  margin: 0 8px 25px !important;
  width: auto; }

#index_btn_regist_fix {
  position: fixed !important;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background: rgba(255, 255, 255, 0.7); }

#index_btn_regist_fix .btn_area {
  padding-top: 25px; }

.btn_area_toppage-top,
.btn_area_toppage-middle,
.btn_area_toppage-bottom {
  margin: 0px !important;
  padding: 20px 0 30px;
  width: 100%;
  background: #f5f5f5; }

.btn_area_toppage-bottom {
  padding: 0px; }

.btn_area_toppage-middle {
  margin-top: 50px !important; }

.btn_area_toppage-bottom {
  margin: 50px auto -4px !important; }

/* 会員登録ボタン */
.btn_area_regist {
  /*margin: 30px auto 30px;*/
  text-align: center;
  color: #5f5a55; }

.btn_area_regist p.regist {
  font-size: 10.5pt;
  line-height: 1.6em; }

.emphasize,
.btn_area_regist .emphasize {
  font-size: 11.8pt;
  font-weight: bold;
  color: #e85964; }

.btn_area p {
  margin: 0px auto 10px !important;
  font-size: 8.9pt;
  color: #5f5a55;
  line-height: 1.5em; }

.area_btn_download {
  position: relative;
  margin: 40px auto 10px;
  height: 60px;
  width: 100%;
  border-top: solid 1px #a99e94;
  border-bottom: solid 1px #a99e94;
  background: url("../../../edcl/images/SP/img_deco01_2.png") no-repeat bottom right;
  background-size: 44px; }

.area_btn_download p {
  position: absolute;
  top: 14px;
  /*left: 100px;*/
  left: 24%;
  width: 110px;
  padding: 0;
  text-align: left;
  font-size: 8.9pt;
  line-height: 16px;
  color: #a99e94; }

.icon_app {
  position: absolute;
  top: 5px;
  /*left: 30px;*/
  left: 6%;
  width: 50px; }

.btn_download_ios {
  position: absolute;
  top: 15px;
  /*left: 220px;*/
  right: 10%;
  width: 100px; }

.btn_line {
  cursor: pointer;
  /* background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/PC/btn_pink.png")); */
  display: block;
  -webkit-box-shadow: 0 0 0 3px #e85964;
  box-shadow: 0 0 0 3px #e85964;
  background: #e85964;
  margin: 0px auto;
  /*width: 220px;*/
  width: 75%;
  height: 44px;
  border-radius: 4px;
  color: #fff;
  font-size: 11.8pt;
  line-height: 44px;
  vertical-align: center;
  position: relative;
  text-decoration: none;
  border: solid 1px #fff; }

.app_iphone {
  position: absolute;
  bottom: 0;
  left: 6%;
  width: 50px; }

/*snsボタン*/
.area_btn_sns {
  margin: 20px auto 0;
  padding: 10px 0;
  height: 40px;
  width: 266px;
  background: #f5f5f5; }

.btn_sns {
  margin: 0 10px;
  display: inline-block;
  width: 43px;
  height: 43px; }

.btn_fb {
  background: url("../../../edcl/images/btn_fb_2.jpg") center top no-repeat;
  background-size: 100% auto; }

.btn_tw {
  background: url("../../../edcl/images/btn_tw_2.jpg") center top no-repeat;
  background-size: 100% auto; }

.btn_insta {
  background: url("../../../edcl/images/btn_insta_2.jpg") center top no-repeat;
  background-size: 100% auto; }

.area_btn_sns .btn_blog {
  margin: 0 10px;
  display: inline-block;
  width: 43px;
  height: 43px;
  background: url("../../../edcl/images/btn_blog_2.jpg") center top no-repeat;
  background-size: 100% auto; }

.btn_gotop {
  margin: 30px auto 0;
  width: 175px;
  height: 35px;
  border: 1px solid #a99e94;
  border-radius: 5px; }

.btn_gotop a {
  display: block;
  width: 175px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  font-size: 8.5pt;
  color: #6c625d; }

/*▼ブログ・インスタグラム専用エリア▼*/
.area_sns01 {
  margin: 10px auto 0px;
  padding: 0px 0;
  width: 100%;
  background: #f5f5f5; }

.area_sns01 p {
  text-align: center;
  font-size: 8.9pt;
  color: #a99e94; }

.btn_blog,
.btn_insta01 {
  display: block;
  margin: 10px auto;
  width: 50%;
  line-height: 50px;
  text-align: center;
  background: #e85964;
  border-radius: 10px;
  color: #ffffff;
  font-size: 11.8pt;
  font-weight: bold; }

.btn_insta01 {
  background: #105587; }

.area_sns01 .area_btn_sns01 {
  margin: 0px auto 0;
  width: 80%;
  text-align: center; }

.inner_area_sns01 .area_btn_sns01 a img {
  margin: 0 5px;
  border-radius: 50%; }

/*▲ブログ・インスタグラム専用エリア▲*/
/*.btn_line:after{display: block;
	content: '';
	position: absolute;
	top: 25px;
	right: 20px;
	width: 16px;
	height: 16px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}*/
/* ==========  コーデ親（一部カレンダー親）ページ  ========== */
#index_item,
#index_calendar {
  text-align: center;
  font-size: 8.9pt; }

#index_item .h1_area,
#index_calendar .h1_area {
  margin: 30px 0 25px !important; }

#index_item .collection_season,
#index_calendar .collection_season {
  /* サブタイ(大) */
  color: #f3a09f;
  margin-bottom: 10px; }

#index_item .collection_before_season,
#index_calendar .collection_before_season {
  /* サブタイ小 */
  color: #8f857c; }

#index_item .collection_season span,
#index_item .collection_before_season span,
#index_calendar .collection_season span,
#index_calendar .collection_before_season span {
  font-size: 11.8pt; }

/* コーデ紹介box */
#index_item ul.box_collection_season {
  margin: 0 15px; }

#index_item ul.box_collection_season li {
  margin-bottom: 30px; }

#index_item ul.box_collection_season li:last-child {
  margin-bottom: 30px; }

#index_item .set_icon {
  margin: 0 5px -7px 0;
  width: 28px; }

#index_item .box_collection_before_season .set_icon {
  margin: 0 4px -5px 0;
  width: 18px; }

#index_item .explain p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 5px 0 0;
  font-size: 8.9pt; }

#index_item img.set {
  display: block;
  width: 100%;
  margin-bottom: 7px; }

/* セット名 */
#index_item h3 {
  text-align: left;
  margin: 0 0 0 0px;
  font-size: 10.5pt; }

#index_item .box_collection_before_season h3 {
  text-align: left;
  margin: 0 0 0 0px;
  font-size: 10.5pt; }

.box_collection_before_season .set_name {
  font-size: 8.9pt;
  line-height: 1.6em; }

.set_name[A], .set_name[U] {
  color: #fdac77; }

.set_name[B], .set_name[V] {
  color: #78b5be; }

.set_name[C], .set_name[W] {
  color: #d88bc9; }

.set_name[D] {
  color: #a8cbbc; }

.set_name[E] {
  color: #fbd791; }

.set_name[F] {
  color: #afbcdf; }

.set_name[G] {
  color: #fdafb1; }

.set_name[H], .set_name[R] {
  color: #c5aee5; }

.set_bg[A], .set_bg[U] {
  background: #fdac77; }

.set_bg[B], .set_bg[V] {
  background: #78b5be; }

.set_bg[C], .set_bg[W] {
  background: #d88bc9; }

.set_bg[D] {
  background: #a8cbbc; }

.set_bg[E] {
  background: #fbd791; }

.set_bg[F] {
  background: #afbcdf; }

.set_bg[G] {
  background: #fdafb1; }

.set_bg[H], .set_bg[R] {
  background: #c5aee5; }

.before_left {
  float: left;
  padding: 0 6px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.before_right {
  float: left;
  padding: 0 0 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#index_item ul.box_collection_before_season {
  margin: 0 15px;
  padding-bottom: 10px; }

#index_item ul.box_collection_before_season li {
  margin: 0 0 6px;
  width: 50%;
  vertical-align: top; }

#index_item ul.box_collection_before_season li:last-child {
  margin-bottom: 0px; }

#index_item ul.box_collection_before_season img.set {
  width: 100%; }

/* ==========  /コーデ親（一部カレンダー親）ページ  ========== */
/* ========== カレンダー親ページ ========== */
#index_calendar h3 {
  font-weight: normal;
  text-align: left;
  margin: 0 5px -8px 0;
  font-size: 11.8pt;
  font-weight: bold; }

/* コーデカレンダーbox */
#index_calendar ul.box_calendar {
  margin: 0 15px; }

#index_calendar ul.box_calendar li {
  margin-bottom: 60px; }

#index_calendar ul.box_calendar li:last-child {
  margin-bottom: 60px; }

#index_calendar ul.box_calendar h2 span, #index_calendar ul.box_calendar h3 {
  font-size: 11.8pt;
  line-height: 16px; }

#index_calendar ul.box_calendar .btn_coderecipe_a {
  font-size: 8.9pt; }

#index_calendar .item_name {
  font-size: 8.5pt;
  line-height: 1.6em; }

#index_calendar .item_number {
  position: absolute;
  left: 0px;
  bottom: 7px;
  font-size: 8.5pt;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 30px;
  background: #bfb8b1;
  color: #FFF; }

#index_calendar .item_coordinate {
  margin: 20px auto 6px;
  color: #706b66;
  font-size: 8.9pt;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.48, #FFF), color-stop(0.49, #706b66), color-stop(0.51, #706b66), color-stop(0.52, #FFF), to(#FFF)); }

#index_calendar .item_coordinate span {
  background: #FFF; }

table.list_item {
  width: 100%;
  margin: 0px 0px 5px; }

table.list_item_3 {
  width: 76%;
  margin: 0 12%; }

table.list_item td {
  position: relative;
  width: 25%;
  vertical-align: top;
  text-align: center;
  padding: 0;
  border: 0;
  font-size: 10.5pt;
  line-height: 1.2em;
  color: #5f5a55; }

table.list_item_3 td {
  width: 33%; }

table.list_item td img {
  width: 100%;
  margin: 8px auto 5px; }

#index_calendar .img_calendar {
  position: relative;
  width: 100%;
  text-align: right;
  overflow: hidden; }

#index_calendar .img_calendar img {
  width: 100%;
  margin-bottom: -5px;
  /*display: inline-block;*/ }

#index_calendar .arrow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("../../../edcl/images/item/calendar/arrow_square_2.png") no-repeat 96% 50%, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.35) 100%);
  background-size: 40px 40px, 100% 100%; }

/* タイトル共通class */
.title_img {
  margin: 0px auto;
  padding-top: 24px;
  display: block;
  height: 78px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap; }

#index_coordinate .title_img {
  padding-top: 12px; }

.title_img span.main {
  text-indent: -9999;
  display: none; }

.title_img span {
  line-height: 1 !important;
  font-size: 8.9pt;
  color: #5f5a55;
  font-weight: normal; }

#title_coordinate {
  background: url("../../../edcl/images/PC/title_coordinate_2.jpg") no-repeat top center;
  background-size: auto 20px; }

.set_title_icon {
  margin: 10px 0 0;
  padding: 0; }

.set_title01 {
  font-size: 10.5pt;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  margin: 0px !important;
  line-height: 30px;
  padding: 0 0 0 36px; }

.box_calendar .set_title01 {
  padding: 0; }

span.boxno {
  color: #fff;
  font-size: 16px;
  width: 30px;
  height: 30px;
  margin: 0px;
  text-align: center;
  display: inline-block;
  float: left; }

span.boxno img {
  width: 30px;
  height: 30px;
  margin-top: 5px; }

/* ========== /カレンダー親ページ ========== */
/*--上記改修前サイトからの引用　201801--*/
/*---------------------------------------------------*/
/*  parts                                            */
/*---------------------------------------------------*/
/*-------------------------
	BUTTON
-------------------------*/
/*--ボタン大--*/
.btn_l_001,
.btn_l_002,
.btn_l_003,
.btn_l_004,
.btn_l_005,
.btn_l_006 {
  font-size: 11.8pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #ff5576;
  padding: 18px 50px 17px;
  border-radius: 5px;
  display: inline-block; }

.btn_l_002 {
  background: #fff;
  color: #ff5576;
  border: 1px solid #ff5576;
  padding: 16px 48px 15px; }

.btn_l_003 {
  background: #3c556b; }

.btn_l_004 {
  background: #fff;
  /* color:#3c556b;
	border: 1px solid #3c556b; */
  color: #203694;
  border: 1px solid #203694;
  padding: 18px 48px; }

.btn_l_005 {
  background: #cfcbc6;
  -webkit-tap-highlight-color: transparent; }

.btn_l_006 {
  background: #fff;
  color: #3a3a3a;
  border: 1px solid #cfcbc6;
  padding: 18px 48px; }

/*--ボタン中--*/
.btn_m_001,
.btn_m_002,
.btn_m_003,
.btn_m_004,
.btn_m_005,
.btn_m_006 {
  font-size: 10.5pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #ff5576;
  padding: 12px 48px 13px;
  border-radius: 5px;
  display: inline-block; }

.btn_m_002 {
  background: #fff;
  color: #ff5576;
  border: 1px solid #ff5576;
  padding: 10px 46px 11px; }

.btn_m_003 {
  background: #3c556b; }

.btn_m_004 {
  background: #fff;
  color: #3c556b;
  border: 1px solid #3c556b;
  padding: 12px 46px 13px; }

.btn_m_005 {
  background: #cfcbc6;
  pointer-events: none; }

.btn_m_006 {
  background: #fff;
  color: #3a3a3a;
  border: 1px solid #cfcbc6;
  padding: 12px 46px 13px; }

/*--ボタン小--*/
.btn_s_001,
.btn_s_002,
.btn_s_003,
.btn_s_004,
.btn_s_005,
.btn_s_006 {
  font-size: 8.9pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #ff5576;
  padding: 5px 20px;
  border-radius: 5px;
  display: inline-block; }

.btn_s_002 {
  background: #fff;
  color: #ff5576;
  border: 1px solid #ff5576;
  padding: 3px 18px; }

.btn_s_003 {
  background: #3c556b; }

.btn_s_004 {
  background: #fff;
  color: #3c556b;
  border: 1px solid #3c556b;
  padding: 4px 18px 5px; }

.btn_s_005 {
  background: #cfcbc6; }

.btn_s_006 {
  background: #fff;
  color: #3a3a3a;
  border: 1px solid #cfcbc6;
  padding: 4px 18px 5px; }

/*--テキストボタン--*/
.txt_btn_normal a {
  color: #3a3a3a;
  text-decoration: underline; }

/*--ボタンサイズ--*/
.btn100 {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

/*--SP用TOPのVIEWMOREボタン--*/
.sp_btn_view-more {
  padding: 0;
  width: 136px;
  height: 44px;
  line-height: 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*--２ボタン並行--*/
.size_select_btn001 {
  display: table;
  width: 100%; }

.size_select_btn001_left {
  display: table-cell;
  text-align: center;
  padding: 0 0 0 8px; }

.size_select_btn001_right {
  display: table-cell;
  text-align: center;
  padding: 0 8px 0 0; }

.size_select_btn001_center {
  width: 100%;
  text-align: center !important; }

.size_select_btn001_center p,
.size_select_btn001_left p,
.size_select_btn001_right p {
  font-size: 8.9pt;
  line-height: 18px; }

.btn_length_size-select span,
.size_select_btn001_center p span,
.size_select_btn001_left p span,
.size_select_btn001_right p span {
  color: #e33933; }

.size_select_btn001_center p,
.size_select_btn001_left p,
.size_select_btn001_right p {
  margin: 0 0 6px;
  text-align: center; }

/* 削除予定 */
.size_select_btn001_center a,
.size_select_btn001_left a,
.size_select_btn001_right a,
.size_select_btn001_center button,
.size_select_btn001_left button,
.size_select_btn001_right button {
  font-size: 11.2pt;
  font-weight: bold;
  padding: 18px 56px;
  border-radius: 6px;
  display: inline-block; }

/* 削除予定 */
.pc_list_coordinate_select .size_select_btn001_center a,
.coordinate_select_box .size_select_btn001_center a
.pc_list_coordinate_select .size_select_btn001_center span.btn_m_005,
.pc_list_coordinate_select .size_select_btn001_center button,
.coordinate_select_box .size_select_btn001_center button {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.size_select_btn001_left a {
  float: left; }

.size_select_btn001_right a {
  float: right; }

.size_select_btn001_left a.white_btn,
.size_select_btn001_right a.white_btn {
  color: #3a3a3a;
  background: #fff;
  padding: 12px 53px;
  border: 1px solid #3a3a3a; }

/*--リストボタン--*/
.size_select_btn002 ul {
  border-top: 1px solid #3a3a3a; }

.size_select_btn002 li {
  clear: both;
  border-bottom: 1px solid #3a3a3a; }

.size_select_btn002_left {
  float: left;
  margin: 12px; }

.size_select_btn002_right {
  float: right;
  margin: 12px; }

.size_select_btn002_left .size_text,
.size_select_btn002_right .size_text {
  font-size: 11.8pt;
  font-weight: bold; }

.size_select_btn002_left .stock_alert,
.size_select_btn002_right .stock_alert {
  color: #e33933; }

.size_select_btn002_left a,
.size_select_btn002_right a {
  font-size: 11pt;
  font-weight: bold;
  color: #fff;
  background: #3a3a3a;
  padding: 12px 55px;
  border-radius: 6px;
  display: inline-block; }

.size_select_btn002_left a.white_btn,
.size_select_btn002_right a.white_btn {
  color: #3a3a3a;
  background: #fff;
  padding: 10px 53px;
  border: 1px solid #3a3a3a; }

/*--オプション--*/
.btn_block {
  display: block; }

/*--button submitボタン--*/
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button:hover {
  opacity: 0.7; }

button.btn_l_002:hover,
button.btn_m_002:hover,
button.btn_s_002:hover {
  background: #ff5576;
  color: #fff; }

button.btn_l_004:hover,
button.btn_m_004:hover,
button.btn_s_004:hover {
  background: #3c556b;
  color: #fff; }

/* 非アクティブボタン */
button.btn_l_005:hover,
button.btn_m_005:hover,
button.btn_s_005:hover {
  opacity: 1;
  cursor: default; }

/*-------------------------
	FONT
-------------------------*/
.font_ss,
.font_ss_active,
.font_ss_inactive {
  font-size: 8.5pt; }

.font_s,
.font_s_active,
.font_s_inactive {
  font-size: 8.9pt; }

.font_m,
.font_m_active,
.font_m_inactive {
  font-size: 10.5pt; }

.font_l,
.font_l_active,
.font_l_inactive {
  font-size: 11.8pt; }

.font_ll,
.font_ll_active,
.font_ll_inactive {
  font-size: 14pt; }

/*
.font_ss,
.font_ss_active,
.font_ss_inactive{
	font-size: 8.5pt;
}
.font_s,
.font_s_active,
.font_s_inactive{
	font-size: 10pt;
}
.font_m,
.font_m_active,
.font_m_inactive{
	font-size: 11.2pt;
}
.font_l,
.font_l_active,
.font_l_inactive{
	font-size: 13pt;
}
*/
.font_ss_active,
.font_s_active,
.font_m_active,
.font_l_active {
  color: #ff5576; }

.font_ss_inactive,
.font_s_inactive,
.font_m_inactive,
.font_l_inactive {
  color: #bfbfbf; }

.fw_b {
  font-weight: bold !important; }

.fw_n {
  font-weight: normal !important; }

.fc_red {
  color: #ff0000 !important; }

.fc_pink {
  color: #ff5576 !important; }

.fc_green {
  color: #51b11d; }

.fc_navy {
  color: #3c556b; }

.fc_darkgreen {
  color: #3c556b; }

.fc_default {
  color: #333; }

.fc_white {
  color: #fff !important; }

.t_underline {
  text-decoration: underline; }

/*-------------------------
	MARGIN
-------------------------*/
.m_auto {
  margin: auto !important; }

.m0 {
  margin: 0 !important; }

.m4 {
  margin: 4px !important; }

.m8 {
  margin: 8px !important; }

.m12 {
  margin: 12px !important; }

.m16 {
  margin: 16px !important; }

.m20 {
  margin: 20px !important; }

.m24 {
  margin: 24px !important; }

.m28 {
  margin: 28px !important; }

.mt0 {
  margin-top: 0 !important; }

.mt4 {
  margin-top: 4px !important; }

.mt8 {
  margin-top: 8px !important; }

.mt12 {
  margin-top: 12px !important; }

.mt16 {
  margin-top: 16px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt24 {
  margin-top: 24px !important; }

.mt28 {
  margin-top: 28px !important; }

.mt32 {
  margin-top: 32px !important; }

.mt36 {
  margin-top: 36px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt-4 {
  margin-top: -4px !important; }

.mt-8 {
  margin-top: -8px !important; }

.mt-12 {
  margin-top: -12px !important; }

.mt-16 {
  margin-top: -16px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb4 {
  margin-bottom: 4px !important; }

.mb8 {
  margin-bottom: 8px !important; }

.mb12 {
  margin-bottom: 12px !important; }

.mb16 {
  margin-bottom: 16px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb22 {
  margin-bottom: 22px !important; }

/*微調整用*/
.mb24 {
  margin-bottom: 24px !important; }

.mb26 {
  margin-bottom: 26px !important; }

/*微調整用*/
.mb28 {
  margin-bottom: 28px !important; }

.mb30 {
  margin-bottom: 30px !important; }

/*微調整用*/
.mb32 {
  margin-bottom: 32px !important; }

.mb34 {
  margin-bottom: 34px !important; }

/*微調整用*/
.mb36 {
  margin-bottom: 36px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb-4 {
  margin-bottom: -4px !important; }

/*微調整用*/
.mb-12 {
  margin-bottom: -12px !important; }

/*微調整用*/
.ml0 {
  margin-left: 0 !important; }

.ml4 {
  margin-left: 4px !important; }

.ml8 {
  margin-left: 8px !important; }

.ml12 {
  margin-left: 12px !important; }

.ml16 {
  margin-left: 16px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml24 {
  margin-left: 24px !important; }

.ml28 {
  margin-left: 28px !important; }

.mr0 {
  margin-right: 0 !important; }

.mr4 {
  margin-right: 4px !important; }

.mr8 {
  margin-right: 8px !important; }

.mr12 {
  margin-right: 12px !important; }

.mr16 {
  margin-right: 16px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr24 {
  margin-right: 24px !important; }

.mr28 {
  margin-right: 28px !important; }

.mtb4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

.mtb8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.mtb12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.mtb16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mtb24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.mtb28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important; }

.mtb32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.mtb60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.mlr4 {
  margin-left: 4px !important;
  margin-right: 4px !important; }

.mlr8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.mlr12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.mlr16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.mlr24 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.mlr28 {
  margin-left: 28px !important;
  margin-right: 28px !important; }

/*--top用--*/
.mb80 {
  margin-bottom: 80px !important; }

/*-------------------------
	PADDING
-------------------------*/
.p0 {
  padding: 0 !important; }

.p4 {
  padding: 4px !important; }

.p8 {
  padding: 8px !important; }

.p12 {
  padding: 12px !important; }

.p16 {
  padding: 16px !important; }

.p20 {
  padding: 20px !important; }

.p24 {
  padding: 24px !important; }

.p28 {
  padding: 28px !important; }

.pt0 {
  padding-top: 0 !important; }

.pt4 {
  padding-top: 4px !important; }

.pt8 {
  padding-top: 8px !important; }

.pt12 {
  padding-top: 12px !important; }

.pt16 {
  padding-top: 16px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt24 {
  padding-top: 24px !important; }

.pt28 {
  padding-top: 28px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb4 {
  padding-bottom: 4px !important; }

.pb8 {
  padding-bottom: 8px !important; }

.pb12 {
  padding-bottom: 12px !important; }

.pb16 {
  padding-bottom: 16px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb24 {
  padding-bottom: 24px !important; }

.pb28 {
  padding-bottom: 28px !important; }

.pb32 {
  padding-bottom: 32px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl0 {
  padding-left: 0 !important; }

.pl4 {
  padding-left: 4px !important; }

.pl8 {
  padding-left: 8px !important; }

.pl12 {
  padding-left: 12px !important; }

.pl16 {
  padding-left: 16px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl24 {
  padding-left: 24px !important; }

.pl28 {
  padding-left: 28px !important; }

.pr0 {
  padding-right: 0 !important; }

.pr4 {
  padding-right: 4px !important; }

.pr8 {
  padding-right: 8px !important; }

.pr12 {
  padding-right: 12px !important; }

.pr16 {
  padding-right: 16px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr24 {
  padding-right: 24px !important; }

.pr28 {
  padding-right: 28px !important; }

.ptb4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

.ptb8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.ptb12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.ptb16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.ptb20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.ptb24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.ptb28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important; }

.ptb40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.ptb60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.plr0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.plr4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.plr8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.plr12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.plr16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.plr24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.plr28 {
  padding-left: 28px !important;
  padding-right: 28px !important; }

/*-------------------------
	BOX-SIZING
-------------------------*/
.box_sizing_border {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.box_sizing_content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/*-------------------------
	DISPLAY
-------------------------*/
.display_block {
  display: block !important; }

.display_none {
  display: none !important; }

.display_contents {
  display: contents !important; }

/*-------------------------
	WIDTH
-------------------------*/
.w10 {
  width: 10% !important; }

.w20 {
  width: 20% !important; }

.w30 {
  width: 30% !important; }

.w40 {
  width: 40% !important; }

.w50 {
  width: 50% !important; }

.w60 {
  width: 60% !important; }

.w70 {
  width: 70% !important; }

.w80 {
  width: 80% !important; }

.w90 {
  width: 90% !important; }

.w100 {
  width: 100% !important; }

/*-------------------------
	TEXT
-------------------------*/
.txt_ss {
  font-size: 8.5pt;
  line-height: 12.75pt; }

.txt_s {
  font-size: 8.9pt;
  line-height: 15pt; }

.txt_m {
  font-size: 10.5pt;
  line-height: 16.8pt; }

.txt_l {
  font-size: 11.8pt;
  line-height: 18.8pt; }

/* 行間 */
.va_m {
  vertical-align: middle; }

.va_t {
  vertical-align: top; }

.va_b {
  vertical-align: bottom; }

/*-------------------------
	境界線
-------------------------*/
.hr1 {
  border: none;
  background: #ececec;
  height: 1px; }

.hr10 {
  border: none;
  background: #ececec;
  height: 10px; }

/*-------------------------
	TABLE
-------------------------*/
.set_contents_table {
  width: 100%;
  border-bottom: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a; }

.set_contents_table th {
  font-size: 8.9pt;
  font-weight: normal;
  border-top: 1px solid #3a3a3a;
  border-left: 1px solid #3a3a3a;
  padding: 4px; }

.sc_table_title {
  text-align: center; }

.set_contents_table td {
  font-size: 8.9pt;
  text-align: right;
  border-top: 1px solid #3a3a3a;
  border-left: 1px solid #3a3a3a;
  padding: 4px; }

/*-------------------------
	LIST
-------------------------*/
/*--codeset_list--*/
.cd_list {
  width: 100%;
  display: table; }

.cd_list div {
  vertical-align: middle;
  display: table-cell; }

.cl_img img {
  width: 78px;
  height: auto;
  margin: 8px 12px 0 0; }

.cl_contents {
  width: 100%;
  border-bottom: 1px solid #dfdfdf; }

.cl_contents p {
  font-weight: bold; }

.cl_contents .cl_title {
  width: 17em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.cl_contents div {
  float: right; }

.cl_contents div a {
  font-size: 8.5pt;
  font-weight: bold;
  padding: 8px 20px;
  color: #3a3a3a;
  border: 1px solid #dfdfdf;
  border-radius: 5px; }

/*--item_list--*/
/*--item_list002--*/
.text_list,
.item_list,
.item_list002 {
  width: 100%;
  display: table; }

.item_list div {
  vertical-align: middle;
  display: table-cell; }

.text_list .il_contents,
.item_list002 .il_img,
.item_list002 .il_contents002 {
  display: table-cell;
  vertical-align: middle; }

.item_list002 .il_img {
  position: relative;
  vertical-align: top; }

.text_list li,
.item_list li,
.item_list002 li {
  position: relative; }

.text_list li a,
.item_list li a,
.item_list002 li a {
  display: block; }

.item_list li.arrow::after,
.item_list002 li.arrow::after,
.text_list li.arrow::after {
  display: block;
  content: '';
  position: absolute;
  top: 46%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.item_list li:first-child,
.item_list002 li:first-child {
  border-top: 1px solid #dfdfdf; }

.item_list li:last-child,
.item_list002 li:last-child {
  border-bottom: 1px solid #dfdfdf; }

.item_list li:last-child .il_contents,
.item_list002 li:last-child .il_contents002 {
  border-bottom: 0px; }

.il_img,
.item_list002 .il_img {
  padding: 8px 0 8px 12px; }

.il_img img,
.item_list002 .il_img img {
  width: 76px;
  height: auto;
  margin: 0px 12px 0 0;
  vertical-align: top; }

.fitting_item_list .il_img img {
  width: 92px; }

.il_contents,
.item_list002 .il_contents002 {
  width: 100%;
  color: #3a3a3a;
  border-bottom: 1px solid #dfdfdf; }

.il_contents p,
.item_list002 .il_contents002 p {
  font-weight: bold; }

.il_contents .il_title,
.item_list002 .il_contents002 .il_title {
  width: 16em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.il_contents div {
  float: right; }

.il_contents div a,
.item_list002 .il_contents002 div a {
  font-size: 8.5pt;
  font-weight: bold;
  padding: 8px 20px;
  color: #3a3a3a;
  border: 1px solid #dfdfdf;
  border-radius: 5px; }

.item_list002 .il_contents002 a.btn_s_004,
.item_list002 .il_contents002 button.btn_s_004 {
  color: #3c556b;
  border: 1px solid #3c556b; }

.item_list002 .il_contents002 a.btn_s_003,
.item_list002 .il_contents002 button.btn_s_003 {
  color: #fff;
  border: 1px solid #3c556b; }

.item_list002 .boxitem_num p.num {
  text-align: center;
  display: block;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3c556b; }

.item_list002 .font_m p.num {
  width: 18px;
  height: 18px;
  line-height: 18px; }

.item_list002 .font_s p.num {
  width: 18px;
  height: 18px;
  line-height: 18px; }

.text_list a.fc_normal {
  color: #3a3a3a; }

/*--accessory_list--*/
.accessory_list {
  width: 100%; }

.accessory_list li {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  padding: 12px 24px 12px 0; }

.accessory_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.accessory_list li:first-child {
  border-top: 0px;
  padding-top: 12px; }

.accessory_list li a {
  color: #3a3a3a; }

/*--category_list--*/
.category_list {
  width: 100%;
  display: table;
  margin-bottom: 20px; }

.category_list li {
  position: relative; }

.category_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 45%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.category_list li:first-child {
  border-top: 1px solid #dfdfdf; }

.category_list li:last-child {
  border-bottom: 1px solid #dfdfdf; }

.category_list li a {
  color: #3a3a3a;
  display: block; }

.category_list li div,
.category_list li p {
  vertical-align: middle;
  display: table-cell; }

.category_list li .categorylist_img img {
  width: 50px;
  height: 50px;
  margin: 0 12px;
  vertical-align: top; }

.category_list li p {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  padding: 28px 0; }

.category_list li:last-child p {
  width: 100%;
  border-bottom: 0; }

/*--カスタムセット選択中_注意事項--*/
.category_caution {
  margin: 12px 0px 12px 12px; }

.category_caution li {
  text-indent: -0.9em;
  padding: 5px 0 0 0; }

/*--other_set_list--*/
.other_set_list {
  width: 100%;
  display: table;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.other_set_list li {
  position: relative; }

.other_set_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 44%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.other_set_list li a {
  color: #3a3a3a;
  display: block; }

.other_set_list div {
  display: table-cell;
  vertical-align: middle; }

.other_set_name {
  width: 80% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  overflow: hidden; }

.other_set_list p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 19em; }

.other_set_list li:last-child .other_set_name {
  border-bottom: none; }

.other_set_list .other_set_img {
  width: 20% !important;
  height: 50px;
  padding: 10px 12px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.other_set_list .other_set_img img {
  width: 100%;
  height: auto; }

.other_set_name span {
  background: #666;
  color: #fff;
  padding: 2px 4px;
  margin-right: 4px; }

/*--pickup_list--*/
.pickup_list {
  width: 100%;
  display: table;
  margin-top: 20px; }

.pickup_list div {
  width: 30%;
  display: table-cell;
  text-align: center;
  font-size: 8pt;
  color: #3a3a3a;
  padding: 0px; }

.pickup_list div img {
  width: 85%;
  border-radius: 100px;
  margin: 0 0 8px 0; }

/*-------------------------
	SNS　BUTTON
-------------------------*/
.sns_button {
  position: relative;
  overflow: hidden; }

.sns_button ul {
  position: relative;
  left: 50%;
  float: left; }

.sns_button ul li {
  position: relative;
  left: -50%;
  float: left;
  padding: 0 20px 0 0; }

.sns_button ul li:last-child {
  padding: 0; }

.sns_button ul li img {
  width: 40px; }

/*-------------------------
	cart
-------------------------*/
.reserved {
  font-size: 11.2pt;
  font-weight: bold;
  padding: 2px 0;
  margin: 8px 0 0;
  color: #fff;
  background: #3a3a3a;
  text-align: center; }

.reserved span {
  margin: 0 0 0 20px; }

.reserved_item {
  width: 100%;
  display: table;
  padding: 8px 0 4px;
  border-bottom: 1px solid #dfdfdf; }

.reserved_item div {
  vertical-align: middle;
  display: table-cell; }

.reserved_item div img {
  width: 100px;
  height: auto;
  margin: 0 8px 0 0; }

.reserved_item .reserveditem_contents {
  min-width: 147px;
  display: table; }

.reserved_item .reserveditem_contents li {
  font-size: 7.5pt;
  display: table-cell;
  padding: 0 0 3px; }

.reserved_item .reserveditem_contents li span {
  padding: 2px 6px;
  margin: 0 10px 0 0;
  background: #ccc;
  color: #fff; }

.reserved_item .unreserving_btn {
  min-width: 80px;
  text-align: right;
  vertical-align: bottom;
  padding: 0 10px 8px 0; }

.reserved_item .unreserving_btn a {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 12px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.reserved_item .additional_fee {
  color: #f72929; }

.preliminary_item_001 {
  width: 100%;
  display: table; }

.preliminary_item_001 div {
  vertical-align: middle;
  display: table-cell; }

.preliminaryitem_img img {
  width: 38px;
  height: auto;
  /*border: 1px solid #999;*/
  margin: 4px 8px 8px 0;
  vertical-align: top; }

.preliminary_item_001 .preliminaryitem_contents {
  min-width: 207px; }

.preliminary_item_001 .change_btn {
  min-width: 80px;
  text-align: right;
  padding: 7px 10px 0 0; }

.preliminary_item_001 .change_btn a {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 25px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.preliminary_item_001 .pi_title {
  width: 15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.preliminary_item_area {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 4px; }

.preliminary_item_002 {
  width: 100%;
  display: table;
  border-top: 1px solid #dfdfdf;
  padding: 8px 0; }

.preliminary_item_002:last-child {
  border-bottom: none; }

.preliminary_item_002:first-child {
  border-top: none; }

.preliminary_item_002 div {
  vertical-align: middle;
  display: table-cell; }

/* ボタンモジュール 在庫切れ */
.preliminary_item_002 div.code_change {
  display: block;
  border-top: 1px solid #dfdfdf; }

/*.preliminary_item_002 div.preliminaryitem_img_pc,*/
/*.preliminary_item_002 div.preliminaryitem_contents*/
/*{*/
/*vertical-align: middle;*/
/*display: table-cell;*/
/*}*/
.preliminary_item_002 div img {
  width: 100px;
  height: auto;
  margin: 0 8px 0 0;
  vertical-align: top; }

.preliminary_item_002:first-child div img {
  /*margin: 0 8px 0 12px;*/ }

.next_cart .preliminary_item_002:first-child div img,
.next_cart .preliminary_item_002 div img {
  margin: 0 8px 0 8px; }

.info_area .info_area_title {
  margin: 0px auto 24px;
  display: block;
  width: 220px;
  /*width: 76%;*/
  height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../../../edcl/images/about/ttl_ED_sns_2.png") no-repeat center 0;
  /*background-size: 186px auto;*/
  background-size: 220px auto; }

.info_area .info_area_title_txt {
  margin: 0px auto 22px;
  display: block;
  width: auto;
  height: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #2b283d;
  font-size: 14px; }

.info_area .link_tw,
.info_area .link_fb,
.info_area .link_insta,
.info_area .link_blog {
  width: 44px;
  height: 44px;
  margin-right: 18px;
  display: inline-block;
  background-size: 44px auto !important; }

.info_area .link_tw {
  background: url("../../../edcl/images/about/ic_tw_2.png") no-repeat center 0; }

.info_area .link_fb {
  background: url("../../../edcl/images/about/ic_fb_2.png") no-repeat center 0; }

.info_area .link_insta {
  background: url("../../../edcl/images/about/ic_insta_2.png") no-repeat center 0; }

.info_area .link_blog {
  background: url("../../../edcl/images/about/ic_blog_2.png") no-repeat center 0;
  margin-right: 0; }

.info_area .link_one {
  margin: 0px auto;
  width: 210px;
  height: 58px;
  display: block;
  background-size: 210px auto !important;
  background: url("../../../edcl/images/about/logo_one_2.png") no-repeat center 0; }

.preliminary_item_002 .change_btn,
.fitting_item_list .change_btn {
  min-width: 80px;
  float: right;
  /*padding-top: 14px;*/ }

.preliminary_item_002 .change_btn a,
.preliminary_item_002 .change_btn button,
.fitting_item_list .change_btn a,
.fitting_item_list .change_btn button {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 25px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.preliminary_item_002 .preliminaryitem_contents {
  min-width: 247px; }

.list_first_ml_none li:first-child {
  /*margin-left: 0px !important;*/ }

.list_first_ml_none li:first-child .mr24 {
  /*margin-right: 12px !important;*/ }

.border_pink {
  border: 1px solid #ff5576; }

.border_gray_t {
  border-top: 1px solid #dfdfdf; }

.messagebox_001 div {
  border: 1px solid #3a3a3a;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 12px; }

.messagebox_002 {
  display: block;
  border: 1px solid #ff5576;
  margin: 0 10px 10px;
  padding: 2px 0; }

.messagebox_002 div {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  padding: 0px 40px;
  margin-bottom: 12px;
  color: #ff5576; }

.messagebox_002 span {
  text-align: center;
  margin-bottom: 12px;
  color: #ff5576; }

/*-------------------------
	other
-------------------------*/
.status {
  margin: 16px 0 20px; }

.status_img,
.status_img_1st {
  text-align: center; }

.status_img img {
  width: 90%;
  min-width: 319px; }

.status_img_1st img {
  width: 60%;
  min-width: 212px; }

.status_table,
.status_table_1st {
  width: 100%;
  min-width: 319px;
  display: table; }

.status_table_1st {
  width: 82%;
  min-width: 260px;
  margin: 0 auto; }

.status_table div,
.status_table_1st div {
  width: 25%;
  color: #666;
  display: table-cell;
  text-align: center;
  clear: both; }

.status_table_1st div {
  width: 33.3%; }

.status_table .step1 {
  padding-right: 8%; }

.status_table .step2 {
  padding-right: 3.5%; }

.status_table .step3 {
  padding-left: 2.5%; }

.status_table .step4 {
  padding-left: 8%; }

.delivery {
  position: relative;
  overflow: hidden;
  margin: 12px 0 0; }

.delivery ul {
  position: relative;
  left: 50%;
  float: left; }

.delivery ul.list_delivery {
  float: none;
  left: 0; }

.delivery ul li {
  position: relative;
  left: -50%;
  float: left; }

.delivery ul li.list_num {
  display: table;
  margin: auto;
  float: none;
  left: 0; }

.delivery ul li div.img {
  width: 54px; }

.delivery ul li div.num {
  width: 110px; }

.delivery ul li:last-child {
  padding: 0; }

.delivery ul li img {
  width: 42px;
  padding: 4px 4px 0; }

.monthly_plan {
  border: 1px solid #3a3a3a;
  margin-bottom: 12px; }

.monthly_plan .mp_title {
  padding: 4px 0;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #3a3a3a; }

.planlist_item_001 {
  border-bottom: 1px dotted #ccc;
  clear: both;
  margin: 0 8px; }

.planlist_item_001 p {
  padding: 4px 0; }

.planlist_item_001 .plitem_l {
  float: left; }

.planlist_item_001 .plitem_r {
  float: right;
  text-align: right; }

.planlist_item_002_first {
  border-top: 1px solid #ccc;
  clear: both; }

.planlist_item_002_first,
.planlist_item_002 {
  border-bottom: 1px dotted #ccc;
  margin: 0 8px; }

.planlist_item_002:last-child {
  border-bottom: none; }

.planlist_item_002_first div,
.planlist_item_002 div {
  padding: 8px 0;
  text-align: center; }

.planlist_item_002_first .plitem_l,
.planlist_item_002 .plitem_l {
  float: left;
  min-width: 113px; }

.planlist_item_002_first .plitem_r,
.planlist_item_002 .plitem_r {
  float: right;
  margin-right: 8px; }

.planlist_item_002_first .discount,
.planlist_item_002 .discount {
  font-size: 8.5pt;
  background: #999;
  color: #fff; }

.planlist_item_002_first .price .tpitem_price_001,
.planlist_item_002 .price .tpitem_price_001 {
  font-size: 14pt;
  font-weight: bold; }

.planlist_item_002_first .price .tpitem_price_002,
.planlist_item_002 .price .tpitem_price_002 {
  font-size: 8.9pt; }

.trial_plan {
  border: 1px solid #3a3a3a;
  clear: both; }

.trial_plan .tp_title {
  padding: 4px 0;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #3a3a3a; }

.trial_plan .tp_txt {
  font-size: 9.5pt;
  padding: 8px 0;
  margin: 0 8px;
  border-bottom: 1px solid #ccc; }

.trial_plan .trialplan_item {
  margin: 8px; }

.trial_plan .trialplan_item .tpitem_l {
  float: left; }

.trial_plan .trialplan_item .tpitem_l p {
  font-weight: bold; }

.trial_plan .trialplan_item .tpitem_r {
  float: right;
  margin-right: 8px; }

.trial_plan .tpitem_price_001 {
  font-size: 14pt;
  font-weight: bold; }

.trial_plan .tpitem_price_002 {
  font-size: 8.9pt; }

.annotation {
  font-size: 7.5pt;
  color: #3a3a3a;
  margin: 2px 0 0;
  text-align: right; }

.category_parts {
  /*width: 100%;*/
  display: table; }

.category_parts div {
  display: table-cell;
  vertical-align: middle; }

.category_parts .category_type {
  width: 32px;
  height: 32px;
  font-size: 11.8pt;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center;
  line-height: 0; }

.category_parts .category_title {
  padding: 0 0; }

.category_parts .category_title .situation_category {
  text-align: center;
  font-size: 7.5pt;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 4px;
  /* アイコン複数表示のため追加 */
  display: inline-block;
  /*margin-bottom: 0;*/ }

.category_parts .category_title .situation_category span {
  float: left;
  padding: 0 8px;
  /*background:#ffbf00;*/ }

.category_parts .category_title p {
  clear: both;
  color: #3c556b; }

.category_title p {
  line-height: 1; }

.category_parts .category_title_name {
  line-height: 17px; }

.category_parts .category_type_sp {
  width: 38px;
  font-weight: bold;
  text-align: center;
  line-height: 0; }

.category_parts .category_type_sp p {
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background: #3c556b; }

.caution_box {
  border: 1px solid #ff5576;
  padding: 12px; }

/*--お知らせ--*/
.tab_btn_content {
  width: 100%;
  display: table; }

.tab_btn_content div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative; }

.tab_btn_content div p,
.tab_btn {
  font-size: 10.5pt;
  font-weight: bold;
  padding: 12px 0;
  border-bottom: 2px solid #fff;
  text-align: center; }

.tab_btn_content .active,
.slick-box .active {
  border-bottom: 2px solid #3a3a3a; }

.tab_btn_content a {
  color: #222; }

.tab_panel {
  display: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 12px;
  min-height: 400px; }

.tab_panel li {
  padding: 12px 28px 12px 12px;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-size: 10.5pt; }

.tab_panel li:after {
  display: block;
  content: '';
  position: absolute;
  top: 44%;
  right: 1em;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.tab_panel a {
  color: #3a3a3a; }

.tab_panel a p {
  font-size: 10.5pt;
  width: 24em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.tab_panel a p span {
  font-size: 8.5pt; }

.date_info {
  font-size: 90% !important;
  margin: 4px 0 0 0;
  color: #ccc; }

.fix_bottom_button {
  margin-bottom: 114px; }

.box_border {
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 8px 8px 0px 8px; }

.pagination ul li {
  display: inline;
  margin: 0.2em;
  color: #999;
  font-weight: normal; }

.pagination a {
  color: #3a3a3a; }

.pagination a:hover {
  text-decoration: underline; }

.pagination .on {
  /*今いるページ*/
  color: #3a3a3a;
  font-weight: bold; }

.pagination .active {
  /*存在するリンク*/
  color: #3a3a3a; }

.pagination .none {
  display: none; }

.notice_unread {
  /*　未読の場合は　<span class="notice_unread">運営から</span> となる。*/
  position: relative; }

.notice_unread:after {
  position: absolute;
  right: -18px;
  top: -3px;
  display: block;
  content: "\25CF";
  padding: 0 8px;
  color: #ff5576;
  font-size: 70%; }

.ic_unread {
  /*　未読の場合は　date_infoの最初に<span class="in_unread">未読</span> で入れる　*/
  padding: 0px 6px 0px;
  background: #ff5576;
  color: #fff;
  font-size: 7pt !important;
  display: inline-block;
  margin: 0 5px 0 0;
  border-radius: 2px;
  height: 14px; }

.read {
  background: #f6f6f6;
  /*　既読になったら　.tab_panel li に付ける　*/ }

.btn_read_all {
  display: inline-block;
  border: 1px solid #3c556a;
  height: auto;
  padding: 12px 16px;
  border-radius: 2px;
  color: #3c556b; }

a .btn_read_all {
  color: #3c556b !important; }

.btn_read_all.disabled {
  border: 1px solid #ccc;
  color: #ccc; }

a .btn_read_all.disabled {
  color: #ccc !important; }

/*---------------------------------------------------*/
.t_center {
  text-align: center; }

.t_right {
  text-align: right; }

.t_left {
  text-align: left; }

/*---------------------------------------------------*/
/*---------------------------------------------------*/
.img_center {
  margin: 0 auto;
  display: block; }

.dsp_i-block {
  display: inline-block; }

.dsp_block {
  display: block; }

/*---------------------------------------------------*/
/*  page layout                                      */
/*---------------------------------------------------*/
/*----------------------------------------
   top
----------------------------------------*/
/*--top--*/
/*非会員*/
#top_main {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 40px; }

.main_img img {
  width: 100%;
  vertical-align: top;
  padding-bottom: 4px; }

.sub_banner {
  display: table; }

.sub_banner div {
  display: table-cell; }

.sub_banner img {
  width: 100%;
  vertical-align: top;
  padding-bottom: 4px; }

.top_contents {
  margin-bottom: 40px; }

.top_contents h1,
.lower_contents h1,
.top_contents h2.top {
  font-size: 16pt;
  font-weight: normal;
  color: #3a3a3a;
  text-align: center;
  margin: 0 0 20px 0; }

.top_contents h2,
.lower_contents h2,
.lower_full_contents h2,
.top_contents h3.top {
  font-size: 14pt;
  font-weight: normal;
  color: #3a3a3a;
  text-align: center;
  margin: 10px 0; }

.top_contents h3,
.lower_contents h3 {
  font-size: 11.8pt;
  font-weight: normal;
  color: #3a3a3a;
  text-align: center;
  margin: 10px 0; }

.top_contents img {
  width: 100%;
  height: auto; }

.top_contents p {
  margin: 0 0 10px; }

.lower_full_contents {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.flexslider2 .flex-control-paging,
.flexslider2 .flex-direction-nav {
  display: none; }

/*会員*/
#top_main .flexslider_top .flex-control-paging {
  position: relative;
  bottom: 40px;
  opacity: 0.4;
  margin: 0 0 -25px; }

#top_main .flexslider_top .flex-direction-nav {
  display: none; }

/*-- item --*/
.top_item_img001_l {
  width: 66%;
  float: left; }

.top_item_img001_r {
  width: 32.35%;
  float: right; }

.top_item_img002 {
  margin: 0 0 20px; }

.top_item_img002 {
  clear: both; }

.top_item_img002_l {
  width: 30.74%;
  float: left; }

.top_item_img002_r {
  width: 67.5%;
  float: right; }

.top_item_img001_l img,
.top_item_img001_r img,
.top_item_img002_l img,
.top_item_img002_r img {
  width: 100%;
  height: auto; }

/*-- how to --*/
.top_howtouse {
  margin-bottom: 20px; }

.top_howtouse001,
.top_howtouse002 {
  width: 100%;
  display: table; }

.top_howtouse001 .top_howtouse001_l,
.top_howtouse001 .top_howtouse001_r,
.top_howtouse002 .top_howtouse002_r,
.top_howtouse002 .top_howtouse002_l {
  width: 50%; }

.top_howtouse001 .top_howtouse001_l,
.top_howtouse002 .top_howtouse002_r {
  text-align: center; }

.top_howtouse001 .top_howtouse001_r {
  padding: 0 12px 0 0; }

.top_howtouse002 .top_howtouse002_l {
  padding: 0 0 0 12px; }

.top_howtouse001 img,
.top_howtouse002 img {
  width: 84.6%;
  height: auto; }

.top_howtouse001 div,
.top_howtouse002 div {
  display: table-cell;
  vertical-align: middle; }

/*--plan slider--*/
.top_plan {
  margin-bottom: 20px;
  border: 4px solid #e8e8e8;
  padding: 8px;
  color: #3a3a3a; }

.top_plan .top_plan_inner {
  border: 1px solid #e8e8e8;
  padding: 20px 12px 0; }

.top_plan .flexslider {
  border: none;
  margin-bottom: 0; }

.top_plan .flexslider .flex-control-paging {
  display: none; }

.top_plan .top_plan_title {
  font-size: 11.8pt;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #e8e8e8; }

.top_plan .top_plan_title span {
  font-size: 15pt;
  font-weight: bold; }

.top_plan .top_plan_price {
  width: 100%;
  display: table; }

.top_plan .top_plan_price div {
  display: table-cell;
  vertical-align: middle; }

.top_plan .top_plan_price .top_plan_price_l {
  width: 60%;
  font-size: 25pt;
  font-weight: bold;
  text-align: right; }

.top_plan .top_plan_price .top_plan_price_r {
  font-size: 8.9pt;
  line-height: 16px;
  padding: 0 0 0 12px; }

.top_plan .top_plan_discount {
  width: 50%;
  margin: 0 auto 12px;
  font-size: 8.9pt;
  text-align: center;
  background: #f48fb3;
  color: #fff; }

.top_plan .top_plan_list {
  width: 100%;
  display: table;
  border-top: 1px solid #e8e8e8;
  font-size: 10.5pt; }

.top_plan .top_plan_list div {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 12px 0; }

.top_plan .flex-direction-nav a:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../../../edcl/images/top_plan_slider_prev_2_2.png");
  background-size: contain;
  vertical-align: middle; }

.top_plan .flex-direction-nav a.flex-next:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../../../edcl/images/top_plan_slider_next_2_2.png");
  background-size: contain;
  vertical-align: middle; }

.top_plan .flex-direction-nav .flex-prev {
  left: -24px !important; }

.top_plan .flex-direction-nav .flex-next {
  right: -24px !important; }

.top_banner_area img {
  width: 100%;
  height: auto; }

.top_fix_button {
  z-index: 99;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.top_fix_button p {
  padding-bottom: 12px; }

.top_fix_button .size_select_btn001_left {
  padding-left: 8px; }

.top_fix_button .size_select_btn001_right {
  padding-right: 8px; }

.top_fix_button .size_select_btn001_center p,
.top_fix_button .size_select_btn001_left p,
.top_fix_button .size_select_btn001_right p {
  padding-bottom: 0px; }

.top_fix_button_select .btn_m_003 {
  /*コーデ選択ボタン 2つ並び*/
  padding: 12px 0px 13px;
  width: 48%; }

/*--pick up--*/
.top_pickup_contents {
  margin-bottom: 20px; }

.top_pickup_contents img {
  width: 100%; }

.top_pickup_list {
  width: 100%;
  display: table;
  margin-top: 20px; }

.top_pickup_list div {
  width: 33%;
  display: table-cell;
  text-align: center;
  font-size: 8.5pt;
  color: #3a3a3a;
  padding: 12px; }

.top_pickup_list div img {
  width: 90%;
  border-radius: 100px; }

.top_pickup_moreselect {
  text-align: center; }

.top_pickup_moreselect a {
  width: 90%;
  margin: 20px 0 0;
  padding: 12px 0; }

/*----------------------------------------
   item
----------------------------------------*/
.view_item_list {
  margin-bottom: 20px; }

/*
.view_item_list li:nth-child(odd){
	width: 50%;
	float: left;
	text-align: center;
	padding: 20px 0 0;
}
.view_item_list li:nth-child(even){
	width: 50%;
	float: right;
	text-align: center;
	padding:0 0 20px;
}
*/
.view_item_list li:nth-child(odd) {
  width: 49%;
  float: left;
  text-align: center; }

.view_item_list li:nth-child(even) {
  width: 49%;
  float: right;
  text-align: center; }

.view_item_list li img {
  width: 100%;
  vertical-align: top;
  margin-bottom: 8px; }

.view_item_list li p {
  padding: 0;
  margin: 0; }

.view_item_list li a {
  color: #3a3a3a; }

.sns_area {
  margin: 40px 0; }

.sns_area p {
  text-align: center; }

.lower_full_contents .slick-box {
  border: none; }

.item_detail_slider {
  position: relative; }

.item_detail_slider .slick-box {
  border: none;
  margin-bottom: 0; }

.item_detail_slider .slick-box img {
  width: 100%;
  height: auto; }

.item_detail_slider .slick-box .slick-prev:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../../../edcl/images/top_plan_slider_prev_2_2.png");
  background-size: contain;
  vertical-align: middle; }

.item_detail_slider .slick-box .slick-next:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../../../edcl/images/top_plan_slider_next_2_2.png");
  background-size: contain;
  vertical-align: middle; }

.item_detail_slider .slick-box .slick-prev,
.item_detail_slider .slick-box .slick-next {
  width: 36px;
  height: 36px; }

.item_thumbnail_button {
  width: 40px;
  height: auto;
  position: absolute;
  /*bottom: 12px;*/
  bottom: 0px;
  left: 12px;
  z-index: 99; }

.item_thumbnail_button img {
  width: 100%;
  height: auto;
  opacity: 0.6; }

.item_detail_slider .slick-counter {
  font-size: 8.5pt;
  padding: 4px 20px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -25px;
  background-color: rgba(110, 110, 110, 0.5);
  color: #fff;
  border-radius: 100px; }

.item_detail_name h1 {
  font-size: 11.8pt;
  font-weight: bold;
  text-align: left;
  margin: 4px 0 0; }

.item_detail_name p {
  color: #3a3a3a; }

.item_coordinate_list001 li,
.item_coordinate_list002 li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px; }

.item_coordinate_list001 li:last-child,
.item_coordinate_list002 li:last-child {
  margin-right: 0px; }

.item_coordinate_list001 li img,
.item_coordinate_list002 li img {
  width: 100%;
  vertical-align: top; }

.item_coordinate_list001 li {
  width: 31.8%; }

.item_coordinate_list002 li {
  width: 23.29%; }

.item_information_area {
  background: #f5f5f5;
  padding: 12px;
  margin-top: 12px; }

.item_information_area .item_information_text {
  font-size: 8.9pt;
  /*border-bottom: 1px dashed #bfbfbf;*/
  padding: 2px 0 8px;
  line-height: 15pt; }

.item_information_area dl {
  width: 100%;
  display: table;
  color: #3a3a3a;
  padding-bottom: 2px; }

.item_information_area dl a {
  color: #3a3a3a;
  text-decoration: underline; }

.item_information_area dl dt,
.item_information_area dl dd {
  font-size: 8.9pt;
  display: table-cell;
  /*vertical-align: middle;*/
  vertical-align: top; }

.item_information_area dl dt {
  width: 20%; }

.item_information_area dl dd {
  width: 80%; }

.item_information_area .item_detail_table {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #3a3a3a; }

.item_information_area .item_detail_table th {
  font-size: 8.5pt;
  font-weight: normal;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #eaeaea;
  padding: 4px;
  text-align: center; }

.item_information_area .item_detail_table td {
  font-size: 8.5pt;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px;
  text-align: center;
  background: #fff; }

a.item_link_sns {
  /* ブログ・SNSリンク */
  margin: 0 6px 6px 0;
  padding: 4px 8px;
  border: 1px solid #e87e92;
  border-radius: 3px;
  background: #fff;
  display: block;
  float: left; }

.item_detail_img_list {
  margin-top: 10px;
  margin-bottom: 80px; }

.item_detail_img_list ul li {
  width: 32.2%;
  height: auto;
  float: left;
  margin-right: 1.7%;
  margin-bottom: 8px; }

.item_detail_img_list ul li img {
  vertical-align: top; }

.item_detail_img_list ul li:nth-child(3n) {
  margin-right: 0; }

.item_detail_img_list ul li a {
  display: block; }

.item_detail_img_list ul li a img {
  width: 100%;
  height: auto; }

#swipebox-action #swipebox-prev {
  width: 40px !important;
  height: 43px !important;
  content: url("../../../edcl/images/top_plan_slider_prev_2_2.png");
  background: none !important; }

#swipebox-action #swipebox-next {
  width: 40px !important;
  height: 43px !important;
  content: url("../../../edcl/images/top_plan_slider_next_2_2.png");
  background: none !important; }

#swipebox-action #swipebox-close {
  width: 24px !important;
  height: 24px !important;
  content: url("../../../edcl/images/close_2.png");
  background: none !important; }

#swipebox-caption .counter {
  font-size: 8.9pt;
  letter-spacing: 3px; }

.item_detail_img_title {
  font-size: 12pt;
  color: #3a3a3a;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative; }

.item_detail_img_title h2 {
  padding: 17px 0; }

/*
.item_detail_img_title a{
	position: absolute;
	top: 16px;
	left: 12px;
}
.item_detail_img_title a img{
	width: 24px;
	height: 24px;
}
*/
.item_detail_img_title a {
  position: absolute;
  top: 20px;
  left: 12px; }

.item_detail_img_title a img {
  width: 11px;
  height: 18px; }

.close_header_title {
  font-size: 12pt;
  color: #3a3a3a;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative; }

.close_header_title h2 {
  padding: 17px 0; }

.close_header_title a {
  position: absolute;
  top: 16px;
  right: 12px; }

.close_header_title a img {
  width: 24px;
  height: 24px; }

.coordinate_images_main img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.coordinate_set_list_btn {
  position: relative;
  margin: 20px 0 32px; }

.coordinate_set_list_btn .slick-active {
  border-bottom: 2px solid #ccc; }

.coordinate_set_list_btn a {
  font-size: 8.5pt;
  color: rgba(58, 58, 58, 0.6) !important;
  text-align: center; }

.coordinate_set_list_btn .slick-active a {
  color: #3a3a3a !important; }

.coordinate_set_list_btn:before {
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
  left: 0; }

.coordinate_set_list_btn:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
  right: 0; }

.coordinate_set_list_btn:before,
.coordinate_set_list_btn:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 9;
  width: 25px;
  height: 100%;
  top: 0; }

.coordinate_set_upper div {
  width: 48.87%;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px; }

.coordinate_set_upper div:last-child {
  margin-right: 0px; }

.coordinate_set_upper img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.coordinate_set_lower div {
  float: left; }

.coordinate_set_lower_left {
  width: 58.85%;
  margin-right: 8px; }

.coordinate_set_lower_right {
  width: 38.85%; }

.coordinate_set_lower div:last-child {
  margin-right: 0px; }

.coordinate_set_lower div img {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin-bottom: 8px; }

.item_set_detail_main ul li {
  width: 50%;
  float: left;
  position: relative; }

.item_set_detail_main img {
  width: 100%; }

.item_set_detail_main ul li img {
  width: 100%;
  vertical-align: top; }

.item_set_detail_main ul li span {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 10px;
  background: #ccc;
  color: #fff; }

.coordinate_set_detail_title {
  font-size: 12pt;
  color: #3a3a3a;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative; }

.coordinate_set_detail_title {
  text-align: center; }

.coordinate_set_detail_title h2 {
  padding: 17px 0; }

.coordinate_set_detail_title a {
  position: absolute;
  top: 20px;
  left: 12px; }

.coordinate_set_detail_title a img {
  width: 11px;
  height: 18px; }

.next_order_area {
  border: 1px solid #ccc;
  margin-bottom: 20px; }

.next_order_area .next_order_title {
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }

.next_order_area .next_order_contents {
  padding: 12px 12px 0; }

.coordinate_select_container {
  margin-bottom: 40px; }

.coordinate_select_main {
  position: relative; }

.coordinate_select_main img {
  width: 30%;
  vertical-align: top;
  margin-bottom: 8px; }

/* 次回コーデ選択確認ページ */
.next_coordinate_confirmation_info .coordinate_select_main img {
  width: 100%; }

.pc_list_coordinate_select .coordinate_select_main img {
  width: 100%;
  vertical-align: top;
  margin-bottom: 8px; }

.coordinate_new_flag {
  position: absolute;
  top: 0;
  left: 0;
  width: 15.2% !important;
  height: auto; }

.coordinate_select_contents {
  padding-left: 10px;
  padding-right: 10px; }

.coordinate_select_container .coordinate_select_contents {
  padding: 0; }

.coordinate_select_contents .situation_category {
  text-align: center;
  font-size: 7.5pt;
  color: #fff; }

.coordinate_select_contents .situation_category span {
  float: left;
  padding: 0 8px;
  /*background:#ffbf00;*/
  margin-bottom: 6px; }

.next_coordinate_confirmation_info .coordinate_select_contents .situation_category span {
  margin-right: 4px; }

.coordinate_select_thumbnail li {
  float: left;
  width: 60px;
  margin-right: 8px; }

.coordinate_select_thumbnail li:last-child {
  margin-right: 0px; }

.coordinate_select_thumbnail li img {
  width: 100%;
  vertical-align: top; }

.banner_area img {
  width: 100%;
  height: auto;
  margin-bottom: 40px; }

.service_calendar table td {
  font-size: 13px;
  padding: 4px !important;
  border: 1px solid #5a5f55; }

.service_calendar th {
  padding: 4px !important;
  font-size: 15px;
  text-align: center;
  background: #ede1d9;
  border: 1px solid #5a5f55; }

.service_calendar tr.sat_calendar {
  background: #e2ebf4; }

.service_calendar tr.sun_calendar {
  background: #fde4e5; }

.service_calendar .day,
.service_calendar .week {
  text-align: center;
  width: 18px;
  vertical-align: middle; }

.service_calendar tr.sat_calendar .day,
.service_calendar tr.sat_calendar .week {
  color: #738fd6; }

.service_calendar tr.sun_calendar .day,
.service_calendar tr.sun_calendar .week {
  color: #de7479; }

.service_calendar td[sche1] {
  color: #e24444; }

.service_calendar td[sche2] {
  color: #3fae57; }

.service_calendar td[sche3] {
  color: #6167e0; }

.next_coordinate_confirmation_area {
  margin: 20px 0 40px; }

.next_coordinate_confirmation_info {
  width: 60%;
  margin: 20px auto 40px; }

.next_coordinate_confirmation_info .category_parts .category_type {
  font-size: 11.8pt;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center;
  width: 33px;
  height: 32px; }

.next_coordinate_confirmation_info .coordinate_select_contents {
  padding-left: 0px;
  padding-right: 0px; }

.next_coordinate_change {
  text-align: center;
  margin: 20px 0; }

.next_coordinate_change a {
  padding: 8px 16px; }

.next_coordinate_confirmation_list {
  width: 100%;
  display: table;
  border-top: 1px solid #dfdfdf;
  margin: 20px 0 40px; }

.next_coordinate_confirmation_list li {
  border-bottom: 1px solid #dfdfdf; }

.next_coordinate_confirmation_list div {
  vertical-align: middle;
  display: table-cell; }

.nccl_img img {
  width: 100px;
  height: auto;
  margin: 8px 12px 0 0; }

.nccl_contents {
  width: 100%; }

.nccl_contents p {
  font-weight: bold; }

.nccl_contents .cl_title {
  width: 17em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.nccl_contents div {
  float: right; }

.nccl_contents div a {
  font-size: 8.5pt;
  font-weight: bold;
  padding: 9px 24px;
  border: 1px solid #3c556b;
  color: #3c556b;
  border-radius: 5px; }

.in_use_list {
  width: 100%; }

.in_use_list .reserved {
  font-size: 11.2pt;
  font-weight: bold;
  padding: 2px 0;
  margin: 8px 0 0;
  color: #fff;
  background: #3a3a3a;
  text-align: center; }

.in_use_list .reserved span {
  margin: 0 0 0 20px; }

.in_use_list .reserved_item {
  width: 100%;
  display: table;
  padding: 8px 0 4px;
  border-bottom: 1px solid #dfdfdf; }

.in_use_list .reserved_item div {
  vertical-align: middle;
  display: table-cell; }

.in_use_list .reserved_item div img {
  width: 100px;
  height: auto;
  margin: 0 8px 0 0; }

.in_use_list .reserved_item .reserveditem_contents {
  min-width: 147px;
  display: table; }

.in_use_list .reserved_item .reserveditem_contents li {
  font-size: 7.5pt;
  display: table-cell;
  padding: 0 0 3px; }

.in_use_list .reserved_item .reserveditem_contents li span {
  padding: 2px 6px;
  margin: 0 10px 0 0;
  background: #ccc;
  color: #fff; }

.in_use_list .reserved_item .unreserving_btn {
  min-width: 80px;
  text-align: right;
  vertical-align: bottom;
  padding: 0 0 8px 0; }

.in_use_list .reserved_item .unreserving_btn a {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 12px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.in_use_list .reserved_item .additional_fee {
  color: #f72929; }

.in_use_list .preliminary_item_001 {
  width: 100%;
  display: table; }

.in_use_list .preliminary_item_001 div {
  vertical-align: middle;
  display: table-cell; }

.in_use_list .preliminaryitem_img img {
  width: 38px;
  height: auto;
  border: 1px solid #999;
  margin: 4px 8px 0 0; }

.in_use_list .preliminary_item_001 .preliminaryitem_contents {
  min-width: 207px; }

.in_use_list .preliminary_item_001 .change_btn {
  min-width: 80px;
  text-align: right; }

.in_use_list .preliminary_item_001 .change_btn a {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 25px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.in_use_list .preliminary_item_001 .pi_title {
  width: 15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.in_use_list .preliminary_item_002 {
  width: 100%;
  display: table;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 8px 0;
  margin-bottom: 12px; }

.in_use_list .preliminary_item_002 div {
  vertical-align: middle;
  display: table-cell; }

.in_use_list .preliminary_item_002 div img {
  width: 100px;
  height: auto;
  margin: 0 8px 0 0; }

.in_use_list .preliminary_item_002 .change_btn {
  min-width: 80px;
  float: right; }

.in_use_list .preliminary_item_002 .change_btn a {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 25px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.in_use_list .preliminary_item_002 .preliminaryitem_contents {
  min-width: 247px; }

.in_use_list .messagebox_001 div {
  border: 1px solid #3a3a3a;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 12px; }

.in_use_list_item {
  display: table;
  padding: 10px; }

.in_use_list_item .in_use_list_item_img,
.in_use_list_item .in_use_list_item_contents,
.in_use_list_item .in_use_list_item_contents li {
  display: table-cell;
  vertical-align: top; }

.in_use_list_item .in_use_list_item_img img {
  width: 100px;
  height: 100px;
  padding: 0 8px 0 0;
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover; }

.in_use_list_item_set {
  display: table; }

.in_use_list_item_set .in_use_list_item_set_type,
.in_use_list_item_set .in_use_list_item_set_name {
  vertical-align: middle;
  display: table-cell;
  padding-top: 2px;
  padding-right: 10px; }

.in_use_list_item .in_use_list_item_contents li {
  padding: 0 8px 4px 0;
  line-height: 1; }

.in_use_list_item .in_use_list_item_contents li span {
  font-size: 7.5pt;
  color: #fff;
  padding: 3px 6px; }

.icon_daily span, .icon_dairy span {
  /* オン&オフ */
  background: #F3C141 !important;
  color: #fff; }

.icon_office span {
  /* オフィススタイル */
  background: #ceaaff !important;
  color: #fff; }

.icon_relax span {
  /* リラックスシルエット */
  background: #66cc75 !important;
  color: #fff; }

.icon_thick span {
  /* 厚め記事 */
  background: #f18156 !important;
  color: #fff; }

.in_use_list_item .in_use_list_item_contents a {
  padding: 7px 32px; }

.in_use_list_item_set .in_use_list_item_set_type span {
  max-width: 28px;
  max-height: 28px;
  background: #3c556b;
  color: #fff;
  padding: 6.5px 7px; }

.in_use_list_item_set .in_use_list_item_set_name {
  font-size: 8.9pt;
  color: #3c556b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3; }

.coordinate_select_btn {
  display: table;
  width: 100%;
  margin-bottom: 12px; }

.coordinate_select_btn_left,
.coordinate_select_btn_right {
  display: table-cell;
  width: 50%; }

.coordinate_select_btn_left a {
  margin-right: 4px; }

.coordinate_select_btn_right a {
  margin-left: 4px; }

.coordinate_select_btn_left a,
.coordinate_select_btn_right a {
  width: 98%;
  font-size: 8.9pt;
  padding: 12px 0;
  border-radius: 5px;
  display: inline-block; }

.order_history_button {
  margin-bottom: 20px; }

.precaution {
  background: #f5f5f5;
  /* border: 1px solid #ccc; */
  padding: 12px; }

.rental_period:last-child {
  border-bottom: 1px solid #3a3a3a; }

.rental_period .rental_period_frame {
  border-top: 1px solid #3a3a3a;
  border-left: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a;
  padding: 8px 0 8px 12px; }

.rental_period .rental_period_frame:last-child {
  border-bottom: none; }

.rental_period .cl_contents {
  border: none; }

.rental_period .rental_list li {
  position: relative;
  border-bottom: 1px #ccc; }

.rental_period .rental_list a {
  color: #3a3a3a; }

.rental_period .item_list rl:first-child {
  border-top: none; }

.rental_period .item_list rl:last-child {
  border-bottom: none; }

.rental_period .rental_list rl:first-child {
  border-top: none; }

.rental_period .rental_list rl:last-child {
  border-bottom: none; }

.rental_period .rl_title {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.rental_period .rental_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.categories_area li {
  width: 48.8%;
  float: left;
  margin-bottom: 12px; }

.categories_area li a {
  color: #3a3a3a; }

.categories_area li:nth-child(odd) {
  margin-right: 8px; }

.categories_area .item_img img {
  width: 100%;
  vertical-align: top; }

.categories_area .situation_category {
  font-size: 7.5pt;
  padding: 4px 0 0; }

.categories_area .situation_category span {
  color: #fff;
  padding: 2px 6px;
  padding: 2px 2px; }

.on_off {
  background: #ffd966; }

.relax {
  background: #a5d988; }

.categories_area .selected .item_img {
  background: #000;
  position: relative; }

.categories_area .selected .item_img:before {
  content: '';
  font-size: 8.9pt;
  display: block;
  position: absolute;
  z-index: 9;
  width: 30px;
  height: 30px;
  opacity: 0.7;
  background: #ff5576;
  border-radius: 100px;
  top: 8px;
  right: 8px; }

.categories_area .selected .item_img:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 18px;
  width: 7px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.categories_area .selected .item_img img {
  opacity: 0.7; }

.categories_area div.situation_category {
  display: inline-block;
  font-weight: bold;
  font-size: 6.3pt; }

.category_menu .toggle {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 12px 0;
  position: relative; }

.category_menu .toggle:after {
  position: absolute;
  top: 60%;
  right: 12px;
  margin-top: -14px;
  content: '';
  width: 9px;
  height: 9px;
  border-right: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.category_menu .toggle.active:after {
  top: 75%;
  border-right: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.toggle_contents {
  display: none; }

.toggle_contents li:first-child {
  border-top: none; }

.cart_top {
  padding: 8px 0 12px;
  border-bottom: 1px solid #ccc; }

.cart_sub {
  padding: 12px 0; }

.cart_top .cart_sub {
  padding: 12px 0 0; }

.cart_sub .messagebox_001 div {
  border: 1px solid #ff5576;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 0px;
  color: #ff5576; }

.cart_top_code_change {
  padding: 8px 0 12px;
  /*border-bottom: 1px solid #ccc;*/ }

.coordinate_top_code_change {
  padding: 16px 0 0; }

.bdrb_none {
  border-bottom: none !important; }

.kids_size_select_modal,
.category_item_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.category_item_modal_wrapper {
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -140px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid #ccc;
  width: 240px;
  height: 340px;
  padding: 20px; }

.category_item_modal_content {
  top: 18%;
  left: 50%;
  margin-left: -140px;
  position: absolute;
  color: #3a3a3a;
  font-size: 8.9pt;
  width: 240px;
  height: 340px;
  padding: 20px; }

.category_item_modal .size_select_btn001 {
  margin-top: 46px; }

.category_item_modal .size_select_btn001_left a,
.category_item_modal .size_select_btn001_right a {
  padding: 14px 32px; }

.next_reservation_cart_title {
  font-weight: bold;
  padding: 8px 0 8px 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.next_reservation_cart,
.next_cart {
  border: 1px solid #ccc;
  padding: 0 0 0 10px; }

.next_order_area .next_cart {
  padding: 0 0 0 0px;
  border: none; }

.next_reservation_cart .preliminary_item_002 .preliminaryitem_contents,
.next_cart .preliminary_item_002 .preliminaryitem_contents {
  min-width: 227px;
  padding-right: 10px; }

.next_cart .preliminary_item_002 .preliminaryitem_contents {
  min-width: 220px;
  padding-right: 8px; }

.next_order_alert_text {
  background: #ff5576;
  color: #fff;
  text-align: center;
  margin-bottom: px;
  font-weight: bold; }

.next_cart .preliminary_item_002:first-child {
  border-top: none; }

.multiply_coordination_area {
  margin: 0 10px; }

.multiply_coordination_contents {
  padding: 10px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 5px; }

.multiply_coordination_area img {
  width: 100%;
  vertical-align: top; }

.coordinate_images_accessory {
  margin-bottom: 20px;
  border-bottom: 1px solid #dfdfdf; }

.coordinate_images_accessory .accessory_list {
  width: 100%; }

.coordinate_images_accessory .accessory_list li {
  position: relative;
  border-top: 1px solid #dfdfdf;
  border-bottom: none;
  padding: 12px 24px 12px 0;
  margin-left: 12px; }

.coordinate_images_accessory .accessory_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 46%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.coordinate_images_accessory .accessory_list li:first-child {
  border-top: 1px solid #dfdfdf;
  padding-top: 12px;
  padding-left: 12px;
  margin-left: 0px; }

.coordinate_images_accessory .accessory_list li a {
  color: #3a3a3a; }

.news_detaile_title {
  font-size: 13pt !important;
  font-weight: bold !important;
  text-align: left !important;
  color: #3c556b !important;
  border-bottom: 1px dashed #3a3a3a;
  margin: 20px 0 8px !important;
  padding: 0 0 16px; }

.news_detaile_text {
  padding: 12px 12px 20px;
  margin-bottom: 20px;
  /*border-bottom: 1px dashed #3a3a3a;*/ }

.news_detaile_footer {
  font-size: 8.9pt;
  background: #dfdfdf;
  padding: 8px;
  margin: 0 0 20px;
  border-radius: 5px; }

.news_detaile_footer_title {
  font-weight: bold;
  margin-bottom: 8px; }

.select_cart_title {
  font-size: 14.8pt; }

/* レンタル履歴 */
.rental_history_area {
  margin-bottom: 0px; }

.rental_history_area .rental_history_title {
  padding: 12px 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 8.9pt;
  color: #666; }

.rental_history_area .in_use_list_item_img img {
  width: 76px;
  height: 76px; }

.rental_history_area .in_use_list_item_contents {
  position: relative;
  width: 100%;
  min-height: 100px;
  padding-bottom: 0; }

.rental_history_area .in_use_list_item_set_name {
  color: #3a3a3a;
  -webkit-line-clamp: 1; }

.rental_history_area .in_use_list_item_contents .t_right {
  position: absolute;
  bottom: 0;
  right: 0; }

.rental_history_area .item_list li {
  border: none; }

.rental_history_area .item_history_list {
  min-width: 100%; }

.rental_history_area .set_history_list .il_contents,
.rental_history_area .item_history_list .il_contents {
  padding: 8px 24px 8px 8px;
  min-width: 100%;
  max-width: 100%; }

.rental_history_area .item_history_list div {
  display: block; }

.rental_history_area .item_history_list .il_contents .il_title {
  width: 23em; }

/* レンタル履歴 古いもの */
.old_history_list {
  width: 100%; }

.old_history_list li {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  border-bottom: 0px;
  border-top: none; }

.old_history_list div.il_contents {
  padding: 8px 24px 8px 12px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.old_history_list li:last-child .il_contents {
  border-bottom: 0px;
  /*border-bottom: 1px solid #dfdfdf;*/ }

.old_history_list .il_contents .il_title {
  width: 23em;
  padding-right: 20px; }

hr.list_bottom {
  border: 0;
  border-bottom: 1px solid #dfdfdf; }

/* ご利用状況のトライアルプラン確定前 */
.trial_plan_name {
  text-align: center; }

/* プレゼントアイコン付きp */
p.icon_present {
  margin: 0;
  padding-left: 28px;
  line-height: 28px;
  background: url("../../../edcl/images/member/icon_present_2.png") no-repeat left top;
  background-size: 24px, auto; }

#header_title {
  padding: 24px 0;
  font-size: 11.8pt;
  line-height: 1em;
  text-align: center; }

.list_present_select > li {
  margin-bottom: 10px;
  padding: 0 0 0 10px;
  border: 1px solid #dfdfdf; }

.list_present_select_img,
.list_present_select_img_active {
  padding: 10px 5% 10px 0;
  display: table-cell;
  position: relative;
  width: 30%;
  vertical-align: middle; }

.list_present_select_img_active a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e85964;
  background: #555; }

.list_present_select_img_active a::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(232, 89, 100, 0.7) url("../../../edcl/images/ic_check_2.png") no-repeat 50%;
  background-size: 100% auto; }

.list_present_select_img a,
.list_present_select_img_active a {
  position: relative;
  display: block; }

.list_present_select_img img,
.list_present_select_img_active img {
  width: 100%;
  vertical-align: bottom; }

.list_present_select_img_active img {
  opacity: 0.7; }

.list_present_select_btns,
.list_present_select_btns_banner {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }

.list_present_select_btns_inner li {
  margin-bottom: 0;
  padding: 10px 10px 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  border-left: none;
  border-right: none;
  border-bottom: none;
  vertical-align: middle;
  display: table;
  width: 100%; }

.list_present_select_btns_inner li:first-child {
  border-top: none; }

.list_present_select_btns_inner li div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center; }

.list_present_select_btns_inner li a,
.list_present_select_btns_inner li input,
.list_present_select_btns_banner input,
.list_present_select_btns_inner li .btn_disable {
  display: table-cell;
  /*width: 45%;*/
  min-width: 40px;
  padding: 12px 5px 13px; }

.list_present_select_btns_inner li input {
  width: 100%;
  height: 48px; }

.list_present_select_btns_banner input {
  width: 45%;
  height: 48px;
  float: right; }

.list_present_select_btns_inner li input:hover,
.list_present_select_btns_banner input:hover {
  opacity: 0.7; }

.list_present_select_btns_inner li .btn_disable,
.list_present_select_btns_banner .btn_disable {
  border-radius: 5px;
  background: #cfcbc6;
  pointer-events: none;
  color: #fff;
  font-weight: bold; }

.list_present_select_btns_banner .btn_disable {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  display: block;
  padding: 12px 5px;
  text-align: center;
  width: 45%;
  min-width: 40px;
  float: right; }

.list_present_select .category_type {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 32px;
  height: 32px;
  font-size: 11.8pt;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center;
  line-height: 32px; }

.list_present_select_btns_banner {
  padding: 10px 10px 10px 0; }

.list_present_select_btns_banner a {
  width: 45%;
  min-width: 40px;
  padding: 12px 5px 13px;
  float: right; }

.present_select_term {
  margin-bottom: -2px;
  padding: 10px;
  border: 2px solid #e85964; }

.present_select_term .num {
  font-weight: bold;
  font-size: 22px; }

.present_select_term .icon_active,
.present_select_term .icon_gray {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px;
  height: 24px;
  line-height: 24px;
  background: #e85964;
  border-radius: 3px;
  margin-left: 5px;
  color: #fff; }

.present_select_term .icon_gray {
  background: #ccc; }

/* コーデ選択リストをdicではなくulにした場合のclass */
.coordinate_select_area ul {
  padding: 0 12px; }

.coordinate_select_area li {
  width: 100%;
  /*float: left;*/
  margin-bottom: 40px; }

.coordinate_select_area li a {
  /*color: #3a3a3a;*/ }

/*.coordinate_select_area li:nth-child(odd){*/
/*margin-right: 8px;*/
/*}*/
.coordinate_select_area .item_img img {
  width: 100%;
  vertical-align: top; }

.coordinate_select_area .situation_category {
  font-size: 7.5pt;
  padding: 4px 0 0; }

.coordinate_select_area .situation_category span {
  color: #fff;
  padding: 2px 6px; }

/*.on_off{background: #ffd966;}*/
/*.relax{background: #a5d988;}*/
.coordinate_select_area .coordinate_select_thumbnail ul {
  /* サムネイルのul */
  padding: 0px; }

.coordinate_select_area .coordinate_select_thumbnail {
  padding-left: 0;
  margin-left: 0; }

.coordinate_select_area .coordinate_select_thumbnail li {
  float: left;
  width: 60px;
  margin-right: 8px;
  margin-bottom: 0; }

.coordinate_select_area .coordinate_select_thumbnail li:last-child {
  margin-right: 0px; }

.coordinate_select_area .coordinate_select_thumbnail li img {
  width: 100%;
  vertical-align: top; }

span.btn_m_005 {
  padding: 18px 56px;
  font-size: 11.2pt;
  /*font-weight: bold;*/
  /*!*padding: 18px 43px;*!*/
  /*border-radius: 6px;*/
  /*display: inline-block;*/ }

/* /コーデ選択リストをdicではなくulにした場合のclass */
.table {
  display: table; }

.table-cell {
  display: table-cell; }

/* ===== フィード対応=====  */
#feed ul {
  width: 100%; }

#feed li {
  width: 42%;
  height: auto;
  padding: 6px;
  margin: 4px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  border: none;
  background-color: #fff;
  _display: inline;
  _zoom: 1; }

#feed img {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: auto; }

#feed .icon_new {
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  width: 52px;
  height: 52px;
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left;
  background-size: 100% auto; }

/*カレンダーページ　スライダー矢印*/
.slick-prev, .slick-next {
  z-index: 20 !important; }

.slick-prev:before, .slick-next:before {
  color: rgba(153, 153, 153, 0.8) !important; }

.slick-slide {
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.outlet {
  /* アウトレットアイコン画像 */
  z-index: 98;
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  width: 22%;
  height: 22%;
  background: url("../../../edcl/images/outlet_icon_2.png") no-repeat top left;
  background-size: 100% auto; }

/* 旧ページで使う記述を追加 */
.space_xs,
.space_s,
.space_m,
.space_l,
.space_exl {
  margin: 0;
  padding: 0;
  border: none; }

.space_xs {
  height: 5px; }

.space_s {
  height: 10px; }

.space_m {
  height: 30px; }

.space_l {
  height: 60px; }

.space_exl {
  height: 610px;
  /*height: 440px;*/ }

.btn_s {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 40%;
  margin: 30px auto;
  padding: 15px 0 15px 0;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  display: block; }

.btn_s[pink] {
  border: #ff5576 2px solid;
  background: #fff;
  color: #ff5576; }

.btn_s[pink_bg] {
  width: 80%;
  font-size: 18px;
  line-height: 18px;
  margin: 0 auto;
  padding: 18px 0;
  color: #fff;
  border: none;
  cursor: pointer;
  background: #f2596b; }

.btn_s[black] {
  border: #666 2px solid;
  background: #fff;
  color: #666; }

.btn_s[gray] {
  border: #bfbfbf 2px solid;
  background: #ebebeb;
  color: #bfbfbf; }

.btn_s[pink]:hover {
  background: #ff5576;
  color: #fff; }

.btn_s[black]:hover {
  background: #666;
  color: #fff; }

.btn_s[gray2]:hover {
  opacity: 0.7; }

/* ご利用状況ページのアイコンデザイン突貫修正 */
.preliminaryitem_contents .in_use_list_item_contents .icon_daily span,
.preliminaryitem_contents .in_use_list_item_contents .icon_dairy span,
.preliminaryitem_contents .in_use_list_item_contents .icon_office span,
.preliminaryitem_contents .in_use_list_item_contents .icon_relax span {
  padding: 0 4px;
  font-size: 7.5pt; }

.size_select_btn001 .size_select_btn001_right span.btn_m_005,
.size_select_btn001 .size_select_btn001_left span.btn_m_005,
.size_select_btn001 .size_select_btn001_right button,
.size_select_btn001 .size_select_btn001_left button {
  padding: 12px 40px !important; }

.size_select_btn001 .size_select_btn001_center span.btn_m_005,
.size_select_btn001 .size_select_btn001_center button {
  padding: 12px 44px !important;
  width: 100%; }

/* プレゼント特典ページ */
h5.present {
  padding: 4px 0 0 30px;
  min-height: 28px;
  line-height: 20px;
  color: #000;
  font-size: 20px;
  background: url("../../../edcl/images/member/icon_present_2.png") no-repeat left top;
  background-size: 26px, auto; }

/*----------------------------------------
BENTO css
-----------------------------------------*/
/* 10%OFFとかの表示 */
.messagebox_003 {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background: #ff5576; }

.messagebox_003 .inner {
  padding: 4px;
  border: 1px solid #fff; }

.tab_panel_fitting_confilmation {
  display: none; }

/* ボックス名 */
.in_use_list_item_box_name {
  color: #3c556b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 2;*/
  overflow: hidden;
  line-height: 1.3; }

/* ボックスの画像エリア */
.in_use_list_item .in_use_list_box_img img {
  width: 80px;
  height: 80px;
  padding: 0 8px 0 0;
  vertical-align: top; }

.fitting_confilmation {
  border-top: none; }

/* リスト内のボックス名 */
.item_list .boxitem_num,
.item_list .boxitem_name,
.preliminary_item_002 .boxitem_num,
.preliminary_item_002 .boxitem_name {
  display: table-cell;
  vertical-align: top; }

.item_list .boxitem_num,
.preliminary_item_002 .boxitem_num {
  position: relative;
  width: 24px;
  /*text-align: center;*/
  /*width: 20px;*/
  /*height: 20px;*/
  /*line-height: 20px;*/
  /*color: #fff;*/
  /*box-sizing: border-box;*/
  /*background: #3c556b;*/ }

.item_list .boxitem_name,
.preliminary_item_002 .boxitem_name {
  height: 20px;
  line-height: 20px;
  font-size: 8.9pt;
  /*color: #3c556b;*/
  overflow: hidden; }

.preliminary_item_002 .boxitem_num p {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3c556b; }

.item_list002 p.num {
  /*position: absolute;*/
  /*top:0;*/
  /*left: 0;*/
  text-align: center;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3c556b; }

/* 金額計算用のリスト */
.fitting_price_list {
  width: 100%;
  display: table;
  font-size: 10.5pt; }

.fitting_price_list div {
  /*width: 50%;*/
  display: table-cell;
  vertical-align: middle;
  font-size: 8.9pt;
  padding: 4px 0; }

/* チェックボックス */
.checkbox input[type=checkbox] {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: 0 5px 0 1px; }

.checkbox .area_checkbox {
  display: table; }

.checkbox .area_checkbox div {
  display: table-cell; }

#checkbox input[type=textbox] {
  /*border:none;*/
  background: none;
  -webkit-appearance: none; }

/* 共通パーツ ※あとで移動 */
.margin_auto {
  margin: 0 auto; }

.border_none {
  border: none !important; }

.border_t_none,
.border_t_none li:first-child,
.border_t_none li:last-child {
  border-top: none; }

.border_b_none,
.border_b_none li:first-child,
.border_b_none li:last-child {
  border-bottom: none !important; }

.border_tb_none,
.border_tb_none li:first-child,
.border_tb_none li:last-child {
  border-top: none;
  border-bottom: none; }

.border_t {
  border-top: 1px solid #ccc; }

.border_t_black {
  border-top: 1px solid #222; }

.border_b {
  border-bottom: 1px solid #ccc; }

.border_tb {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.box_border_area {
  border: 1px solid #ccc; }

.box_border {
  border: 1px solid #ccc; }

.border_radius5 {
  border-radius: 5px; }

.t_top {
  vertical-align: top !important; }

.t_middle {
  vertical-align: middle !important; }

.t_bottom {
  vertical-align: bottom !important; }

.float_l {
  float: left; }

.float_r {
  float: right; }

/* リスト内の003ボタンデザイン */
.preliminary_item_002 .change_btn a.btn_003,
.preliminary_item_002 .change_btn button.btn_003 {
  font-size: 8.9pt;
  font-weight: bold;
  padding: 8px 25px;
  color: #fff;
  border: 1px solid #3c556b;
  background: #3c556b;
  border-radius: 5px; }

span.icon_batch_tab {
  /*display: inline-block;*/
  /*width: 14px;*/
  /*height: 14px;*/
  /*line-height: 14px;*/
  /*padding: 0px 0 0;*/
  /*content: "！";*/
  /*background: #ff5576;*/
  /*border-radius: 16px;*/
  /*color: #fff;*/
  /*text-align: center;*/
  /*font-size: 10px;*/
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0px 0 0;
  content: "\FF01";
  background: #ff5576;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  /*position: absolute;*/
  /*top:50%;*/
  /*right: 20%;*/ }

span.icon_batch_tab {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0px 0 0;
  content: "\FF01";
  background: #ff5576;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  font-size: 10px; }

div.icon_batch_tab {
  display: table-cell;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0px 0 0;
  content: "\FF01";
  background: #ff5576;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  font-size: 10px; }

.sp_price_bg {
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0f0f0; }

.icon_boxitem_num {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3c556b; }

.test {
  display: table;
  position: relative; }

/* BENTO用itemlist */
/*--item_list002--*/
/*.item_list002{*/
/*width: 100%;*/
/*display: table;*/
/*}*/
/*.item_list002 .il_img,*/
/*.item_list002 .il_contents002 {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
/*.item_list002 .il_img {*/
/*vertical-align: top;*/
/*}*/
/*.item_list002 li {*/
/*position: relative;*/
/*}*/
/*.item_list002 li a{*/
/*display: block;*/
/*}*/
/*.item_list002 li.arrow::after {*/
/*display: block;*/
/*content: '';*/
/*position: absolute;*/
/*top: 46%;*/
/*right: 1em;*/
/*width: 6px;*/
/*height: 6px;*/
/*border-right: 2px solid #dfdfdf;*/
/*border-bottom: 2px solid #dfdfdf;*/
/*-webkit-transform: rotate(-45deg);*/
/*transform: rotate(-45deg);*/
/*}*/
/*.item_list002 li:first-child{*/
/*border-top: 1px solid #dfdfdf;*/
/*}*/
/*.item_list002 li:last-child{*/
/*border-bottom: 1px solid #dfdfdf;*/
/*}*/
/*.item_list002 li:last-child .il_contents002{*/
/*border-bottom: 0px;*/
/*}*/
/*.item_list002 .il_img{*/
/*padding: 8px 0 8px 12px;*/
/*}*/
/*.item_list002 .il_img img{*/
/*width: 76px;*/
/*height: auto;*/
/*margin: 0px 12px 0 0;*/
/*vertical-align: top;*/
/*}*/
/*.item_list002 .il_contents002{*/
/*width: 100%;*/
/*color: #3a3a3a;*/
/*border-bottom: 1px solid #dfdfdf;*/
/*}*/
/*.item_list002 .il_contents002 p{*/
/*font-weight: bold;*/
/*}*/
/*.item_list002 .il_contents002 .il_title{*/
/*width: 16em;*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*-o-text-overflow: ellipsis;*/
/*}*/
/*.item_list002 .il_contents002 div {*/
/*!*float: left;*!*/
/*}*/
/*.item_list002 .il_contents002 div a{*/
/*font-size: 8.5pt;*/
/*font-weight: bold;*/
/*padding: 8px 20px;*/
/*color: #3a3a3a;*/
/*border: 1px solid #dfdfdf;*/
/*border-radius: 5px;*/
/*}*/
h1.select_set_name {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #3c556b; }

.size_select_btn001 .sp_btn_area {
  text-align: center;
  /*min-height: 36px;*/ }

.size_select_btn001 .size_select_btn001_left .btn_2options,
.size_select_btn001 .size_select_btn001_right .btn_2options {
  width: 92%;
  padding: 12px 0 !important; }

/* ウインドウサンプル */
/** { margin: 0; padding: 0; border: 0; }*/
/*body {background: #000;font-size:30px; font-family: "Arial", "sans-serif";}*/
#loading {
  /*line-height:480px;*/
  /*height:480px;*/
  /*width:100%;*/
  /*text-align:center;*/
  /*margin:0 auto;*/
  /*overflow:hidden;*/
  /*position:absolute;*/
  /*z-index:0;*/
  /*color:#fff;*/
  /*visibility:visible;*/ }

#wrapper {
  width: 100%;
  height: 100%;
  /*width:320px;*/
  /*height:480px;*/
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  visibility: hidden; }

.hide {
  width: 100%;
  margin: auto;
  height: px;
  background: #ccc;
  border: 1px solid #000;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  position: absolute;
  top: 100%;
  left: 0px;
  /*width:300px;*/
  /*height:310px;*/
  /*background:#999;*/
  /*-webkit-transition-duration: 0.3s;*/
  /*-moz-transition-duration: 0.3s;*/
  /*position:absolute;*/
  /*top:100%;*/
  /*left:10px;*/
  /*background:url(http://jsrun.it/assets/v/y/C/p/vyCpE.png);*/
  /*background-size:100% auto;*/
  /*border:solid 1px #666666;*/
  /*-moz-border-radius:25px;*/
  /*-webkit-border-radius:25px;*/
  /*-o-border-radius:25px;*/
  /*-ms-border-radius:25px;*/ }

.show {
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0%;
  left: 0%;
  /*width:300px;*/
  /*height:310px;*/
  /*background:#999;*/
  /*-webkit-transition-duration: 0.5s;*/
  /*　　　-moz-transition-duration: 0.3s;*/
  /*position:absolute;*/
  /*top:18%;*/
  /*left:10px;*/
  /*background:url(http://jsrun.it/assets/v/y/C/p/vyCpE.png);*/
  /*background-size:100% auto;*/
  /*border:solid 1px #666666;*/
  /*-moz-border-radius:25px;*/
  /*-webkit-border-radius:25px;*/
  /*-o-border-radius:25px;*/
  /*-ms-border-radius:25px;*/ }

footer {
  /*position:absolute;*/
  /*bottom:0px;*/
  /*left:65px;*/
  /*width:191px;*/
  /*height:56px;*/
  /*background:url(http://jsrun.it/assets/5/b/i/m/5bim7.png);*/
  /*background-size:191px 56px;*/ }

/* 閉じるボタン */
.btn {
  height: 80px;
  width: 80px;
  background: #ff0000; }

.btn span {
  display: none; }

.btn:before {
  content: '';
  height: 19px;
  width: 95%;
  text-align: center;
  line-height: 35px;
  -webkit-border-radius: 36px;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 50%);
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  opacity: 0.3; }

.tile {
  list-style-type: none;
  margin: 11px auto;
  width: 265px; }

.tile li {
  float: left;
  margin: 3px;
  font-size: 15px;
  font-weight: bold;
  width: 80px;
  height: 70px;
  text-align: center;
  background: radial-gradient(50% 100%, circle, rgba(255, 255, 255, 0.4) 1%, rgba(150, 150, 150, 0.4) 100%);
  border-radius: 5px;
  -webkit-box-shadow: 40px -10px 40px -10px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 40px -10px 40px -10px rgba(255, 255, 255, 0.5) inset;
  border: solid 1px rgba(255, 255, 255, 0.4);
  line-height: 100px;
  position: relative; }

.tile li span {
  position: absolute;
  top: 9px;
  left: 8px;
  font-size: 12px;
  color: #FFF; }

.kids_size_select_modal_wrapper {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -140px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 280px;
  /*height: 340px;*/ }

.kids_size_select_modal_content {
  border: 2px solid #ccc;
  top: 30%;
  left: 50%;
  margin-left: -140px;
  position: absolute;
  color: #3a3a3a;
  font-size: 8.9pt;
  width: 280px;
  /*height: 340px;*/
  padding: 0px;
  background-color: rgba(255, 255, 255, 0.9); }

.btn_length_size-select li {
  display: table;
  width: 268px;
  min-height: 74px;
  margin: auto;
  margin-left: 12px;
  padding: 12px 12px 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd; }

.btn_length_size-select li:last-child {
  border-bottom: none; }

.btn_length_size-select .sp_btn_length {
  padding: 10px 0px;
  width: 130px; }

.modal_close {
  display: inline-block;
  width: 22px !important;
  height: 22px !important;
  content: url("../../../edcl/images/common/dialog_close_2.png");
  background: none !important; }

.tab_btn_content .icon_batch_tab {
  margin: -12px -4px 0 2px;
  width: 15px; }

.set_list_select_history li {
  margin-bottom: 20px; }

.set_list_select_history li:last-child {
  margin-bottom: 0px; }

.rerative {
  position: relative; }

.absolute {
  position: absolute; }

.item_list002 .area_img_overlay {
  position: absolute;
  top: 8px;
  left: 12px; }

.item_list002 .img_selected {
  /* 選択済みアイコン */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 92px;
  height: 92px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 50px;
  background: url("../../../edcl/images/fitting/common/icon_img_selected_2.png") no-repeat center 35%, rgba(0, 0, 0, 0.35);
  background-size: 36px auto, 100% 100%; }

.checkbox_rules_fitting_table {
  width: 270px;
  margin-bottom: -6px; }

.checkbox_rules_fitting {
  width: 22px;
  height: 22px;
  padding: 0; }

.checkbox_rules_fitting_label {
  line-height: 20px;
  height: 22px;
  vertical-align: top;
  padding: 8px 0 0 0; }

.inline-block {
  display: inline-block; }

.table_fitting_schedule .shipment,
.table_fitting_schedule .return {
  width: 64px;
  height: 64px;
  padding-top: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background: #ccc;
  border-radius: 100px;
  line-height: 1.4em; }

.table_fitting_schedule .return {
  background: #fb9ca2; }

.table_fitting_schedule .try {
  width: 128px;
  height: 64px;
  background: url("../../../edcl/images/fitting/common/icon_schedule_arrow_2.png") no-repeat center center;
  background-size: 80% auto; }

.table_fitting_schedule .shipment_rabel,
.table_fitting_schedule .return_rabel {
  width: 64px; }

.table_fitting_schedule .try_rabel {
  width: 128px; }

/* KIDSフォトギャラリーページ */
.photo_gallery_img_list {
  margin-top: 10px;
  margin-bottom: 80px; }

.photo_gallery_img_list ul li.photo_w,
.photo_gallery_img_list ul li.photo_h {
  width: 32%;
  height: auto;
  float: left;
  margin-right: 2%;
  margin-bottom: 8px; }

.photo_gallery_img_list ul li.photo_h {
  width: 23.5%; }

.photo_gallery_img_list ul li img {
  vertical-align: top; }

.photo_gallery_img_list ul li.photo_w:nth-child(3n) {
  margin-right: 0; }

.photo_gallery_img_list ul li.photo_h:nth-child(4n) {
  margin-right: 0; }

.photo_gallery_img_list ul li a {
  display: block; }

.photo_gallery_img_list ul li a img {
  width: 100%;
  height: auto; }

/* KIDSフォトギャラリーページ */
/* SELECT・KIDS用LP 固定ボタンのフキダシ */
.top_fix_button .balloon1 {
  position: relative;
  display: inline-block;
  color: #fff;
  background: #ff5576;
  border-radius: 5px; }

.top_fix_button .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ff5576; }

/* /SELECT・KIDS用LP 固定ボタンのフキダシ */
/*-----▼　カラー診断用css　▼-----*/
section h2 {
  font-size: 16pt;
  font-weight: bold;
  color: #3a3a3a;
  text-align: center; }

.subtitle {
  font-size: 11pt;
  font-weight: normal;
  font-family: "didot", "\FF2D\FF33   \FF30\660E\671D", "\FF2D\FF33   \660E\671D", serif;
  text-align: center;
  position: relative; }

.subtitle:after {
  display: block;
  content: "";
  width: 30px;
  height: 4px;
  background: #edc8c7;
  margin: 12px auto; }

.bg_gray {
  background: #f5f5f5; }

.bg_white {
  background: #fff; }

.bg_pink {
  background: #ff5576; }

.bg_blue_green {
  background: #117796; }

.bg_red {
  background: #ff0000; }

.triangle:after {
  margin-top: -2px;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent transparent #000; }

.coloranalysis_img_main_area {
  margin: 0 auto;
  width: 1000px;
  height: 340px; }

.coloranalysis_img_main_area img {
  margin-bottom: -95px; }

.coloranalysis_img_coode {
  width: 100%;
  max-width: 800px; }

.ic_point {
  padding-left: 20px;
  font-size: 15px;
  color: #3a3a3a;
  text-align: left;
  background: url("../../../edcl/images/fitting/select/coloranalysis/ic_point_2.png") no-repeat left 50%;
  background-size: 16px; }

/*-----▲　カラー診断用css　▲-----*/
/* KIDS SNS導線追加分 */
#kids_sns_link h2 {
  font-size: 16pt;
  font-weight: bold;
  color: #3a3a3a;
  text-align: center; }

#kids_sns_link .subtitle {
  font-size: 11pt;
  font-weight: normal;
  font-family: "didot", "\FF2D\FF33   \FF30\660E\671D", "\FF2D\FF33   \660E\671D", serif;
  text-align: center;
  position: relative; }

#kids_sns_link .subtitle:after {
  display: block;
  content: "";
  width: 40px;
  height: 6px;
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/fitting/kids/line_1.png?2") no-repeat;
  background-size: auto 6px;
  margin: 6px auto 12px; }

#kids_sns_link .sub_3:after {
  display: block;
  content: "";
  width: 40px;
  height: 6px;
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/fitting/kids/line_3.png?2") no-repeat;
  background-size: auto 6px;
  margin: 6px auto 12px; }

#kids_sns_link .pc_sns_insta {
  width: 930px; }

#kids_sns_link .pc_sns_insta td {
  width: 310px;
  padding: 20px 20px 0; }

#kids_sns_link .sp_sns_blog {
  margin-bottom: 20px; }

#kids_sns_link .sp_sns_blog td.blog_img {
  width: 49%;
  vertical-align: top;
  /*background: #f5f5f5;*/
  /*width: 42%;*/
  /*box-sizing:border-box;*/
  /*vertical-align: middle;*/
  /*padding-bottom: 6px;*/ }

#kids_sns_link .sp_sns_blog .text {
  margin-top: -5px;
  padding: 6px 6px 4px;
  overflow: hidden;
  text-overflow: ellipsis; }

#kids_sns_link .sp_sns_blog .text p {
  height: 4.5em;
  line-height: 1.5; }

/*#kids_sns_link .sp_sns_blog td.blog_text {*/
/*width: 58%;*/
/*box-sizing:border-box;*/
/*vertical-align: middle;*/
/*padding-bottom: 12px;*/
/*padding-left: 2%;*/
/*}*/
#kids_sns_link .pc_area_sns_blog {
  width: 890px; }

#kids_sns_link .pc_area_sns_blog .article {
  display: table-cell;
  width: 445px; }

#kids_sns_link .pc_sns_blog {
  width: 445px; }

#kids_sns_link .pc_sns_blog td.blog_img {
  width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding-bottom: 6px; }

#kids_sns_link .pc_sns_blog td.blog_text {
  width: 225px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 12px;
  padding-bottom: 12px; }

/* /KIDS SNS導線追加分 */
/* KIDS テキストリンクの＞ */
.txt_link_arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px; }

.txt_link_arrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px; }

/* KIDS テキストリンクの＞ */
/* プラン選択確認時のプラン表パーツ */
#list_plan_select {
  padding: 0 16px 5px; }

#list_plan_select li {
  width: 100%;
  margin: 0;
  padding: 0 0 9px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

#list_plan_select .plan {
  margin: 0; }

#list_plan_select div.ic_recomend {
  /* オススメ */
  position: absolute;
  left: 1px;
  top: -2px;
  height: 30px;
  width: 30px;
  background: url("../../../edcl/images/regist/plan/ic_recomend_2.png") no-repeat center top;
  background-size: 100% auto; }

/* /プラン選択確認時のプラン表パーツ */
/* index使い方 */
.howtouse_index {
  position: relative; }

.howtouse_l_index {
  float: left;
  margin: -10px 0; }

.ic_howtouse_index {
  font-family: -apple-system, BlinkMacSystemFont,
 "Helvetica Neue", "Segoe UI", 和文フォント指定, sans-serif;
  font-size: 2.3em;
  color: #3c556b;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  position: relative;
  background: #fff;
  margin: -4px 12px 0 4px;
  font-style: oblique; }

.howtouse_index:after {
  display: block;
  content: "";
  width: 12px;
  height: 86%;
  background: url("../../../edcl/images/fitting/kids/arrow_gray_2.png");
  background-position: left;
  background-size: 12px;
  background-repeat: repeat-y;
  position: absolute;
  top: 2.4em;
  left: 0.5em;
  z-index: 0; }

.howtouse_index:last-child:after {
  display: none; }

.howtouse_summary_index {
  min-height: 5em;
  margin-left: 2.5em; }

/*レンタル販売*/
label.change_btn {
  cursor: pointer;
  padding: 5px;
  border: 1px solid #434343;
  border-radius: 5px;
  text-align: center; }

input.check_box {
  display: none; }

input.check_box:checked + .change_btn {
  background-color: #3c556b;
  color: #ffffff; }

/*----------------------------------------
EDIST. Bag
-----------------------------------------*/
.bag-list {
  overflow: hidden;
  display: flex;
  /*justify-content: space-between;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0.5%; }

.bag-content {
  float: left;
  width: 31.3%;
  min-height: 204px;
  background-color: #fff;
  margin: 0 1%;
  margin-bottom: 4px; }