@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,
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; }

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

.clearfix:after {
  clear: both; }

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

/*----------------------------------------
setting
-----------------------------------------*/
html {
  display: block;
  width: 100%;
  position: relative;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%;
  margin: 0px auto; }

body {
  display: block;
  color: #3a3a3a;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3',Meiryo,メイリオ,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;
  background: #fff;
  width: 100%;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%;
  /*overflow-x: hidden;*/ }

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

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* 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; }

/* 201801リニューアルで削除 */
/*table{*/
/*width:100%;*/
/*table-layout:auto;*/
/*margin:0 0 15px;*/
/*}*/
/*table th,*/
/*table td{*/
/*border:1px solid #EF90A1;*/
/*padding:8px 14px 6px;*/
/*white-space:normal;*/
/*word-break:break-all;*/
/*vertical-align:top;*/
/*}*/
/*table th{*/
/*font-weight:bold;*/
/*background:#fff0f3;*/
/*}*/
/*.font_s {*/
/*font-size: 12px;*/
/*}*/
.txt_right {
  text-align: right; }

/*.table_area{margin:auto 15px;}*/
/*横幅setting*/
/*----------------------------------------
globalHeader
-----------------------------------------*/
/*#globalHeader,*/
#globalHeader_index,
#index_slide,
#index_main,
#index_instagram,
#index_concept_top,
#index_howto,
#index_collection,
#index_coordinate,
#index_category,
#index_member,
#index_schedule,
#index_user,
#index_faq,
#index_media,
#index_plus_one,
.line_gray,
.list_path,
#recipe,
#pages,
#pages_full,
#pages_w100,
#credit,
#service,
#code,
#code_select,
#login {
  width: 1000px !important;
  margin: 0px auto; }

#pages_w100 {
  width: 100% !important; }

#index_instagram {
  padding-top: 20px; }

/*テキストベースのページ*/
#pages,
#credit,
#service,
#code,
#code_select,
#login {
  width: 680px !important;
  margin: 0px auto; }

/*----------------------------------------
common parts
-----------------------------------------*/
.sp_only {
  display: none !important; }

.center {
  text-align: center !important; }

.float_l {
  float: left; }

.float_r {
  float: right; }

.hidden {
  display: none;
  visibility: hidden; }

.page_title {
  /* ページタイトル(原則h1)用 */
  margin: 0 auto 30px !important;
  color: #ef8fa1;
  font-size: 34px;
  line-height: 34px;
  text-align: center; }

h3 {
  margin: 0 auto;
  color: #ef8fa1;
  font-size: 34px;
  line-height: 34px;
  text-align: center; }

h4 {
  font-size: 20px;
  color: #ef8fa1;
  margin: 30px 15px 5px 15px; }

h5 {
  margin: 0 15px 10px;
  font-weight: bold; }

.right {
  text-align: right; }

/* 201801リニューアル時に削除
p ,*/
dd {
  padding: 0 15px 0 15px;
  font-size: 16px;
  line-height: 21px; }

/* 201801リニューアル時に削除
p{margin-bottom:15px;}
*/
pre {
  margin: 0 15px; }

.mn {
  font-size: 14px; }

.mmn {
  font-size: 13px; }

.complete {
  margin: 0 auto;
  text-align: center; }

.list {
  margin: 20px 15px 15px 15px; }

.list ul {
  padding: 5px 15px 25px 15px;
  font-size: 16px;
  line-height: 25px; }

.list li {
  padding: 5px 0 0 1.25em;
  font-size: 13px;
  line-height: 21px;
  text-indent: -1.25em; }

.list li:before {
  content: "\30FB   ";
  color: #666; }

.area_gray {
  background: #ebebeb;
  margin: 15px 0;
  padding: 15px;
  font-size: auto; }

.attention {
  background: #fff0f3;
  margin: 15px;
  padding: 15px;
  font-size: auto; }

.link_b {
  color: #000;
  text-decoration: underline; }

.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: 420px;
  font-size: 20px;
  line-height: 20px;
  margin: 0 auto;
  padding: 25px 0;
  color: #fff;
  border: none;
  cursor: pointer;
  background: #f2596b; }

.btn_s[pink_bg_s] {
  width: 240px;
  font-size: 16px;
  margin: 14px auto 0;
  padding: 12px 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,
.btn_s[pink_bg]:hover {
  opacity: 0.7; }

.num_live .btn_s[gray2],
.num_live .gray2_disabled {
  /* 郵便番号自動入力ボタン */
  display: block;
  margin: 5px 0 0 20px;
  padding: 0;
  width: 126px;
  height: 43px;
  line-height: 43px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  border-radius: 2px;
  border: none;
  background: #848487; }

/* 非活性ボタン */
.num_live .gray2_disabled {
  border: none;
  margin: 0 auto;
  border: 0;
  color: #e6e6e6;
  background: #ccc !important; }

.num_live .gray2_disabled:hover {
  opacity: 1 !important; }

.btn_m {
  width: 80%;
  margin: 30px auto;
  padding: 15px 0 15px 0;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  display: block;
  background: #fff; }

.btn_m[pink] {
  border: #ff5576 2px solid;
  color: #ff5576; }

.btn_m[black] {
  border: #666 2px solid;
  color: #666; }

.btn_m[gray] {
  border: #bfbfbf 2px solid;
  background: #ebebeb;
  color: #bfbfbf; }

.btn_m[pink]:hover {
  background: #ff5576;
  color: #fff; }

.btn_m[black]:hover {
  background: #666;
  color: #fff; }

.pink {
  border: #ff5576 2px solid;
  background: #fff;
  color: #ff5576; }

.black {
  border: #666 2px solid;
  background: #fff;
  color: #666; }

.gray {
  border: #bfbfbf 2px solid;
  background: #ebebeb;
  color: #bfbfbf; }

.pink:hover {
  background: #ff5576;
  color: #fff; }

.black:hover {
  background: #666;
  color: #fff; }

.btn_confirm {
  text-align: center;
  margin: 30px 0; }

.btn_confirm .btn_s {
  display: inline-block;
  margin: 0 10px; }

.above_form {
  margin-bottom: 20px; }

#footer_link {
  text-align: center;
  margin: 0px auto 10px; }

#footer_link li {
  display: inline;
  list-style: none;
  display: inline;
  list-style-type: none;
  margin-right: 6px;
  padding-left: 10px;
  border-left: 1px solid #000; }

#footer_link li a {
  color: #000;
  text-decoration: underline; }

#footer_link li:first-child {
  border-left: none; }

.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: 280px;
  /*height: 190px;*/ }

.line_gray {
  border-top: solid 1px #a99e94; }

.margin0 {
  margin: 0px !important; }

.margin-bs {
  margin-bottom: 5px; }

.padding0, .pc_padding0 {
  padding: 0px !important; }

.bold {
  font-weight: bold; }

p.clear {
  clear: both;
  margin: 0; }

.page_title {
  margin: 0 auto;
  color: #ef8fa1;
  font-size: 34px;
  line-height: 34px;
  text-align: center; }

.txt_left {
  text-align: left; }

section {
  /* SPからコピーして仮入れ */
  padding-left: 10px;
  padding-right: 10px; }

/*-----▼ ここからheaderPC.cssに切り分け ▼-----*/
/*----------------------------------------
globalHeader
-----------------------------------------
#globalHeader{
	position: relative;
	top: -2px;
	width : 100%;
	z-index : 20;
}

#globalHeader h1{
	display : block;
	overflow:hidden;
	width:180px;
	height:60px;
	margin : 3px auto 0;
	background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/logoEDIST.png")) no-repeat center 0;
}
#globalHeader h1>a{
	display : block;
	overflow:hidden;
	width:180px;
	height:60px;
	white-space:nowrap;
	text-indent:110%;
}

#globalHeader_index{
	position: relative;
	top: -2px;
	width : 100%;
	height:84px;
	z-index : 20;
}
#globalHeaderIc{
	position: relative;
	top: -2px;
	width : 1000px;
	height: 84px;
	margin: 0 auto -84px;
	z-index : 20;
}
#globalHeader_index h1,
#globalHeader_index #logo
{
	position:absolute;
	bottom:17px;
	left:0px;
	display : block;
	overflow:hidden;
	width:148px;
	margin : 3px auto 0;
	background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/logoEDIST.png")) no-repeat center 0;
	background-size:148px auto;
}
#globalHeader_index h1>a,
#globalHeader_index #logo>a {
	display : block;
	overflow:hidden;
	width:148px;
	height:44px;
	white-space:nowrap;
	text-indent:110%;
}
.bnr_header_pc {
	margin: 0 auto;
	height: 60px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #6c625d;
	background: #f3a09f;
}
#index_menu{
	position:absolute;
	top:54px;
	right:0px;
}
#index_menu li:before{
	content:"|";
	color:#cecece;
	position:absolute;
	right:-6px;
}
#index_menu li.right:before{
	content:"|";
	color:#FFF;
}
#index_menu li{
	margin:0 !important;
	padding:0;
	display:inline-block;
	width: 108px;
	height:28px;
	text-align:center !important;
	color:#5f5a55;
	font-size:12px;
	position:relative;
}

#index_menu li:hover{
	border-bottom:5px solid #ff718c;
	color:#ff718c !important;
}
#index_menu A:hover{
	color:#ff718c !important;
}


#btn_header_menu, #btn_header_menu_pc {
	display:block;
	position:absolute;
	top:10px;
	right:140px;
	width:40px;
	height:34px;
	background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/common/header_menu_pc.png")) no-repeat center center;
	background-size: 24px auto;
	border:2px solid #cecece;
}

#globalHeaderIc #btn_header_menu {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/common/header_menu_regist_pc.png")) no-repeat center center;
	background-size: 42px auto;
	border: none;
}

#btn_header_login_sp{
	display: none;
}
#btn_header_login_pc,
#btn_header_logout,
#btn_header_regist_pc {
	display:table-cell;
	position:absolute;
	top:10px;
	right:0px;
	width:100px;
	height:36px;
	text-align:center;
	vertical-align: middle;
	cursor:pointer;
}

#globalHeaderIc #btn_header_login_pc {
	top: 20px;
	left: 20px;
	width:42px;
	height:42px;
}

#btn_header_logout{
	width:130px;
}
#btn_header_regist_pc {
	position:absolute;
	top:10px;
	right:108px;
	width:100px;
}

#btn_header_login_pc:after,
#btn_header_logout:after,
#btn_header_regist_pc:after {
	content:"ログイン";
	display:table-cell;
	width:auto;
	height:27px;
	border:2px solid #cecece;
	display:block;
	text-align:center;
	color:#5f5a55;
	font-size:12px;
	font-weight:bold;
	padding:7px  0 0 0;
}

#globalHeaderIc #btn_header_login_pc:after {
	content:"";
	border: none;
	display:block;
	padding: 0;
	width: 42px;
	height: 42px;
	background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/common/header_menu_regist_pc.png")) no-repeat center center;
	background-size: 42px auto;
}

#btn_header_regist_pc:after {
	border:2px solid #ffa5ad;
	border:2px solid #ff718c;
	color:#ff718c;
}
#btn_header_logout:after{
	content:"ログアウト";
}
#btn_header_regist_pc:after{
	content:"会員登録";
}
#btn_header_regist_pc:hover {
	background: #ffebef;
}
#btn_header_login_pc_:hover,
#btn_header_login_pc:hover,
#btn_header_logout:hover {
	background: #efefef;
}
#globalHeaderIc #btn_header_logout:hover {
	background: none;
}
#globalmenu, #globalmenu_pc{
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 9;
	width:350px;
	border:none;
	display:none;
	margin:1px 0 0 0;
	padding:0;
	background:#FFF;
	box-shadow: -1px 1px 3px rgba(0,0,0,0.8);
}
#globalmenu01{
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 9;
	width:350px;
	border:none;
	display:none;
	margin:1px 0 0 0;
	padding:0;
	background:#FFF;
	box-shadow: -1px 1px 3px rgba(0,0,0,0.8);
}
#globalmenu {
	position: absolute;
	left: 0;
	top: 76px;
	z-index: 9;
	width: 350px;
	height: 500px;
	border:none;
	display:none;
	margin:1px 0 0 0;
	padding:0;
	background:#FFF;
	box-shadow: -1px 1px 3px rgba(0,0,0,0.8);
}
#globalHeaderIc #globalmenu {
	width: 300px;
	height: auto;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
#globalmenu li a,
#globalmenu_pc li a,
#globalHeaderIc li a {
	box-sizing: border-box;
	font-size:18px;
	height:auto;
	width: 100%;
	display:block;
	border-bottom:1px solid #999;
	padding:15px 15px 15px 55px;
	color:#000;
}
#globalHeaderIc li a {
	font-size:16px;
	padding:15px 15px 15px 50px;
	color:#222;
}
#globalmenu01 form {
	background: #fff;
	padding-bottom: 10px;
}
#globalmenu01 form li{
	padding: 10px 0 0;
}
#globalmenu01 form label{
	margin: 10px 0 0 15px;
	width: 80%;
}
#globalmenu01 form .btn_m{
	margin: 20px auto 0;
	width: 80%;
	padding: 15px 0 15px 0;
	border-radius: 4px;
	font-size: 15px;
	text-align: center;
	display: block;
	background: #fff;
}
#globalmenu01 form .btn_m[pink]{
	border:#ff5576 2px solid;
	color : #ff5576;
}
#globalmenu01 form .btn_m[pink]:hover{
	background:#ff5576;
	color : #fff;}
#globalmenu01 form li a{
	display: inline-block;
	padding: 0;
	text-align: center;
	border: none;
	width: 100%;
}


#globalmenu01 input[type=text],
#globalmenu01 input[type=email],
#globalmenu01 input[type=password]{
	border:2px solid #bfbfbf;
	padding:12px 10px;
	margin: 0 0 10px 15px;
	height:auto;
	width:85%;
	font-size:14px;
}
#globalmenu_info:before,
#globalmenu_customer:before,
#globalmenu_coordinateselect:before,
#globalmenu_buy:before,
#globalmenu_faq:before,
#globalmenu_contact:before,
#globalmenu_resign:before,
#globalmenu_present:before,
#globalmenu_regist:before,
#globalmenu_about:before,
#globalmenu_howto:before,
#globalmenu_concept:before,
#globalmenu_collection:before,
#globalmenu_coordinate:before,
#globalmenu_plan:before
{
	content:" ";
	display:block;
	width: 25px;
	height: 25px;
	background:url(https://closet.edist.jp/css/dist/buildImagePath("/images/sprite.png")) no-repeat, #fff;
	background-size: 400px auto, 100%;
	position:absolute;
	top:15px;
	left:14px;
}

#globalmenu_info:before{background-position: -25px 0; }
#globalmenu_customer:before{background-position:-50px 0; }
#globalmenu_coordinateselect:before{background-position:-175px 0; }
#globalmenu_buy:before{background-position:-120px 0; }
#globalmenu_contact:before{background-position:-125px 0; }
#globalmenu_resign:before{background-position:-150px 0; }
#globalmenu_present:before{background-position:-200px 0; }
#globalmenu_regist:before{background-position:-360px 0; }
#globalmenu_about:before{ background-position: -375px -25px; }
#globalmenu_howto:before{background-position: -274px 0px; }
#globalmenu_collection:before{background-position: -175px 0; }
#globalmenu_coordinate:before{background-position: -324px 0; }
#globalmenu_concept:before{background-position: -250px 0; }
#globalmenu_plan:before{background-position: -350px 0; }
#globalmenu_faq:before{background-position: -102px 0; }


#globalmenu_info,
#globalmenu_customer,
#globalmenu_coordinateselect,
#globalmenu_buy,
#globalmenu_faq,
#globalmenu_contact,
#globalmenu_resign,
#globalmenu_present,
#globalmenu_regist
{position:relative;}
/*-----▲ ここまでheaderPC.cssに切り分け ▲-----*/
/*初月無料　index ヘッダー上部帯 */
.top_free {
  background-color: #18305c;
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.top_free .contents-block {
  max-width: 1000px;
  height: 60px;
  margin: 0 auto; }

.freelabel {
  background: url("../../../edcl/images/free_campain_pc_free_repeat_pc_2.png") repeat-x, #bf2638;
  background-size: auto 100%, 100%;
  height: 22px; }

.top_free .special-contents {
  background-color: #ffe54a;
  float: left;
  min-width: 200px;
  max-width: 300px;
  height: 60px;
  display: inline-block; }

.top_free .special {
  display: inline-block;
  color: #39546b;
  font-weight: bold;
  font-size: 1.7em;
  text-align: center;
  vertical-align: top;
  padding: 10px 10px 0 40px; }

.top_free .triangle {
  width: 0;
  height: 0;
  border-top: 30px solid #3a536b;
  border-right: 20px solid #3a536b;
  border-bottom: 30px solid #3a536b;
  border-left: 20px solid #ffe54a;
  display: inline-block; }

/*
.top_free .special :after{
content:"";
width: 0;
height: 0;
border-left: 30px solid #cccccc;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
display: inline-block;
margin:  0;
}
*/
.top_free .contents {
  float: right;
  min-width: 700px;
  max-width: 700px; }

.top_free .main-comment {
  color: #fff;
  font-weight: bold;
  font-size: 1.7em;
  vertical-align: middle;
  padding: 10px 0 10px 0;
  display: inline-block; }

.top_free .sub-comment {
  color: #fff;
  padding: 0.1em 0.5em;
  font-weight: normal;
  font-size: 1em;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block; }

.top_free .sub-comment span {
  border: solid 1px #fff;
  border-radius: 3px;
  padding: 0 0.5em;
  display: inline-block; }

.top_free .sub-comment:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 20px;
  display: inline-block; }

/*パンクズリスト*/
.list_path li {
  float: left;
  color: #5f5a55;
  /*color: #635343;*/
  position: relative;
  display: block;
  margin: 30px 0 10px 30px;
  line-height: 0; }

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

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

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

.list_path_bottom {
  padding-bottom: 40px; }

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

.bread_path ul {
  margin: 7px auto;
  width: 1000px; }

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

.bread_path li a {
  color: #222; }

.bread_path li img {
  width: 19px;
  height: auto;
  margin-top: -10px; }

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

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

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

/*----------------------------------------
pages(メインでコンテンツが入る部分)
-----------------------------------------*/
#pages,
#pages_full,
#pages_w100,
#credit,
#service,
#code,
#code_select,
#login {
  margin: 40px auto 0;
  padding-bottom: 370px;
  /*padding-bottom: 280px;*/ }

#service {
  margin-top: 0; }

.space_top0 {
  margin-top: 0 !important;
  padding-top: 0 !important; }

#pages h3,
#pages_full h3,
#credit h3,
#service h3,
#code h3,
#code_select h3 {
  margin-bottom: 30px; }

/*login時のみのスタイル*/
#mainVisual .top_login h2 {
  top: 100px; }

#mainVisual .top_login .mainText {
  padding: 520px 0 0 0; }

/*index*/
/*#index_main,*/
.index_contentswrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 6px !important;
  width: 1000px; }

.index_contentswrap ul {
  margin: 50px auto; }

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

.title_notification {
  margin: 0px !important;
  padding: 0 0 0px !important;
  font-size: 20px;
  font-weight: bold;
  /*color: #a99e94;*/ }

#index_instagram,
#index_concept,
#index_coordinate,
#index_service,
#index_member,
#index_schedule,
#index_user,
#index_faq,
#index_media,
#index_plus_one,
#index_howto {
  clear: both;
  margin-bottom: 100px; }

#index_main {
  margin-bottom: 50px; }

#index_instagram {
  margin-bottom: 0px; }

#index_media {
  margin-bottom: 200px; }

#index_main p,
#index_concept p,
#index_coordinate p,
#index_service p,
#index_member p,
#index_schedule p,
#index_user p,
#index_faq p,
#index_media p,
#index_plus_one p,
#index_howto p {
  margin: 0;
  padding: 0; }

.index_span {
  color: #9f9999;
  font-size: 24px;
  line-height: 48px;
  text-align: center; }

.index_copy {
  font-size: 18px !important;
  color: #5f5a55;
  margin: 5px auto 25px !important;
  padding: 0 auto !important;
  width: 960px;
  text-align: left; }

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

.h2_area_line2 {
  margin: 120px auto 80px !important; }

.h1_area:before,
.h2_area:before {
  content: "";
  display: block;
  border-top: 1px solid #a99e94;
  position: absolute;
  top: 45px;
  left: 0;
  width: 1000px; }

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

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

.h2_area_top:before {
  content: "";
  display: block;
  border-top: 1px solid #a99e94;
  position: absolute;
  top: 45px;
  left: 0;
  width: 1000px; }

/*.h2_area:after{*/
/*content:"";*/
/*display:block;*/
/*border-top:2px solid #a99e94;*/
/*position:absolute;*/
/*top:18px;*/
/*right:0;*/
/*width:330px;}*/
h2 {
  margin-top: 0px;
  color: #a99e94;
  font-size: 26px;
  padding: 0 8px;
  font-weight: normal; }

/*ribbon_没*/
.h2_title_area {
  width: auto;
  height: 0px;
  margin-bottom: 40px;
  border-top: 30px solid #a99e94;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-bottom: 30px solid #a99e94;
  line-height: 0;
  color: #fff;
  font-size: 30px;
  text-align: center;
  -webkit-transform: scaleX(1.0); }

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

/*ribbon_没*/
#title_instagram,
#title_concept,
#title_coordinate,
#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;
  display: block;
  height: 38px;
  white-space: nowrap;
  text-indent: -9999px;
  background: url("../../../edcl/images/sprite_201802_2.png") no-repeat;
  backgroun-size: auto; }

#title_instagram {
  width: 210px;
  background-position: 0 -400px;
  margin: 0px auto 30px; }

#title_concept {
  width: 205px;
  background-position: 0 -100px; }

#title_item {
  width: 200px;
  background-position: 0 -300px; }

#title_style {
  width: 200px;
  background-position: -320px -100px; }

#title_service {
  width: 206px;
  background-position: -315px -200px; }

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

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

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

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

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

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

#title_howto {
  width: 300px;
  background-position: -310px -300px; }

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

.sub_title01 {
  text-align: center;
  font-size: 30px !important;
  line-height: 1.5em !important;
  color: #5f5a55; }

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

.collection_season,
.collection_before_season {
  width: 960px;
  text-align: center;
  margin: 0px 0 15px 15px;
  padding: 0px;
  color: #5f5a55; }

.collection_before_season {
  margin-top: 40px; }

.collection_season img {
  width: 420px; }

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

/*----------------------------------------
mainVisual
-----------------------------------------*/
#mainvisual {
  height: 500px;
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 55px; }

#mainvisual p {
  position: absolute;
  top: 170px;
  right: 40px;
  text-align: right;
  font-size: 36px;
  line-height: 54px;
  color: #635343;
  text-shadow: 0 0 5px #fff,0 0 15px #fff; }

#mainvisual .btn_line {
  position: absolute !important;
  top: 350px;
  right: 48px;
  width: 260px;
  height: 50px;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0 0 0 4px #e85964;
  box-shadow: 0 0 0 4px #e85964;
  background: #e85964;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  vertical-align: center;
  position: relative;
  text-decoration: none;
  border: solid 1px #fff;
  padding: 0; }

#mainvisual li.free_campaign_2016xmas,
#mainvisual li.free_campaign_2017newyear {
  position: relative; }

#mainvisual li.free_campaign_2016xmas span {
  position: absolute;
  bottom: 60px;
  left: 70px;
  font-size: 18px;
  color: #FFF;
  text-shadow: 0px 0px 8px #000; }

#mainvisual li.free_campaign_2017newyear #date_text {
  /*キャンペーン期間 位置*/
  position: absolute;
  top: 27.5% !important;
  left: 23.5% !important;
  text-align: left;
  font-size: 16px;
  line-height: 1.5em;
  text-shadow: 0px 0px 10px #FFF;
  color: #323232; }

.movie_box {
  /* 動画エリア */
  display: block;
  margin: auto;
  text-align: center; }

#main_txtarea {
  width: 100%; }

#main_catch01 {
  font-size: 24px;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 148px;
  right: 90px;
  -moz-text-shadow: 0px 0px 10px #000;
  -webkit-text-shadow: 0px 0px 10px #000;
  text-shadow: 0px 0px 10px #000; }

#main_catch02 {
  font-size: 30px;
  color: #7d7d7d;
  position: absolute;
  top: 196px;
  right: 90px;
  -moz-text-shadow: 0px 0px 5px #fff;
  -webkit-text-shadow: 0px 0px 5px #fff;
  text-shadow: 0px 0px 5px #fff; }

#main_catch03 {
  font-size: 48px;
  color: #e85964;
  position: absolute;
  top: 242px;
  right: 90px;
  -moz-text-shadow: 0px 0px 5px #fff;
  -webkit-text-shadow: 0px 0px 5px #fff;
  text-shadow: 0px 0px 5px #fff; }

#main_catch04 {
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #989898;
  -moz-text-shadow: 0px 0px 5px #fff;
  -webkit-text-shadow: 0px 0px 5px #fff;
  text-shadow: 0px 0px 5px #fff;
  position: absolute;
  top: -240px;
  right: 90px;
  text-align: right !important; }

#main_campaign {
  text-align: center;
  color: #e85964;
  font-size: 24px;
  line-height: 30px;
  margin: 60px 0 50px !important; }

/* バナー2つ 横並びで表示時に使用 */
.banner_lineup, .banner_lineup_single {
  border-style: none;
  margin: 0px auto 0px;
  text-align: center; }

.banner_lineup td {
  padding: 0;
  border-style: none; }

.banner_lineup .left_banner {
  padding: 0 12px 0 0;
  text-align: right; }

.banner_lineup .right_banner {
  padding: 0 0 0 12px;
  text-align: left; }

.banner_lineup img {
  width: 400px; }

.banner_lineup_single img {
  width: 800px; }

/* /バナー2つ 横並びで表示時に使用 */
#main_present {
  margin: 0px auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 560px;
  height: 120px;
  border: 4px solid #f2c5c4;
  border-radius: 10px;
  color: #6e6e6e; }

#main_present h4 {
  font-size: 30px;
  font-weight: 1000;
  color: #f2c5c4;
  margin-top: 0;
  letter-spacing: -0.1em; }

#main_present .present_span1 {
  display: block;
  margin: 15px 0 0 0;
  font-size: 16px; }

#main_present .present_span2 {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 14px; }

.text_btn_top {
  margin: 30px auto 5px !important;
  text-align: center;
  font-size: 24px;
  color: #6c625d; }

/*ななめリボン*/
.ribbon {
  left: 0;
  top: 0;
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  overflow: hidden; }

.ribbon span,
.ribbon_r span {
  display: block;
  padding: 6px 2px 0 0;
  width: 100%;
  height: 22px;
  background: #f2c5c4;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: bolder !important; }

.ribbon_r {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  overflow: hidden; }

.area_index_banner01 {
  position: relative;
  margin: 70px auto 30px;
  width: 920px;
  text-align: center; }

.area_index_banner01 .banner_recipe {
  display: inline-block;
  margin: 0 20px 20px; }

/* サブ見出し 左右にlineあり */
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  text-align: center;
  height: 1em; }

.hr-text:before {
  content: '';
  background: #5f5a55;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px; }

.hr-text p {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 1px; }

.hr-text span {
  padding: 0 15px;
  color: #5f5a55;
  background: #fff; }

.area_index_banner01 .area_btn_sns01 {
  float: left;
  margin: 40px 15px; }

.area_btn_sns01 img {
  margin: 0 12px; }

/*▼並びのバナーが2列の場合▼*/
.area_index_banner02 {
  margin: 50px auto 60px; }

.index_check01 img,
.index_check02 img,
.index_check03 img,
.index_check04 img {
  width: 495px;
  float: left; }

.index_check02 img,
.index_check04 img {
  float: right; }

.index_check01_text,
.index_check03_text {
  float: left;
  width: 480px;
  margin-left: 10px;
  text-align: left;
  font-size: 16px;
  color: #5f5a55; }

.index_check02_text,
.index_check04_text {
  float: right;
  width: 480px;
  margin-right: 10px;
  text-align: right;
  font-size: 16px;
  color: #5f5a55; }

.index_check01_text h3,
.index_check03_text h3,
.index_check01_text h4,
.index_check03_text h4 {
  margin: 20px 0 7px;
  font-weight: normal;
  text-align: left;
  font-size: 26px;
  color: #5f5a55; }

.index_check03_text h3 {
  margin: 40px 0 7px; }

.index_check03_text span,
.index_check04_text span {
  /*font-size: 14px;*/ }

.index_check03_text span a,
.index_check04_text span a {
  color: #5f5a55;
  text-decoration: underline; }

.index_check02_text h3,
.index_check04_text h3,
.index_check02_text h4,
.index_check04_text h4 {
  margin: 40px 0 7px;
  font-weight: normal;
  text-align: right;
  font-size: 26px;
  color: #5f5a55; }

.index_check01_text h4,
.index_check02_text h4,
.index_check03_text h4,
.index_check04_text h4 {
  margin: 0 0 8px;
  font-size: 20px; }

/*----------------------------------------
creditText
-----------------------------------------*/
#credit_text {
  color: #9d948f;
  /*font-size:5px;*/
  font-size: 10px;
  line-height: 10px;
  text-align: right;
  letter-spacing: 0.01em;
  padding-top: 4px !important;
  margin-right: 20px; }

/*----------------------------------------
check
-----------------------------------------*/
#title_check {
  margin: 0 auto;
  display: block;
  width: 325px;
  height: 80px;
  white-space: nowrap;
  text-indent: -9999px;
  background: url("../../../edcl/images/PC/title_check_pc_2.jpg") no-repeat;
  backgroun-size: auto; }

.img_check_main {
  margin: 50px auto 0; }

/*----------------------------------------
concept
-----------------------------------------*/
#index_concept h3 {
  padding-top: 10px; }

#title_concept01,
#title_concept02 {
  margin: 0px auto;
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background: url("../../../edcl/images/sprite_201802_2.png") no-repeat;
  background-size: auto; }

#title_concept01 {
  background-position: -200px -50px;
  width: 265px;
  height: 30px; }

#title_concept02 {
  background-position: -200px -100px;
  width: 310px;
  height: 30px; }

#concept_img,
#concept_img02 {
  width: 960px;
  display: table-cell;
  vertical-align: middle; }

#concept_img,
#concept_img02 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 0;
  position: relative;
  height: 500px;
  width: 1000px;
  text-align: center; }

.index_rs_link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1000px;
  text-align: center;
  margin-top: 120px; }

.index_rs_link img {
  margin: 0 auto;
  width: 960px; }

/*#concept_img02{*/
/*height:530px;}*/
#concept_img p,
#concept_img02 p {
  font-size: 24px;
  line-height: 36px;
  padding-left: 82px;
  color: #fff; }

#concept_img p,
#concept_img02 p {
  position: absolute;
  top: 210px;
  right: 80px;
  font-size: 36px;
  text-align: left;
  line-height: 65px; }

#concept_img02 p {
  left: 0;
  color: #aaa59e;
  text-shadow: 0 0 5px #fff,0 0 15px #fff; }

#concept_img img {
  margin: 0 auto;
  width: 960px; }

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

/*#concept_img02{background:url(https://closet.edist.jp/css/dist/buildImagePath("/images/PC/index_visual_concept02_pc.png")) no-repeat top left;}*/
#concept_top_img {
  display: none; }

#concept_top_area {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto 0;
  padding: 0 45px 0 375px !important;
  background: url("../../../edcl/images/PC/index_concept_top_2.jpg") no-repeat 45px 50%;
  height: 230px;
  width: 960px;
  /*border:2px solid #aaa59e;*/
  /*border-radius:10px;*/
  font-size: 22px !important;
  color: #a99e94;
  letter-spacing: -0.05em; }

#index_concept ul {
  margin: 0 auto;
  width: 580px; }

#index_concept ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 580px;
  display: inline-block;
  margin-left: 30px; }

#index_concept ul li:first-child {
  margin: 0; }

.point {
  margin: 0 auto;
  width: auto;
  height: auto;
  position: relative;
  letter-spacing: 0.05em; }

.point img {
  width: 160px;
  height: 160px;
  background: #990;
  float: left;
  margin-right: 8px;
  border-radius: 50% !important;
  border: 2px solid #a99e94; }

.point p {
  display: table-cell;
  vertical-align: middle;
  height: 160px;
  font-size: 20px;
  line-height: 24px;
  color: #9f9999;
  /*padding:0 38px 0 0!important;*/ }

A .point :after {
  display: block;
  content: '';
  position: absolute;
  top: 56px;
  right: 18px;
  width: 24px;
  height: 24px;
  border-right: 3px solid #cfcbc6;
  border-bottom: 3px solid #cfcbc6;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

A .point:hover {
  font-weight: normal;
  background: #e9e6e2; }

A .point p:hover {
  color: #aaa59e !important; }

.concept_content {
  /*display:table-cell;
	vertical-align:top;*/
  width: 1000px;
  margin-bottom: 0px; }

.concept_content p {
  font-size: 24px;
  /*line-height:36px;*/
  /*margin:20px auto 0 !important;*/
  color: #5f5a55;
  /*text-align:center;*/ }

.concept_content .recipe_credit {
  font-size: 13px;
  display: block;
  text-align: right; }

.index_instagram_link,
.index_recipe_link,
.index_faq_link,
.index_about_link {
  display: block;
  font-size: 30px !important;
  margin: 30px 0 0 !important;
  height: 36px;
  padding-bottom: 2px;
  border-bottom: 1px solid #5f5a55;
  float: right; }

.index_instagram_link {
  margin: 30px 30px 0 !important; }

.index_instagram_link A,
.index_recipe_link A,
.index_faq_link A {
  color: #5f5a55; }

.index_recipe_link span,
.index_faq_link span {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #e75964;
  width: 100%;
  text-align: right; }

/*----------------------------------------
collection
-----------------------------------------*/
#index_collection A {
  color: #a99e94 !important; }

#index_collection A:hover {
  font-weight: normal !important; }

#index_collection .item_link span {
  color: #a99e94 !important; }

/* COLLECTION SP版2017夏～ */
ul.collection_link {
  width: 1000px;
  margin: 0 auto -30px !important; }

ul.collection_link li {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 250px;
  /*float: left;*/
  text-align: center;
  overflow: hidden; }

ul.collection_link .set_title {
  position: relative;
  padding: 5px 0 0px 40px;
  margin: 0 0 30px; }

ul.collection_link .set_title h3 {
  min-height: 40px; }

ul.collection_link li img {
  width: 100%; }

ul.collection_link .icon_new,
ul.collection_link .icon_limited,
ul.collection_list_l .icon_new {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  width: 72px;
  height: 72px;
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left;
  background-size: 100% auto; }

ul.collection_link .icon_limited {
  background: url("../../../edcl/images/top/coord_limited_2.png") no-repeat top left;
  background-size: 100% auto; }

ul.collection_list_l .icon_new {
  position: absolute;
  left: 0;
  top: -8px;
  width: 84px;
  height: 84px; }

ul.collection_link h3 {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal; }

ul.collection_link li.set_a h3,
ul.collection_link li.set_i h3,
ul.collection_link li.set_u h3 {
  color: #fdac77; }

ul.collection_link li.set_b h3,
ul.collection_link li.set_j h3,
ul.collection_link li.set_v h3 {
  color: #78b5be; }

ul.collection_link li.set_c h3,
ul.collection_link li.set_k h3,
ul.collection_link li.set_w h3 {
  color: #e0a4d4; }

ul.collection_link li.set_d h3,
ul.collection_link li.set_l h3 {
  color: #87b59f; }

ul.collection_link li.set_e h3,
ul.collection_link li.set_m h3 {
  color: #f9c764; }

ul.collection_link li.set_f h3,
ul.collection_link li.set_n h3 {
  color: #8ea0d1; }

ul.collection_link li.set_g h3 {
  color: #f98e8e; }

ul.collection_link li.set_h h3,
ul.collection_link li.set_r h3 {
  color: #c5aee5; }

ul.collection_link h3:before {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  line-height: 38px; }

ul.collection_link li.set_a h3:before {
  content: "A";
  background: #fdac77; }

ul.collection_link li.set_b h3:before {
  content: "B";
  background: #78b5be; }

ul.collection_link li.set_c h3:before {
  content: "C";
  background: #e0a4d4; }

ul.collection_link li.set_d h3:before {
  content: "D";
  background: #87b59f; }

ul.collection_link li.set_e h3:before {
  content: "E";
  background: #f9c764; }

ul.collection_link li.set_f h3:before {
  content: "F";
  background: #8ea0d1; }

ul.collection_link li.set_g h3:before {
  content: "G";
  background: #f98e8e; }

ul.collection_link li.set_h h3:before {
  content: "H";
  background: #c5aee5; }

ul.collection_link li.set_i h3:before {
  content: "I";
  background: #fdac77; }

ul.collection_link li.set_j h3:before {
  content: "J";
  background: #78b5be; }

ul.collection_link li.set_k h3:before {
  content: "K";
  background: #e0a4d4; }

ul.collection_link li.set_l h3:before {
  content: "L";
  background: #87b59f; }

ul.collection_link li.set_m h3:before {
  content: "M";
  background: #f9c764; }

ul.collection_link li.set_n h3:before {
  content: "N";
  background: #8ea0d1; }

ul.collection_link li.set_r h3:before {
  content: "R";
  background: #c5aee5; }

ul.collection_link li.set_u h3:before {
  content: "U";
  background: #fdac77; }

ul.collection_link li.set_v h3:before {
  content: "V";
  background: #78b5be; }

ul.collection_link li.set_w h3:before {
  content: "W";
  background: #e0a4d4; }

#index_collection ul {
  margin: 20px 0 0 20px;
  text-align: center;
  font-size: 0; }

#index_collection li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 240px; }

#index_collection ul.before_season li {
  margin-bottom: 50px; }

#coordinate_link_a,
#coordinate_link_b,
#coordinate_link_c,
#coordinate_link_d,
#coordinate_link_e,
#coordinate_link_f,
#coordinate_link_g,
#coordinate_link_h,
#coordinate_link_random {
  width: auto;
  height: 380px;
  vertical-align: bottom;
  text-align: right;
  margin-bottom: 6px;
  clear: both; }

#coordinate_link_a_s,
#coordinate_link_b_s,
#coordinate_link_c_s,
#coordinate_link_d_s,
#coordinate_link_e_s,
#coordinate_link_f_s,
#coordinate_link_g_s,
#coordinate_link_h_s,
#coordinate_link_random_s {
  width: auto;
  height: 220px;
  vertical-align: bottom;
  text-align: right;
  margin-bottom: 6px;
  clear: both; }

#coordinate_link_a {
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left, url("../../../edcl/images/item/201705/index_coordA_pc_2.jpg") no-repeat top left;
  background-size: 80px auto, 100% auto; }

#coordinate_link_b {
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left, url("../../../edcl/images/item/201705/index_coordB_pc_2.jpg") no-repeat top left;
  background-size: 80px auto, 100% auto; }

#coordinate_link_c {
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left, url("../../../edcl/images/item/201705/index_coordC_pc_2.jpg") no-repeat top left;
  background-size: 80px auto, 100% auto; }

#coordinate_link_d {
  background: url("../../../edcl/images/item/201705/index_coordD_pc_2.jpg") no-repeat top left;
  background-size: 100% auto; }

#coordinate_link_e {
  background: url("../../../edcl/images/item/201705/index_coordE_pc_2.jpg") no-repeat top left;
  background-size: 100% auto; }

#coordinate_link_f {
  background: url("../../../edcl/images/top/coord_new_2.png") no-repeat top left, url("../../../edcl/images/item/201705/index_coordF_pc_2.jpg") no-repeat top left;
  background-size: 80px auto, 100% auto; }

#coordinate_link_g {
  background: url("../../../edcl/images/item/201705/index_coordG_pc_2.jpg") no-repeat top left;
  background-size: 100% auto; }

/*#coordinate_link_d, #coordinate_link_d_s{background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/item/201705/index_coordD_pc.jpg")) no-repeat top center;}*/
/*#coordinate_link_e, #coordinate_link_e_s{background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/item/201705/index_coordE_pc.jpg")) no-repeat top center;}*/
/*#coordinate_link_f, #coordinate_link_f_s{background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/item/201705/index_coordF_pc.jpg")) no-repeat top center;}*/
/*#coordinate_link_g, #coordinate_link_g_s{background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/item/201705/index_coordG_pc.jpg")) no-repeat top center;}*/
/*#coordinate_link_h, #coordinate_link_h_s{background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/item/201705/index_coordH_pc.jpg")) no-repeat top center;}*/
#coordinate_link_a.season4 {
  background: url("../../../edcl/images/item/201608/index_coordA_pc_2.jpg") no-repeat top left; }

#coordinate_link_b.season4 {
  background: url("../../../edcl/images/item/201608/index_coordB_pc_2.jpg") no-repeat top left; }

#coordinate_link_c.season4 {
  background: url("../../../edcl/images/item/201608/index_coordC_pc_2.jpg") no-repeat top left; }

#coordinate_link_d.season4 {
  background: url("../../../edcl/images/item/201608/index_coordD_pc_2.jpg") no-repeat top left; }

#coordinate_link_e.season4 {
  background: url("../../../edcl/images/item/201608/index_coordE_pc_2.jpg") no-repeat top center; }

#coordinate_link_f.season4 {
  background: url("../../../edcl/images/item/201608/index_coordF_pc_2.jpg") no-repeat top center; }

#coordinate_link_g.season4 {
  background: url("../../../edcl/images/item/201608/index_coordG_pc_2.jpg") no-repeat top center; }

#coordinate_link_h.season4 {
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/item/201608/index_coordH_pc.jpg?2") no-repeat top center; }

#coordinate_link_a.season5 {
  background: url("../../../edcl/images/item/201702/index_coordA_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_b.season5 {
  background: url("../../../edcl/images/item/201702/index_coordB_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_c.season5 {
  background: url("../../../edcl/images/item/201702/index_coordC_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_d.season5 {
  background: url("../../../edcl/images/item/201702/index_coordD_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_a.season6 {
  background: url("../../../edcl/images/item/201705/index_coordA_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_b.season6 {
  background: url("../../../edcl/images/item/201705/index_coordB_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_c.season6 {
  background: url("../../../edcl/images/item/201705/index_coordC_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_d.season6 {
  background: url("../../../edcl/images/item/201705/index_coordD_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_e.season6 {
  background: url("../../../edcl/images/item/201705/index_coordE_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_f.season6 {
  background: url("../../../edcl/images/item/201705/index_coordF_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_g.season6 {
  background: url("../../../edcl/images/item/201705/index_coordG_pc_2.jpg") no-repeat top left;
  background-size: 240px auto; }

#coordinate_link_random, #coordinate_link_random_s {
  background: url("../../../edcl/images/item/category/set_id/random_l_2.jpg") no-repeat top center; }

#coordinate_link_a:hover,
#coordinate_link_b:hover,
#coordinate_link_c:hover,
#coordinate_link_d:hover,
#coordinate_link_e:hover,
#coordinate_link_f:hover,
#coordinate_link_g:hover,
#coordinate_link_h:hover,
#coordinate_link_d_s:hover,
#coordinate_link_e_s:hover,
#coordinate_link_f_s:hover,
#coordinate_link_g_s:hover,
#coordinate_link_h_s: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; }

#coordinate_titlearea,
#coordinate_titlearea_s {
  background: none;
  position: relative;
  text-align: left;
  padding-top: 320px; }

#coordinate_titlearea_s {
  padding-top: 220px;
  padding-bottom: 10px; }

#coordinate_link_a h3,
#coordinate_link_b h3,
#coordinate_link_c h3,
#coordinate_link_d h3,
#coordinate_link_e h3,
#coordinate_link_f h3,
#coordinate_link_g h3,
#coordinate_link_h h3,
#coordinate_link_random h3,
#coordinate_link_d_s h3,
#coordinate_link_e_s h3,
#coordinate_link_f_s h3,
#coordinate_link_g_s h3,
#coordinate_link_h_s h3,
#coordinate_link_random_s h3 {
  width: auto;
  display: block;
  font-size: 18px;
  margin: 0;
  padding: 5px 0 0 39px;
  position: relative;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  line-height: 20px; }

#coordinate_link_d_s h3,
#coordinate_link_e_s h3,
#coordinate_link_f_s h3,
#coordinate_link_g_s h3,
#coordinate_link_h_s h3,
#coordinate_link_random_s h3 {
  font-size: 16px;
  padding: 5px 0 0 39px;
  line-height: 20px; }

#coordinate_link_a h3, #coordinate_link_a_s h3 {
  color: #fbc49f; }

#coordinate_link_b h3, #coordinate_link_b_s h3 {
  color: #9fcad0; }

#coordinate_link_c h3, #coordinate_link_c_s h3 {
  color: #e0a4d4; }

#coordinate_link_d h3, #coordinate_link_d_s h3 {
  color: #87b59f; }

#coordinate_link_e h3, #coordinate_link_e_s h3 {
  color: #f9c764; }

#coordinate_link_f h3, #coordinate_link_f_s h3 {
  color: #8ea0d1; }

#coordinate_link_g h3, #coordinate_link_g_s h3 {
  color: #f98e8e; }

#coordinate_link_h h3, #coordinate_link_h_s h3 {
  color: #c5aee5; }

#coordinate_link_random h3, #coordinate_link_random_s h3 {
  /*コーデ選択画面の運営おまかせ*/
  color: #a99e94; }

#coordinate_link_a p,
#coordinate_link_b p,
#coordinate_link_c p,
#coordinate_link_d p,
#coordinate_link_e p,
#coordinate_link_f p,
#coordinate_link_g p,
#coordinate_link_h p,
#coordinate_link_d_s p,
#coordinate_link_e_s p,
#coordinate_link_f_s p,
#coordinate_link_g_s p,
#coordinate_link_h_s p {
  clear: both;
  font-size: 10px;
  padding-left: 39px;
  margin-top: -10px; }

#coordinate_link_a h3:before,
#coordinate_link_b h3:before,
#coordinate_link_c h3:before,
#coordinate_link_d h3:before,
#coordinate_link_e h3:before,
#coordinate_link_f h3:before,
#coordinate_link_g h3:before,
#coordinate_link_h h3:before,
#coordinate_link_d_s h3:before,
#coordinate_link_e_s h3:before,
#coordinate_link_f_s h3:before,
#coordinate_link_g_s h3:before,
#coordinate_link_h_s h3:before {
  text-align: center;
  display: block;
  color: #FFF;
  font-size: 26px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  left: 0;
  top: 5px; }

#coordinate_link_a h3:before, #coordinate_link_a_s h3:before {
  content: "A";
  background: #fdac77; }

#coordinate_link_b h3:before, #coordinate_link_b_s h3:before {
  content: "B";
  background: #78b5be; }

#coordinate_link_c h3:before, #coordinate_link_c_s h3:before {
  content: "C";
  background: #e0a4d4; }

#coordinate_link_d h3:before, #coordinate_link_d_s h3:before {
  content: "D";
  background: #87b59f; }

#coordinate_link_e h3:before, #coordinate_link_e_s h3:before {
  content: "E";
  background: #f9c764; }

#coordinate_link_f h3:before, #coordinate_link_f_s h3:before {
  content: "F";
  background: #8ea0d1; }

#coordinate_link_g h3:before, #coordinate_link_g_s h3:before {
  content: "G";
  background: #f98e8e; }

#coordinate_link_h h3:before, #coordinate_link_h_s h3:before {
  content: "H";
  background: #c5aee5; }

/*PB*/
#private_brand,
#media_intro {
  margin: 100px auto 260px;
  text-align: center;
  font-size: 24px;
  color: #5f5a55;
  width: 674px; }

#media_intro {
  margin: 50px auto 100px;
  width: 846px; }

#media_intro table {
  width: 846px; }

#private_brand_title,
#media_intro .area_title {
  margin-bottom: 5px;
  padding-bottom: 6px;
  font-size: 24px;
  font-weight: bold;
  font-family: serif;
  border-bottom: 1px solid #a99e94; }

#media_intro img {
  width: 200px;
  display: block;
  padding-top: 15px; }

#media_intro .area_logo,
#media_intro .area_contents {
  vertical-align: middle;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  width: 250px;
  padding: 10px 0 0 50px; }

#media_intro .area_contents {
  text-align: left;
  height: 80px;
  width: 596px;
  padding: 30px 0 0 40px; }

#private_brand_content {
  margin: 20px auto 0; }

.private_brand_description {
  float: left;
  text-align: left;
  height: 117px;
  width: 516px;
  padding: 24px 10px 0 15px; }

.private_brand_image {
  float: left;
  margin-left: 15px; }

.text_notice strong {
  color: #e75964;
  font-size: 18px; }

/*----------------------------------------
service
-----------------------------------------*/
/*#index_service_img{*/
/*width:960px;*/
/*height:500px;*/
/*background:#663;*/
/*display:table-cell;*/
/*vertical-align:middle;*/
/*}*/
/*#index_service_img p*/
/*{font-size:24px;*/
/*line-height:36px;*/
/*padding:0 0 102px 82px;*/
/*color:#fff;*/
/*text-shadow:0 0 10px #000;*/
/*}*/
/*#index_service_img{background:url(https://closet.edist.jp/css/dist/buildImagePath("/images/PC/index_visual_service_pc.png")) no-repeat top left;;}*/
#index_service_img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 0;
  position: relative;
  height: 500px;
  width: 1000px;
  text-align: center;
  overflow: hidden; }

#index_service_img p {
  position: absolute;
  top: 170px;
  left: 80px;
  font-size: 36px;
  text-align: left;
  line-height: 65px;
  color: #fff; }

#index_service_list {
  text-align: center;
  margin: 30px 0 0 0; }

#index_service_list li {
  display: inline-block;
  float: left;
  width: 310px;
  height: 210px;
  margin: 0px 0 15px 15px;
  color: #e85964;
  position: relative;
  background-color: #f1efec;
  border-radius: 20px;
  background: linear-gradient(-45deg, #f1efec 25%, white 25%, white 50%, #f1efec 50%, #f1efec 75%, white 75%, white);
  background: -webkit-gradient(linear, left top, right bottom, from(#f1efec), color-stop(0.25, #f1efec), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #f1efec), color-stop(0.75, #f1efec), color-stop(0.75, white), to(white));
  background-size: 10px 10px;
  -webkit-transform: translate3d(0, 0, 0) !important; }

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

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

#index_service_list li p {
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 32px; }

#index_service_list li p span.mmn {
  font-size: 15px;
  line-height: 18px;
  display: block;
  padding: 5px 10px 10px;
  font-weight: normal;
  text-align: left; }

#index_service_list li:nth-child(1) p span.mmn {
  padding: 5px 24px 0 !important; }

#index_service_list li:nth-child(3) p span.mmn {
  padding: 0px !important; }

#index_service_list li:nth-child(4) p span.mmn {
  padding: 5px 10px 0 !important; }

#index_service_list li:nth-child(5) p span.mmn {
  padding: 5px 10px 0 !important;
  text-align: center; }

#index_service_list li:nth-child(6) p span.mmn {
  padding: 5px 10px 0 !important;
  text-align: center; }

#index_service_list li:nth-child(1) p {
  position: absolute;
  top: 36%; }

#index_service_list li:nth-child(2) p {
  position: absolute;
  top: 36%; }

#index_service_list li:nth-child(3) p {
  position: absolute;
  top: 36%; }

#index_service_list li:nth-child(4) p {
  position: absolute;
  top: 36%; }

#index_service_list li:nth-child(5) p {
  position: absolute;
  top: 36%; }

#index_service_list li:nth-child(6) p {
  position: absolute;
  top: 36%; }

/*

#index_service_list li:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
  width: 0;
  height: 0;
  border-width: 0 100px 100px 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-right-color: rgba(238, 238, 238, 0);
   -webkit-transform:rotate(90deg)}
#index_service_list li:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	right:0;
  width: 0;
  height: 0;
  border-width: 0 100px 100px 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-right-color: rgba(238, 238, 238, 0);
   -webkit-transform:rotate(-90deg)}*/
.index_service_link {
  display: block;
  font-size: 30px;
  margin: 30px 30px 0 !important;
  height: 24px;
  padding-bottom: 2px;
  border-bottom: 1px solid #a99e94;
  float: right; }

.index_service_link A {
  color: #a99e94; }

/*----------------------------------------
premium
-----------------------------------------*/
#index_premium_img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 0;
  position: relative;
  width: 1000px;
  text-align: center;
  overflow: hidden; }

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

.index_premium_box[plutinum] {
  margin: 80px 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: 20px 0 16px;
  font-size: 24px;
  position: relative; }

.index_premium_all {
  background: #f5f5f5; }

.index_premium_normal {
  background: #efedeb; }

.index_premium_premium {
  background: #faf2f1; }

.index_premium_plutinum {
  background: #f8d6d4; }

.index_premium_box p {
  margin: 20px 48px 24px !important;
  font-size: 20px;
  line-height: 130%;
  clear: both; }

.index_premium_box .index_premium_attention {
  display: block;
  margin: -18px 48px 24px;
  font-size: 14px; }

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

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

.index_premium_price_span_n {
  float: left;
  font-size: 18px;
  padding: 8px 0 0 8px; }

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

.index_premium_price_pre {
  float: left;
  padding-left: 100px;
  font-weight: bold;
  font-size: 28px; }

.index_premium_price_span_pre {
  float: left;
  font-size: 18px;
  padding: 12px 0 0 8px; }

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

#index_schedule_table_title {
  text-align: center;
  font-size: 22px;
  color: #5f5a55; }

#index_schedule_attention {
  font-size: 16px;
  color: #5f5a55; }

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

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

#index_schedule table {
  margin: 15px auto;
  border: 1px solid #a89d93;
  border-collapse: collapse;
  width: 600px;
  text-align: center; }

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

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

.schedule_left {
  position: relative; }

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

span.schedule_arrow_l {
  padding: 0 96px; }

span.schedule_arrow_s {
  padding: 0 90px; }

/*----------------------------------------
index_user
-----------------------------------------*/
.area_user_left {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  width: 50%; }

.area_user_right {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  width: 50%; }

.area_user_main,
.area_user_main_l {
  margin: 50px auto 0;
  width: 480px;
  height: 500px; }

.area_user_main_l {
  height: 640px; }

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

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

.img_user_bubble01 {
  top: 35px;
  left: 215px; }

.img_user_bubble02 {
  top: 35px;
  right: 215px; }

.img_user_bubble03 {
  top: 35px;
  left: 215px; }

.img_user_bubble04 {
  top: 35px;
  right: 215px; }

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

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

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

.area_user_text {
  position: relative; }

.area_user_text h3 {
  margin: 10px 0;
  font-weight: normal;
  font-size: 30px;
  color: #5f5a55;
  text-align: left;
  line-height: 1.4em; }

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

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

.img_user_icon_left {
  position: absolute;
  top: 0;
  left: 0; }

.img_user_icon_right {
  position: absolute;
  top: 0;
  right: 0; }

/*----------------------------------------
index_faq
-----------------------------------------*/
#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: 18px;
  line-height: 70px;
  border-top: #d8d8d8 1px solid;
  cursor: pointer;
  position: relative; }

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

#acmenu01 dt[title] {
  font-weight: bold; }

#acmenu01 dt[title]:before {
  content: "\25A0   "; }

#acmenu01 dt[title]:after {
  content: "\3000";
  background: none; }

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

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

#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: 20px auto;
  width: 20px;
  height: auto; }

.area_faq_main dl dt {
  height: 90px;
  line-height: 90px;
  font-size: 30px; }

/*----------------------------------------
index_media
-----------------------------------------*/
.area_media_main p {
  text-align: center;
  font-size: 18px;
  color: #bbb2aa; }

.area_media_main h3 {
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  color: #bbb2aa; }

.area_media_main h3 span {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: #bbb2aa;
  font-weight: normal; }

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

.area_img {
  position: relative;
  width: 220px !important;
  height: 220px !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,
.area_influencers_main ul {
  width: 970px;
  margin: 0 auto; }

.area_influencers_main {
  margin-top: 50px; }

.area_media_main ul li,
.area_influencers_main ul li {
  float: left;
  margin: 0px 10px;
  width: 220px;
  font-size: 18px;
  color: #bbb2aa;
  line-height: 60px;
  text-align: center; }

.area_influencers_main ul li {
  margin: 10px;
  border: 1px solid #ececec; }

.area_media_main ul li a,
.area_influencers_main ul li a {
  display: block;
  width: 220px;
  color: #5f5a55;
  /* text-decoration: underline; */ }

.area_influencers_main ul li a {
  height: 60px; }

.area_influencers_main h3 {
  font-size: 30px;
  margin: 0 auto 20px;
  font-weight: normal; }

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

.media_insta li {
  height: 220px !important;
  height: 220px !important;
  border: none !important;
  overflow: hidden; }

.media_insta li a {
  height: 220px !important;
  /*height: 220px !important;*/ }

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

/*----------------------------------------
howto
-----------------------------------------*/
#index_howto {
  text-align: center;
  color: #5f5a55; }

#index_howto h3,
#index_howto h3.howto_old {
  margin: 10px 0 5px;
  text-align: center;
  font-weight: normal;
  font-size: 24px;
  color: #5f5a55; }

#index_howto p {
  font-size: 24px;
  line-height: 1.5; }

#index_howto li {
  float: left;
  height: 375px;
  width: 226px;
  margin-left: 28px; }

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

#index_howto li p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  /*margin:0 10px;*/
  letter-spacing: -0.05em; }

#index_howto li p span {
  font-size: 12px; }

#howto_img01_sp,
#howto_img02_sp,
#howto_img03_sp,
#howto_img04_sp {
  display: none; }

#howto_img01_pc,
#howto_img02_pc,
#howto_img03_pc,
#howto_img04_pc {
  width: 220px; }

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

#index_plus_one .table_article {
  width: 1000px; }

#index_plus_one .table_article td {
  position: relative;
  width: 250px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

#index_plus_one .table_article img {
  width: 234px; }

#index_plus_one ul.list_article {
  /*旧リスト*/
  display: table;
  width: 1000px;
  margin: auto 0;
  padding-top: 10px; }

#index_plus_one ul.list_article li {
  /*旧リスト*/
  position: relative;
  display: table-cell;
  width: 254px;
  padding: 0 18px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left; }

#index_plus_one ul.list_article li:last-child {
  /*旧リスト*/
  width: 238px;
  padding: 0; }

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

#index_plus_one ul.list_article img {
  /*旧リスト*/
  width: 236px;
  padding-bottom: 2px; }

#index_plus_one .icon_new {
  position: absolute;
  left: 8px;
  top: -8px;
  border: none;
  width: 52px;
  height: 52px;
  /*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 {
  margin: 60px auto 20px; }

.btn_area_toppage-top,
.btn_area_toppage-middle,
.btn_area_toppage-bottom {
  padding: 36px 0;
  background: #f5f5f5; }

.btn_area_toppage-middle {
  margin-top: 120px; }

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

.btn_area_bottom {
  margin: 40px auto 40px;
  text-align: center; }

.btn_area_lightgray {
  background: #f5f5f5; }

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

.btn_area p.regist,
.btn_area_regist p.regist {
  font-size: 18px;
  line-height: 1.6em; }

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

.btn_area p,
.btn_area_bottom p {
  text-align: center;
  font-size: 18px;
  color: #5f5a55;
  line-height: 1.5em; }

.btn_area_bottom p {
  margin: 0 auto 5px; }

.btn_line {
  text-align: center !important;
  margin: 10px 0 30px;
  width: auto; }

.btn_line {
  cursor: pointer;
  display: block;
  border: 4px solid  #e85964;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
  box-shadow: 0 0 0 2px #fff inset;
  background: #e85964;
  margin: 0px auto;
  width: 350px;
  height: 64px;
  border-radius: 10px;
  color: #fff;
  font-size: 30px;
  vertical-align: center;
  padding-top: 20px;
  position: relative; }

.btn_effect_2017newyear {
  /*ニューイヤー仕様*/
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: url("../../../edcl/images/btn_2017newyear_2.png") center top no-repeat, #e85964;
  background-size: 100% auto, 100% auto; }

.btn_line:hover {
  font-weight: bold;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* 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; }

.btn_effect_2017newyear:hover {
  /*ニューイヤー仕様*/
  background: url("../../../edcl/images/btn_2017newyear_hover_2.png") center top no-repeat, url("../../../edcl/images/btn_2017newyear_2.png") center top no-repeat, #e85964;
  background-size: 100% auto, 100% auto, 100% auto; }

/*
.btn_line:after{display: block;
	content: '';
	position: absolute;
	top: 32px;
	right: 20px;
	width: 16px;
	height: 16px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
*/
.area_btn_download {
  position: relative;
  margin: 90px auto 0;
  padding: 10px 0;
  height: 145px;
  /*width: 988px;*/
  width: 100%;
  background: #f5f5f5; }

.area_btn_download_inner {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  height: 120px;
  width: 650px; }

.area_btn_download p {
  position: absolute;
  top: 15px;
  left: 140px;
  text-align: left;
  font-size: 24px;
  color: #a99e94; }

.icon_app {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 120px;
  border-radius: 20px; }

.btn_download_ios {
  position: absolute;
  top: 55px;
  left: 155px;
  width: 235px; }

.btn_download_android {
  position: absolute;
  top: 55px;
  left: 420px;
  width: 229px; }

.app_iphone {
  position: absolute;
  bottom: -14px;
  left: 0; }

/*snsボタン*/
.area_btn_sns {
  margin: 100px auto 0;
  padding: 5px 0;
  height: 80px;
  width: 330px; }

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

.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_sns01 {
  position: relative;
  margin: 10px auto 0;
  padding: 10px 0 0;
  width: 100%; }

.inner_area_sns01 {
  position: relative;
  margin: 0 auto;
  padding: 0px 0 0px;
  height: auto;
  width: 800px; }

.inner_area_sns01 p {
  text-align: center;
  font-size: 26px;
  color: #a99e94; }

.img_area_sns01 {
  position: absolute;
  left: 0; }

.btn_blog,
.btn_insta01 {
  position: absolute;
  bottom: 15px;
  left: 260px;
  display: block;
  width: 235px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #e75964;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }

.btn_blog:hover,
.btn_insta01:hover {
  opacity: 0.8;
  text-decoration: none; }

.btn_insta01 {
  background: #105586;
  left: 530px; }

/*▲ブログ・インスタグラム専用エリア▲*/
/*newinddexここまで	*/
.area_sns01 .area_btn_sns01 {
  margin: 10px auto 0;
  width: 425px; }

.area_sns01 .area_btn_sns01 a img {
  border-radius: 50%;
  width: 60px; }

/*----------------------------------------
share
-----------------------------------------*/
#share {
  margin: 20px auto 0 auto;
  text-align: center; }

#share .appBox, #share .snsBox {
  width: 220px;
  height: 102px;
  margin: 0 10px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top; }

#share .snsBox {
  background: 0 0 url("../../../v2015061913449/-noop/prereg/edcl/images/sns_bg.png");
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 55px 12px 0;
  text-align: center; }

#share .snsBox li {
  display: inline-block;
  margin: 0 5px; }

#share .snsBox .btn_fb,
#share .snsBox .btn_tw,
#share .snsBox .btn_insta {
  display: block;
  height: 37px;
  width: 55px;
  border-radius: 5px; }

#share .snsBox .btn_fb {
  background: url(../../../v2015061913449/-noop/prereg/edcl/images/sns_btn_fb.jpg) no-repeat; }

#share .snsBox .btn_tw {
  background: url(../../../v2015061913449/-noop/prereg/edcl/images/sns_btn_tw.jpg) no-repeat; }

#share .snsBox .btn_insta {
  background: url(../../../v2015061913449/-noop/prereg/edcl/images/sns_btn_insta.jpg) no-repeat; }

/*----------------------------------------
inputWrapper
-----------------------------------------*/
.inputWrapper {
  width: 360px;
  margin: 0 auto 0 auto;
  text-align: center; }

.inputWrapper input {
  outline: none; }

.inputWrapper input[type=text] {
  font-size: 16px; }

.inputWrapper input[type=text] {
  width: 360px;
  margin: 10px 0 0 0;
  padding: 15px 0 15px 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] {
  width: 200px;
  margin: 10px 0 0 0;
  padding: 10px 0 10px 0;
  border-radius: 6px;
  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-size: 18px;
  text-align: center;
  cursor: pointer; }

/*よくある質問アコーディオン*/
#acmenu {
  margin: 0 0 20px 0;
  text-align: left;
  border-bottom: #d8d8d8 1px solid; }

#acmenu dt {
  display: block;
  width: auto;
  height: auto;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 50px;
  border-top: #d8d8d8 1px solid;
  cursor: pointer;
  position: relative; }

#acmenu dt:after {
  content: "\3000";
  position: absolute;
  top: 30px;
  right: 15px;
  background: url("../../../edcl/images/sprite_201802_2.png") no-repeat top left;
  background-position: 0 -25px;
  background-size: 320px auto;
  width: 12px;
  height: 15px; }

#acmenu dt[title] {
  font-weight: bold; }

#acmenu dt[title]:before {
  content: "\25A0   "; }

#acmenu dt[title]:after {
  content: "\3000";
  background: none; }

#acmenu dd {
  width: auto;
  height: auto;
  border: none;
  display: none;
  padding: 10px 25px;
  background: #fff0f3;
  font-size: 14px; }

#acmenu .open:after {
  content: "\3000";
  background: url("../../../edcl/images/sprite_201802_2.png") no-repeat top left;
  background-position: -12px -25px;
  background-size: 320px auto;
  width: 12px;
  height: 15px; }

/*ラジオボタンとチェックボックス*/
p.plan input[type=radio],
#resign_area input[type=radio],
#resign_area input[type=checkbox],
#gmenu_loginform input[type=checkbox],
#login input[type=checkbox] {
  display: block;
  margin-bottom: 0; }

p.plan input[type=radio] + label,
#resign_area input[type=radio] + label,
#resign_area input[type=checkbox] + label,
#gmenu_loginform input[type=checkbox] + label,
#login input[type=checkbox] + label {
  position: relative;
  display: block;
  margin-right: 12px;
  line-height: 16px;
  cursor: pointer;
  font-size: 16px; }

@media (min-width: 1px) {
  p.plan input[type=radio],
  #resign_area input[type=radio],
  #resign_area input[type=checkbox],
  #gmenu_loginform input[type=checkbox],
  #login input[type=checkbox] {
    display: none;
    margin: 0; }
  p.plan input[type=radio] + label,
  #resign_area input[type=radio] + label,
  #resign_area input[type=checkbox] + label,
  #gmenu_loginform input[type=checkbox] + label,
  #login input[type=checkbox] + label {
    padding: 0 0 0 32px; }
  p.plan input[type=radio] + label::before,
  #resign_area input[type=radio] + label::before,
  #resign_area input[type=checkbox] + label::before,
  #gmenu_loginform input[type=checkbox] + label::before,
  #login input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 27px;
    height: 27px;
    margin-top: -16px;
    background-color: #fff; }
  p.plan input[type=radio] + label::before,
  #resign_area input[type=radio] + label::before {
    border: 2px solid #bfbfbf;
    border-radius: 30px; }
  #resign_area input[type=checkbox] + label::before,
  #gmenu_loginform input[type=checkbox] + label::before,
  #login input[type=checkbox] + label::before {
    border: 2px solid #bfbfbf; }
  p.plan input[type=radio]:checked + label::after,
  #resign_area input[type=radio]:checked + label::after,
  #resign_area input[type=checkbox]:checked + label::after,
  #gmenu_loginform input[type=checkbox]:checked + label::after,
  #login input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block; }
  p.plan input[type=radio]:checked + label::after,
  #resign_area input[type=radio]:checked + label::after {
    left: 6px;
    width: 15px;
    height: 15px;
    margin-top: -10px;
    background: #ec859a;
    border-radius: 8px; }
  #resign_area input[type=checkbox]:checked + label::after,
  #gmenu_loginform input[type=checkbox]:checked + label::after,
  #login input[type=checkbox]:checked + label::after {
    left: 4px;
    width: 20px;
    height: 12px;
    margin-top: -10px;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #resign_area input[type=checkbox]:checked + label::before,
  #gmenu_loginform input[type=checkbox]:checked + label::before,
  #login input[type=checkbox]:checked + label::before {
    background: #ec859a; } }

/*↑ラジオボタンとチェックボックス*/
/*pages*/
#confirm input[type=text],
#login input[type=text],
#login input[type=email],
#login input[type=password],
#pages input[type=text],
#pages input[type=telephone],
#pages input[type=tel],
#pages_w100 input[type=email],
#pages input[type=password],
#pages input[type=number],
#pages .text_email_box,
#pages_full input[type=text],
#pages_full input[type=telephone],
#pages_full input[type=password],
#pages_full .text_email_box,
#pages_w100 input[type=text],
#pages_w100 input[type=telephone],
#pages_w100 input[type=tel],
#pages_w100 input[type=email],
#pages_w100 input[type=password],
#pages_w100 input[type=number],
#pages_w100 .text_email_box {
  /*border:2px solid #bfbfbf;*/
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  padding: 14px;
  margin: 5px 0 15px;
  height: auto;
  /*width:85%;*/
  font-size: 14px; }

#confirm input[type=text],
#login input[type=text],
#login input[type=email],
#login input[type=password],
#pages input[type=text],
#pages input[type=telephone],
#pages input[type=tel] {
  width: 85%; }

.box_input_text_m {
  width: 540px !important;
  margin: 0 auto; }

.input_text_m {
  width: 540px !important; }

/*----------------------------------------
signeup
-----------------------------------------*/
#signup_plan {
  margin: 30px auto 30px; }

/* 2017A/W～ */
/* プランリスト */
ul.area_plan_select {
  width: 100%; }

ul.area_plan_select li {
  display: block;
  float: left;
  width: 21%;
  text-align: center;
  border: none;
  border-right: 2px solid #fff;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul.area_plan_select .font_s {
  font-size: 12px; }

ul.area_plan_select table {
  border: none;
  margin: 0; }

ul.area_plan_select td {
  font-size: 15px;
  border: none;
  border-bottom: 2px solid #fff;
  vertical-align: middle; }

.area_plan_select .emphasis {
  font-size: 16px;
  font-weight: bold; }

/* 値段、期間 */
.area_plan_select .plan_name {
  position: relative;
  height: 90px;
  padding: 40px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #d7cec7; }

.area_plan_select_detail .plan_name {
  height: 110px;
  padding-top: 54px; }

/* 詳細なプラン表用 */
.area_plan_select .plan_choosing .plan_name {
  background: #f1b5c1; }

/* セレクト中ラベル */
.area_plan_select .area_select {
  height: 90px;
  padding-top: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* セレクト範囲div */
.area_plan_select .plan_explain {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #fff;
  background: #b1a79d;
  line-height: 28px;
  font-size: 12px; }

.area_plan_select_detail .plan_explain {
  /* 詳細なプラン表用 */
  padding: 7px 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5em;
  font-size: 11.5px; }

.area_plan_select .plan_choosing .plan_explain {
  /* セレクト中説明文*/
  background: #f08fa2; }

.area_plan_select_detail .regular .plan_explain {
  /* セレクト中説明文*/
  padding-left: 28px; }

.area_plan_select .icon {
  position: absolute;
  left: -18px;
  top: -13px;
  width: 58px; }

.area_plan_select_detail .icon {
  position: absolute;
  left: -22px;
  top: -8px; }

.area_plan_select span.name {
  color: #000 !important;
  font-weight: bold;
  font-size: 16px !important;
  line-height: 30px; }

.area_plan_select input[type=radio] {
  width: 24px;
  height: 24px;
  vertical-align: middle; }

.area_plan_select span.discount {
  padding: 2px 12px 1px;
  font-size: 12px;
  width: 90px;
  color: #fff;
  background: url("../../../edcl/images/common/bg_price_l_2.png") no-repeat left center, url("../../../edcl/images/common/bg_price_r_2.png") no-repeat right center, #f08fa2;
  background-size: auto 100%, auto 100%, 100%; }

.plan_choosing span.discount {
  background: url("../../../edcl/images/common/bg_price_choosing_l_2.png") no-repeat left center, url("../../../edcl/images/common/bg_price_choosing_r_2.png") no-repeat right center, #f08fa2;
  background-size: auto 100%, auto 100%, 100%; }

.area_plan_select .plan_price,
.area_plan_select .period,
.area_plan_select .code_set,
.area_plan_select .code_select,
.area_plan_select .postage,
.area_plan_select .privilege {
  height: 60px; }

.plan_select .plan_price {
  position: relative; }

.plan_select .plan_price .asterisk {
  position: absolute;
  right: 10px;
  bottom: 7px;
  color: #5a5a5a;
  font-size: 10px; }

ul.area_plan_select li.plan_choosing {
  background: #f8e8eb; }

/* セレクト中BG */
ul.area_plan_select .label_text {
  width: 15%; }

/* 左列 見出し */
ul.area_plan_select .label_text td {
  background: #fff; }

ul.area_plan_select .space {
  background: #fff;
  width: 1%; }

/* 隙間 */
/* プランのご契約状況 などの幅 */
.list_width {
  width: 800px;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* /2017A/W～ */
#signup_plan label {
  display: block; }

/*#signup_customer span{padding-left:15px;}*/
#signup_customer div {
  margin: 15px 0 20px; }

#signup_customer input[type=text],
#signup_customer input[type=telephone],
#signup_customer input[type=tel],
#pages_w100 input[type=tel],
#signup_customer input[type=email],
#signup_customer input[type=password],
#signup_customer .text_email_box {
  /*margin:5px 0 0 15px;*/
  margin: 5px 0 0 0; }

#pages_w100 input[type=tel],
#signup_customer .text_email_box {
  margin: 5px 0 15px; }

#signup_customer input[type=text] {
  padding: 10px;
  width: 40%; }

.required {
  margin-left: 8px;
  padding: 1px 4px !important;
  border: #f25164 1px solid;
  border-radius: 2px;
  color: #f25164;
  font-size: 11px;
  white-space: nowrap; }

.date_birth select,
.states select,
.signup_card_limit select,
.code_select_size select {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin: 5px 14px 15px 0;
  padding: 13px;
  width: 24%; }

.states select {
  margin: 5px 0 15px;
  width: 40%; }

.code_select_size select {
  margin: 0 0 25px;
  width: 40%; }

.signup_card_limit select {
  margin: 5px 0 15px;
  width: 90%; }

.num_tel input,
.num_live input,
.text_city input {
  padding: 10px;
  width: 40%; }

.text_email_box {
  padding: 10px;
  background: #fff0f3;
  color: #bfbfbf;
  font-weight: bold;
  border: 1px #a4a4a4 solid; }

.pass01 input,
.pass02 input {
  padding: 10px;
  width: 40%; }

.address_email {
  margin: 0 auto;
  width: 90%; }

.address_email input {
  /*signup.html textbox*/
  margin: 5px 0 0 15px;
  padding: 10px;
  width: 60%; }

/*
#confirm{}
#login input{}
#pages,
#confirm,
#login,
#service{
	margin :0;
	padding :0;
	color:#000;
}
*/
.confirm {
  font-weight: bold; }

.confirm[l-name],
.confirm[l-name_kana],
.confirm[month],
.confirm[day] {
  padding-left: 30px; }

#service h4 {
  font-size: 18px;
  color: #ef8fa1;
  margin: 30px 15px 5px 15px; }

#service_img_sp {
  display: none; }

#service_img_pc {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto 30px; }

.service_copy {
  font-weight: bold;
  margin: 0 15px;
  padding: 10px 0;
  text-align: center;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-size: 18px;
  line-height: 24px; }

.service_imgarea {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.service_imgarea:before {
  content: " ";
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  right: 10px;
  /* Firefox用 */
  /* Opera */
  /* Safari,Google Chrome用 */
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(right, rgba(255, 255, 255, 0), white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff50', endColorstr='#ffffff0', GradientType=0)";
  /* IE8用 */ }

.service_imgarea:after {
  content: " ";
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  /* Firefox用 */
  /* Opera */
  /* Safari,Google Chrome用 */
  background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(right, white, rgba(255, 255, 255, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff50', endColorstr='#ffffff0', GradientType=0)";
  /* IE8用 */ }

.list h5 {
  font-weight: bold;
  text-align: center; }

#resign_area {
  margin: 0 15px; }

#resign_area input[type=checkbox] + label {
  line-height: 1.5; }

/* 退会前アンケート */
#enquete_area input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 3px 5px 0;
  -moz-transform-origin: right bottom;
  -moz-transform: scale(1.5, 1.5); }

#enquete_area .question {
  color: #ef8fa1;
  margin: 0 0 10px 0;
  padding: 0; }

#enquete_area .area_checkbox {
  display: table; }

#enquete_area .area_checkbox div {
  display: table-cell; }

.resign_enquete_q {
  margin-bottom: 30px; }

/*code*/
#code ul {
  display: table;
  width: 100%;
  margin: 30px auto; }

#code ul li {
  margin: 0 15px;
  position: relative;
  border-top: 2px solid #E7E7E7; }

#code ul li:first-child {
  border-top: none; }

#code ul li div {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  width: 50%;
  height: 100%; }

#code ul li div img {
  vertical-align: middle;
  width: 100%; }

#code h4 {
  font-size: 18px;
  color: #636363;
  margin: 30px auto 5px;
  text-align: center; }

/* アイテムサイズ表 */
.code_itemlist_size {
  font-size: 10px;
  margin: 0px 0 0 5px;
  width: 100%;
  margin: auto; }

.code_itemlist_size th,
.code_itemlist_size td {
  padding: 1px 0 !important;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.code_itemlist_size th.info_label {
  width: 120px; }

.code_itemlist_size {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 5px;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* 2017 A/W～ */
.code_itemlist_size td {
  background: #FFF; }

/* 2017 A/W～ */
.code_itemlist_size .blank {
  border: none;
  background: none;
  width: 33%; }

/* 2017 A/W～ */
/*.code_itemdetail { margin-bottom: 80px; } /* 2017 A/W～ */
.page_item_set p {
  padding: 0px !important; }

/* 2017 A/W～ */
/*↓コーデ詳細*/
#code_detail_set_img_sp {
  display: none; }

#code_detail_set_img_pc {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto 30px; }

.code_detail_set_imgarea {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 15px; }

.code_detail_area {
  display: block; }

.code_detail_area h4 {
  margin-top: 0; }

.code_detail_imgarea {
  float: left;
  width: 40%;
  height: auto;
  padding: 0 15px 0 0;
  text-align: center; }

.code_detail_img {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb; }

.code_detail_contents {
  display: block;
  float: left;
  width: 55%;
  height: auto;
  margin: 0 0 55px 0; }

.code_detail_area table {
  margin: 0 15px; }

.code_detail_area th {
  width: 40%; }

/*↑コーデ詳細*/
/*code_select*/
.code_select div.area_table {
  padding: 0 15px; }

.code_select th {
  width: 40%; }

.code_select ul {
  display: table;
  width: 100%;
  margin: 30px auto; }

.code_select ul li {
  margin: 0 15px;
  position: relative;
  border-top: 2px solid #E7E7E7; }

.code_select ul li:last-child {
  border-bottom: 2px solid #E7E7E7; }

.code_select ul li div {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  width: 50%;
  height: 100%; }

.code_select ul li div img {
  vertical-align: middle;
  width: 100%; }

.code_select h4 {
  font-size: 18px;
  color: #636363;
  margin: 30px auto 5px;
  text-align: left; }

.code_select .area_code_explain p {
  margin: 0 0 0 1em;
  padding: 0;
  text-align: left;
  text-indent: -1em; }

/*ご利用状況*/
.confirmation_date {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  display: block; }

.confirmation_value {
  font-weight: bold;
  text-align: center; }

.confirmation_data {
  margin: 0 15px 15px 15px; }

.confirmation_data th {
  width: 150px; }

.information {
  display: block;
  color: #ff0000; }

.attention_list {
  margin: 20px 15px 15px 15px; }

.attention_list ul {
  padding: 5px 15px 25px 15px;
  font-size: 16px;
  line-height: 25px; }

.attention_list li {
  padding: 5px 0 0 1.25em;
  font-size: 13px;
  line-height: 17px;
  text-indent: -1.25em; }

.attention_list li:before {
  content: "\203B   ";
  color: #666; }

.attention_list li.red {
  color: #e8414f; }

/* 赤文字 */
.attention_list li.red:before {
  color: #e8414f; }

/*↑ご利用状況*/
/*shop*/
.code_name {
  text-align: center;
  color: #000; }

.code_imgarea {
  padding: 0 50px; }

.code_img {
  width: 100%;
  height: auto; }

.value_established {
  font-size: 14px; }

.value_off {
  font-size: 14px;
  background: #ff5677;
  color: #FFF;
  padding: 2px;
  margin-left: 2px; }

.value_number {
  font-weight: bold; }

.shop_value_data {
  width: 400px;
  margin: 0px auto; }

.shop_value_data table {
  border: none; }

.shop_value_data th {
  border: none;
  font-weight: normal;
  background: none;
  padding: 0 0 5px 0; }

.shop_value_data td {
  border: none;
  text-align: right;
  padding: 0 0 5px 0; }

.value_remaining {
  padding: 20px 0 5px 0 !important; }

.shop_detail {
  padding: 5px 0;
  margin: 0 15px;
  clear: both;
  height: auto; }

.shop_detail li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px; }

.shop_detail table {
  margin: 0;
  padding: 0; }

.shop_detail td {
  margin: 0;
  padding: 0;
  border: none; }

.shop_detail .value_established {
  margin: 0 15px; }

.shop_detail_description {
  margin-top: 10px; }

.shop_detail_imgarea {
  width: 40%;
  height: auto;
  text-align: center; }

.shop_detail_img {
  width: 100%; }

.shop_detail_data {
  height: auto; }

/*グレーアウトpopup*/
#popup_overlay {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8); }

#popup_textarea {
  color: #fff;
  padding-top: 400px;
  vertical-align: middle; }

#popup_textarea a {
  text-decoration: underline; }

#popup_close {
  border: 1px solid #fff;
  width: 40%;
  color: #fff;
  margin: auto;
  text-align: center;
  padding: 15px 0 15px 0;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  display: block;
  cursor: pointer; }

/*-----▼ code_new ▼-----*/
#code_new_pc {
  margin: 0 auto;
  display: block;
  width: 1000px;
  position: relative;
  margin: 0 auto;
  /*padding: 0 0 250px;*/
  padding: 0 0 340px;
  color: #635343; }

#code_new_img_pc {
  margin: 0 auto;
  display: block;
  width: 990px;
  position: relative;
  margin: 0 auto; }

.code_new_pc_imgarea {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.btn_code_new_type {
  margin: 16px auto 8px;
  text-align: center; }

.btn_code_new_type li {
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px;
  display: inline-block;
  /*border: 2px solid #d5cec8;*/
  border-radius: 4px;
  /*width: 200px;*/
  /*height:70px;*/
  /*width: 206px;*/
  height: 81px; }

.btn_code_new_type li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 20px;*/
  display: inline-block;
  border-radius: 4px;
  /*width: 200px;*/
  /*height:70px;*/
  /*width: 206px;*/
  width: 100%;
  height: 81px;
  margin: 2px 0;
  color: #000; }

.btn_code_new_type li img {
  width: 108px !important; }

.page_on a {
  /*background:#e87e92;*/
  /*width: 200px;*/
  /*height:70px;*/
  width: 206px;
  height: 81px;
  margin: 2px 0;
  color: #fff !important; }

.btn_code_new_type li a:hover {
  /*background:#FFF;*/
  /*opacity: 0.2;*/
  /*/!*background:#e87e92;*!/*/
  /*color:#fff;*/
  /*text-decoration:none;*/ }

span.set_name {
  line-height: 45px;
  font-size: 28px;
  letter-spacing: -0.05em; }

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

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

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

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

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

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

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

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

span.btn_coderecipe,
span.btn_coderecipe_a,
span.btn_coderecipe_b,
span.btn_coderecipe_c,
span.btn_coderecipe_d,
span.btn_coderecipe_e, span.btn_coderecipe_e,
span.btn_coderecipe_f, span.btn_coderecipe_F,
span.btn_coderecipe_g, span.btn_coderecipe_G,
span.btn_coderecipe_h, span.btn_coderecipe_H,
span.btn_coderecipe_i, span.btn_coderecipe_I,
span.btn_coderecipe_j, span.btn_coderecipe_J,
span.btn_coderecipe_k, span.btn_coderecipe_K,
span.btn_coderecipe_l, span.btn_coderecipe_L,
span.btn_coderecipe_m, span.btn_coderecipe_M,
span.btn_coderecipe_n, span.btn_coderecipe_N,
span.btn_coderecipe_o, span.btn_coderecipe_O,
span.btn_coderecipe_p, span.btn_coderecipe_P,
span.btn_coderecipe_q, span.btn_coderecipe_Q,
span.btn_coderecipe_r,
span.btn_coderecipe_u,
span.btn_coderecipe_v,
span.btn_coderecipe_w {
  padding: 0 10px;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  float: right;
  letter-spacing: -0.05em; }

h3.btn_coderecipe {
  border-radius: 5px;
  margin-top: -45px;
  padding: 5px 10px 3px;
  float: right !important;
  color: #fff;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.05em;
  text-align: right; }

span.btn_coderecipe_a, .bg_color_A,
span.btn_coderecipe_i, .bg_color_I,
span.btn_coderecipe_q, .bg_color_Q,
span.btn_coderecipe_u, .bg_color_U {
  background: #fdac77; }

span.btn_coderecipe_b, .bg_color_B,
span.btn_coderecipe_j, .bg_color_J,
span.btn_coderecipe_v, .bg_color_V {
  background: #78b5be; }

span.btn_coderecipe_c, .bg_color_C,
span.btn_coderecipe_k, .bg_color_K,
span.btn_coderecipe_w, .bg_color_W {
  background: #d88bc9; }

span.btn_coderecipe_d, .bg_color_D,
span.btn_coderecipe_l, .bg_color_L {
  background: #a8cbbc; }

span.btn_coderecipe_e, .bg_color_E,
span.btn_coderecipe_m, .bg_color_M {
  background: #fbd791; }

span.btn_coderecipe_f, .bg_color_F,
span.btn_coderecipe_n, .bg_color_N {
  background: #afbcdf; }

span.btn_coderecipe_g, .bg_color_G,
span.btn_coderecipe_o, .bg_color_O {
  background: #fdafb1; }

span.btn_coderecipe_h, .bg_color_H,
span.btn_coderecipe_p, .bg_color_P,
span.btn_coderecipe_r, .bg_color_R {
  background: #c5aee5; }

.text_color_A, .text_color_I, .text_color_Q, .text_color_U {
  color: #fdac77; }

.text_color_B, .text_color_J, .text_color_V {
  color: #78b5be; }

.text_color_C, .text_color_K, .text_color_W {
  color: #d88bc9; }

.text_color_D, .text_color_L {
  color: #a8cbbc; }

.text_color_E, .text_color_M {
  color: #fbd791; }

.text_color_F, .text_color_N {
  color: #afbcdf; }

.text_color_G, .text_color_O {
  color: #fdafb1; }

.text_color_H, .text_color_P, .text_color_R {
  color: #c5aee5; }

span.set_icon_text {
  display: inline-block;
  margin-right: 8px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 28px;
  text-align: center;
  color: #FFF; }

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

.set_title01 {
  font-size: 22px;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  margin: 0 0 0 45px !important; }

.box_calendar .set_title01 {
  padding: 0;
  margin: 0 !important; }

.box_calendar .set_icon {
  padding-right: 5px;
  margin-bottom: -10px; }

.set_title01 h1 {
  font-weight: normal !important; }

.set_title01 h2.btn_coderecipe {
  font-size: 22px;
  padding-right: 0; }

.set_copy01 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  color: #635343 !important; }

.set_lead01 {
  margin: 10px 0 10px;
  padding: 0;
  font-size: 23px;
  line-height: 1.2em; }

.code_price01,
.code_model01 {
  margin: 0;
  padding: 0;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  border-top: dashed 1px #bfbfbf; }

.code_model01 {
  margin-bottom: 45px;
  border-bottom: solid 1px #bfbfbf; }

.area_code_new_main {
  margin: 20px 0; }

.area_code_new_main h2 {
  margin: 0px;
  background: #ef8fa1;
  font-size: 14px;
  line-height: 28px;
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold; }

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

.area_code_new_main h1,
.area_code_new_main h3 {
  font-size: 22px;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  float: left;
  margin: -5px 15px 5px 7px !important; }

.area_code_new_main h1,
.area_code_new_main h3 {
  font-size: 22px;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  float: left;
  margin: -5px 15px 5px 7px !important; }

.area_code_description {
  padding: 0px 0 6px 6px;
  margin: 0;
  display: block;
  clear: both; }

.area_code_inner {
  width: 100%; }

.area_code_inner_left {
  /*左カラム スライダー領域*/
  position: relative;
  margin-right: 20px;
  width: 500px !important;
  height: 630px;
  float: left;
  overflow: hidden; }

.item_slider > li {
  background: #fff;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  height: 610px;
  opacity: 0;
  z-index: 1; }

.item_slider > li:first-child {
  opacity: 1;
  z-index: 2; }

.area_code_inner_right {
  /*右カラム*/
  /*width: 369px;*/
  width: 480px;
  float: left; }

.code_itemlist {
  position: relative;
  padding-bottom: 15px;
  border-bottom: solid 1px #bfbfbf; }

.code_itemlist li {
  /*tab*/
  position: relative;
  display: inline-block;
  margin: 0 2px 5px; }

.page_item_set .code_itemlist li {
  /* 2017A/W～ */
  margin: 0 10px 5px 0px; }

.code_itemlist li:nth-child(even) {
  margin-right: 0px; }

.code_itemlist li p {
  margin: 0;
  padding: 0 2px 2px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 22px;
  /*background: #635343;*/
  background: #e0e0e0;
  color: #fff;
  text-align: center; }

.code_itemlist img {
  width: 108px;
  height: 108px; }

.page_item_set .code_itemlist img {
  /* 2017A/W～ */
  width: 234px;
  height: auto;
  margin-bottom: -3px; }

.tab {
  border: 2px solid #e0e0e0;
  margin: 1px; }

.code_itemlist li.tab.select {
  position: relative;
  border: 2px solid #ff5576; }

.code_itemlist li.tab.select:after {
  /*display: block;*/
  /*content: '';*/
  /*position: absolute;*/
  /*bottom: -9px;*/
  /*left: 45px;*/
  /*width: 12px;*/
  /*height: 12px;*/
  /*background: #fff;*/
  /*border-right: 2px solid #ff5576;*/
  /*border-bottom: 2px solid #ff5576;*/
  /*-webkit-transform: rotate(45deg);*/
  /*transform: rotate(45deg);	*/ }

.code_itemdetail {
  margin-top: 15px; }

.hide {
  display: none; }

.code_item_explain {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px; }

.code_item_explain p.code_item_info {
  padding-top: 10px;
  border-top: 1px dashed #bfbfbf;
  font-size: 14px !important; }

.code_item_explain h2,
.code_item_explain h3,
.code_item_explain h4 {
  margin: 0;
  font-size: 18px;
  color: #635343; }

.code_item_explain h2 {
  background: none; }

.code_item_explain h3 {
  font-weight: bold;
  display: block; }

.code_item_explain p {
  font-size: 16px !important;
  padding: 0;
  margin: 10px 0; }

.code_item_explain p span {
  font-size: 12px !important;
  font-weight: bold; }

.code_itemlist_size {
  font-size: 14px;
  margin: 5px 0; }

.code_itemlist_size th,
.code_itemlist_size td {
  padding: 1px 0 !important;
  text-align: center;
  vertical-align: middle;
  /*width:56px;*/
  height: 39px; }

.code_new_attention {
  padding: 0 10px;
  margin: 10px 0;
  border: solid 1px #d5cec8; }

.code_new_attention h4 {
  margin: 15px;
  text-align: center;
  color: #706f6f; }

.code_new_attention p {
  margin-bottom: 25px; }

/*flexslider調整用*/
.flexslider,
.flexslider02,
.flexslider03,
.flexslider04 {
  position: relative;
  zoom: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 500px;
  width: 500px;
  border: 1px solid #d2d2d2;
  border-radius: 0;
  margin-bottom: 0 !important; }

.flexslider .slides,
.flexslider02 .slides,
.flexslider03 .slides,
.flexslider04 .slides {
  zoom: 1; }

.flexslider .slides img,
.flexslider02 .slides img,
.flexslider03 .slides img,
.flexslider04 .slides img {
  height: auto;
  width: 100%;
  -moz-user-select: none; }

.flex-control-thumbs li .thumb_left {
  margin-left: 0; }

.thumb_right {
  margin-right: 0px !important; }

.flex-control-thumbs li {
  width: 90px;
  height: 90px;
  margin: 4px 8px 4px 0; }

.flex-control-thumbs li {
  width: 96px;
  height: 96px;
  border: 1px solid #cecece;
  margin: 4px 0 4px 8px; }

.flex-control-thumbs li:nth-child(5n+1) {
  margin-left: 0 !important; }

.carousel,
.carousel02,
.carousel03,
.carousel04 {
  position: relative;
  margin-bottom: 10px; }

.carousel .flex-viewport,
.carousel02 .flex-viewport,
.carousel03 .flex-viewport,
.carousel04 .flex-viewport {
  padding-top: 20px;
  height: 88px; }

.carousel .flex-viewport img,
.carousel02 .flex-viewport img,
.carousel03 .flex-viewport img,
.carousel04 .flex-viewport img {
  position: relative;
  width: 87px;
  z-index: 1; }

.carousel .flex-direction-nav,
.carousel02 .flex-direction-nav,
.carousel03 .flex-direction-nav,
.carousel04 .flex-direction-nav {
  position: relative;
  top: -40px; }

.carousel .flex-prev,
.carousel .flex-next,
.carousel02 .flex-prev,
.carousel02 .flex-next,
.carousel03 .flex-prev,
.carousel03 .flex-next,
.carousel04 .flex-prev,
.carousel04 .flex-next {
  display: block;
  background: url("../../../edcl/images/slider_arrow01_2.png") no-repeat;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%; }

.carousel .flex-next,
.carousel02 .flex-next,
.carousel03 .flex-next,
.carousel04 .flex-next {
  right: 0 !important;
  background-position: -30px 0; }

.carousel .flex-prev,
.carousel02 .flex-prev,
.carousel03 .flex-prev,
.carousel04 .flex-prev {
  left: 0; }

.carousel .flex-next,
.carousel02 .flex-next,
.carousel03 .flex-next,
.carousel04 .flex-next {
  right: 0; }

.carousel ul.slides li img,
.carousel02 ul.slides li img,
.carousel03 ul.slides li img,
.carousel04 ul.slides li img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fff; }

.carousel ul.slides li.flex-active-slide img,
.carousel02 ul.slides li.flex-active-slide img,
.carousel03 ul.slides li.flex-active-slide img,
.carousel04 ul.slides li.flex-active-slide img {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #d2d2d2; }

.carousel ul.slides li.flex-active-slide,
.carousel02 ul.slides li.flex-active-slide,
.carousel03 ul.slides li.flex-active-slide,
.carousel04 ul.slides li.flex-active-slide {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.carousel ul.slides li.flex-active-slide:before,
.carousel02 ul.slides li.flex-active-slide:before,
.carousel03 ul.slides li.flex-active-slide:before,
.carousel04 ul.slides li.flex-active-slide:before {
  display: block;
  content: '';
  position: absolute;
  left: 35px;
  top: -12px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 2px solid #d2d2d2;
  border-top: 2px solid #d2d2d2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.flex-direction-nav .flex-prev {
  opacity: 1;
  left: 0; }

.flex-direction-nav .flex-next {
  opacity: 1;
  right: 0; }

/*.flexslider_top:hover .flex-direction-nav .flex-prev,*/
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider02:hover .flex-direction-nav .flex-prev,
.flexslider03:hover .flex-direction-nav .flex-prev,
.flexslider04:hover .flex-direction-nav .flex-prev {
  left: 0; }

/*.flexslider_top:hover .flex-direction-nav .flex-next,*/
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider02:hover .flex-direction-nav .flex-next,
.flexslider03:hover .flex-direction-nav .flex-next,
.flexslider04:hover .flex-direction-nav .flex-next {
  right: 0; }

/*.flexslider_top .flex-prev,*/
/*.flexslider_top .flex-next,*/
.area_code_inner_left .flex-prev,
.area_code_inner_left .flex-next {
  display: block;
  border: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  background: url("../../../edcl/images/slider_arrow01_2.png") no-repeat;
  background-size: auto 100%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg); }

/*.flexslider_top .flex-next,*/
.area_code_inner_left .flex-next {
  right: 0 !important;
  background-position: -40px 0; }

.area_code_inner_test .flex-next {
  right: 30px !important;
  top: 45%; }

.area_code_inner_test .flex-prev {
  left: 10px !important;
  top: 45%; }

/*.flexslider_top .flex-direction-nav a:before,*/
.area_code_inner_left .flex-direction-nav a:before {
  content: ' ' !important; }

.flex-control-paging li a {
  width: 10px !important;
  height: 10px !important;
  background: #dedbd8 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flex-control-paging li a:hover {
  background: #c4c2c0 !important; }

.flex-control-paging li a.flex-active {
  background: #f47880 !important; }

.flex-direction-nav a:before {
  content: ' ' !important; }

/* コーデレシピバナー追加用 */
.code_under_banner {
  margin: -40px auto 100px;
  width: 530px;
  /*float: left;*/ }

.code_under_banner img {
  width: 530px; }

/* /コーデレシピバナー追加用 */
/*-----▲ code_new ▲-----*/
/*login*/
#login form {
  margin: 20px auto; }

#login form label {
  display: block;
  margin: 20px 0 10px 15px; }

#login form input[type=email],
#login form input[type=text],
#login form input[type=password] {
  margin-top: 5px !important;
  width: 95%; }

#login p {
  text-align: center; }

/*pages_footer*/
#gfooter {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 10px 0 5px 0;
  background: #ee869a;
  text-align: center;
  font-size: 11px;
  position: fixed;
  bottom: 0; }

#gfooter ul {
  margin: 0 15px; }

#gfooter li a {
  color: #fff; }

#gfooter li {
  display: inline;
  list-style-type: none;
  margin-right: 6px;
  padding-left: 10px;
  color: #fff;
  border-left: 1px solid #fff; }

#gfooter li:first-child {
  border: none; }

#gfooter p {
  color: #fff;
  margin: 0;
  font-size: 11px; }

/*----------------------------------------
globalFooter
-----------------------------------------*/
#globalFooter,
#globalFooterCopyright {
  padding: 30px 0 0;
  background: #cfcbc6;
  width: 100%;
  /*height: 280px;*/
  /*height: 190px;*/
  /*position: absolute;*/
  bottom: 0;
  text-align: center; }

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

#globalFooterCopyright p {
  font-size: 12px; }

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

#globalFooter .logo_plusone {
  display: block;
  width: 200px;
  margin: 0px auto 16px; }

#globalFooter h5 {
  margin: 0 0 5px;
  text-align: left;
  font-size: 14px;
  color: #fff; }

#globalFooter ul {
  text-align: left; }

#globalFooter li {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  line-height: 20px; }

#globalFooter .inner_footer03_regist li {
  width: 48%; }

#globalFooter li a {
  color: #fff; }

#globalFooter p {
  padding: 10px 0 0;
  color: #fff;
  font-size: 11px;
  text-align: center; }

#globalFooter p.copyright {
  margin: 0;
  border-top: solid #fff 1px;
  padding: 10px  30px 0 0;
  color: #fff;
  font-size: 12px;
  text-align: right; }

.inner_footer01,
.inner_footer01_regist,
.inner_footer02,
.inner_footer03,
.inner_footer03_regist,
.inner_footer04 {
  display: inline-block;
  vertical-align: top;
  height: 214px;
  margin-bottom: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.inner_footer01 {
  width: 300px;
  padding-right: 30px; }

.inner_footer01_regist {
  width: 300px;
  margin: 0; }

.inner_footer02 {
  width: 190px; }

.inner_footer03 {
  width: 220px; }

.inner_footer03_regist {
  width: 330px;
  margin-bottom: 0; }

.inner_footer04 {
  width: 280px;
  border-left: 1px solid #fff;
  border-style: dashed;
  padding-left: 20px; }

.inner_footer04 li {
  padding-left: 20px; }

#globalFooter .icon_sns {
  display: inline-block;
  width: 40px;
  padding: 0 7px; }

.inner_footer04 li.footer_fb {
  background: url("../../../edcl/images/footer_fb_2.png") no-repeat left center;
  background-size: 18px auto; }

.inner_footer04 li.footer_tw {
  background: url("../../../edcl/images/footer_tw_2.png") no-repeat left center;
  background-size: 17px auto; }

.inner_footer04 li.footer_insta {
  background: url("../../../edcl/images/footer_insta_2.png") no-repeat left center;
  background-size: 18px auto; }

.inner_footer04 li.footer_blog {
  background: url("../../../edcl/images/footer_blog_2.png") no-repeat left center;
  background-size: 18px auto; }

.inner_footer04 li {
  padding-left: 20px; }

/********SP追加の為、CSS追加ハンバーガーメニュー*********/
.menubox {
  display: none; }

/*****TOP********/
/**----SNSBOXまわり-----****/
#share .bnBox1120 {
  width: 458px;
  display: inline-block; }

.pc1120_bt01 {
  width: 458px;
  height: 106px;
  margin: 0 10px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top; }

.sp1120_bt01 {
  display: none; }

/**----サービス-----****/
.photoBox1120 {
  width: 958px;
  height: 300px;
  background: url("../../../edcl/images/PC/service_2.jpg") no-repeat; }

.photoBox1120 span {
  display: none; }

#servicebox1120 {
  clear: both;
  margin: 80px auto 0 auto;
  width: 980px; }

#servicebox1120 h2 {
  color: #ef8fa1;
  font-size: 32px;
  line-height: 40px;
  text-align: center; }

#servicebox1120 h2 strong {
  display: block;
  padding: 0 0 15px 0;
  color: #000;
  font-family: 'Prata', serif;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 1px;
  text-align: center; }

#servicebox1120 a h2 strong {
  color: #fff;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3',Meiryo,メイリオ,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;
  border: none;
  text-decoration: none;
  padding: 28px 0 0 0; }

#servicebox1120 a:hover h2 strong {
  border: none;
  text-decoration: none; }

#servicebox1120 .styleDeli {
  clear: both;
  width: 760px;
  margin: 15px auto 0 auto;
  padding: 20px 40px 20px 40px;
  border: 2px solid #d5cec8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#servicebox1120 .styleDeli:before,
#servicebox1120 .styleDeli:after {
  content: " ";
  display: table; }

#servicebox1120 .styleDeli:after {
  clear: both; }

#servicebox1120 .styleDeli {
  *zoom: 1;
  /* for IE 6/7 only */ }

#servicebox1120 .styleDeli h3 {
  display: block;
  float: left;
  overflow: hidden;
  width: 180px;
  height: 180px;
  border-radius: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  background: #d5cec8 url("../../../edcl/images/logoStyledeli_2.png") no-repeat center center;
  background-size: 140px auto , auto auto;
  white-space: nowrap;
  text-indent: 110%; }

#servicebox1120 .styleDeli h4 {
  margin: 40px 0 10px 200px;
  color: #696969;
  font-size: 17px;
  line-height: 24px; }

#servicebox1120 .styleDeli p {
  margin: 0 0 0 200px;
  font-size: 14px;
  line-height: 24px; }

#servicebox1120 .styleDeli p strong {
  display: block;
  text-align: right; }

#servicebox1120 .styleDeli p strong a {
  color: #000; }

.servicebox_pbox1120 {
  width: 100%; }

.servicebox_pbox1120 article {
  padding: 10px;
  vertical-align: top;
  float: left; }

#servicebox1120 p {
  padding: 5px 40px 0 40px;
  font-size: 13px;
  line-height: 22px; }

.servicebox_p01_1120:before {
  content: "";
  /* background: #fff; */
  width: 0;
  height: 0;
  border-top: 50px solid #fff;
  border-right: 50px solid transparent;
  display: block;
  position: absolute; }

.servicebox_p01_1120 {
  margin: 20px auto 30px;
  background: #fff0f3;
  height: 530px; }

#servicebox1120 article {
  /*float : left;
	width : 230px;*/
  /*height : 320px;*/
  margin: 0 15px 0 0; }

#servicebox1120 .point01_1120 h3, #servicebox1120 .point02_1120 h3, #servicebox1120 .point03_1120 h3, #servicebox1120 .point04_1120 h3, #servicebox1120 .point05_1120 h3 {
  padding: 45px 40px 0 40px;
  color: #ee869a;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
  position: relative; }

#servicebox1120 .point01_1120, #servicebox1120 .point02_1120 {
  /* border-right: solid 1px #d5cec8;*/
  width: 290px;
  position: relative; }

#servicebox1120 hr {
  border-top: solid 1px #d5cec8;
  width: 94%;
  margin: 0 auto;
  height: 1px; }

#servicebox1120 .point03_1120 {
  position: relative;
  width: 290px;
  text-align: left; }

#servicebox1120 .point04_1120 {
  width: 450px;
  position: relative;
  /* border-right: solid 1px #d5cec8;
		border-top:solid 1px #d5cec8;*/ }

#servicebox1120 .point05_1120 {
  width: 450px;
  /* border-top:solid 1px #d5cec8;*/
  position: relative; }

article.point01_1120:after, article.point02_1120:after {
  content: "";
  height: 220px;
  position: absolute;
  display: inline-block;
  border-right: solid 1px #d5cec8;
  top: 10px;
  left: 316px; }

article.point01_1120:before {
  width: 80px;
  height: 51px;
  content: "";
  background: url("../../../edcl/images/PC/illust_01_2.png");
  display: block;
  position: absolute;
  right: 0; }

article.point02_1120:before {
  width: 61px;
  height: 70px;
  content: "";
  background: url("../../../edcl/images/PC/illust_02_2.png");
  display: block;
  position: absolute;
  right: 0; }

article.point03_1120:before {
  width: 69px;
  height: 60px;
  content: "";
  background: url("../../../edcl/images/PC/illust_03_2.png");
  display: block;
  position: absolute;
  right: 0; }

article.point04_1120:before {
  width: 48px;
  height: 92px;
  content: "";
  background: url("../../../edcl/images/PC/illust_05_2.png");
  display: block;
  position: absolute;
  left: -15px;
  bottom: -30px; }

article.point04_1120:after {
  width: 57px;
  height: 79px;
  content: "";
  background: url("../../../edcl/images/PC/illust_06_2.png");
  display: block;
  position: absolute;
  left: 30px;
  bottom: -80px; }

article.point05_1120:after {
  content: "";
  height: 220px;
  position: absolute;
  display: inline-block;
  border-right: solid 1px #d5cec8;
  top: 10px;
  right: 450px; }

article.point05_1120:before {
  width: 108px;
  height: 148px;
  content: "";
  background: url("../../../edcl/images/PC/illust_07_2.png");
  display: block;
  position: absolute;
  right: -30px;
  top: 125px; }

.btzone1120 {
  clear: both;
  /* clear: both; */
  width: 820px;
  margin: 15px auto 0 auto;
  padding: 20px 40px 20px 40px; }

.bt1120_pc01 {
  cursor: pointer;
  background: url("../../../edcl/images/PC/btn_pink_2.png");
  margin: 0 30px;
  float: left;
  width: 350px;
  height: 90px; }

.bt1120_pc02 {
  background: url("../../../edcl/images/PC/btn_gray_2.png");
  cursor: pointer;
  width: 350px;
  float: left;
  height: 90px;
  margin: 0 30px; }

.bt1120_pc01 a h2 {
  font-weight: bold !important;
  color: #fff !important; }

p.tx_note {
  color: #ef8fa1;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  margin: 10px; }

.bt1120_pc01 a h3 strong {
  padding: 30px 0 0 0;
  color: #fff;
  display: block; }

.bt1120_pc01 a h3 strong {
  padding: 30px 0 0 0;
  color: #fff;
  display: block; }

.titleBox .bt1120_pc01 {
  margin: 0 30px 15px; }

#entry .bt1120_pc01 {
  margin: 0 auto;
  float: none; }

#entry .bt1120_pc01 a h3 strong {
  padding: 0 !important;
  color: #fff;
  display: block; }

body.top #entry {
  padding: 35px 0 0 0 !important; }

/*----------------------------------------
style_deri
-----------------------------------------*/
#style_deri {
  width: 300px;
  margin: 34px auto 0;
  text-align: center; }

#style_deri .linkBox {
  width: 296px;
  height: 70px;
  margin: auto;
  padding-left: 65px;
  border: #aca4a1 2px solid;
  border-radius: 5px;
  position: relative;
  font-size: 10px;
  color: #aca4a1;
  background: 5px 5px url("../../../edcl/images/styledeli_2.png") no-repeat, 272px center url("../../../edcl/images/link_arrow_2.png") no-repeat;
  background-size: 56px, 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  text-align: left; }

/* Referer */
#form-referer input[type=checkbox] {
  /*display: inline;*/
  /*margin-right:5px;*/ }

#form-referer .checkboxes {
  padding-top: 8px;
  /*margin-left: 10px;*/ }

#form-referer .checkboxes label {
  /*margin-left: 20px;*/ }

/*recipe*/
#recipe_title {
  width: 100%;
  height: 150px;
  margin: 0 0 20px; }

#calendar_main {
  margin: 10px 0 0; }

.calendar_table {
  /*width: 68%;*/
  width: 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #cfcbc6;
  margin: 0 auto 50px;
  border-collapse: separate; }

.calendar_table th {
  border: 1px solid #fff;
  border-bottom: none;
  background: #cfcbc6;
  color: #fff;
  text-align: center; }

.calendar_table td {
  border: 1px solid #fff;
  padding: 0;
  text-align: center;
  position: relative;
  height: 142px !important;
  width: 142px;
  overflow: hidden !important; }

.calendar_table td img {
  height: 210px !important;
  width: 140px !important;
  padding: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden; }

.calendar_sat {
  background: #9dccec !important; }

.calendar_sun {
  background: #f3a09f !important; }

.blank {
  background: #e8e1e1; }

.calendar_date {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #cfcbc6;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #FFF;
  line-height: 40px;
  z-index: 10; }

.calendar_item {
  position: relative; }

.calendar_item a {
  position: absolute;
  width: 240px;
  height: 240px;
  left: 0;
  top: 0; }

/* 2017AW～ */
.coordinate_list {
  width: 1000px !important;
  margin: 0 0 15px;
  display: table;
  /*border-spacing : 4px 0px;*/ }

.coordinate_list li {
  /*display: table-cell;*/
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.coordinate_list li.size_l {
  width: 340px;
  padding: 0 20px 0 0; }

.coordinate_list li.size_l:last-child {
  width: 320px;
  padding: 0; }

.coordinate_list li.size_l img {
  width: 320px; }

.coordinate_list li.size_m {
  width: 255px;
  padding: 0 20px 0 0; }

.coordinate_list li.size_m:last-child {
  width: 235px;
  padding: 0;
  margin-right: -10px; }

.coordinate_list li.size_m img {
  width: 235px; }

@-moz-document url-prefix() {
  /* Firefox */
  .coordinate_list li.size_l {
    width: 336px; }
  .coordinate_list li.size_l:last-child {
    width: 316px; }
  .coordinate_list li.size_l img {
    width: 316px; }
  .coordinate_list li.size_m {
    width: 251px; }
  .coordinate_list li.size_m:last-child {
    width: 231px; }
  .coordinate_list li.size_m img {
    width: 231px; } }

.coordinate_table {
  width: 1000px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  /*border-collapse: separate;*/ }

.coordinate_table tr.size_l td {
  margin: 0;
  padding: 0;
  border: none;
  width: 33%;
  height: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.coordinate_table tr.size_s td {
  margin: 0;
  padding: 0;
  border: none;
  width: 250px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.coordinate_table tr.size_l .coordinate_img {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden; }

.coordinate_table tr.size_s .coordinate_img {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden; }

/* /2017AW～ */
h2.btn_itemset {
  /*margin: -25px -5px 0 0;*/
  /*font-size: 22px;*/
  /*padding-right: 0;*/ }

/*back number*/
.back_number {
  margin: 70px 0 50px;
  text-align: center;
  font-size: 24px;
  color: #5f5a55; }

.back_number p {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  font-family: serif; }

.back_number ul {
  border-top: 1px solid #5f5a55;
  border-bottom: 1px solid #5f5a55;
  padding: 30px 0; }

.back_number a {
  color: #5f5a55; }

/*ポップアップ部分*/
.recipe_dialog_area {
  width: 200%;
  height: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 100;
  display: none; }

.recipe_dialog,
.recipe_item_dialog {
  background: #fff;
  width: 500px;
  height: auto;
  padding: 50px;
  margin: 600px auto 0;
  display: block;
  position: relative; }

.recipe_item_dialog {
  margin-top: 180px; }

.recipe_close {
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  background: url("../../../edcl/images/dialog_close_2.png") no-repeat center top; }

.calendar_item img {
  width: 1000px;
  height: 240px;
  margin-bottom: 20px; }

/* 定番アイテムバナー */
.recipe_main {
  width: 360px;
  position: relative;
  clear: both;
  margin: 0 auto;
  text-align: center; }

.recipe_main img {
  width: 360px;
  height: auto;
  margin: 0 auto;
  display: block; }

.recipe_main .calendar_date {
  width: 60px;
  height: 40px;
  padding: 10px 0;
  font-size: 30px;
  line-height: 40px; }

.size_l .calendar_date {
  top: 420px;
  left: 260px;
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 60px;
  text-align: center; }

.size_m .calendar_date {
  top: 313px;
  left: 195px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center; }

@-moz-document url-prefix() {
  /* Firefox */
  .size_l .calendar_date {
    top: 414px;
    left: 256px; }
  .size_m .calendar_date {
    top: 307px;
    left: 191px; } }

.recipe_prev,
.recipe_next {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 38%; }

.recipe_prev {
  background: url("../../../edcl/images/dialog_prev_2.png") no-repeat center left;
  left: -70px; }

.recipe_next {
  background: url("../../../edcl/images/dialog_next_2.png") no-repeat center right;
  right: -70px; }

.recipe_description_area {
  width: auto;
  margin: 0 auto; }

.recipe_description_area p {
  padding: 0;
  margin: 0;
  color: #635343; }

.recipe_description {
  /*font-weight: bold;*/
  /*font-size: 24px;*/
  line-height: 24px;
  margin: 15px auto !important; }

.recipe_itemlist {
  font-size: 14px;
  border-right: 1px solid #a99e94 !important;
  margin: 0 0 2px;
  line-height: 16px; }

.recipe_itemlist .th {
  padding: 4px;
  background: #a99e94;
  text-align: center;
  font-weight: normal;
  color: #fff; }

#recipe_item_table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }

.recipe_itemlist .tr {
  table-layout: fixed;
  display: table-row;
  color: #635343; }

.recipe_itemlist .td {
  border: 1px solid #a99e94 !important;
  display: table-cell;
  padding: 4px; }

.recipe_itemlist a {
  text-decoration: underline;
  color: #635343; }

.recipe_itemlist a:hover {
  color: #c1bab4; }

.recipe_itemlist .item {
  width: 45%; }

#recipe_note {
  color: #635343; }

/*ページトップへ*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 32px;
  width: 60px;
  height: 60px;
  z-index: 100; }

.page-top {
  display: none; }

.page-top a {
  display: block; }

#page-top a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #665e53;
  text-decoration: none;
  color: #fff;
  padding: 10px;
  text-align: center;
  display: block;
  -moz-opacity: 0.3;
  opacity: 0.3;
  width: 60px;
  height: 60px; }

#page-top a:hover {
  text-decoration: none;
  background: #999;
  color: #fff; }

.fa-angle-up:before {
  content: "\F106";
  font-family: FontAwesome; }

/* ========== プレゼント特典ページ ========== */
.pages_present h4 {
  margin: -25px auto 15px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  display: block; }

.present_explain {
  margin-bottom: 30px; }

.present_top {
  width: 680px;
  height: 340px;
  margin-bottom: 30px; }

#present_explain {
  margin: 0 15px; }

#present_explain p {
  padding: 0 !important; }

/* 冒頭の説明文 */
.present_info, .present_warn {
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  font-size: large;
  line-height: 1.5em;
  background: #ebebeb; }

.present_warn {
  color: #ff0000;
  background: #ffffff; }

.present_notice {
  font-size: smaller;
  color: #ff0000; }

p.present_notice {
  margin-bottom: 5px; }

/* プレミアムの段階表・コーデ表（選択前/選択後） */
#present_member,
#present_set {
  margin: 10px 15px 15px 15px; }

#present_member {
  /*border: #f3a09f 1px solid;*/
  padding: 0px 0px;
  color: #000;
  text-align: center; }

#present_member span {
  font-size: 22px; }

#present_member .right {
  margin: 5px -15px 0 0; }

/* 選択可能な会員区分 */
#present_member .active {
  color: #ef8fa1;
  font-weight: bold; }

#present_member td.period {
  color: #000; }

#present_member .icon,
#present_member .icon_active {
  padding: 1px 10px;
  color: #FFF;
  background: #bfbfbf; }

#present_member .icon_active {
  background: #e85964; }

#present_set a {
  text-decoration: underline; }

#present_set td {
  padding: 0; }

#present_member th {
  text-align: center; }

#present_set th {
  text-align: left; }

/* コーデ名 */
#present_set td.name,
#present_set td.name_only {
  position: relative;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
  width: 80%;
  height: 80px; }

#present_set td.name_only {
  width: 100%; }

/* コーデ画像 */
#present_set td img {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 64px; }

/* 在庫数 */
#present_set td.stock {
  text-align: center;
  vertical-align: middle;
  width: 20%; }

/* 在庫切れ・対応期間外などで選択不可なとき */
#present_set .end {
  color: #848484;
  background: #e6e6e6; }

#present_set .end a {
  color: #848484;
  text-decoration: none; }

/* 選択中のセット */
#present_set .select {
  border: #ff5576 5px solid;
  font-weight: bold; }

/* 在庫0のときのメッセージ */
#present_set .end_text {
  font-size: 10px;
  margin-bottom: 0;
  line-height: 1.0em;
  padding: 0 5px; }

/* 201801リニューアルで削除 */
/*.font_s p,*/
/*p.font_s { font-size: small; }*/
p.p_list,
p.p_list2 {
  text-indent: -1.25em;
  margin-left: 1.25em; }

p.p_list:before {
  content: '\30FB   ';
  color: #666; }

p.p_list2:before {
  content: '\203B   ';
  color: #666; }

/* ========= /プレゼント特典ページ ========== */
/* ========== プレゼント特典用　コーデ詳細ページ ========== */
.present_set_confirm {
  border-top: #cecece 1px solid;
  font-size: 24px;
  font-weight: bold;
  text-align: center; }

.confirm_header {
  padding: 50px 0 50px; }

.confirm_footer {
  padding: 50px 0 0px;
  margin-top: 25px; }

.present_set_confirm p {
  font-size: 20px; }

.present_set_confirm .btn_confirm {
  width: 600px;
  margin: 20px auto 0; }

/* ========== /プレゼント特典用　コーデ詳細ページ ========== */
/* ================ コーデ選択ページ ================ */
/*  コーデ選択ページ上部 */
/*.coordinateselect_top p,*/
.itemselect_top p {
  margin-top: 40px;
  font-size: 18px;
  text-align: center; }

.itemselect_top p {
  margin-top: 0px; }

.itemselect_top {
  margin: 40px auto 40px; }

/* 3列表示用class l5はそのうち消す */
.coordinateselect_l3,
.coordinateselect_l5 {
  width: 720px;
  margin-left: 140px !important; }

/* 4列表示用class */
.coordinateselect_l4 {
  width: 1000px;
  margin-left: 0px !important; }

/* 新作5種類用class */
.coordinateselect_collection li.select_size {
  width: 192px !important; }

.coordinateselect_collection #coordinate_link_d_s h3,
.coordinateselect_collection #coordinate_link_e_s h3,
.coordinateselect_collection #coordinate_link_f_s h3,
.coordinateselect_collection #coordinate_link_g_s h3,
.coordinateselect_collection #coordinate_link_h_s h3,
.coordinateselect_collection #coordinate_link_random_s h3 {
  font-size: 13px; }

.coordinateselect_collection .before_season .item_select {
  font-size: 13px; }

/* コーデ選択エリア */
.coordinateselect_collection {
  margin: 40px auto 0px;
  text-align: center; }

.coordinateselect_collection p {
  clear: both;
  margin: -10px 0 20px; }

/* コーデ画像エリア */
.coordinateselect_collection #coordinate_link_a,
.coordinateselect_collection #coordinate_link_b,
.coordinateselect_collection #coordinate_link_c,
.coordinateselect_collection #coordinate_link_d,
.coordinateselect_collection #coordinate_link_e,
.coordinateselect_collection #coordinate_link_f,
.coordinateselect_collection #coordinate_link_g,
.coordinateselect_collection #coordinate_link_h,
.coordinateselect_collection #coordinate_link_random {
  position: relative; }

.coordinateselect_collection #coordinate_link_a_s,
.coordinateselect_collection #coordinate_link_b_s,
.coordinateselect_collection #coordinate_link_c_s,
.coordinateselect_collection #coordinate_link_d_s,
.coordinateselect_collection #coordinate_link_e_s,
.coordinateselect_collection #coordinate_link_f_s,
.coordinateselect_collection #coordinate_link_g_s,
.coordinateselect_collection #coordinate_link_h_s,
.coordinateselect_collection #coordinate_link_random_s {
  position: relative;
  margin-bottom: 68px;
  width: 192px; }

/* コーデ画像エリア　hover打消し */
.coordinateselect_collection #coordinate_link_a:hover,
.coordinateselect_collection #coordinate_link_b:hover,
.coordinateselect_collection #coordinate_link_c:hover,
.coordinateselect_collection #coordinate_link_d:hover,
.coordinateselect_collection #coordinate_link_e:hover,
.coordinateselect_collection #coordinate_link_f:hover,
.coordinateselect_collection #coordinate_link_g:hover,
.coordinateselect_collection #coordinate_link_h:hover,
.coordinateselect_collection #coordinate_link_a_s:hover,
.coordinateselect_collection #coordinate_link_b_s:hover,
.coordinateselect_collection #coordinate_link_c_s:hover,
.coordinateselect_collection #coordinate_link_d_s:hover,
.coordinateselect_collection #coordinate_link_e_s:hover,
.coordinateselect_collection #coordinate_link_f_s:hover,
.coordinateselect_collection #coordinate_link_g_s:hover,
.coordinateselect_collection #coordinate_link_h_s:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=100)";
  /* ie 8 */
  -moz-opacity: 1;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  zoom: 1; }

/* コーデ画像エリア　選択不可・選択中表示 */
.coordinateselect_collection .not_selectable,
.coordinateselect_collection .selected,
.coordinateselect_collection .before_season .not_selectable,
.coordinateselect_collection .before_season .selected {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 150px 0 0;
  text-align: center; }

.coordinateselect_collection .before_season .not_selectable,
.coordinateselect_collection .before_season .selected {
  padding: 110px 0 0;
  width: 192px;
  height: 220px; }

.coordinateselect_collection .not_selectable {
  background: rgba(48, 48, 48, 0.6); }

.coordinateselect_collection .selected {
  background: rgba(243, 160, 159, 0.35);
  border: #e85964 5px solid; }

.coordinateselect_collection .not_selectable p,
.coordinateselect_collection .selected p {
  color: #fff;
  font-size: 20px !important;
  font-weight: bold;
  padding-left: 0px !important;
  margin-top: 0px !important;
  width: 240px; }

.coordinateselect_collection .before_season .not_selectable p,
.coordinateselect_collection .before_season .selected p {
  width: 192px; }

/* コーデ画像エリア　おまかせセレクト */
#coordinate_link_random h3,
#coordinate_link_random_s h3 {
  padding: 5px 0 0 0px;
  text-align: center;
  line-height: 39px; }

/* ラジオボタン */
label:hover,
.coordinateselect_collection input {
  cursor: pointer;
  /*color: #999999;*/ }

/* コーデ詳細リンク */
p.item_link {
  font-size: 12px;
  margin-top: -10px; }

p.coordselect_attention {
  /* 注意書き */
  margin: -5px 0 30px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 1.4em;
  text-align: left; }

li.list_coordselect {
  /* PC表示崩れ対策 */
  height: 530px !important;
  overflow: hidden; }

/* ページ上部のテキスト表示（選択後テキスト、一般会員向けテキストなど） */
.coordinateselect_completion {
  width: 980px;
  margin: 0px auto;
  padding: 15px 10px 15px;
  font-size: 18px;
  text-align: center;
  background: #ffe9e8; }

/* 確認ページ画像 PCのみ */
.coordinateselect_confilm_img {
  margin: auto !important;
  width: 240px; }

/* 確認ページボタンリンク */
.coordinateselect_confilm_btn {
  width: 600px;
  margin: 0 auto;
  padding-top: 70px; }

/* TOPにコーデ選択できる人にアラート出す */
.index_coordinateselect_text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px auto 40px;
  padding: 12px 10px;
  text-align: center;
  line-height: 28px;
  background: #f9e2e2; }

.index_coordinateselect_text p {
  font-size: 16px; }

.index_coordinateselect_text a {
  color: #000; }

/* ================ /コーデ選択ページ ================ */
/* ========= 初回コーデ選択用 ========= */
.signup_select_overlay {
  z-index: 1;
  position: absolute;
  left: 20px;
  width: 98%;
  height: 890px;
  background: rgba(80, 80, 80, 0.8); }

.signup_select_overlay p {
  position: absolute;
  top: 400px;
  width: 100%;
  color: #FFF;
  font-size: 22px;
  text-align: center; }

#index_collection .area_gray {
  text-align: left; }

/*.list_plan { text-align: left; }*/
/*.list_plan table { width: 680px; }*/
#inputform td label {
  line-height: 18pt; }

#inputform td label span {
  font-size: 15pt;
  color: #e97f3a; }

h4.campaign {
  margin-top: 5px; }

h3.title {
  margin-top: 40px; }

p.title_text {
  margin: 40px 0; }

#signup_coordinateselect #coordinate_link_a:hover,
#signup_coordinateselect #coordinate_link_b:hover,
#signup_coordinateselect #coordinate_link_c:hover,
#signup_coordinateselect #coordinate_link_d:hover,
#signup_coordinateselect #coordinate_link_e:hover,
#signup_coordinateselect #coordinate_link_f:hover,
#signup_coordinateselect #coordinate_link_g:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=100)";
  /* ie 8 */
  -moz-opacity: 1.0;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 1.0;
  /* Safari 1.x */
  zoom: 1; }

/* ========= /初回コーデ選択用 ========= */
/* ========== 会員登録途中に出すアラート ========== */
.alert_header {
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  background: #e95963; }

.alert_header a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF; }

.alert_header a:hover {
  background: #ef8b92; }

/* ========== /会員登録途中に出すアラート ========== */
/* ========== 会員登録（旧メール認証）画面 ========== */
#signup_mail_campaign,
#signup_mail_campaign_2016xmas,
#signup_mail_campaign_2017newyear {
  position: relative;
  width: 680px;
  height: 340px;
  overflow: hidden;
  color: #FFF;
  background: url("../../../edcl/images/regist/mail_campaign_2.jpg") no-repeat top left;
  background-size: 100% auto; }

#signup_mail_campaign_2016xmas {
  background: url("../../../edcl/images/regist/mail_campaign_linetop_2.png") no-repeat top left, url("../../../edcl/images/regist/mail_campaign_linebottom_2.png") no-repeat bottom left, url("../../../edcl/images/regist/mail_campaign_xmas_2.jpg") no-repeat top left;
  background-size: 100% auto, 100% auto, 100% auto; }

#signup_mail_campaign_2017newyear {
  background: url("../../../edcl/images/regist/mail_campaign_2017newyear_2.jpg") no-repeat top left;
  background-size: 100% auto; }

#signup_mail_campaign_2017newyear #date_text {
  /*キャンペーン期間テキスト*/
  position: absolute;
  top: 27% !important;
  left: 22% !important;
  text-align: left;
  font-size: 12px;
  line-height: 1.6em;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 7px #FFF, 0px 0px 10px #FFF;
  color: #323232; }

#signup_mail_campaign_2016xmas .campaign_text {
  /*キャンペーン名画像*/
  display: block;
  position: absolute;
  left: 22px;
  bottom: 85px;
  width: 370px;
  height: 43px;
  border: none;
  background: url("../../../edcl/images/regist/mail_text_xmas_2.png") center center;
  background-size: 100% auto; }

#signup_mail_campaign_2017newyear .campaign_text {
  /*キャンペーン名画像*/
  display: block;
  position: absolute;
  left: 16px;
  top: 12px;
  width: 414px;
  height: 135px;
  border: none;
  background: url("../../../edcl/images/regist/mail_text_2017newyear_2.png") left center;
  background-size: auto 100%; }

#signup_mail_campaign_2017newyear .campaign_special {
  /*キャンペーン特典画像*/
  display: block;
  position: absolute;
  left: 20px;
  top: 162px;
  width: 307px;
  height: 157px;
  border: none;
  background: url("../../../edcl/images/regist/mail_special_2017newyear_2.png") left center no-repeat;
  background-size: auto 100%; }

#signup_mail_campaign .catch_bg {
  position: absolute;
  right: 24px;
  top: -14px;
  width: 220px;
  height: 220px;
  border-radius: 200px;
  background: #e85964; }

#signup_mail_campaign_2016xmas .catch_bg {
  position: absolute;
  left: 20px;
  top: -16px;
  width: 224px;
  height: 224px;
  background: url("../../../edcl/images/regist/mail_bg_2.png") no-repeat top left;
  background-size: 100% auto; }

#signup_mail_campaign p.catch,
#signup_mail_campaign_2016xmas p.catch {
  display: table-cell;
  width: 220px;
  height: 220px;
  padding-top: 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  line-height: 2.2em; }

#signup_mail_campaign_2016xmas p.catch {
  width: 224px;
  height: 224px;
  color: #fff5d6; }

#signup_mail_campaign p.catch span,
#signup_mail_campaign_2016xmas p.catch span {
  font-weight: bold; }

#signup_mail_campaign p.catch .font_l,
#signup_mail_campaign_2016xmas p.catch .font_l {
  font-size: 28px; }

#signup_mail_campaign p.text {
  position: absolute;
  right: 20px;
  bottom: 3px;
  font-size: 20px;
  /*font-weight: bold;*/
  line-height: 1.5em;
  /*text-shadow: 0px 0px 5px #000, 0px 0px 10px #626262;*/
  text-align: right;
  color: #e85964; }

#signup_mail_campaign .area_text {
  position: absolute;
  right: 14px;
  bottom: 8px;
  text-align: right;
  /*color: #e85964;*/ }

#signup_mail_campaign p {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 0;
  padding-bottom: 5px;
  color: #d8416d; }

#signup_mail_campaign p.main {
  font-size: 33px;
  color: #d8416d; }

#signup_mail_campaign_2016xmas p.text {
  position: absolute;
  left: 10px;
  bottom: 2px;
  font-size: 13px;
  line-height: 2.2em; }

#signup_mail_campaign p.text span {
  font-size: 33px;
  text-decoration: none;
  /*border-bottom: 2px solid white;*/
  /*padding-bottom: 0px;*/ }

#signup_mail_campaign_2016xmas p.text span {
  font-size: 29px;
  border: none; }

img.signup_mail_normal {
  width: 860px;
  margin: 0 auto;
  display: inline-block; }

#signup_mail_shipping_time {
  display: table;
  position: relative;
  width: 680px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px;
  background: #f5f5f5; }

#signup_mail_shipping_time div {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#signup_mail_shipping_time p.text_time {
  font-weight: bold;
  font-size: 24px; }

#signup_mail_shipping_time .box_time {
  width: 45%;
  padding: 30px 0px 10px; }

#signup_mail_shipping_time .box_arrow {
  width: 10%; }

#signup_mail_shipping_time .box_arrow img {
  width: 100%; }

/* 会員登録見出し */
.label_regist {
  font-size: 20px; }

/* 会員登録説明テキスト */
.text_regist {
  margin: 10px auto 0px;
  font-size: 12px;
  text-align: center; }

hr.hr_btn {
  margin: 30px 0 30px;
  border: none;
  border-top: 1px solid #a99e94; }

.regist_btn_rakuten {
  padding: 40px 0 0; }

/* === 会員登録ページのアコーディオン === */
/* アコーディオン開閉リンク */
.box_ac_regist dt {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  padding: 0 18px;
  width: 340px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  border-top: 2px solid #dbdbdb;
  border-left: 2px solid #c6c6c6;
  border-right: 2px solid #969698;
  border-bottom: 2px solid #969698;
  font-size: 19px;
  line-height: 58px; }

.box_ac_regist dt:after {
  content: "\3000";
  position: absolute;
  top: 14px;
  right: 15px;
  background: url("../../../edcl/images/regist/arrow_down_2.png") no-repeat top left;
  background-size: 30px auto;
  width: 30px;
  height: 30px; }

.box_ac_regist .open:after {
  background: url("../../../edcl/images/regist/arrow_up_2.png") no-repeat top left;
  background-size: 30px auto; }

/* アコーディオンの展開スペース */
.box_ac_regist dd {
  width: auto;
  padding-top: 10px;
  height: auto;
  border: none;
  display: none;
  line-height: 30px; }

/* ===== 発送日の注意書きテキスト ===== */
.box_reservation,
.box_reservation_complete,
.box_reservation_confirmation {
  margin: -30px auto 40px;
  padding: 20px;
  color: red;
  border: #FF0000 1px solid; }

.box_reservation_complete {
  margin: 20px auto 50px; }

.box_reservation_confirmation {
  margin: 20px 15px 30px; }

/* ========== /会員登録（旧メール認証）画面 ========== */
/* ========== 予約ページ ========== */
.text_reservation {
  padding: 30px 15px 15px;
  line-height: 1.5em; }

hr.hr_black {
  border: 0;
  border-top: 1px solid #000; }

table.select_reservation {
  width: 100%;
  table-layout: auto;
  margin: 0 auto; }

table.select_reservation td {
  width: 25%;
  border: none;
  padding: 5px 1px 5px;
  white-space: normal;
  word-break: break-all;
  ertical-align: top;
  text-align: center; }

.select_reservation img {
  width: 100%; }

/* ========== /予約ページ ========== */
/* タイトル項目 太字&マージン */
/* ======== 楽天LP ======== */
#service_lp, #rakuten_pt_lp {
  text-align: center;
  line-height: 1.5em; }

#service_lp h2, #rakuten_pt_lp h2 {
  margin-bottom: 25px;
  text-align: center;
  font-size: 24px;
  line-height: 1.5em;
  color: #e85964; }

#service_lp .pager, #rakuten_pt_lp .pager {
  margin: 0 auto; }

#service_lp .chatch, #rakuten_pt_lp .chatch {
  /* キャッチ */
  padding: 25px 10px 15px;
  background: #FFF; }

#service_lp .chatch p, #rakuten_pt_lp .chatch p {
  text-align: center;
  font-size: 16px;
  line-height: 1.8em; }

#service_lp .worries, #rakuten_pt_lp .worries {
  /* お悩み */
  margin: 0 auto 0px;
  padding: 35px 0 1px;
  font-size: 16px;
  background: #f3ece6; }

.landing_intro {
  width: 600px;
  margin: 0 auto; }

#service_lp .worries .text, #rakuten_pt_lp .worries .text {
  margin-bottom: 20px;
  font-size: 16px;
  color: #5a5856;
  padding: 30px 10px 15px;
  text-align: center;
  line-height: 1.8em; }

.arrow_box_l,
.arrow_box_r {
  /* お悩みフキダシ */
  position: relative;
  background: #fff;
  border: 1px solid #dfd8d3;
  border-radius: 10px;
  margin: 0 120px 25px 38px;
  padding: 20px 0 15px; }

.arrow_box_r {
  margin: 0 38px 25px 120px; }

.arrow_box_l:after, .arrow_box_l:before,
.arrow_box_r:after, .arrow_box_r:before {
  top: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_l:after, .arrow_box_l:before {
  right: 100%; }

.arrow_box_r:after, .arrow_box_r:before {
  left: 100%; }

.arrow_box_l:after, .arrow_box_r:after {
  border-color: rgba(136, 183, 213, 0);
  border-width: 6px;
  margin-top: -6px; }

.arrow_box_l:after {
  border-right-color: #ffffff; }

.arrow_box_r:after {
  border-left-color: #ffffff; }

.arrow_box_l:before, .arrow_box_r:before {
  border-color: rgba(194, 225, 245, 0);
  border-width: 7px;
  margin-top: -7px; }

.arrow_box_l:before {
  border-right-color: #dfd8d3; }

.arrow_box_r:before {
  border-left-color: #dfd8d3; }

#service_lp .voice, #rakuten_pt_lp .voice {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px -5px; }

#service_lp .voice span, #rakuten_pt_lp .voice span {
  color: #e85964; }

#service_lp .name, #rakuten_pt_lp .name {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0 0px; }

#service_lp .worries_img, #rakuten_pt_lp .worries_img {
  width: 100%;
  margin: 0 auto 0px; }

#service_lp .pager, #rakuten_pt_lp .pager {
  display: block;
  margin: 50px auto 60px;
  width: 40px;
  height: 40px;
  border-right: 1px solid #a99e94;
  border-bottom: 1px solid #a99e94;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  clear: both; }

.h2_point {
  margin: 0 auto;
  padding: 10px 0 0px;
  font-weight: bold; }

/* table */
#service_lp .table_point, #rakuten_pt_lp .table_point {
  width: 680px;
  margin: 0 auto;
  border-spacing: 10px;
  border-collapse: separate; }

#service_lp .table01, #rakuten_pt_lp .table01 {
  margin: 0; }

#service_lp .table02, #rakuten_pt_lp .table02 {
  margin: 0 0 0px; }

#service_lp .table_point td, #rakuten_pt_lp .table_point td {
  width: 340px;
  height: 290px;
  border-radius: 20px;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.3em;
  border: #FFF 1px solid;
  background: url("../../../edcl/images/campaign/smartpass/landing_circle.png") center center no-repeat;
  background-size: 300px; }

#service_lp .table_point img, #rakuten_pt_lp .table_point img {
  width: 150px;
  margin: -50px auto 30px; }

#service_lp .table_point p, #rakuten_pt_lp .table_point p {
  margin: 0 auto 20px;
  padding: 0;
  font-size: 24px;
  font-weight: bold; }

#service_lp .table_point .point, #rakuten_pt_lp .table_point .point {
  font-size: 16px;
  line-height: 1.6em; }

/* /table */
.h2_edcl {
  font-size: 24px;
  font-weight: bold; }

.closet_img {
  margin-bottom: 40px;
  padding-bottom: 30px;
  color: #FFF;
  font-size: 20px;
  line-height: 1.6em;
  background: #968f89; }

.closet_img img {
  margin: 0 auto -15px;
  width: 100%; }

.text_edcl {
  margin: 50px auto 10px;
  font-size: 16px; }

#service_lp .box_edcl, #rakuten_pt_lp .box_edcl {
  /* こだわり */
  width: 100%;
  margin: 0 auto 50px; }

#service_lp .box_edcl > li, #rakuten_pt_lp .box_edcl > li {
  width: 100%;
  margin: 0px auto 50px;
  padding: 0 0 10px;
  background: #f3ece6; }

#service_lp .box_edcl img, #rakuten_pt_lp .box_edcl img {
  width: 100%;
  height: 360px;
  /* PC独自サイズ 仮 */
  margin-bottom: 22px; }

#service_lp .edcl_label, #rakuten_pt_lp .edcl_label {
  padding: 0 10px;
  font-weight: bold;
  padding-bottom: 2px;
  font-size: 18px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f3b5b2));
  background: linear-gradient(transparent 50%, #f3b5b2 0%); }

#service_lp .edcl_title, #rakuten_pt_lp .edcl_title {
  margin: 15px auto 0;
  font-size: 22px;
  font-weight: bold; }

#service_lp .edcl_text, #rakuten_pt_lp .edcl_text {
  font-size: 16px;
  text-align: left;
  line-height: 1.8em;
  padding: 0 30px; }

#service_lp hr, #rakuten_pt_lp hr {
  width: 34%;
  border: none;
  border-top: 1px dashed #a99e94;
  margin: 25px auto 25px; }

/* 楽天LP専用 */
#rakuten_pt_area {
  padding-bottom: 5px; }

#rakuten_pt_area .catch_area {
  padding: 25px 0px;
  font-size: 19px;
  text-align: center;
  color: #FFF;
  background-color: #BF0000; }

#rakuten_pt_area .catch_main {
  margin: 0px 15px 15px;
  width: 460px; }

#rakuten_pt_area .present_area {
  padding: 30px 15px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6em; }

#rakuten_pt_area .pt {
  font-size: 28px;
  font-weight: bold;
  color: #BF0000; }

#rakuten_pt_area .emphasis {
  font-size: 24px;
  font-weight: bold;
  color: #BF0000; }

#rakuten_pt_area .present_area p {
  margin-bottom: 0;
  padding: 10px 0px 0px;
  font-size: 20px; }

#rakuten_pt_area .explain {
  margin: 40px 15px 40px;
  border: #BF0000 1px solid; }

#rakuten_pt_area .explain li {
  border-bottom: #BF0000 1px solid; }

#rakuten_pt_area .explain li:last-child {
  border-bottom: none; }

#rakuten_pt_area .explain p {
  margin: 0;
  padding: 10px 12px;
  text-align: left;
  line-height: 1.4em;
  font-size: 14px; }

#rakuten_pt_area .explain .title {
  background: #f9dbd2; }

#rakuten_pt_area .explain .text {
  font-size: 14px; }

#rakuten_pt_area .privilege {
  width: 540px;
  margin: 0 0 20px; }

#rakuten_pt_area .privilege_text {
  display: table;
  width: 540px;
  margin: 0 70px;
  font-weight: bold; }

#rakuten_pt_area .num_area {
  display: table-cell;
  width: 48px; }

#rakuten_pt_area .text_area {
  display: table-cell;
  text-align: left;
  font-size: 20px;
  line-height: 1.6em; }

.icon_num {
  margin: 0 8px -11px 0;
  width: 40px; }

#rakutenFooter {
  padding: 15px 0 15px;
  background: #cfcbc6;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0; }

#rakutenFooter p {
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  text-align: center; }

/* ======== /楽天LP ======== */
/* ========== 会員登録系画面 ========== */
img.signup_code_select {
  /* 登録完了画面img */
  width: 680px;
  margin: 20px auto 0px; }

.pages_regist {
  width: 100% !important;
  /*padding-bottom: 210px !important;*/
  padding-bottom: 152px !important; }

/* 登録画面用フッター対策 */
.pages_no_footer {
  padding-bottom: 50px !important; }

/* 登録画面用フッター対策 */
/*==== プラン選択 ====*/
.plan_select {
  position: relative;
  width: 600px;
  margin: 20px auto 0;
  border: #bfbfbf 2px solid; }

.plan_choosing {
  /*セレクト中*/
  /*border: #f3a09f 2px solid;*/ }

img.icon_premium {
  position: absolute;
  top: -16px;
  right: 6px;
  width: 96px; }

.plan_select .plan,
.plan_select .price {
  margin: 0 auto;
  padding: 20px 18px 16px 18px;
  text-align: left;
  font-weight: bold; }

.plan_select .plan span {
  font-size: 18px;
  padding-right: 20px;
  padding-left: 6px; }

.plan_select .price {
  text-align: center;
  padding: 15px 15px 15px 20px;
  color: #FFF;
  background: url("../../../edcl/images/regist/bg_line_2.png") repeat center top, #bfbfbf;
  background-size: 18px auto; }

.plan_choosing .price {
  /*セレクト中*/
  background: url("../../../edcl/images/regist/bg_line_2.png") repeat center top, #f3a09f;
  background-size: 18px auto; }

.plan_select .premium_text {
  margin: 5px auto -18px;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #e85964; }

.plan_select .supplementary {
  font-size: 12px; }

.plan_select ul {
  padding: 20px; }

.plan_select ul li {
  padding: 0 0 20px 25px;
  font-size: 14px;
  color: #646464;
  position: relative; }

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

.plan_select ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #f3a09f;
  border-bottom: 2px solid #f3a09f;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* 進捗表示 */
.area_progress {
  margin: auto;
  text-align: center; }

/* マージン個別指定 */
ul.regist_input {
  margin: 5px auto 15px; }

ul.regist_info_input {
  margin: 5px auto 35px; }

ul.regist_confilm {
  margin: 35px auto 35px; }

.area_progress li {
  display: inline-block;
  margin: 0 -2px 0 -2px; }

.area_progress li div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  width: 169px;
  height: 54px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #969696;
  background: url("../../../edcl/images/regist/bg_progress_2.png") no-repeat center center, #ebebeb;
  background-size: 100% 100%, 100% 100%; }

.area_progress li div.active {
  color: #FFF;
  background: url("../../../edcl/images/regist/bg_progress_2.png") no-repeat center center, #ef8fa1;
  background-size: 100% 100%, 100% 100%; }

.area_progress li:first-child div {
  padding: 0 6px 0 0;
  background: url("../../../edcl/images/regist/bg_progress_first_2.png") no-repeat center center, #ebebeb;
  background-size: 100% 100%, 100% 100%; }

.area_progress li:first-child div.active {
  padding: 0 6px 0 0;
  color: #FFF;
  background: url("../../../edcl/images/regist/bg_progress_first_2.png") no-repeat center center, #ef8fa1;
  background-size: 100% 100%, 100% 100%; }

.area_progress li:last-child div {
  padding: 0 0 0 6px;
  background: url("../../../edcl/images/regist/bg_progress_last_2.png") no-repeat center center, #ebebeb;
  background-size: 100% 100%, 100% 100%; }

.area_progress li:last-child div.active {
  padding: 0 0 0 6px;
  color: #FFF;
  background: url("../../../edcl/images/regist/bg_progress_last_2.png") no-repeat center center, #ef8fa1;
  background-size: 100% 100%, 100% 100%; }

/* ========== /会員登録系画面 ========== */
/* ========== プレミアムプレゼント専用FAQ ========== */
#present_faq_list li {
  border: #ef8fa1 1px solid;
  border-radius: 6px;
  margin-bottom: 30px; }

#present_faq_list li:last-child {
  margin-bottom: 0px; }

#present_faq_list .present_faq_set li {
  border: none;
  border-radius: 0;
  margin-bottom: 5px; }

#present_faq_list .present_faq_set {
  margin-top: 10px; }

#present_faq_list hr {
  display: block;
  height: 1px;
  background-color: #cfd2d4;
  border: 0;
  margin: 0 15px 0 60px;
  /*display: block;*/
  /*width: 600px;*/
  /*height: 1px;*/
  /*background-color: #cfd2d4;*/
  /*border: 0;*/
  /*margin: 0 0 0 60px;*/ }

#present_faq_list .question {
  padding: 15px 15px 13px 60px;
  font-weight: bold;
  background: url("../../../edcl/images/member/icon_q_2.png") no-repeat 17px 13px;
  background-size: 28px auto;
  /*color: #ef8fa1;*/ }

#present_faq_list .answer {
  padding: 15px 15px 15px 60px;
  background: url("../../../edcl/images/member/icon_a_2.png") no-repeat 17px 13px;
  background-size: 28px auto; }

.present_schedule {
  margin: 30px 0; }

.present_schedule th,
.present_schedule td {
  padding: 5px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle; }

.present_schedule th.th_top {
  background: #fccbd4; }

/* ========== /プレミアムプレゼント専用FAQ ========== */
/* ==========  通常のラジオボタンを表示  ========== */
input.radio_normal {
  display: inline-block !important;
  margin: 0 5px; }

/* ==========  通常のラジオボタンを表示  ========== */
/* ==========  ABOUTページ  ========== */
.pages_about {
  margin: 0 auto !important;
  display: block;
  position: relative; }

#about_edcl {
  text-align: center;
  padding-top: 30px; }

#about_edcl p {
  margin: 0 auto;
  padding: 0; }

#about_edcl h2 {
  margin: 0;
  padding: 0; }

#about_edcl .title {
  /* 大見出し */
  display: block;
  width: 280px;
  margin: 0 auto 40px; }

#about_edcl p.txt_explain,
#index_howto p.txt_explain {
  /* 説明文 */
  margin: 0 auto;
  line-height: 1.8em;
  font-size: 16px;
  text-align: left; }

#about_edcl .pager,
.pages_officialedist .pager {
  /* ページャー */
  display: block;
  width: 40px;
  height: 40px;
  border-right: 1px solid #a99e94;
  border-bottom: 1px solid #a99e94;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  clear: both;
  margin: 68px auto 80px; }

/* ===== ヘッダータイトル画像 =====  */
#title_about {
  margin: 0px auto;
  padding-top: 50px;
  display: block;
  /*height: 35px;*/
  height: 66px;
  width: 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  background: url("../../../edcl/images/about/title_about_2.jpg") no-repeat top center;
  backgroun-size: auto; }

#title_about span.main,
#title_service span.main {
  text-indent: -9999;
  display: none; }

#title_about span,
#title_service span {
  line-height: 1 !important;
  font-size: 24px;
  color: #5f5a55;
  font-weight: normal; }

#about_edcl .h1_area,
#about_edcl .h2_area {
  margin-top: 40px !important; }

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

#about_edcl .h1_area,
#about_edcl .h1_area p,
#about_edcl .h2_area p {
  line-height: 160%;
  margin-top: 16px !important; }

/* ===== ヘッダーリンク =====  */
#about_navi {
  width: 920px;
  height: 80px;
  margin: 0 auto 100px;
  border-spacing: 3px;
  border-collapse: separate; }

#about_navi td {
  position: relative;
  width: 25%;
  border: none;
  padding: 0; }

#about_navi td a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#about_navi td a:hover {
  background: #FFF;
  opacity: 0.3; }

#about_navi td span {
  display: none; }

#about_navi td img {
  width: 100%; }

/* ===== サービス、想い =====  */
.about_service img {
  width: 500px;
  float: left; }

.about_feeling img {
  width: 500px;
  float: right; }

.about_service_text,
.index_about_service_text,
.about_feeling_text {
  float: left;
  width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.8em;
  padding: 0 0 0 40px; }

.about_feeling_text {
  float: right;
  padding: 0 30px 0 0; }

.about_service_text .txt_explain,
.about_feeling_text .txt_explain {
  font-size: 16px !important; }

.about_service_text h3,
.index_about_service_text h3,
.about_feeling_text h3 {
  color: #e85964;
  margin: 32px auto 20px;
  font-size: 28px;
  font-weight: normal;
  text-align: left;
  line-height: 1.5em; }

.about_feeling_text h3 {
  margin: 52px auto 20px; }

/* ===== こだわり =====  */
.box_seriously01,
.box_seriously02,
.box_seriously03,
.box_seriously04 {
  width: 500px;
  min-width: 500px;
  max-width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0 40px 0 0; }

.box_seriously02,
.box_seriously04 {
  float: right;
  padding: 0 0 0 40px; }

.box_seriously01,
.box_seriously02 {
  margin-bottom: 60px; }

.box_seriously01 img,
.box_seriously03 img {
  width: 460px; }

.box_seriously02 img,
.box_seriously04 img {
  width: 460px; }

.img_seriously_num {
  width: 166px !important;
  margin: 20px auto 4px; }

#about_edcl p.heading_seriously {
  margin: 0px auto 25px;
  font-size: 24px;
  line-height: 1.5em; }

/* ===== 活用法 =====  */
/* 活用法フキダシBG */
#about_edcl .bg_usage {
  position: relative;
  background: #f4f1ef;
  padding: 40px 0 40px;
  margin-bottom: 90px; }

#about_edcl .bg_usage .arrow {
  position: absolute;
  bottom: -36px;
  left: 467px;
  width: 68px;
  height: 38px; }

/* 活用法前半 */
.table_usage {
  width: 942px;
  margin: 0px 29px 40px; }

.table_usage td {
  width: 314px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 0px 24px 0px; }

.table_usage h3,
#index_howto h3 {
  margin: 25px auto 20px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #5f5a55; }

.table_usage h3 {
  color: #000; }

.table_usage h3 span {
  display: inline-block;
  width: 7px;
  height: 24px;
  background: #e85964;
  margin: 0 10px -3px 0; }

.table_usage td p {
  text-align: left;
  margin: 0; }

/* 中見出し */
#about_edcl .usage_subhead {
  width: 580px; }

/* 活用法後半 */
.about_usage01 img,
.about_usage03 img {
  width: 500px;
  float: left; }

.about_usage02 img,
.about_usage04 img {
  width: 500px;
  float: right; }

.about_usage01_text,
.about_usage02_text,
.about_usage03_text,
.about_usage04_text {
  float: left;
  width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px; }

.about_usage02_text,
.about_usage04_text {
  float: right; }

.about_usage04_text {
  padding-top: 40px; }

.about_usage01_text h3,
.about_usage02_text h3,
.about_usage03_text h3,
.about_usage04_text h3 {
  color: #e85964;
  margin: 0px auto 36px;
  font-size: 28px;
  font-weight: normal;
  text-align: center; }

#about_edcl .keyword {
  width: 160px;
  margin: 46px auto 5px;
  float: none; }

/* ===== コレクション、カレンダー、ムービー =====  */
#about_edcl h3.heading_collection,
#about_edcl h3.heading_calendar,
#about_edcl h3.heading_movie {
  color: #e85964;
  margin: 0px auto 40px;
  font-size: 28px;
  font-weight: normal; }

#about_edcl h3.heading_collection {
  margin: 60px auto -50px; }

#about_edcl h3.heading_calendar {
  margin: 0px auto -50px; }

#about_edcl .area_movie {
  padding-bottom: 40px; }

/* ===== TOPの導線 ===== */
#index_about {
  margin: 120px auto 120px;
  text-align: center;
  font-size: 24px;
  color: #5f5a55;
  width: 1000px; }

.index_about_service {
  width: 940px;
  margin: auto; }

.index_about_service img {
  float: left;
  width: 400px; }

.index_about_service_text {
  float: left;
  width: 540px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.8em;
  padding: 0 0px 0 20px; }

.index_about_service_text h3 {
  margin: 20px auto 8px;
  font-size: 30px; }

.index_about_service_text .txt_explain {
  font-size: 16px;
  line-height: 1.8em; }

.index_about_service_text a {
  color: #5f5a55; }

/* ==========  /ABOUTページ  ========== */
/* ========== ABOUTページ(201712~ ========== */
.hr10 {
  width: 100%;
  height: 10px;
  background: #f4f4f4;
  border: none; }

.pages_about {
  margin: 0 auto 350px !important;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pages_about #pages_full {
  margin: 0 auto;
  padding: 0; }

.title_discription {
  /*見出しの説明*/
  text-align: center;
  margin: 40px auto;
  font-size: 18px;
  line-height: 28px; }

.about_edcl h1,
.about_edcl h2,
.reason_edcl h2 {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.pages_about h2 {
  margin: 40px auto 0; }

/*クオリティ*/
.about_edcl h1 {
  width: 100%;
  height: 300px;
  background: url("../../../edcl/images/about/about_header-img_PC_2.jpg") no-repeat center 0; }

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

.about_quality h2 {
  width: 320px;
  height: 100px;
  background: url("../../../edcl/images/about/ttl_01_quality_2.png") no-repeat center 0;
  background-size: 320px auto;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.quality01,
.quality02,
.quality03,
.quality04 {
  width: 100%;
  height: 360px;
  margin: 0 0 40px 0;
  position: relative; }

.about_quality h3 {
  position: absolute;
  top: 150px;
  width: 100%;
  color: #222;
  font-size: 24px;
  font-weight: normal; }

.quality01 p,
.quality02 p,
.quality03 p,
.quality04 p {
  position: absolute;
  top: 195px;
  width: 100%;
  text-align: center;
  padding: 0; }

/*理由*/
.reason_edcl {
  margin: 40px auto !important;
  padding: 289px 40px 40px 40px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.reason_area {
  height: 220px !important;
  margin: 0 0 30px 0;
  background: #fff; }

.reason_area[last] {
  margin: 0 0 0 0 !important; }

.reason_area img {
  height: 100%;
  width: auto;
  margin: 0 0 0 60px; }

.reason_discription {
  width: 428px;
  height: 100%;
  background: #ffdd66;
  position: relative;
  float: left;
  display: table; }

.reason_discription h3 {
  color: #2b283d;
  font-size: 28px;
  position: relative;
  padding: 46px 0 0 46px;
  margin: 0px auto !important; }

.reason_area[last] .reason_discription h3 {
  padding-top: 59px; }

.reason_discription p {
  margin: 20px 0 0 14px;
  color: #2b283d;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  padding: 0; }

.reason_discription:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-top: 110px solid transparent;
  /* border-right: 30px solid transparent; */
  border-bottom: 110px solid transparent;
  border-left: 60px solid #ffdd66; }

/*
.reason_discription:before{ぬりたいさく
display:block;
content:"";
position:absolute;
width:2px;
height:100%;
top:0;left:100%;
background: #ffdd66;
}*/
.reason_discription span {
  display: block;
  font-size: 12px;
  margin: 6px auto 0;
  text-align: center; }

.reason_area .reason_discription:nth-of-type(3) {
  margin: 50px auto; }

/*着こなし*/
.about_coordinate {
  padding: 0 0 38px 0 !important; }

.about_coordinate h2 {
  width: 320px;
  height: 100px;
  background: url("../../../edcl/images/about/ttl_02_coode_2.png") no-repeat center 0;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.about_coordinate .bnr_area {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px; }

.about_coordinate .bnr_area img {
  width: 430px;
  height: auto; }

.about_coordinate .bnr_area:nth-of-type(even) {
  margin-left: 60px; }

.bnr_attention {
  text-align: right; }

.bnr_attention a {
  margin: 5px 0 0 0;
  color: #222;
  padding: 0;
  text-align: right;
  font-size: 16px;
  position: relative; }

.bnr_attention span:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../../../edcl/images/about/ic_question_2.png") no-repeat center 0;
  background-size: 16px auto;
  position: absolute;
  top: 1px;
  left: -26px; }

/*aboutムービー v2に移行
.about_movie{
	margin:0px auto 40px !important;
}
.movie_area_div{
	margin-left:40px;
}
.about_movie h2{
	width:320px;
	height:100px;
	background:url(https://closet.edist.jp/css/dist/buildImagePath("/images/about/ttl_02_movie.png")) no-repeat center 0;
	display : block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.about_movie .movie_area{
	margin-bottom:34px;
	width:430px;
	height:auto;
	text-align:center;
	display:inline-table;
}
.about_movie .movie_area:nth-of-type(even){
	margin-left:60px;
}
.about_movie iframe{
	width:364px;
	height:205px;
	margin:0px auto;
}
.about_movie_title{
	margin:40px auto 28px;
	font-size:18px ;
	color:#222;
	text-align:center;
	position:relative;
}
.about_movie_title:before{
	content:"";
	width:100%;
	height:1px;
	top:50%;
	left:0;
	display:block;
	background: #222;
	position:absolute;
	z-index:0;
}
.about_movie_title span{
	background:#fff;
	padding:0 10px;
	margin:0px auto;
	z-index:100;
	position:relative;
}
.about_movie_title span:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:1;
}
*/
/*more_info*/
.about_more_info {
  background: url("../../../edcl/images/about/img_moreinfo_PC_2.png") no-repeat top center #f4f4f4;
  margin: 40px auto !important;
  padding: 190px 40px 40px 40px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.about_more_info .info_area {
  width: 367px;
  height: 108px;
  display: inline-table;
  text-align: center;
  background: #fff;
  padding: 30px;
  vertical-align: top; }

.about_more_info .info_area:nth-of-type(even) {
  margin-left: 60px; }

.info_area .info_area_title {
  margin: 0px auto 28px;
  display: block;
  width: 245px;
  height: 26px;
  -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: 245px auto; }

.info_area .info_area_title_txt {
  margin: 0px auto 18px;
  display: block;
  width: auto;
  height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #2b283d; }

.info_area .link_tw,
.info_area .link_fb,
.info_area .link_insta,
.info_area .link_blog {
  width: 52px;
  height: 52px;
  margin-right: 25px;
  display: inline-block;
  background-size: 52px 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 {
  width: auto;
  height: 64px;
  display: block;
  background-size: auto 64px !important;
  background: url("../../../edcl/images/about/logo_one_2.png") no-repeat center 0; }

.btn_flat {
  display: block;
  border: 1px solid #222;
  position: relative;
  text-align: center;
  width: 234px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #222;
  margin: 0px auto;
  padding-right: 30px;
  border-radius: 3px; }

.btn_flat:after {
  content: "";
  width: 12px;
  height: 25px;
  background: url("../../../edcl/images/about/ic_arrow_2.png") no-repeat center 0;
  background-size: 12px auto;
  position: absolute;
  top: 32%;
  right: 30px; }

#about_signup {
  width: 294px;
  height: 128px;
  font-size: 16px;
  display: block;
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 500;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px 0 0;
  text-align: center; }

#about_signup div .close {
  position: absolute;
  top: -16px;
  right: 5px;
  content: "a";
  width: 20px;
  height: 20px;
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/about/btn_close_PC.png?2") no-repeat center 0;
  cursor: pointer; }

#about_signup strong {
  font-weight: normal;
  color: #f2596b; }

/* ========== /ABOUTページ ==========

/* ==========  コーデ親（一部カレンダー親）ページ  ========== */
.pages_index_item,
.pages_index_calendar {
  margin: 0 auto !important;
  display: block;
  position: relative; }

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

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

#index_calendar .collection_season {
  margin: 40px auto 60px; }

#index_item .collection_before_season,
#index_calendar .collection_before_season {
  /* サブタイ(小) */
  color: #8f857c;
  font-size: 20px;
  margin: 0 auto 60px;
  padding-top: 50px; }

#index_item .collection_season span,
#index_item .collection_before_season span,
#index_calendar .collection_season span,
#index_calendar .collection_before_season span {
  font-size: 32px; }

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

#index_item ul.box_collection_season li,
#index_item ul.box_collection_season_s li {
  margin-bottom: 60px; }

#index_item .box_collection_season_s li {
  float: left;
  width: 50%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

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

#index_item .box_collection_before_season .set_icon {
  width: 30px; }

#index_item .box_collection_season_s .set_icon {
  width: 30px; }

#index_item .explain {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 8px 0 15px;
  font-size: 23px;
  color: #5f5a55; }

#index_item .box_collection_season_s .explain {
  width: 100%; }

#index_item .box_collection_season_s .explain {
  -webkit-line-clamp: 2;
  margin: 0px 0 15px;
  font-size: 18px; }

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

#index_item .box_collection_before_season img.set {
  margin-bottom: 10px; }

/* セット名 */
.box_collection_season h2,
.box_collection_season_s h2,
.box_collection_before_season h2 {
  font-size: 28px;
  font-weight: normal;
  text-align: left;
  margin: 0 0 15px 0px !important; }

.set_name[A] h2 {
  color: #fdac77;
  margin: 0; }

.box_collection_before_season h2,
.box_collection_before_season_s h2 {
  font-size: 20px;
  margin: 0 0 15px 0px !important;
  line-height: 1.4em; }

.box_collection_season h3,
.box_collection_season_s h3,
.box_collection_before_season h3 {
  font-size: 28px;
  color: #a99e94;
  font-weight: normal;
  text-align: left;
  margin: 0 0 15px 0px !important; }

.box_collection_before_season h3 {
  font-size: 20px;
  margin: 0 0 15px 0px !important;
  line-height: 1.4em; }

.box_collection_season_s h3 {
  font-size: 24px;
  margin: 0 0 5px 0px !important; }

.box_collection_season h3 span {
  font-size: 22px; }

.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; }

#index_item ul.box_collection_before_season {
  margin: 0 0 80px; }

#index_item ul.box_collection_before_season li {
  margin: 0px;
  width: 250px;
  display: table-cell;
  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: 250px; }

#index_item .concept_content {
  padding-bottom: 80px; }

/* ==========  /コーデ親（一部カレンダー親）ページ  ========== */
/* ========== カレンダー親ページ ========== */
#index_calendar h3 {
  font-weight: normal;
  float: left; }

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

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

/*#index_calendar ul.box_calendar li:last-child { margin-bottom: 100px; }*/
#index_calendar .item_coordinate {
  margin: 50px auto 15px;
  text-align: center;
  color: #867b71;
  font-size: 22px;
  line-height: 22px;
  /*font-weight: bold;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.46, #FFF), color-stop(0.49, #706b66), color-stop(0.51, #706b66), color-stop(0.54, #FFF), to(#FFF)); }

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

table.list_item {
  width: 1000px;
  margin: 0px 0px 30px; }

table.list_item_3 {
  width: 750px;
  margin: 0 125px; }

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

table.list_item_3 td {
  width: 33%; }

table.list_item td img {
  width: 85%;
  margin: 0px auto 0px; }

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

#index_calendar .img_calendar img {
  width: 1000px;
  height: 375px;
  margin-bottom: -7px; }

#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 98% 50%, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.25) 100%);
  background-size: 50px 50px, 100% 100%; }

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

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

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

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

/* ========== /カレンダー親ページ ========== */
/* ========== エラーページ系 ========== */
h1.error {
  margin: 0 auto 25px;
  font-size: 22px;
  color: #8f857c; }

p.error_text {
  margin: 0;
  padding: 0;
  line-height: 1.8em; }

div.error_link {
  margin: 40px auto 0;
  padding: 20px;
  border: #e8e1e1 2px solid;
  border-radius: 10px; }

div.error_link h2 {
  font-size: 18px;
  margin-bottom: 12px;
  color: #000; }

ul.error_link_text {
  width: 100%; }

ul.error_link_text li {
  width: 50%;
  float: left;
  padding-bottom: 15px; }

ul.error_link_text li:last-child {
  padding-bottom: 30px; }

.error_link_sns img {
  width: 70px;
  margin: 0 12px; }

/* ========== /エラーページ系 ========== */
/* ===== /home(SEO対策)ページ =====  */
#area_home_link {
  margin-bottom: 70px;
  padding: 30px 20px 30px;
  border: #b0aba5 1px solid;
  border-radius: 5px; }

#area_home_link div.text {
  display: inline-block;
  padding: 10px 0 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%; }

/* ===== / /home(SEO対策)ページ =====  */
/* ========== カテゴリーページ ========== */
/* 見出し */
h1.category_name {
  margin: 30px auto 40px;
  text-align: center;
  font-family: "\FF2D\FF33   \FF30\660E\671D","\FF2D\FF33   \660E\671D",serif;
  font-size: 42px;
  font-weight: bold;
  color: #5f5a55; }

h2.category_sub,
h3.category_sub,
.item_detail h2.item_other {
  text-align: left;
  margin: 30px auto 20px !important;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #5f5a55; }

hr.lightgray {
  margin: 0 auto;
  border: none;
  height: 1px;
  width: 100%;
  background: #ccc; }

.color_basic {
  color: #5f5a55; }

/* リスト */
.table-cell {
  display: table-cell; }

ul.img_list {
  margin: 0;
  color: #5f5a55; }

ul.item_list {
  margin-bottom: 40px; }

ul.category_list_l,
ul.category_list_s,
ul.collection_list_s {
  margin: 0 -16px 80px 0; }

ul.collection_list_m,
ul.item_list_select_m {
  margin: 0 -16px 0px 0 !important; }

ul.img_list li {
  position: relative;
  display: block;
  margin: 0 14px 14px 0;
  border: #e6e6e6 1px solid;
  float: left;
  background: #f8f8f8; }

ul.category_list_l li,
ul.item_list li,
ul.collection_list_m li {
  /*PCは幅を決めないでおく*/
  /*width: 234px;*/ }

ul.item_list_select_m li {
  width: 188px; }

ul.category_list_s li {
  /* 8列並べる場合 width: 128px; */
  width: 153px; }

ul.collection_list_s li {
  width: 153px;
  margin: 0 14px 28px 0; }

ul.collection_list_l li {
  width: 476px;
  background: #fff;
  margin: 0 12px 80px 12px;
  border: none; }

ul.collection_list_m li,
ul.item_list_select_m li {
  margin: 0 11px 10px 0px !important;
  overflow: hidden; }

ul.item_select_confilm li {
  display: inline-block;
  float: none; }

ul.item_select_confilm .info {
  min-height: 133px !important; }

ul.img_list .main_img {
  display: block;
  width: 100%; }

/* PC独自 */
.lower_full_contents {
  position: relative; }

.pc_category_list_table {
  display: table;
  margin: 0 auto -16px;
  padding: 0;
  width: 1000px; }

.pc_category_list_l,
.pc_category_list_r {
  display: table-cell;
  vertical-align: top;
  padding: 0; }

.pc_categorie_name {
  padding: 20px 0;
  border-top: 1px solid #dfdfdf; }

.pc_category_list_l .lower_full_contents {
  width: 220px;
  margin-right: 20px;
  padding: 0 40px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pc_category_list_r {
  width: 760px; }

.pc_category_list_r .lower_full_contents,
.pc_category_list_r .lower_contents {
  padding: 0;
  width: 760px; }

/* /PC独自 */
ul.img_list .info {
  padding: 10px 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul.item_list .info {
  min-height: 92px; }

ul.item_list_l .info {
  min-height: 74px; }

ul.category_list_s .info {
  position: relative; }

ul.collection_list_s .info {
  min-height: 79px;
  /*60px*/ }

ul.collection_list_s .info {
  position: relative;
  padding: 10px 8px 10px; }

ul.collection_list_m .info_select_height {
  width: 234px;
  min-height: 114px;
  padding-top: 14px;
  padding-bottom: 14px; }

ul.img_list .info_itemlist_height {
  min-height: 92px; }

/* アイテム一覧用 */
ul.collection_list_l .info a {
  position: absolute;
  width: 100%;
  height: 100%; }

ul.set_index_list .info a {
  height: 160px; }

ul.set_index_list .info {
  min-height: 168px;
  padding: 10px 0; }

/* コーデ選択、アイテム選択用 */
ul.collection_list_m .select_set_img,
ul.item_list_select_m .select_set_img {
  position: relative; }

ul.collection_list_m .select_set_img {
  min-height: 320px; }

ul.item_list_select_m .info {
  min-height: 198px; }

ul.collection_list_m .info .info_link,
ul.item_list_select_m .info .info_link {
  font-size: 12px;
  padding-top: 2px; }

ul.img_list .info_bottom {
  /* 右下揃えリンク */
  position: absolute;
  bottom: 10px;
  right: 12px; }

ul.item_list_select_m .area_icon_pc {
  min-height: 50px; }

/* アイコンエリアの縦サイズ固定 */
.info_link a {
  color: #a99e94 !important; }

ul.collection_list_s a {
  color: #5f5a55; }

ul.collection_list_m .info .item_select,
ul.item_list_select_m .info .item_select {
  text-align: left;
  font-size: 14px;
  line-height: 30px; }

ul.item_list_select_m .info .item_select {
  font-size: 12px; }

ul.collection_list_m .info .disabled,
ul.item_list_select_m .info .disabled {
  color: #bcbcbc; }

ul.collection_list_m .info_over {
  /* コーデ選択用オーバーレイ外枠 */
  position: relative;
  height: 320px;
  margin-top: -320px; }

ul.collection_list_m .info_over_inner {
  /* オーバーレイBGつき */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 11px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  text-align: left; }

ul.collection_list_m .icon_item {
  display: inline-block;
  margin-bottom: 6px; }

ul.collection_list_m .select_set_icon {
  width: 32px; }

.select_code_list h3 {
  margin: 0 !important;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  text-align: left;
  line-height: 1.4em; }

ul.collection_list_m .select_set_name {
  vertical-align: middle;
  text-align: left;
  padding-left: 6px;
  /*background: rgba(0,0,0,.1);*/
  min-height: 34px !important;
  height: 34px !important; }

.coordinateselect_collection .select_set_img .not_selectable,
.coordinateselect_collection .select_set_img .selected,
.item_select .not_selectable,
.item_select .selected {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.item_select .not_selectable,
.item_select .selected {
  text-align: center; }

.coordinateselect_collection .select_set_img .selected,
.item_select .selected {
  background: rgba(243, 160, 159, 0.5) !important;
  border: #e8414f 5px solid; }

.coordinateselect_collection .select_set_img .not_selectable p,
.coordinateselect_collection .select_set_img .selected p,
.item_select .not_selectable p,
.item_select .selected p {
  position: absolute;
  top: 47%;
  text-align: center; }

.item_select .not_selectable p,
.item_select .selected p {
  width: 100%; }

.coordinateselect_collection .select_attention {
  padding: 10px 0 0 !important;
  line-height: 1.4em;
  font-size: 11px; }

.item_select .not_selectable p,
.item_select .selected p {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.item_select .area_radio {
  display: table-cell; }

.item_select .area_radio input[type=radio] {
  margin: 0px 6px 0 0; }

.item_select .area_name {
  display: table-cell;
  /*display: block;*/
  line-height: 1.5em;
  padding-bottom: 5px;
  width: 100%; }

.item_select .item_category_l,
.item_select .item_category_s {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #5f5a55;
  font-family: serif; }

.item_select .item_category_l {
  margin: 0px auto 45px; }

.item_select .item_category_s {
  position: relative;
  font-size: 28px;
  margin: 0px auto 45px;
  background: url("../../../edcl/images/common/dot_darkgray_2.png") repeat-x center center;
  background-size: 100% 1px; }

.item_select .item_category_s span {
  background: #ffffff;
  padding: 0 15px; }

.coordinate_select_confilm {
  width: 240px;
  padding: 0 0 0 380px; }

.coordinate_select_confilm .info,
.coordinate_select_confilm .select_attention {
  padding-top: 5px !important; }

.margin_category_s {
  margin: 45px auto; }

.area_category {
  margin-bottom: 60px; }

ul.item_list_select_m .icon_item {
  display: inline-block; }

/* ページ内リンク */
.area_page_link,
.area_page_link_upcharge {
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  background: #f2f2f2; }

.area_page_link_upcharge {
  margin-bottom: 40px;
  background: #ffe9e8; }

.area_page_link_upcharge p.price_up {
  margin: -5px auto 10px;
  padding: 0;
  font-weight: bold;
  font-size: 18px; }

.area_page_link_upcharge .red_text {
  color: #e85964; }

ul.page_link_inner {
  padding: 0px 136px; }

ul.page_link_inner li {
  margin-bottom: 15px; }

ul.page_link_inner li:last-child {
  margin-bottom: -5px; }

ul.page_link_inner a {
  display: inline-block;
  margin: 0 2px 2px 0;
  padding: 8px 10px;
  font-size: 14px;
  color: #5f5a55;
  min-width: 160px;
  text-align: center;
  background: #dfdfdf; }

ul.page_link_inner a:hover {
  opacity: 0.8; }

ul.page_link_inner .title_link a {
  text-align: center;
  background: #b3b3b3;
  color: #fff; }

.category_select {
  color: #5f5a55;
  font-size: 20px;
  margin: 45px auto -5px; }

.item_select .pager {
  display: block;
  width: 40px;
  height: 40px;
  border-right: 1px solid #a99e94;
  border-bottom: 1px solid #a99e94;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  clear: both;
  margin: 0px auto 60px; }

/* /コーデ選択、アイテム選択用 */
ul.collection_list_l .area_icon_item {
  margin-bottom: 5px;
  min-height: 20px; }

ul.collection_list_l .set_icon {
  width: 30px !important; }

#index_item ul.collection_list_l .explain {
  -webkit-line-clamp: 2;
  margin: 6px 0 8px;
  font-size: 16px; }

#index_item .set_rabel {
  margin: 0 auto 30px;
  width: 40%;
  padding-bottom: 15px;
  border-bottom: 1px solid #5f5a55;
  text-align: center;
  font-family: "\FF2D\FF33   \FF30\660E\671D","\FF2D\FF33   \660E\671D",serif;
  font-size: 36px;
  font-weight: bold;
  color: #5f5a55; }

ul.img_list .info p {
  margin: 0px;
  padding: 0px; }

ul.item_list .info p,
ul.category_list_l .info p,
ul.category_list_s .info p,
ul.collection_list_s .info p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

ul.category_list_l .info p,
ul.category_list_s .info p {
  -webkit-line-clamp: 1; }

ul.category_list_s .info p {
  font-size: 12px; }

ul.category_list_l .info h2 {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  color: #5f5a55; }

ul.collection_list_s .info p {
  font-size: 12.4px;
  -webkit-line-clamp: 2; }

ul.item_list .info p {
  margin-top: 6px; }

ul.collection_list_s .info p.set_name {
  margin-top: 6px;
  line-height: 1.4em; }

/* 服のジャンルアイコン */
span.icon_item {
  margin: 0 4px 0 0;
  padding: 2px 4px;
  border-radius: 3px;
  color: #FFF;
  font-size: 9px; }

span.icon_dairy {
  background: #ff93a2; }

span.icon_dairy:before {
  content: "\30AA\30F3\FF06\30AA\30D5"; }

span.icon_office {
  background: #ceaaff; }

span.icon_office:before {
  content: " \30AA\30D5\30A3\30B9\30B9\30BF\30A4\30EB   "; }

span.icon_relax {
  background: #66cc75; }

span.icon_relax:before {
  content: "\30EA\30E9\30C3\30AF\30B9\30B7\30EB\30A8\30C3\30C8"; }

span.icon_petit {
  background: #ffc063; }

span.icon_petit:before {
  content: "\3000   S\30B5\30A4\30BA\5BFE\5FDC\3000"; }

span.icon_maternity {
  background: #fbb070; }

span.icon_maternity:before {
  content: " \30DE\30BF\30CB\30C6\30A3\5BFE\5FDC   "; }

#code_new_pc span.icon_item {
  min-width: 122px;
  text-align: center; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.link_full,
.link_full_z {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.link_full_z {
  z-index: 2; }

.item_list span.icon_item,
.collection_list_l span.icon_item,
.area_icon_explain span.icon_item {
  display: inline-block;
  text-align: center;
  float: left;
  min-width: 90px; }

.collection_list_l span.icon_item {
  display: block;
  float: none;
  max-width: 100px; }

.collection_list_s span.icon_item {
  display: block;
  text-align: center;
  width: 100px;
  margin-bottom: 4px; }

/* アイコン説明 */
.area_icon_explain {
  margin-bottom: 80px;
  padding: 20px;
  font-size: 14px;
  background: #f8f8f8; }

.area_icon_explain li {
  padding: 6px 0;
  width: 50%;
  float: left; }

/* バナー */
.banner_coordinate {
  margin: 0 auto 80px; }

/* ==== 親ページ ==== */
.pages_category {
  margin-top: 0px !important; }

#title_category {
  margin: 0px auto;
  padding-top: 50px;
  display: block;
  height: 66px;
  width: 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  background: url("../../../edcl/images/title/title_category_2.jpg") no-repeat top center;
  backgroun-size: auto; }

h1#title_category {
  padding-top: 60px; }

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

#title_category span {
  line-height: 1 !important;
  font-size: 24px;
  color: #5f5a55;
  font-weight: normal; }

#category {
  padding-top: 30px; }

#category .h1_area,
#category .h1_area p,
#category .h2_area p {
  line-height: 160%;
  margin-top: 16px !important; }

/* ==== 子ページ ==== */
/* ==== セレクトアイテムセット ==== */
.select_set_area_sub {
  margin: 60px auto 0px; }

/* ========== /カテゴリーページ ========== */
/* ========== コーデセットページ ========== */
.page_item_set .set_lead01 {
  font-size: 20px;
  line-height: 32px; }

.page_item_set .code_price01,
.page_item_set .code_model01 {
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 30px;
  font-size: 18px;
  border-top: none; }

.page_item_set .code_model01 {
  margin-bottom: 0px;
  border-bottom: none; }

.page_item_set .btn_coderecipe {
  margin: -54px auto 54px; }

.page_item_set .btn_coderecipe_link {
  font-size: 20px;
  padding: 7px 24px; }

.page_item_set .btn_coderecipe .comingsoon {
  float: right;
  padding-top: 22px;
  font-size: 20px;
  color: #635343; }

.page_item_set .code_itemlist {
  border-bottom: none;
  padding-bottom: 5px; }

.page_item_set .code_itemdetail {
  background: #f5f5f5;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.page_item_set .code_item_explain {
  margin: 0;
  padding: 0 0 25px 0;
  border-bottom: 1px dashed #bfbfbf; }

.page_item_set .code_item_explain p {
  margin: 15px 0 0px;
  line-height: 1.6em; }

.page_item_set p.code_item_info {
  margin-top: 20px;
  padding: 20px 0 0;
  border-top: 1px dashed #bfbfbf;
  font-size: 14px !important; }

.page_item_set .code_item_spec,
.page_item_set .code_item_size {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 25px 0 0;
  font-size: 14px !important; }

.page_item_set .code_item_spec {
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.page_item_set .code_item_spec p,
.page_item_set .code_item_size p {
  padding: 0;
  line-height: 1.6em;
  font-size: 14px; }

.page_item_set .code_itemlist li.tab.select:after {
  left: 111px; }

.area_codeset_item {
  padding: 60px 0 0; }

.area_codeset_item .title {
  font-size: 22px;
  margin-bottom: 15px; }

.area_codeset_item .link_item_detail {
  margin: 0px auto;
  padding: 0; }

.page_item_set .code_item_spec {
  padding-right: 30px; }

.code_itemlist_size {
  font-size: 14px;
  margin-bottom: 15px; }

/* 2017 A/W～ */
.code_itemlist_size th {
  font-size: 12px; }

/* 2017 A/W～ */
.code_itemlist_size td {
  background: #FFF;
  font-size: 12px; }

/* 2017 A/W～ */
.link_item_detail .btn_s {
  margin: 2px 0 0;
  width: 200px;
  display: inline-block;
  background: none; }

.page_item_set .set_title01 .icon_item {
  margin-bottom: 10px;
  font-size: 14px; }

/* ========== /コーデセットページ ========== */
/* ========== アイテム詳細ページ ========== */
.item_detail {
  color: #635343;
  margin-top: 0px !important; }

.item_detail h1.item_name {
  margin: 5px auto 0 !important;
  padding: 0;
  color: #635343;
  font-weight: bold;
  font-size: 22px; }

.item_detail .code_item_explain {
  margin: 0 auto; }

.item_detail p.code_item_description {
  margin: 0 auto;
  padding: 15px 0;
  line-height: 1.8em;
  border-bottom: #CCC 1px solid;
  border-style: dashed; }

.item_detail p {
  margin: 0 auto;
  padding: 0; }

.item_detail p.code_item_info {
  padding: 15px 0;
  line-height: 1.8em; }

.item_detail p.label_size {
  font-size: 16px; }

.item_detail p.attention_size {
  font-size: 14px; }

.item_detail .btn_m {
  width: 476px; }

.item_detail .flexslider .slides {
  width: 1200%;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transform: translate3d(-2616px, 0px, 0px);
  transform: translate3d(-2616px, 0px, 0px); }

/* 商品画像、商品サムネイル表示 */
.item_detail .area_code_inner_left {
  /*min-height: 668px;*/
  min-height: 750px; }

/* .nav { min-height: 800px; } */
.photo img {
  /* メイン画像 */
  width: 100%;
  /*border: #d2d2d2 1px solid;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.outlet {
  /* アウトレットアイコン画像 */
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  width: 100px;
  height: 100px;
  background: url("../../../edcl/images/outlet_icon_2.png") no-repeat top left;
  background-size: 100% auto; }

.nav li img {
  /* サムネイル画像 */
  width: 62px;
  /*border: #ffffff 2px solid;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 4px; }

.over img {
  /* activeサムネイル画像 */
  /*border: #d2d2d2 2px solid !important;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1; }

.nav ul {
  margin-top: 15px;
  padding: 0; }

.nav li {
  display: inline;
  list-style: none;
  padding-right: 5px; }

.nav li:nth-child(7n) {
  padding-right: 0px; }

.nav li div.thumb {
  display: inline-block;
  width: 62px;
  height: 62px;
  background-size: 100% auto;
  background-position: top center; }

/* ========== /アイテム詳細ページ ========== */
.area_code_inner_test {
  /*左カラム スライダー領域*/
  /*position: relative;*/
  margin-right: 0px;
  width: 480px !important;
  height: 480px;
  /*float: left;*/
  /*overflow: hidden;*/ }

/* ========== アイテム親 ========== */
.pages_item_index {
  margin: 0px auto 60px !important; }

.pages_item_index .concept_content {
  padding-bottom: 60px; }

.title_item_index {
  /* h1 */
  margin: 40px auto -60px;
  text-align: center;
  font-size: 42px;
  font-family: "\FF2D\FF33   \FF30\660E\671D","\FF2D\FF33   \660E\671D",serif;
  font-weight: bold;
  color: #5f5a55; }

/* ========== /アイテム親 ========== */
/* ========== メニュー系 ========== */
/* 登録ページ系のお客様名表示 */
.customer_name {
  margin: 0;
  padding: 0 0 15px 0;
  font-weight: bold;
  text-align: left; }

.padding0 {
  padding: 0 !important; }

/* 登録状況ページのお知らせ */
ul.customer_news {
  margin: 0 15px 25px;
  padding: 15px 18px;
  background: #fff0f3; }

ul.customer_news li {
  padding: 15px 0 15px;
  border-top: 1px solid #dadada; }

ul.customer_news li:first-child {
  padding-top: 0px;
  border-top: none; }

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

/* プラン情報のtable */
.list_customer_confilm {
  padding: 0 15px 1px; }

/* ご利用状況ページの選択済みアイテム */
.confirmation_select_item {
  padding: 5px 0; }

.confirmation_select_item a {
  color: #000; }

.confirmation_select_item li {
  display: inline-block;
  padding: 0 8px 0 0;
  width: 22%;
  font-size: 12px; }

.confirmation_select_item li:last-child {
  padding: 0; }

.confirmation_select_item li img {
  width: 100px;
  border: #dfdfdf 1px solid;
  display: block;
  margin-bottom: 5px; }

.confirmation_select_item div.item_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  min-height: 72px; }

/* ボタンの並び */
.btn_row_pc,
.btn_row {
  display: table;
  width: 90%;
  margin: auto; }

.btn_row_pc div.btn_area,
.btn_row div.btn_area {
  display: table-cell;
  width: 50%; }

.btn_row_pc .btn_s,
.btn_row .btn_s {
  width: 70%; }

.btn_row_pc .btn_m,
.btn_row .btn_m {
  width: 92%; }

/* 箇条書きリスト */
ul.itemise_list {
  padding: 0px 15px 0 15px; }

.itemise_list li {
  padding: 0 0 0 1em;
  line-height: 1.5em;
  text-indent: -1.25em; }

.itemise_list li:before {
  content: "\30FB   ";
  color: #666; }

.itemise_list li.label {
  padding: 0 0 5px 0;
  text-indent: 0;
  font-weight: bold; }

.itemise_list li.label:before {
  content: ""; }

/* ========== /メニュー系 ========== */
.plan_select_attention {
  padding: 0 0 0 20px !important;
  font-size: 12px; }

/* 秋リリースまではmargin個別指定 */
#index_category {
  padding: 0px 0 30px; }

/* セット別カラー指定 */
p.recipe_set_name[c32],
p.recipe_set_name[c33],
.set_name[c51],
.set_name[c33] {
  color: #fdac77; }

p.recipe_set_name[c34],
p.recipe_set_name[c35],
.set_name[c35],
.set_name[c52] {
  color: #78b5be; }

p.recipe_set_name[c37],
p.recipe_set_name[c38],
.set_name[c38] {
  color: #d88bc9; }

p.recipe_set_name[c39],
p.recipe_set_name[c40],
.set_name[c40] {
  color: #a8cbbc; }

p.recipe_set_name[c41],
p.recipe_set_name[c42],
.set_name[c42] {
  color: #fbd791; }

p.recipe_set_name[c44],
p.recipe_set_name[c45],
.set_name[c45] {
  color: #afbcdf; }

p.recipe_set_name[c46],
p.recipe_set_name[c47],
.set_name[c47] {
  color: #fdafb1; }

p.recipe_set_name[c48],
p.recipe_set_name[c49],
.set_name[c49] {
  color: #c5aee5; }

.recipe_set_name {
  margin: 0;
  padding: 18px 0 20px;
  font-size: 28px;
  font-weight: normal;
  /*color: #5f5a55;*/ }

p.recipe_set_name .set_icon {
  width: 36px;
  margin: 0 0 -8px 0; }

h2.recipe_set_name {
  padding: 0;
  font-size: 28px;
  font-weight: normal; }

h2.recipe_set_name .set_icon_text {
  line-height: 36px;
  font-weight: normal; }

.pc_back_number_list ul {
  text-align: left;
  padding: 40px 0 20px 15px; }

.pc_back_number_list li {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  text-align: left;
  /*background: #f5f5f5;*/ }

.pc_back_number_list li:last-child {
  margin-bottom: 0; }

.pc_back_number_list li:hover {
  opacity: 0.6; }

.pc_back_number_list li div {
  width: 260px;
  padding: 10px 20px;
  /*background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/common/link_arrow.png")) no-repeat 94% center;*/
  /*background-size: 10px auto;*/ }

#service_about {
  padding-bottom: 50px; }

/* ==========  サービス紹介ページ  ========== */
.pages_service {
  margin: 0 auto !important;
  display: block;
  position: relative; }

#service_edcl {
  text-align: center;
  padding-top: 30px; }

#service_edcl .h1_area,
#service_edcl .h1_area p,
#service_edcl .h2_area p {
  line-height: 160%;
  margin-top: 16px !important; }

#service_edcl .title {
  /* 大見出し */
  display: block;
  height: 60px;
  margin: 0 auto 40px; }

#service_edcl .title_text {
  display: none; }

#service_schedule_list h3 {
  padding: 60px 0 10px;
  text-align: left;
  font-size: 24px;
  font-weight: normal;
  color: #5f5a55; }

#title_service {
  padding-top: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

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

#title_service span {
  line-height: 1 !important;
  font-size: 24px;
  color: #5f5a55;
  font-weight: normal; }

/* ヘッダーリンク */
#service_navi {
  width: 900px;
  height: 80px;
  margin: 0 auto 100px;
  border-spacing: 3px;
  border-collapse: separate; }

#service_navi td {
  position: relative;
  vertical-align: middle;
  width: 300px;
  padding: 0;
  border: none;
  border-left: solid 2px #FFF;
  border-right: solid 2px #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5; }

#service_navi td.left {
  background: #f5f5f5; }

#service_navi td a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#service_navi td a:hover {
  background: #FFF;
  opacity: 0.3; }

#service_navi td span {
  font-size: 20px;
  color: #807973; }

#service_navi td img {
  width: 100%; }

/* 基本サイクル*/
/* スケジュール表 */
.service_cycle {
  margin-bottom: 30px; }

.service_cycle01,
.service_cycle02,
.service_cycle03,
.service_cycle04 {
  width: 220px;
  height: 200px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 34px 0 0 !important;
  position: relative; }

.service_cycle p {
  margin: 0;
  padding: 0;
  font-size: 90%;
  text-align: left;
  padding: 15px 15px 0 15px !important; }

.service_cycle span {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  padding: 0;
  position: relative; }

.service_cycle span:after {
  position: absolute;
  top: 105%;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #fff; }

.service_cycle_title {
  text-align: center;
  height: 120px;
  margin: 0;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.service_cycle01 .service_cycle_title {
  height: 200px !important;
  padding-top: 80px; }

.service_cycle_title p {
  text-align: center; }

.service_cycle01 .service_cycle_title,
.service_cycle03 .service_cycle_title {
  background: #c7bfba;
  color: #FFF; }

.service_cycle02 .service_cycle_title,
.service_cycle04 .service_cycle_title {
  background: #f5aeb1;
  color: #FFF; }

.service_cycle02,
.service_cycle03,
.service_cycle04 {
  background: #fbeeea;
  color: #5f5a55; }

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

.service_cycle01:after,
.service_cycle02:after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 40px;
  height: 26px;
  background: url("../../../edcl/images/service/service_flow01_2.png") no-repeat center; }

.service_cycle03:after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 40px;
  height: 26px;
  background: url("../../../edcl/images/service/service_flow02_2.png") no-repeat center; }

/* スケジュール表 */
.service_calendar_area {
  margin: 0px auto 50px;
  display: inline-block;
  font-weight: bold; }

.service_calendar {
  width: 310px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 23px;
  border: 1px solid #5a5f55;
  padding: 0;
  display: inline-block;
  vertical-align: top; }

.service_calendar:last-child {
  margin-right: 0; }

.service_calendar table {
  border: 1px solid #5a5f55;
  text-align: left;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #5a5f55;
  margin: 0; }

.service_calendar table td {
  padding: 4px !important;
  border: 1px solid #5a5f55;
  font-size: 13px; }

.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; }

/* ご利用の流れ */
.table_how_to_use {
  width: 1000px;
  margin: 0 0 80px; }

.table_how_to_use .main {
  width: 190px;
  border-radius: 200px; }

.table_how_to_use td {
  width: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 0px 5px; }

.table_how_to_use h3 {
  color: #000;
  margin: 15px auto 0px;
  margin-bottom: 20px !important;
  font-size: 24px;
  font-weight: normal;
  text-align: center; }

.table_how_to_use h3 span {
  color: #e85964;
  margin: 0 4px 0 -5px;
  font-size: 30px;
  font-weight: bold;
  font-family: serif; }

.table_how_to_use td p {
  text-align: left;
  margin: 0; }

.table_how_to_use .txt_explain {
  font-size: 14px; }

#service_edcl .pager {
  /* ページャー */
  display: block;
  width: 40px;
  height: 40px;
  border-right: 1px solid #a99e94;
  border-bottom: 1px solid #a99e94;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  clear: both;
  margin: 68px auto 80px; }

/* ==========  /サービス紹介ページ  ========== */
/* ===== オフィシャルEDIST.募集ページ =====  */
.pages_officialedist,
.pages_officialedist p {
  /* 全体 */
  color: #5f5a55;
  font-size: 18px; }

.pages_officialedist h1.title_text {
  margin: -5px auto 0px; }

/* h1タイトル */
.pages_officialedist h1.title_text span,
.title_whats span {
  display: none; }

.pages_officialedist #top_text {
  /* 冒頭テキスト */
  padding: 75px 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 380px;
  background: url("../../../edcl/images/officialedist/bg_photo_2.jpg") no-repeat right center;
  background-size: 370px auto; }

.pages_officialedist #top_text p {
  padding: 0;
  line-height: 1.5em; }

.pages_officialedist .pager {
  margin: 40px auto 90px; }

/* ページャー */
.title_whats {
  /* オフィシャルEDIST.とは？ */
  border-bottom: solid 1px #837c75;
  margin-bottom: 60px; }

.title_whats img {
  margin: auto;
  height: 36px;
  margin-bottom: 6px; }

.pages_officialedist .list_whats li {
  margin-bottom: 60px; }

/* オフィシャルEDIST.説明 */
.pages_officialedist .list_whats li:last-child {
  margin-bottom: 0px; }

.pages_officialedist h3.list_whats_label {
  /* h3 */
  margin-bottom: 20px !important;
  text-align: left;
  font-size: 26px;
  color: #e85964; }

.pages_officialedist h3.list_whats_label span {
  /* h3 icon */
  display: inline-block;
  width: 7px;
  height: 26px;
  background: #e85964;
  margin: 0 15px -3px 0; }

.pages_officialedist #whats .explain {
  /* h3下の説明エリア 汎用 */
  width: 100%;
  margin: 0;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8em;
  background: #f8f8f8; }

.pages_officialedist #whats .explain_activity {
  /* h3下の説明エリア 活動内容 */
  padding-right: 450px;
  background: #fbf3f5;
  background: url("../../../edcl/images/officialedist/activity_content_pc_2.png") no-repeat 580px center, #fbf3f5;
  background-size: 420px auto, 100%; }

.pages_officialedist #whats h4 {
  /* 活動内容の項目 */
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #e85964;
  font-weight: normal; }

.pages_officialedist #whats h4 div {
  /* 活動内容の数字 */
  /*display: inline-block;*/
  float: left;
  text-align: center;
  width: 26px;
  height: 26px;
  font-size: 19px;
  line-height: 26px;
  color: #FFF;
  background: #e85964;
  margin: -2px 8px 0px 0; }

.pages_officialedist .attention_list {
  margin: 0 0 5px 20px; }

/* 応募注意書き */
.pages_officialedist .attention_list li {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 18px; }

.pages_officialedist hr.dashed {
  /* 破線 */
  margin: 20px 0 22px;
  border: none;
  border-top: dashed 1px #CCC;
  height: 1px; }

.pages_officialedist .area_btn {
  /* 応募ボタン以下エリア */
  margin-bottom: -60px;
  padding: 80px 0 430px;
  background: url("../../../edcl/images/officialedist/bg_bottom_2.jpg") center bottom no-repeat;
  background-size: 100% auto; }

.pages_officialedist .area_btn .text {
  padding: 0 0 20px;
  font-size: 22px;
  color: #e85964; }

.pages_officialedist .btn_line {
  width: 560px;
  height: 72px;
  padding-top: 26px;
  background: url("../../../edcl/images/officialedist/bg_btn_stripe_2.png") center top no-repeat, #e85964;
  background-size: 100% auto, 100% auto; }

/* ===== /オフィシャルEDIST.募集ページ =====  */
.codeset_label {
  display: block;
  height: 28px;
  width: 100%;
  text-align: center;
  margin: 0 0 25px; }

.codeset_label span {
  padding: 0 15px;
  font-size: 28px;
  color: #5f5a55;
  background: #fff; }

.codeset_label hr {
  border: 0;
  border-bottom: 1px solid #5f5a55;
  width: 100%;
  margin-bottom: -20px; }

.label_codeset {
  margin: 0 0 15px;
  display: block;
  width: 100%;
  text-align: center; }

.label_codeset span {
  display: none; }

.label_codeset .codeset {
  display: inline-block;
  margin: 0 auto;
  width: 360px; }

#about_service_link {
  padding-bottom: 100px; }

/* ===== ご意見・ご感想ページ =====  */
#customer_comment input[type=text] {
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#customer_comment textarea {
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 12px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: #bfbfbf 2px solid; }

#customer_comment p,
#customer_comment .txt_explain,
#customer_comment .text_label,
.customer_comment_attention {
  padding: 0 !important;
  margin: 0; }

/* ===== /ご意見・ご感想ページ =====  */
/* ===== サイズガイド=====  */
.size_guide {
  margin: -10px 0 15px 0;
  text-align: right;
  display: block;
  position: relative;
  text-decoration: underline;
  color: #635343;
  font-size: 14px;
  padding-right: 13px; }

.size_guide:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 4px;
  right: -3px;
  background: url("../../../edcl/images/icon_shortcut_2.svg") no-repeat;
  background-size: 13px auto; }

/* ===== アップチャージ =====  */
.area_itemselect_toptext {
  width: 724px;
  margin: 30px auto 0;
  padding: 5px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: #e85964 1px solid; }

.area_itemselect_toptext .list ul {
  padding: 0px;
  line-height: 25px; }

.area_itemselect_toptext .list li {
  padding: 0 0 10px 1.25em;
  font-size: 16px; }

.area_itemselect_toptext .list li:last-child {
  padding-bottom: 0; }

.area_itemselect_toptext .list li:before {
  content: "\203B   ";
  color: #666; }

.area_itemselect_toptext .list li.red,
.area_itemselect_toptext .list li.red:before {
  color: #e85964; }

.bnr_upchage_info {
  padding: 5px 0 25px; }

.bnr_upchage_info img {
  width: 580px; }

.upcharge_info {
  color: #c33636;
  font-size: 12px;
  margin-top: -4px; }

/* 郵便番号自動入力まわり */
.num_live .num {
  width: 40%;
  border: none;
  padding: 0; }

.num_live .btn {
  width: 60%;
  border: none;
  padding: 5px 0 0 0; }

.num_live .btn_s[gray2],
.num_live .btn_gray2_grayout {
  display: block;
  margin: 0 0 0 20px;
  padding: 0 !important;
  width: 140px;
  /*height: 50px !important;*/
  line-height: 44px !important;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  border: none;
  background: #848487; }

.num_live .btn_gray2_grayout {
  background: #ccc; }

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

.area_regist_text {
  width: 540px;
  margin: auto; }

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

/* カバー画像 */
.pages_regist .bg_signup_mail {
  margin: 0 auto -100px;
  width: 1000px;
  height: 310px;
  text-align: center; }

.regist_1st_header,
.regist_top_header {
  position: relative;
  width: 1000px;
  height: 290px;
  margin: 0 auto; }

.regist_top_header {
  height: 204px; }

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

#top_plan_select {
  z-index: 2;
  padding: 0 0 30px;
  text-align: center; }

#area_h1_regist {
  padding: 36px 0;
  text-align: center; }

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

.pages_regist #h1_regist_signup_mail {
  font-size: 28px;
  margin-bottom: 0; }

.pages_regist #h1_regist {
  font-size: 22px;
  line-height: 1.4em;
  margin-bottom: 0; }

#list_plan_select {
  width: 880px;
  margin: 0 auto 22px; }

#list_plan_select_3plan {
  width: 660px;
  margin: 0 auto 22px; }

#list_plan_select, #list_plan_select_3plan ul li {
  float: left;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  height: 353px; }

#list_plan_select, #list_plan_select_3plan ul li:first-child {
  padding-left: 0px;
  width: 210px; }

#list_plan_select, #list_plan_select_3plan ul li:last-child {
  padding-right: 0px;
  width: 210px; }

#list_plan_select, #list_plan_select_3plan td {
  width: 220px;
  height: 353px;
  /*padding: 0 10px;*/
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

#list_plan_select, #list_plan_select_3plan div.plan {
  width: 200px;
  height: 353px;
  margin: 0;
  padding: 0;
  display: inline-block; }

#list_plan_select, #list_plan_select_3plan div.plan span,
#list_plan_select, #list_plan_select_3plan div.plan h2 {
  display: none; }

/* ===== プラン名、価格とか ===== */
/* 通常のプラン選択画像 */
#list_plan_select .plan_choosing .plan_regular,
#list_plan_select .plan_regular,
#list_plan_select .plan_choosing .plan_gold,
#list_plan_select .plan_gold,
#list_plan_select .plan_choosing .plan_platinum,
#list_plan_select .plan_platinum,
#list_plan_select .plan_choosing .plan_trial,
#list_plan_select .plan_trial,
#list_plan_select_3plan .plan_choosing .plan_regular,
#list_plan_select_3plan .plan_regular,
#list_plan_select_3plan .plan_choosing .plan_gold,
#list_plan_select_3plan .plan_gold,
#list_plan_select_3plan .plan_choosing .plan_platinum,
#list_plan_select_3plan .plan_platinum {
  background: url("../../../edcl/images/regist/plan/plan_sprite_pc_201910_2.png") no-repeat top center;
  background-size: 860px auto; }

#list_plan_select .plan_choosing .plan_regular.trial_coordinate_select,
#list_plan_select .plan_regular.trial_coordinate_select,
#list_plan_select .plan_choosing .plan_gold.trial_coordinate_select,
#list_plan_select .plan_gold.trial_coordinate_select,
#list_plan_select .plan_choosing .plan_platinum.trial_coordinate_select,
#list_plan_select .plan_platinum.trial_coordinate_select,
#list_plan_select .plan_choosing .plan_trial.trial_coordinate_select,
#list_plan_select .plan_trial.trial_coordinate_select,
#list_plan_select_3plan .plan_choosing .plan_regular.trial_coordinate_select,
#list_plan_select_3plan .plan_regular.trial_coordinate_select,
#list_plan_select_3plan .plan_choosing .plan_gold.trial_coordinate_select,
#list_plan_select_3plan .plan_gold.trial_coordinate_select,
#list_plan_select_3plan .plan_choosing .plan_platinum.trial_coordinate_select,
#list_plan_select_3plan .plan_platinum.trial_coordinate_select {
  background: url("../../../edcl/images/regist/plan/plan_sprite_pc_for_trial_coordinate_select_2.png") no-repeat top center; }

#list_plan_select .plan_regular.plan_v201910,
#list_plan_select .plan_gold.plan_v201910,
#list_plan_select .plan_platinum.plan_v201910,
#list_plan_select .plan_trial.plan_v201910,
#list_plan_select_3plan .plan_regular.plan_v201910,
#list_plan_select_3plan .plan_gold.plan_v201910,
#list_plan_select_3plan .plan_platinum.plan_v201910 {
  background: url("../../../edcl/images/regist/plan/plan_sprite_pc_201910_2.png") no-repeat top center; }

#list_plan_select .plan_regular.plan_v201910.trial_coordinate_select,
#list_plan_select .plan_gold.plan_v201910.trial_coordinate_select,
#list_plan_select .plan_platinum.plan_v201910.trial_coordinate_select,
#list_plan_select .plan_trial.plan_v201910.trial_coordinate_select,
#list_plan_select_3plan .plan_regular.plan_v201910.trial_coordinate_select,
#list_plan_select_3plan .plan_gold.plan_v201910.trial_coordinate_select,
#list_plan_select_3plan .plan_platinum.plan_v201910.trial_coordinate_select {
  background: url("../../../edcl/images/regist/plan/plan_sprite_pc_201910_for_trial_coordinate_select_2.png") no-repeat top center; }

/* ///通常のプラン選択画像 END */
/* トライアルキャンペーンのプラン選択画像 */
#list_plan_select.trial_campaign .plan_choosing .plan_regular,
#list_plan_select.trial_campaign .plan_regular,
#list_plan_select.trial_campaign .plan_choosing .plan_gold,
#list_plan_select.trial_campaign .plan_gold,
#list_plan_select.trial_campaign .plan_choosing .plan_platinum,
#list_plan_select.trial_campaign .plan_platinum,
#list_plan_select.trial_campaign .plan_choosing .plan_trial,
#list_plan_select.trial_campaign .plan_trial {
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/regist/plan/plan_sprite_trial_campaign_pc.png?2") no-repeat top center; }

/* トライアルキャンペーンのプラン選択画像 END */
/* comic_campaignのプラン選択画像 */
#list_plan_select.comic_campaign .plan_choosing .plan_regular,
#list_plan_select.comic_campaign .plan_regular,
#list_plan_select.comic_campaign .plan_choosing .plan_gold,
#list_plan_select.comic_campaign .plan_gold,
#list_plan_select.comic_campaign .plan_choosing .plan_platinum,
#list_plan_select.comic_campaign .plan_platinum,
#list_plan_select.comic_campaign .plan_choosing .plan_trial,
#list_plan_select.comic_campaign .plan_trial {
  background: url("https://d2aaavtq24y2io.cloudfront.net/edcl/images/regist/plan/plan_sprite_comic_campaign_pc.png?2") no-repeat top center; }

/* comic_campaignのプラン選択画像 END */
/* spriteのカット指定 */
#list_plan_select .plan_choosing .plan_regular {
  background-position: 0px 0px !important; }

#list_plan_select .plan_regular {
  background-position: 0px -373px !important; }

#list_plan_select .plan_choosing .plan_gold {
  background-position: -220px 0px !important; }

#list_plan_select .plan_gold {
  background-position: -220px -373px !important; }

#list_plan_select .plan_choosing .plan_platinum {
  background-position: -440px 0px !important; }

#list_plan_select div.plan_platinum {
  background-position: -440px -373px !important; }

#list_plan_select .plan_choosing .plan_trial {
  background-position: -660px 0px !important; }

#list_plan_select div.plan_trial {
  background-position: -660px -373px !important; }

#list_plan_select_3plan .plan_choosing .plan_regular {
  background-position: 0px 0px !important; }

#list_plan_select_3plan .plan_regular {
  background-position: 0px -373px !important; }

#list_plan_select_3plan .plan_choosing .plan_gold {
  background-position: -220px 0px !important; }

#list_plan_select_3plan .plan_gold {
  background-position: -220px -373px !important; }

#list_plan_select_3plan .plan_choosing .plan_platinum {
  background-position: -440px 0px !important; }

#list_plan_select_3plan div.plan_platinum {
  background-position: -440px -373px !important; }

/* ===== チェックボックス ===== */
.checkbox_rules {
  font-size: 0;
  text-align: center;
  display: table-cell;
  width: 46px;
  height: 50px;
  padding: 8px 0 0px; }

.checkbox_pass {
  font-size: 0;
  text-align: left; }

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

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

.checkbox_green {
  display: none; }

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

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

.checkbox_green-label {
  font-size: 14px;
  vertical-align: 15px;
  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: 6px;
  left: 13px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

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

.bg_lightgray {
  background: #f4f4f4;
  padding: 40px 0px; }

.bg_lightgray .inner {
  width: 860px;
  margin: 0 auto;
  padding: 0 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  margin-bottom: 0; }

.bg_lightgray .area_text_list,
.bg_lightgray .area_img_bnr {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  width: 500px;
  padding: 0; }

.bg_lightgray .area_img_bnr {
  text-align: right;
  width: 360px; }

.bnr_howto {
  width: 330px;
  margin-bottom: -6px; }

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

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

ul.area_regist_input {
  margin: 0 auto 26px;
  width: 542px; }

ul.area_regist_input li {
  padding-bottom: 15px; }

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

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

input.placeholder_gray::-webkit-input-placeholder,
input[type=telephone].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;*/
  -webkit-box-shadow: 0 0 0px 1000px transparent inset; }

input.check,
input[type=telephone].check {
  background: url("../../../edcl/images/regist/ic_check_2.png") no-repeat 98% 50% !important;
  background-size: 20px auto !important; }

input.check_ok,
input[type=telephone].check_ok {
  background: url("../../../edcl/images/regist/ic_check_ok_2.png") no-repeat 98% 50% !important;
  background-size: 20px auto !important; }

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

.area_check span.check,
.area_check span.check_ok {
  position: absolute;
  top: 18px;
  right: 11px;
  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; }

#signup_customer input[type=telephone] {
  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: 16px; }

#user_info_input input[type=text].width_m {
  display: inline-block;
  /*width: 260px;*/
  width: 48%;
  -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 input[type=text].input_margin_r {
  margin-right: 14px; }

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

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

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

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

/*.num_live .ic_question:hover {*/
/*opacity: 1;*/
/*}*/
#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 .line2_l,
#user_info_input .line2_r,
#credit_info_input .line2_l,
#credit_info_input .line2_r {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 272px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding-right: 8px; }

#user_info_input .line2_r,
#credit_info_input .line2_r {
  text-align: right;
  padding-left: 8px;
  padding-right: 0px; }

#credit_info_input {
  margin: auto;
  width: 600px; }

.inner_credit_info_input {
  margin: auto;
  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: 18px;
  margin-bottom: 25px;
  padding: 0;
  color: #000; }

/* 登録完了画面 */
.bg_signup_complate,
.bg_codesize_complate {
  margin-top: 0;
  min-height: 920px;
  text-align: center;
  background: url("../../../edcl/images/regist/7/img_cover-resist-end_back_PC_2.jpg") no-repeat top center;
  /*background: url(https://closet.edist.jp/css/dist/buildImagePath("/images/regist/7/img_cover-resist-end_back_SP2.jpg")) no-repeat top center;*/
  background-size: 100% auto; }

.bg_codesize_complate {
  position: relative;
  background: url("../../../edcl/images/regist/7/img_cover-select-end_back_PC_2.jpg") no-repeat top center;
  background-size: 110% auto; }

#area_h1_signup_complete,
#area_h1_codesize_complete,
#area_h1_codesize_complete_1st {
  margin: 0 auto;
  /* footer改修時に80にする */
  /*padding: 80px 0;*/
  padding: 60px 0 55px;
  text-align: center;
  color: #fff; }

#area_h1_codesize_complete {
  padding: 200px 0 210px; }

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

.ic_complete {
  width: 60px; }

.h1_signup_complete {
  color: #fff;
  font-size: 24px;
  font-weight: normal; }

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

#window_code_select {
  width: 540px;
  margin: 0 auto 20px;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fff; }

#window_code_select h2 {
  font-size: 24px;
  color: #000; }

#window_code_select p {
  margin-bottom: 20px; }

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

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

.window_bottom_link a {
  color: #fff;
  font-weight: bold; }

input:-webkit-autofill {
  /*-webkit-box-shadow: 0 0 0px 1000px rgb(255,255,255) inset !important;*/
  /*-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important;*/ }

.plan_correct {
  width: 860px;
  margin: 0 auto; }

.space_footer_copyright {
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  /*height: 24px;*/
  height: 34px; }

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

.pages_img_full .area_img_full {
  width: 100%;
  height: 100%; }

.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%; }

.bg_fotune_window_top {
  margin: 0 auto;
  width: 620px;
  height: 186px; }

.bg_fotune_window_middle {
  margin: 0 auto;
  width: 620px;
  min-height: 50px;
  color: #222;
  padding: 10px 0 6px;
  /*border: #ccc 1px solid;*/ }

.bg_fotune_window_bottom {
  margin: 0 auto;
  width: 620px;
  height: 40px; }

.bg_fotune_window_top,
.bg_fotune_window_middle,
.bg_fotune_window_bottom {
  background: url("../../../edcl/images/regist/base_color-fortune_sprite_2.png") no-repeat top center;
  background-size: 620px auto; }

.bg_fotune_window_top {
  background-position: 0px 0px; }

.bg_fotune_window_middle {
  background-position: 0px -270px; }

.bg_fotune_window_bottom {
  background-position: 0px -220px; }

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

#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: 14px;
  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: 14px;
  border-bottom: 1px solid #bfbfbf;
  background: #FFF; }

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

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

.set_movie {
  /*セットページのムービー。表のヨコ*/
  float: left; }

/*--上記改修前サイトからの引用　201801--*/
/*---------------------------------------------------*/
/*  parts                                            */
/*---------------------------------------------------*/
/*-------------------------
	BUTTON
-------------------------*/
/*--ボタン大--*/
.btn_l_001,
.btn_l_002,
.btn_l_003,
.btn_l_004,
.btn_l_005,
.btn_l_006 {
  /* 16ptだと大きすぎる気がするので、調整 */
  /*font-size: 16pt;*/
  font-size: 14pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #ff5576;
  /*padding: 18px 50px 17px;*/
  padding: 16px 50px;
  border-radius: 5px;
  display: inline-block; }

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

.btn_l_003 {
  background: #3c556b; }

.btn_l_004 {
  background: #fff;
  color: #3c556b;
  border: 1px solid #3c556b;
  padding: 15px 49px; }

.btn_l_005 {
  background: #cfcbc6; }

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

/*--ボタン中--*/
.btn_m_001,
.btn_m_002,
.btn_m_003,
.btn_m_004,
.btn_m_005,
.btn_m_006 {
  /* 12ptだと大きすぎる? */
  font-size: 12pt;
  /*font-size: 10pt;*/
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #ff5576;
  padding: 10px 50px;
  /*padding: 12px 50px;*/
  border-radius: 5px;
  display: inline-block; }

.btn_m_002 {
  background: #fff;
  color: #ff5576;
  border: 1px solid #ff5576;
  padding: 9px 49px; }

.btn_m_003 {
  background: #3c556b; }

.btn_m_004 {
  background: #fff;
  color: #3c556b;
  border: 1px solid #3c556b;
  padding: 9px 49px; }

.btn_m_005 {
  background: #cfcbc6; }

.btn_m_006 {
  background: #fff;
  color: #3a3a3a;
  border: 1px solid #cfcbc6;
  padding: 9px 49px; }

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

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

.btn_s_003 {
  background: #3c556b; }

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

.btn_s_005 {
  background: #cfcbc6; }

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

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

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

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

.size_select_btn001_center,
.size_select_btn001_left,
.size_select_btn001_right {
  display: table-cell;
  text-align: center; }

.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: 12px;
  line-height: 18px;
  margin: 0 0 6px; }

.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 a,
.size_select_btn001_left a,
.size_select_btn001_right a {
  font-size: 11.2pt;
  font-weight: bold;
  padding: 18px 53px;
  border-radius: 6px;
  display: inline-block; }

.size_select_btn001_left a.white_btn,
.size_select_btn001_right a.white_btn {
  font-size: 12pt;
  color: #3a3a3a;
  background: #fff;
  /*padding: 12px 53px;*/
  padding: 9px 49px;
  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;*/
  margin: 15px 12px 12px 12px; }

.size_select_btn002_right {
  float: right;
  /*margin: 12px;*/
  margin: 15px 24px 12px 12px; }

.size_select_btn002_left .size_text,
.size_select_btn002_right .size_text {
  font-size: 13pt;
  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: 12pt;
  font-weight: bold;
  color: #fff;
  background: #3a3a3a;
  /*padding: 10px 55px;*/
  padding: 10px 50px;
  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: 9px 54px;*/
  padding: 9px 49px;
  border: 1px solid #3a3a3a; }

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

/*--hover--*/
a.btn_l_001:hover,
a.btn_l_002:hover,
a.btn_l_003:hover,
a.btn_l_004:hover,
a.btn_l_006:hover,
a.btn_m_001:hover,
a.btn_m_002:hover,
a.btn_m_003:hover,
a.btn_m_004:hover,
a.btn_m_006:hover,
a.btn_s_001:hover,
a.btn_s_002:hover,
a.btn_s_003:hover,
a.btn_s_004:hover,
a.btn_s_006:hover,
a.white_btn:hover,
.size_select_btn002_right a:hover {
  opacity: 0.7; }

a.btn_l_002:hover,
a.btn_m_002:hover,
a.btn_s_002:hover {
  color: #fff;
  background: #ff5576;
  border: none;
  /*border: 1px solid #ff5576;*/ }

a.btn_l_004:hover,
a.btn_m_004:hover,
a.btn_s_004:hover {
  color: #fff;
  background: #3c556b;
  /*border: none;*/
  border: 1px solid #3c556b; }

a.btn_l_002:hover,
a.btn_l_004:hover {
  padding: 16px 50px; }

a.btn_m_002:hover,
a.btn_m_004:hover {
  padding: 9px 49px; }

a.btn_s_002:hover,
a.btn_s_004:hover {
  padding: 3px 19px; }

a.white_btn:hover {
  color: #fff;
  background: #3a3a3a;
  border: none;
  padding: 10px 50px; }

/*--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: 12px; }

.font_s,
.font_s_active,
.font_s_inactive {
  font-size: 14px; }

.font_m,
.font_m_active,
.font_m_inactive {
  font-size: 16px; }

.font_l,
.font_l_active,
.font_l_inactive {
  font-size: 20px; }

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

.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; }

/* PC専用 上書き指定 */
.font_pc_ss {
  font-size: 12px; }

.font_pc_s {
  font-size: 14px; }

.font_pc_m {
  font-size: 16px !important; }

.font_pc_l {
  font-size: 20px; }

.font_pc22 {
  font-size: 22px !important; }

.font_pc30 {
  font-size: 30px !important; }

.item_list .font_s {
  font-size: 12px; }

.item_detail_name_area .il_contents .font_m,
.accessory_list .font_m,
.accessory_list .font_s {
  font-size: 14px; }

.category_list .font_m {
  font-size: 12px; }

.coordinate_info_pc {
  width: 476px !important; }

.reserved_item .reserveditem_contents .font_s,
.preliminary_item_001 .preliminaryitem_contents .font_s,
.preliminary_item_002 .preliminaryitem_contents .font_s {
  font-size: 12px; }

.reserved_item .reserveditem_contents .fw_b,
.preliminary_item_001 .preliminaryitem_contents .fw_b,
.preliminary_item_002 .preliminaryitem_contents .fw_b {
  font-weight: normal !important; }

.messagebox_001 .font_l,
.messagebox_002 .font_l,
.category_parts .category_title .font_l {
  font-size: 16px; }

.font_pc12 {
  font-size: 12px; }

.font_pc14 {
  font-size: 14px; }

.font_pc16 {
  font-size: 16px; }

.font_pc20 {
  font-size: 20px; }

.font_pc28 {
  font-size: 28px; }

.fw_b, .fw_pc_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_gray {
  color: #999 !important; }

.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; }

.mt80 {
  margin-top: 80px !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; }

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

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

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

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

.mb48 {
  margin-bottom: 48px !important; }

.mb56 {
  margin-bottom: 56px !important; }

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

.mb64 {
  margin-bottom: 64px !important; }

.mb72 {
  margin-bottom: 72px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb88 {
  margin-bottom: 88px !important; }

.mb96 {
  margin-bottom: 96px !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; }

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

.mtb80 {
  margin-top: 60px !important;
  margin-bottom: 80px !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; }

.mlr40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

/* PC独自 */
.m_pc0 {
  margin: 0 !important; }

.m_pc4 {
  margin: 4px !important; }

.m_pc8 {
  margin: 8px !important; }

.m_pc12 {
  margin: 12px !important; }

.m_pc16 {
  margin: 16px !important; }

.m_pc20 {
  margin: 20px !important; }

.m_pc24 {
  margin: 24px !important; }

.m_pc28 {
  margin: 28px !important; }

.mt_pc-5 {
  margin-top: -5px !important; }

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

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

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

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

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

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

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

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

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

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

.mt_pc48 {
  margin-top: 48px !important; }

.mt_pc52 {
  margin-top: 52px !important; }

.mt_pc56 {
  margin-top: 56px !important; }

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

.mt_pc64 {
  margin-top: 64px !important; }

.mt_pc68 {
  margin-top: 68px !important; }

.mt_pc72 {
  margin-top: 72px !important; }

.mt_pc90 {
  margin-top: 90px !important; }

.mt_pc96 {
  margin-top: 96px !important; }

.mt_pc100 {
  margin-top: 100px !important; }

.mt_pc110 {
  margin-top: 110px !important; }

.mt_pc120 {
  margin-top: 120px !important; }

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

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

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

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

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

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

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

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

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

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

.mb_pc48 {
  margin-bottom: 48px !important; }

.mb_pc52 {
  margin-bottom: 52px !important; }

.mb_pc56 {
  margin-bottom: 56px !important; }

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

.mb_pc64 {
  margin-bottom: 64px !important; }

.mb_pc72 {
  margin-bottom: 72px !important; }

.mb_pc80 {
  margin-bottom: 80px !important; }

.mb_pc88 {
  margin-bottom: 88px !important; }

.mb_pc90 {
  margin-bottom: 90px !important; }

.mb_pc96 {
  margin-bottom: 96px !important; }

.mb_pc100 {
  margin-bottom: 100px !important; }

.mb_pc110 {
  margin-bottom: 110px !important; }

.mb_pc120 {
  margin-bottom: 120px !important; }

.ml_pc0 {
  margin-left: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mtb_pc0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

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

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

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

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

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

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

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

.mlr_pc0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

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

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

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

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

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

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

.mlr_pc28 {
  margin-left: 28px !important;
  margin-right: 28px !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; }

.pt80 {
  padding-top: 80px !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; }

.pb80 {
  padding-bottom: 80px !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; }

.ptb80 {
  padding-top: 80px !important;
  padding-bottom: 80px !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; }

/* PC独自 */
.p_pc24 {
  padding: 24px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ptb_pc12 {
  padding-top: 12px !important;
  padding-bottom: 12px !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; }

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

.w15 {
  width: 15% !important; }

.w20 {
  width: 20% !important; }

.w25 {
  width: 25% !important; }

.w30 {
  width: 30% !important; }

.w35 {
  width: 35% !important; }

.w40 {
  width: 40% !important; }

.w42 {
  width: 42% !important; }

.w45 {
  width: 45% !important; }

.w50 {
  width: 50% !important; }

.w60 {
  width: 60% !important; }

.w70 {
  width: 70% !important; }

.w75 {
  width: 75% !important; }

.w80 {
  width: 80% !important; }

.w90 {
  width: 90% !important; }

.w100 {
  width: 100% !important; }

.w_pc10 {
  width: 10% !important; }

.w_pc20 {
  width: 20% !important; }

.w_pc30 {
  width: 30% !important; }

.w_pc40 {
  width: 40% !important; }

.w_pc50 {
  width: 50% !important; }

.w_pc60 {
  width: 60% !important; }

.w_pc70 {
  width: 70% !important; }

.w_pc80 {
  width: 80% !important; }

.w_pc90 {
  width: 90% !important; }

.w_pc100 {
  width: 100% !important; }

.w_pc100px {
  width: 100px !important; }

.w_pc120px {
  width: 120px !important; }

.w_pc160px {
  width: 160px !important; }

.w_pc200px {
  width: 200px !important; }

.w_pc300px {
  width: 300px !important; }

.w_pc360px {
  width: 360px !important; }

.w_pc400px {
  width: 400px !important; }

.w_pc420px {
  width: 420px !important; }

.w_pc500px {
  width: 500px !important; }

.w_pc600px {
  width: 600px !important; }

.w_pc650px {
  width: 650px !important; }

.w_pc700px {
  width: 700px !important; }

.w_pc800px {
  width: 800px !important; }

.w_pc900px {
  width: 900px !important; }

.w_pc650px {
  width: 650px !important;
  margin: auto; }

.w_pc1000px {
  width: 1000px !important;
  margin: auto; }

/* 画像width */
.img_100 {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0; }

.img_90 {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 0; }

.img_80 {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 0; }

/*-------------------------
	TEXT
-------------------------*/
.txt_ss {
  font-size: 12px;
  line-height: 18px; }

.txt_s {
  font-size: 14px;
  line-height: 21px; }

.txt_m {
  font-size: 16px;
  line-height: 24px; }

.txt_l {
  font-size: 20px;
  line-height: 30px; }

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

.va_t {
  vertical-align: top; }

.va_b {
  vertical-align: bottom; }

/* PC専用 上書き指定 */
.txt_pc12 {
  font-size: 12px; }

.txt_pc14 {
  font-size: 14px; }

.txt_pc16 {
  font-size: 16px; }

.txt_pc20 {
  font-size: 20px; }

.txt_pc28 {
  font-size: 28px; }

/*-------------------------
	境界線
-------------------------*/
.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: 10pt;
  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: 10pt;
  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;
  color: #3a3a3a; }

.cl_contents p {
  font-weight: bold; }

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

.cl_contents div {
  float: right;
  /* 以下、PCのみの記述 あとで調整必要かも */
  margin-top: -10px;
  padding: 0 8px 10px 0; }

.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--*/
.item_list,
.item_list002 {
  width: 100%;
  display: table; }

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

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

.fitting_item_list .il_contents002 {
  vertical-align: top; }

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

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

.item_list li::after,
.item_list002 li.arrow::after {
  display: block;
  content: '';
  position: absolute;
  top: 45%;
  /*right: 1em;*/
  right: 16px;
  width: 8px;
  height: 8px;
  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; }

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

.fitting_item_list .il_img img {
  border: none;
  width: 120px; }

.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: 24em;
  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,
.item_list002 .il_contents002 a.btn_s_004:hover,
.item_list002 .il_contents002 button.btn_s_004:hover {
  color: #3c556b;
  background: #fff;
  border: 1px solid #3c556b; }

.item_list002 .il_contents002 a.btn_s_003,
.item_list002 .il_contents002 button.btn_s_003,
.item_list002 .il_contents002 a.btn_s_003:hover,
.item_list002 .il_contents002 button.btn_s_003:hover {
  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: 20px;
  height: 20px;
  line-height: 20px; }

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

/* PC用記述 */
.font_pc12 {
  font-size: 12pt; }

.font_pc9 {
  font-size: 9pt; }

/*.item_list .set_name {*/
/*font-size: 12pt;*/
/*}*/
.accessory_list .accessory_name,
.accessory_list .shop_name {
  font-size: 14px; }

/*.accessory_list .shop_name {*/
/*font-size: 9px;*/
/*}*/
/*--accessory_list--*/
.accessory_list {
  width: 100%; }

/*.accessory_list div{*/
/*vertical-align: middle;*/
/*display: table-cell;*/
/*min-height: 80px;*/
/*}*/
.accessory_list li {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  padding: 12px 24px 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.accessory_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 45%;
  /*right: 1em;*/
  right: 16px;
  width: 8px;
  height: 8px;
  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;
  /*PCの場合はli下にborder引く*/
  border-bottom: 1px solid #dfdfdf; }

.category_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 40%;
  /*right: 1em;*/
  right: 16px;
  width: 8px;
  height: 8px;
  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; }

/* PC専用 上書き指定 */
.category_list li .categorylist_img img {
  /* PCは画像不要なので表示を消す */
  display: none; }

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

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

.category_list .fw_b,
.item_detail_name_area .il_contents p {
  /* bold無効 */
  font-weight: normal !important; }

/*--カスタムセット選択中_注意事項--*/
.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%; }

.other_set_list li {
  position: relative;
  width: 128px;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px; }

.other_set_list li:nth-child(7) {
  margin-right: 0px; }

.other_set_list .other_set_name {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.other_set_list .other_set_name span {
  display: block;
  width: 24px;
  height: 24px;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center; }

.other_set_list .other_set_name:hover {
  opacity: 0.7; }

/*.other_set_list li:first-child{*/
/*border-top: 1px solid #dfdfdf;*/
/*}*/
.other_set_list li:last-child {
  /*border-bottom: 1px solid #dfdfdf;*/ }

.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;*/
/*}*/
/*.other_set_list div{*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
/*.other_set_name{*/
/*width: 83%;*/
/*border-bottom: 1px solid #ccc;*/
/*}*/
/*.other_set_list li:last-child .other_set_name{*/
/*border-bottom: none;*/
/*}*/
.other_set_list .other_set_img {
  width: 100%; }

.other_set_list .other_set_img img {
  width: 100%;
  /*height: auto;*/
  /*padding: 8px 0;*/ }

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

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

.pickup_list div {
  width: 33%;
  display: table-cell;
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  padding: 12px; }

.pickup_list div img {
  width: 70%;
  border-radius: 100px;
  margin: 0 0 10px 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 24px 0 0; }

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

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

/*-------------------------
	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; }

.reserveditem_img {
  width: 120px; }

.reserved_item div img {
  width: 120px;
  height: auto;
  margin: 0 12px 0 0; }

.reserved_item .reserveditem_contents {
  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 0 14px 0; }

.reserved_item .unreserving_btn a {
  font-size: 10pt;
  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,
.preliminaryitem_img_pc {
  width: 80px; }

.preliminaryitem_img img,
.preliminaryitem_img_pc img {
  width: 80px;
  height: auto;
  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: 0; }

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

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

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

.preliminary_item_002:last-child {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 16px;
  /*次回の注文リスト用に増量*/ }

.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_img, preliminaryitem_img,
.preliminary_img_pc, preliminaryitem_img_pc {
  width: 120px; }

.preliminary_item_002 div img {
  width: 120px;
  height: auto;
  margin: 0 8px 0 0;
  vertical-align: top; }

.preliminary_item_002 .change_btn {
  min-width: 80px;
  float: right;
  /*padding: 0 20px 8px 0;*/
  /* PCはabsoluteで指定 */
  position: absolute;
  bottom: 10px;
  right: 0px; }

.fitting_item_list .change_btn {
  min-width: none;
  float: right; }

.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: 10pt;
  font-weight: bold;
  padding: 7px 32px;
  color: #3c556b;
  border: 1px solid #3c556b;
  border-radius: 5px; }

.preliminary_item_002 .change_btn a:hover {
  opacity: 0.7; }

.preliminary_item_002 .preliminaryitem_contents {
  position: relative;
  min-width: 247px;
  min-height: 180px;
  padding-bottom: 0px; }

.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: 8px 0;
  margin-bottom: 24px; }

.messagebox_002 {
  display: block;
  /*display: table;*/
  /*width: 100%;*/
  /*box-sizing: border-box;*/
  text-align: center;
  border: 1px solid #ff5576;
  margin: 0 24px 24px;
  padding: 8px 0; }

.messagebox_002 div {
  display: inline-block;
  /*vertical-align: middle;*/
  /*display: table-cell;*/
  min-width: 100px;
  /*box-sizing: border-box;*/
  text-align: center;
  /*padding: 0px 44px;*/
  /*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: 750px;
  margin: 0 auto; }

.status_img_1st img {
  width: 520px;
  margin: 0 auto; }

.status_table,
.status_table_1st {
  width: 830px;
  display: table;
  margin: 0 auto; }

.status_table_1st {
  width: 692px; }

.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;
  display: table;
  margin: auto; }

.delivery ul li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  min-height: 60px; }

.delivery ul li.list_num {
  display: table;
  margin: auto; }

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

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

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

.delivery ul li img {
  height: 52px;
  padding-right: 16px; }

.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: 10pt; }

.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: 10pt; }

.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: 13pt;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center; }

.item_detail_name_area .category_parts .category_type {
  width: 38px; }

.category_parts .category_title {
  padding: 0 0; }

.coordinate_select_container .category_parts .category_title {
  padding: 0 0 2px 4px; }

.coordinate_select_container .category_parts .category_title_random {
  padding: 8px 0 8px 0px; }

.item_detail_name .category_title .font_l,
.coordinate_select_container .category_parts .category_title .font_l {
  margin-top: -5px; }

.coordinate_select_container .coordinate_select_contents .font_m {
  font-size: 14px; }

.category_parts .category_title .situation_category {
  text-align: center;
  font-size: 7.5pt;
  color: #fff; }

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

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

.category_title p {
  line-height: 1.3; }

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

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

/*--お知らせ--*/
.title_info {
  font-size: 28pt;
  font-weight: bold; }

.date_info {
  color: #999; }

.tab_btn_content {
  width: 100%;
  display: table;
  position: relative; }

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

.tab_btn_content div p,
.tab_btn {
  font-size: 16px;
  /*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-top: 12px;
  margin-bottom: 12px;
  min-height: 400px; }

.tab_panel li {
  /*margin-left: 12px;*/
  padding: 16px 24px 16px 0;
  border-bottom: 1px solid #ccc;
  position: relative; }

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

.tab_panel a {
  color: #3a3a3a; }

.tab_panel a p {
  font-size: 16px;
  width: 50em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.tab_panel a p span {
  font-size: 14px; }

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

/*--お知らせ詳細--*/
.news_detaile_title {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  color: #3c556b !important;
  border-bottom: 1px dashed #3a3a3a;
  margin: 32px 0 8px !important;
  padding: 0 0 0px; }

.news_detaile_text {
  padding: 12px 0 40px;
  margin-bottom: 40px;
  /*border-bottom: 1px dashed #3a3a3a;*/ }

.news_detaile_footer {
  font-size: 12px;
  background: #dfdfdf;
  padding: 8px;
  margin: 0 0 40px;
  border-radius: 5px; }

.news_detaile_footer_title {
  font-weight: bold;
  margin-bottom: 8px; }

.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;*/
  padding: 24px 24px 0px 24px; }

.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; }

.t_center_pc {
  text-align: center !important; }

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

.t_left_pc {
  text-align: left !important; }

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

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

.dsp_block {
  display: block; }

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

.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: 28px;
  font-weight: normal;
  color: #3a3a3a;
  text-align: center;
  margin: 20px 0; }

.top_contents h1,
.top_contents h2.top {
  font-weight: bold;
  margin: 0 0 24px;
  line-height: 28px; }

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

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

.top_contents h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px; }

.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 -20px; }

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

/*-- item --*/
/**/
.top_item_img_pc {
  width: 1000px;
  height: 572px;
  position: relative;
  /*margin-top: 64px;*/ }

.top_item_img_pc .img_l,
.top_item_img_pc .img_r1,
.top_item_img_pc .img_r2,
.top_item_img_pc .img_r3,
.top_item_img_pc .img_r4 {
  overflow: hidden;
  position: absolute; }

.top_item_img_pc .img_l {
  width: 380px;
  height: 572px;
  left: 0;
  top: 0; }

.top_item_img_pc .img01
.top_item_img_pc .img02,
.top_item_img_pc .img03,
.top_item_img_pc .img04,
.top_item_img_pc .img05 {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0; }

.top_item_img_pc .img_r1 {
  width: 380px;
  height: 275px;
  left: 400px;
  top: 0; }

.top_item_img_pc .img_r2 {
  width: 200px;
  height: 275px;
  left: 800px;
  top: 0; }

.top_item_img_pc .img_r3 {
  width: 200px;
  height: 275px;
  left: 400px;
  top: 297px; }

.top_item_img_pc .img_r4 {
  width: 380px;
  height: 275px;
  left: 620px;
  top: 297px; }

/**/
.top_item_img001_l {
  /*width: 66%;*/
  width: 380px;
  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 {
  width: 1000px;
  display: table;
  margin: 30px auto 20px;
  /*padding-top: 12px;*/ }

.top_howtouse001 {
  width: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  display: table-cell;
  text-align: center; }

.top_howtouse001 img {
  width: 176px;
  height: auto;
  margin-bottom: 8px;
  border-radius: 500px; }

/*--plan --*/
.top_plan {
  width: 1000px;
  margin: 32px auto 60px;
  border: 4px solid #e8e8e8;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #3a3a3a; }

.top_plan .top_plan_pc {
  width: 984px; }

.top_plan .top_plan_pc li {
  width: 238px;
  float: left;
  margin-right: 8px; }

.top_plan .top_plan_pc li:last-child {
  margin-right: 0; }

.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: 12px;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #e8e8e8; }

.top_plan .top_plan_title span {
  font-size: 16px;
  font-weight: bold; }

.top_plan .top_plan_price {
  /* プライスtable */
  width: 100%;
  display: table; }

.top_plan .top_plan_price_trial {
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*.top_plan .top_plan_pc li:last-child .top_plan_price{*/
/*height: 90px;*/
/*}*/
.top_plan .top_plan_price div {
  /* プライス table-cell */
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0 0 0; }

.top_plan .top_plan_price .top_plan_price_l {
  /* プライス数字 */
  width: 60%;
  font-size: 28px;
  font-weight: bold;
  text-align: right;
  margin: 0; }

.top_plan .top_plan_price .top_plan_price_r {
  /* (税別)円/月 */
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0 0 8px; }

.top_plan .top_plan_price_trial div {
  padding: 0; }

.top_plan .top_plan_price_trial .top_plan_price_r {
  padding: 0 0 0 8px; }

.top_plan .top_plan_discount {
  /* ¥○○ おトク！ */
  width: 60%;
  margin: 0 auto 12px;
  font-size: 12px;
  text-align: center;
  background: #f48fb3;
  color: #fff; }

.top_plan .top_plan_list {
  width: 100%;
  display: table;
  border-top: 1px solid #e8e8e8;
  font-size: 12px; }

.top_plan .top_plan_list div {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 12px 0; }

.top_plan .top_plan_list div.benefit_pc {
  width: 100%;
  text-align: center; }

/*.top_plan .flex-direction-nav a:before{*/
/*content: url(https://closet.edist.jp/css/dist/buildImagePath("/images/top_plan_slider_prev.png"));*/
/*font-size:0;*/
/*}*/
/*.top_plan .flex-direction-nav a.flex-next:before{*/
/*content: url(https://closet.edist.jp/css/dist/buildImagePath("/images/top_plan_slider_next.png"));*/
/*}*/
/*.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 0; }

.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_left p,
.top_fix_button .size_select_btn001_right p {
  padding-bottom: 0px; }

/*--pick up--*/
.top_pickup_contents {
  margin-bottom: 60px; }

.top_pickup_contents img {
  width: 100%; }

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

.top_pickup_list div {
  width: 33%;
  display: table-cell;
  text-align: center;
  font-size: 16px;
  color: #3a3a3a;
  padding: 0 12px 40px; }

.top_pickup_list div img {
  width: 80%;
  border-radius: 500px;
  margin-bottom: 8px; }

.top_pickup_moreselect {
  text-align: center; }

.top_pickup_moreselect a {
  /*width: 90%;*/
  margin: 60px 0 0;
  /*padding: 12px 0;*/ }

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

.top_contents h2 {
  font-weight: bold;
  font-size: 22px;
  margin: 30px 0; }

/*----------------------------------------
   item
----------------------------------------*/
.view_item_list {
  /*margin-bottom: 20px;*/ }

.view_item_list li {
  margin-right: 1%;
  width: 24%;
  float: left;
  text-align: center; }

.view_item_list li:nth-child(odd) {
  /*padding-top: 20px;*/ }

.view_item_list li:nth-child(even) {
  /*padding-bottom: 20px;*/ }

/*
.view_item_list li:nth-child(odd){
	width: 24%;
	float: left;
	text-align: center;
}
.view_item_list li:nth-child(even){
	width: 24%;
	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;
  width: 500px; }

.item_detail_slider .slick-box {
  border: none;
  margin-bottom: 0;
  width: 50%;
  overflow: hidden; }

.item_detail_slider .main_slide {
  width: 500px; }

.item_detail_slider .slick-box img {
  width: 100%;
  height: auto; }

.item_detail_slider .slick-box .slick-prev:before {
  content: url("../../../edcl/images/top_plan_slider_prev_2.png");
  font-size: 0; }

.item_detail_slider .slick-box .slick-next:before {
  content: url("../../../edcl/images/top_plan_slider_next_2.png"); }

.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;*/
  top: 496px;
  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_area {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 24px; }

.item_detail_name h1 {
  font-size: 14pt;
  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: 16px;
  margin-bottom: 16px; }

.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: 128px; }

.item_coordinate_list002 li {
  width: 23.3%; }

.item_information_area {
  background: #f5f5f5;
  padding: 24px;
  margin-top: 12px;
  /*width: 468px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.item_information_area .item_information_text {
  font-size: 14px;
  /*border-bottom: 1px dashed #bfbfbf;*/
  padding: 2px 0 12px;
  line-height: 1.5em; }

.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: 14px;
  display: table-cell;
  vertical-align: middle; }

.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: 12px;
  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: 10pt;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
  padding: 4px;
  text-align: center; }

.item_information_area hr.dashed {
  /* PCのみ破線あり */
  border: none;
  border-top: dashed 1px #bbb;
  height: 1px;
  color: #FFFFFF; }

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;
  line-height: 20px;
  min-height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.item_detail_img_list {
  margin-top: 10px;
  margin-bottom: 80px; }

.item_detail_img_list ul li {
  width: 190px;
  height: auto;
  float: left;
  border: 1px solid #ccc;
  /*padding-right: 8px;*/
  margin-right: 8px;
  margin-bottom: 8px; }

.item_detail_img_list ul li img {
  vertical-align: top; }

.item_detail_img_list ul li:nth-child(5n) {
  margin-right: 0;
  padding-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.png");
  background: none !important; }

#swipebox-action #swipebox-next {
  width: 40px !important;
  height: 43px !important;
  content: url("../../../edcl/images/top_plan_slider_next_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: 10pt;
  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 ul li a {
  font-size: 8.5pt;
  color: #3a3a3a !important;
  text-align: center; }

.coordinate_set_list_btn:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff 50%, 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)), color-stop(50%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
  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: 500px; }

.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; }

/* 新スライダー */
.item_set_detail_main_pc {
  width: 500px;
  /*height: 500px;*/
  float: left; }

.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: 40px; }

.next_order_area .next_order_title {
  padding: 16px 24px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  text-align: center; }

.next_order_area .next_order_contents {
  /*width: 1000px;*/
  padding: 24px 24px 0; }

.next_order_area .mb12 {
  /*PC独自*/
  margin: 0 0 24px !important; }

.coordinate_select_container {
  margin: 0px auto 40px; }

.coordinate_select_box {
  width: 30%;
  float: left;
  margin: 0 1.5%; }

/* PC独自 */
.pc_list_coordinate_select {
  width: 1050px;
  padding: 20px 0 0 50px;
  /*width: 990px;*/
  /*padding: 0;*/
  margin: 0 auto;
  text-align: left; }

.pc_list_coordinate_select .lower_full_contents {
  width: 300px;
  margin-right: 50px;
  /*width: 266px;*/
  /*padding: 0 32px;*/
  float: left !important; }

.pc_list_coordinate_select .coordinate_select_contents {
  padding: 0; }

.pc_list_coordinate_select .coordinate_new_flag {
  width: 56px !important; }

.pc_list_coordinate_select .size_select_btn001_right {
  width: 50%;
  padding-right: 6px; }

.pc_list_coordinate_select .size_select_btn001_left {
  width: 50%;
  padding-left: 6px; }

/* 削除予定 */
.pc_list_coordinate_select .size_select_btn001_center a,
.pc_list_coordinate_select .size_select_btn001_left a,
.pc_list_coordinate_select .size_select_btn001_right a,
.pc_category_list_r span.btn_m_005,
.pc_category_list_r .size_select_btn001_center a,
.pc_category_list_r .size_select_btn001_left a,
.pc_category_list_r .size_select_btn001_right a,
.coordinate_select_box .size_select_btn001_center a,
.coordinate_select_box .size_select_btn001_left a,
.coordinate_select_box .size_select_btn001_right a,
.pc_list_coordinate_select span.btn_m_005,
.pc_list_coordinate_select .size_select_btn001_center button,
.pc_list_coordinate_select .size_select_btn001_left button,
.pc_list_coordinate_select .size_select_btn001_right button,
.pc_category_list_r span.btn_m_005,
.pc_category_list_r .size_select_btn001_center button,
.pc_category_list_r .size_select_btn001_left button,
.pc_category_list_r .size_select_btn001_right button,
.coordinate_select_box span.btn_m_005,
.coordinate_select_box .size_select_btn001_center button,
.coordinate_select_box .size_select_btn001_left button,
.coordinate_select_box .size_select_btn001_right button {
  font-size: 14px;
  padding: 10px 0px;
  width: 126px; }

.pc_list_coordinate_select .size_select_btn001_center button.btn_m_004,
.pc_list_coordinate_select .size_select_btn001_left button.btn_m_004,
.pc_list_coordinate_select .size_select_btn001_right button.btn_m_004,
.pc_category_list_r .size_select_btn001_center button.btn_m_004,
.pc_category_list_r .size_select_btn001_left button.btn_m_004,
.pc_category_list_r .size_select_btn001_right button.btn_m_004,
.coordinate_select_box .size_select_btn001_center button.btn_m_004,
.coordinate_select_box .size_select_btn001_left button.btn_m_004,
.coordinate_select_box .size_select_btn001_right button.btn_m_004 {
  padding: 9px 0px !important; }

/* 削除予定 */
.pc_category_list_r .size_select_btn001_center a,
.pc_category_list_r .size_select_btn001_left a,
.pc_category_list_r .size_select_btn001_right a,
.pc_category_list_r span.btn_m_005,
.pc_list_coordinate_select .size_select_btn001_center button,
.pc_list_coordinate_select .size_select_btn001_left button,
.pc_list_coordinate_select .size_select_btn001_right button {
  font-size: 14px; }

/* 削除予定 */
.pc_list_coordinate_select .size_select_btn001_left a,
.pc_list_coordinate_select .size_select_btn001_right a,
.pc_list_coordinate_select span.btn_m_005,
.pc_list_coordinate_select .size_select_btn001_left button,
.pc_list_coordinate_select .size_select_btn001_right button {
  width: 146px; }

/* 削除予定 */
.pc_category_list_r .size_select_btn001_left a,
.pc_category_list_r .size_select_btn001_right a,
.pc_category_list_r .size_select_btn001_center a,
.pc_category_list_r span.btn_m_005,
.pc_category_list_r .size_select_btn001_left button,
.pc_category_list_r .size_select_btn001_right button,
.pc_category_list_r .size_select_btn001_center button {
  width: 112px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*color: #fff;*/ }

.pc_category_list_r .size_select_btn001_right a.btn_m_004 {
  width: 110px;
  padding: 9px 0; }

/* 削除予定 */
.pc_category_list_r .size_select_btn001_center a,
.pc_category_list_r .size_select_btn001_center a,
.pc_list_coordinate_select .size_select_btn001_center a,
.coordinate_select_box .size_select_btn001_center a,
.pc_category_list_r .size_select_btn001_center span.btn_m_005,
.pc_category_list_r .size_select_btn001_center button,
.pc_category_list_r .size_select_btn001_center button,
.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%; }

.size_select_btn001_center a,
.size_select_btn001_left a,
.size_select_btn001_right a {
  font-size: 11.2pt;
  font-weight: bold;
  padding: 18px 56px;
  border-radius: 6px;
  display: inline-block; }

.size_select_btn001_left a {
  float: left; }

.size_select_btn001_right a {
  float: right; }

.pc_list_coordinate_select .coordinate_select_container {
  margin-bottom: 50px; }

/* /PC独自 */
.coordinate_select_main {
  position: relative; }

.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_contents .situation_category {
  text-align: center;
  font-size: 12px;
  color: #fff; }

.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;*/ }

.coordinate_select_contents .situation_category span {
  float: left;
  padding: 0 8px;
  /*background:#ffbf00;*/
  margin-bottom: 6px; }

.coordinate_select_thumbnail li {
  float: left;
  width: 69px;
  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; }

.banner_area img.customselect {
  width: 600px;
  margin: 0 auto;
  display: inline-block; }

.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: 13pt;
  font-weight: bold;
  background: #3c556b;
  color: #fff;
  text-align: center;
  /*padding: 0 8px;*/ }

.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,
.next_coordinate_change a:hover {
  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 #dfdfdf;
  color: #3a3a3a;
  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: 10pt;
  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,
.in_use_list .preliminaryitem_img_pc 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: 10pt;
  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: 10pt;
  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: 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.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 {
  /* PC独自 */
  width: 112px; }

.in_use_list_item .in_use_list_item_contents {
  /* PC独自 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*.in_use_list_item_contents span,*/
.in_use_list_item_contents span {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  display: inline-block; }

.in_use_list_item .in_use_list_item_img img {
  width: 120px;
  height: 120px;
  padding: 0 12px 0 0;
  vertical-align: top; }

.in_use_list_item_set {
  display: table;
  margin: 6px 0 4px;
  /*PCの利用中リスト用にmargin追加*/ }

.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: 4px;
  padding-right: 10px; }

.in_use_list_item .in_use_list_item_contents li {
  padding: 0 8px 0 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; }

.icon_office span {
  /* オフィススタイル */
  background: #ceaaff; }

.icon_relax span {
  /* リラックスシルエット */
  background: #66cc75; }

.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: 36px;
  max-height: 36px;
  background: #3c556b;
  color: #fff;
  font-size: 14px;
  padding: 3px 7px; }

.in_use_list_item_set .in_use_list_item_set_name {
  font-size: 14px;
  color: #3c556b; }

.lower_contents {
  /*PC独自*/
  max-width: 1000px;
  margin: auto;
  padding: 0; }

.pc_category_list_r .lower_contents {
  width: 760px;
  /*float: left !important;*/
  /*padding: 0 32px;*/ }

.coordinate_select_btn {
  display: table;
  width: 100%;
  width: 520px;
  margin: 0 auto 24px; }

.coordinate_select_btn_left,
.coordinate_select_btn_right {
  display: table-cell;
  width: 50%; }

.coordinate_select_btn_left a {
  margin-right: 20px; }

.coordinate_select_btn_right a {
  margin-left: 20px; }

.coordinate_select_btn_left a,
.coordinate_select_btn_right a {
  width: 98%;
  width: 240px;
  font-size: 16px;
  padding: 14px 0;
  border-radius: 5px;
  display: inline-block; }

.order_history_button {
  margin-bottom: 40px; }

.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; }

.pc_category_list_r .categories_area li {
  /*  PC独自 */
  width: 232px;
  margin-bottom: 40px; }

.pc_category_list_r .category_select_item {
  /*  PC独自 */
  min-height: 76px; }

.categories_area li a .category_select_item {
  color: #3a3a3a; }

.categories_area li:nth-child(odd) {
  margin-right: 8px; }

.pc_category_list_r .categories_area li:nth-child(3n+1),
.pc_category_list_r .categories_area li:nth-child(3n+2) {
  margin-right: 32px; }

.pc_category_list_r .categories_area li:nth-child(3n+3) {
  margin-right: 0px; }

.categories_area .item_img img {
  width: 100%;
  vertical-align: top; }

.categories_area .situation_category {
  font-size: 12px;
  padding: 4px 0 0;
  padding: 8px 0 4px; }

.categories_area div.situation_category {
  display: inline-block;
  font-weight: bold;
  font-size: 10px; }

.categories_area .situation_category span {
  color: #fff;
  padding: 2px 6px; }

.on_off {
  background: #ffd966; }

.relax {
  background: #a5d988; }

/* 在庫切れのグレーアウトは一旦なし .categories_area .gray_out .item_img,*/
.categories_area .selected .item_img {
  background: #000;
  position: relative; }

.categories_area .selected .item_img:before {
  content: '';
  font-size: 10pt;
  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 .gray_out .item_img img,*/
.categories_area .selected .item_img img {
  opacity: 0.7; }

.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 24px;
  border-bottom: 1px solid #ccc; }

.cart_sub {
  padding: 24px 0; }

.cart_top .cart_sub {
  padding: 12px 0 0; }

.cart_sub .messagebox_001 div {
  border: 1px solid #ff5576;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 0px;
  color: #ff5576; }

.bdrb_none {
  border-bottom: none !important; }

.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: 10pt;
  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: 16px 24px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.next_reservation_cart,
.next_cart {
  /*border: 1px solid #ccc;*/
  border-bottom: 1px solid #ccc;
  padding: 24px 24px 0; }

.next_cart {
  border-bottom: none; }

.next_reservation_cart .preliminary_item_002 .preliminaryitem_contents,
.next_cart .preliminary_item_002 .preliminaryitem_contents {
  min-width: 227px; }

.next_order_alert_text {
  background: #ff5576;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 2px 0; }

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

.multiply_coordination_area {
  /*margin: 0 10px;*/ }

.multiply_coordination_contents {
  padding: 10px;
  margin-bottom: 28px;
  border: 1px solid #ccc;
  border-radius: 5px; }

.multiply_coordination_area img {
  width: 100%;
  max-width: 640px;
  vertical-align: top;
  display: block;
  margin: 0 auto; }

.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: 16px 24px 16px 0;
  /*margin-left: 12px;*/ }

.coordinate_images_accessory .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); }

.coordinate_images_accessory .accessory_list li:first-child {
  border-top: 1px solid #dfdfdf;
  padding-top: 16px;
  /*padding-left: 12px;*/
  margin-left: 0px; }

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

/* レンタル履歴 */
.rental_history_area {
  margin-bottom: 0px; }

.rental_history_area .rental_history_title {
  padding: 16px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #666; }

.rental_history_area .item_list {
  margin-bottom: 0; }

.rental_history_area .in_use_list_item {
  padding: 8px 0; }

.rental_history_area .in_use_list_item_img img {
  width: 100px;
  height: 100px; }

.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 {
  margin-top: 0;
  margin-bottom: 0;
  display: block; }

.rental_history_area .in_use_list_item .in_use_list_item_set_name {
  display: block;
  color: #3a3a3a; }

.rental_history_area .item_list li {
  border: none; }

.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%; }

/* レンタル履歴 古いもの */
.old_history_list .font_s {
  font-size: 12px; }

.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 0px 8px 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.old_history_list div.il_contents p {
  font-weight: normal; }

.old_history_list li:last-child .il_contents {
  border-bottom: 0px; }

.old_history_list .il_contents .il_title {
  width: 40em; }

hr.list_bottom {
  border: 0;
  border-bottom: 1px solid #dfdfdf; }

/* ご利用状況のトライアルプラン確定前 */
.trial_plan_name {
  text-align: left;
  margin-bottom: 8px; }

/* プレゼントアイコン付きp */
h5.present,
p.icon_present {
  margin: 0;
  padding-left: 30px;
  line-height: 28px;
  background: url("../../../edcl/images/member/icon_present_2.png") no-repeat left top;
  background-size: 26px, auto;
  font-size: 22px; }

.present_off_pc {
  width: 700px !important;
  margin: 0 150px; }

#header_title {
  padding: 24px 0;
  font-size: 26px;
  text-align: center; }

.pc_pb {
  margin-top: 350px; }

.cart_item_pc li:last-child,
.select_item_pc li:last-child {
  border-bottom: 1px solid #dfdfdf !important;
  /*PC独自タグ*/ }

.select_item_pc li .mb8 {
  margin-bottom: 0 !important; }

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

.list_present_select > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0.5% 10px;
  padding: 10px;
  border: 1px solid #dfdfdf;
  height: 461px;
  width: 32%;
  float: left; }

.list_present_select_img,
.list_present_select_img_active {
  margin-bottom: 5px;
  display: table-cell;
  position: relative;
  width: 30%;
  vertical-align: middle; }

.list_present_select_img_active {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e85964;
  background: #555; }

.list_present_select_img_active::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 {
  /*margin-bottom: 5px;*/
  position: relative;
  display: block; }

.list_present_select_img img,
.list_present_select_img_active img {
  width: 100%;
  display: block; }

.list_present_select_img_active img {
  opacity: 0.7; }

.list_present_select_btns,
.list_present_select_btns_banner {
  margin-top: 10px;
  width: 100%; }

.list_present_select_btns_inner li {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  width: 50%;
  float: left; }

.list_present_select_btns_inner li:first-child {
  padding-right: 5px; }

.list_present_select_btns_inner li:last-child {
  padding-left: 5px; }

.list_present_select_btns_inner li.btn_select_full {
  width: 100%; }

.list_present_select_btns_inner li div {
  text-align: center; }

.list_present_select_btns_inner li div.fw_b {
  margin-top: 10px;
  display: block;
  padding: 12px 5px;
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  display: block;
  padding: 12px 5px; }

.list_present_select_btns_inner li input,
.list_present_select_btns_banner input {
  width: 100%;
  height: 48px; }

.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; }

.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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.list_present_select_btns_banner a {
  margin-top: 10px;
  /*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;
  font-size: 12px; }

.present_select_term .icon_gray {
  background: #ccc; }

.present_select_btn_clear {
  margin: auto;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.coordinate_select_container .category_parts .category_type {
  display: block;
  padding: 6px 0 0;
  margin: 0;
  width: 34px;
  height: 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* コーデ選択リストをdicではなくulにした場合のclass */
.coordinate_select_area ul {
  /*padding: 0 12px;*/ }

.coordinate_select_area li {
  width: 300px;
  float: left;
  margin-right: 50px;
  margin-bottom: 40px; }

.coordinate_select_area li a {
  /*color: #3a3a3a;*/ }

.coordinate_select_area li:nth-child(3) {
  margin-right: 0px; }

.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; }

.coordinate_select_area .size_select_btn001_left a,
.coordinate_select_area .size_select_btn001_right a,
.coordinate_select_area .size_select_btn001_right span.btn_m_005 {
  padding: 18px 43px; }

span.btn_m_005 {
  font-size: 11.2pt;
  font-weight: bold;
  /*padding: 18px 43px;*/
  border-radius: 6px;
  display: inline-block; }

.coordinate_select_area .size_select_btn001_left a {
  float: left; }

.coordinate_select_area .size_select_btn001_right a {
  float: right; }

/* コーデ選択リストをdicではなくulにした場合のclass */
.table {
  display: table; }

.table-cell {
  display: table-cell; }

.item_detail_name_area .size_select_btn001 {
  /*border: 1px solid #dfdfdf;*/
  /*margin-top: 30px;*/
  /*padding: 24px 0;	*/
  /*box-sizing: border-box;*/ }

.item_detail_name_area ul {
  margin: 0 24px; }

.item_detail_name_area .size_select_btn001_left {
  padding-left: 8px; }

.item_detail_name_area .size_select_btn001_right {
  padding-right: 8px; }

/* ===== フィード対応=====  */
#feed ul {
  width: 1000px; }

#feed li {
  width: 200px;
  height: 160px;
  padding: 8px;
  margin: 0 4px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  background-color: #fff; }

#feed img {
  overflow-x: 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: 19 !important; }

.slick-prev:before, .slick-next:before {
  color: rgba(153, 153, 153, 0.8) !important; }

.slick-slide {
  /*padding: 0 20px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*----------------------------------------
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 {
  /*font-size: 8.9pt;*/
  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: 100px;*/
  /*height: 100px;*/
  width: 80px;
  height: 80px;
  padding: 0 8px 0 0;
  vertical-align: top; }

.fitting_confilmation {
  border-top: none; }

/* リスト内のボックス名 */
.preliminary_item_002 .boxitem_num,
.preliminary_item_002 .boxitem_name {
  display: table-cell;
  vertical-align: top; }

.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;*/ }

.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; }

/* 金額計算用のリスト */
.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: 14px;*/
  padding: 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 !important; }

.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_b {
  border-bottom: 1px solid #ccc; }

.border_tb {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.border_tb_black {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222; }

.box_border_area {
  border: 1px solid #ccc; }

.t_top {
  vertical-align: top !important; }

.t_middle {
  vertical-align: middle !important; }

.t_bottom {
  vertical-align: bottom !important; }

/* リスト内の003ボタンデザイン */
.preliminary_item_002 .change_btn a.btn_003,
.preliminary_item_002 .change_btn button.btn_003 {
  color: #fff;
  border: 1px solid #3c556b;
  background: #3c556b;
  border-radius: 5px; }

.test {
  display: table; }

.preliminary_item_002 .change_btn .btn,
.preliminary_item_002 .change_btn .price {
  display: table-cell;
  vertical-align: bottom; }

.preliminary_item_002 .change_btn .price {
  line-height: 18px; }

.pc_fitting_confilmation_l {
  width: 650px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pc_fitting_confilmation_r {
  width: 350px !important; }

.pc_fitting_confilmation_r .bg {
  width: 350px !important;
  padding: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0f0f0; }

.item_list li.arrow_none::after {
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

h1.select_set_name {
  margin: 0;
  font-size: 22px;
  line-height: 22px;
  color: #3c556b; }

.pc_select_text_list a,
.pc_select_text_list a:hover {
  padding: 7px 32px; }

hr.gray_h1 {
  border: none;
  border-bottom: 1px solid #ddd; }

.btn_length_size-select li {
  display: table;
  width: 390px;
  margin: auto;
  padding: 0 0 20px; }

.btn_length_size-select li:last-child {
  padding-bottom: 0px; }

.btn_length_size-select .pc_btn_length {
  padding: 10px 0px;
  width: 160px; }

.tab_btn_content .icon_batch_tab {
  margin: -12px -4px 4px 2px;
  width: 15px; }

.set_list_select_history li {
  margin-bottom: 40px; }

.set_list_select_history li:last-child {
  margin-bottom: 0px; }

.rerative {
  position: relative; }

.absolute {
  position: absolute; }

.fitting_item_list .area_img_overlay {
  position: absolute;
  top: 8px;
  left: 0px; }

.fitting_item_list .img_selected {
  /* 選択済みアイコン */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 120px;
  height: 120px;
  -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: 40px auto, 100% 100%; }

.checkbox_rules_fitting_table {
  width: 314px;
  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: 12px 0 0 0; }

.table_fitting_schedule .shipment,
.table_fitting_schedule .return {
  width: 72px;
  height: 72px;
  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: 200px;
  height: 72px;
  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: 72px; }

.table_fitting_schedule .try_rabel {
  width: 200px; }

/* 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: 235px;
  height: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.photo_gallery_img_list ul li.photo_h {
  width: 184px; }

.photo_gallery_img_list ul li img {
  vertical-align: top; }

.photo_gallery_img_list ul li.photo_w:nth-child(4n) {
  margin-right: 0; }

.photo_gallery_img_list ul li.photo_h:nth-child(5n) {
  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: 42%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding-bottom: 6px; }

#kids_sns_link .sp_sns_blog td.blog_text {
  width: 58%;
  -webkit-box-sizing: border-box;
  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: 890px;
  margin: 0 auto 20px; }

#kids_sns_link .pc_sns_blog td.blog_img {
  width: 424px;
  overflow: hidden;
  vertical-align: top;
  border: 1px solid #f0f0f0; }

#kids_sns_link .pc_sns_blog .area_link {
  position: relative;
  width: 430px;
  height: 430px;
  overflow: hidden; }

#kids_sns_link .pc_sns_blog .area_link img {
  position: absolute;
  top: 0;
  left: 0; }

#kids_sns_link .pc_sns_blog .area_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  /*background: #f5f5f5;*/ }

#kids_sns_link .pc_sns_blog .area_text div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 12px;
  height: 42px; }

/*#kids_sns_link .pc_sns_blog td.blog_text {*/
/*width: 225px;*/
/*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 div.ic_recomend {
  /* オススメ */
  position: absolute;
  left: -2px;
  top: -4px;
  height: 48px;
  width: 48px;
  background: url("../../../edcl/images/regist/plan/ic_recomend_2.png") no-repeat center top;
  background-size: 100% auto; }

#list_plan_select .pc_rabel {
  vertical-align: middle;
  width: 200px;
  height: 100px;
  color: #fff;
  background: #7b7bc6; }

#list_plan_select .pc_price {
  vertical-align: middle;
  width: 200px;
  height: 180px;
  border: 2px solid #7b7bc6;
  border-top: none;
  background: #fff; }

#list_plan_select .price_num {
  line-height: 1.2em; }

#list_plan_select .pc_price .price {
  font-size: 32px;
  background: none !important; }

#list_plan_select .pc_price .yen {
  font-size: 30px; }

#list_plan_select .price_discount {
  color: #f2596b; }

/* /プラン選択確認時のプラン表パーツ */
/* index使い方 */
.howtouse_index {
  position: relative; }

.howtouse_l_index {
  float: left; }

.ic_howtouse_index {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 和文フォント指定, sans-serif;
  font-size: 2.3em;
  color: #3c556b;
  font-weight: normal;
  font-style: oblique;
  line-height: 0.9em; }

.howtouse_index:after {
  display: block;
  content: "";
  width: 12px;
  height: 70%;
  background: url("../../../edcl/images/fitting/kids/arrow_gray_2.png");
  background-position: left;
  background-size: 12px;
  background-repeat: repeat-y;
  position: absolute;
  top: 2.5em;
  left: 0.2em; }

.howtouse_index:last-child:after {
  display: none; }

.howtouse_summary_index {
  min-height: 5em;
  margin-left: 2.5em; }

.howtouse_summary_index h3 {
  margin: 0; }

/*レンタル販売*/
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; }

.bag-content {
  float: left;
  width: 18%;
  min-height: 204px;
  background-color: #fff;
  margin: 0 1%;
  margin-bottom: 10px; }