/*base*/
img{ adding:0; margin:0; vertical-align:bottom;}
body{ background:#fff;}

#popup,
#popup select{
		font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
a{ outline:none;}
a img{ outline:none;}
a{color:#005bac;}
a:hover{color:#7397c7;}
a:hover img {
opacity: 0.7;
-webkit-opacity: 0.7;
-moz-opacity:0.7;
filter: alpha(opacity=70); /* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img {/*フェード*/
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
/*----------------------------------------
	 [ popup_sp_close ] 
 ----------------------------------------*/
@media screen and (min-width: 861px) and (max-width: 865px) {
.popup_sp_close{ display:none;}
}/*END*/
.popup_sp_close{ position:fixed; width:100%;  bottom:0px; left:0px; background-color: rgba(0,0,0,0.7); z-index:9999;}
.popup_sp_close a{ width:100%; display:block; color:#fff; text-align:center;  color:#fff; padding:30px 0;  font-size:22px;}
@media screen and (max-width:640px){
.popup_sp_close{ position:fixed; width:100%;  bottom:0px; left:0px; background-color: rgba(0,0,0,0.7); z-index:9999;}
.popup_sp_close a{ width:100%; display:block; color:#fff; text-align:center;  color:#fff; padding:6% 0; font-size:15px;}
}/*END*/

/*----------------------------------------
	 [ POPUP ] 
 ----------------------------------------*/
 #popup{ width:862px; margin:0 auto;}
 #popup{ width:100%; max-width:862px; margin:0 auto; padding-bottom:85px;}
@media screen and (min-width: 861px) and (max-width: 865px) {
 #popup{ width:862px; margin:0 auto;}
 #popup{ width:100%; max-width:862px; margin:0 auto; padding-bottom:0px;}
}/*END*/
 @media screen and (max-width:860px){
 #popup{ width:862px; margin:0 auto;}
 #popup{ width:100%; max-width:862px; margin:0 auto; padding-bottom:85px;}
}/*END*/
@media screen and (max-width:640px){
 #popup{ width:100%; max-width:640px; margin:0 auto; padding-bottom:17%;}
}/*END*/
 #popup img{ width:100%;}
#popup01,
#popup02,
#popup03
{display: none; overflow: visible; }
.popup_co{overflow: visible; background:#fff; }
/* ------- inline window ------ */
.vbox-inline{
    max-width:915px!important; width:100% !important;
    height: 315px;
    padding: 0px;
    background: #;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}
@media screen and (min-width:1101px){
.popup_co{ position:relative; max-width:862px; width:100% !important; 
padding:0px 0;  height: 90%; margin:10px auto 0 auto;  text-align:center;}
}/*END*/
@media screen and (max-width:1100px){
.popup_co{ position:relative; max-width:862px; width:100% !important; 
padding:0% 0% ;  height: 90%; margin:10px auto 0 auto; text-align:center;}
}/*END*/
.popup_point_BOX{ width:100%; margin-top:38px;}
.popup_point_BOX li{ float:left; width:33%; text-align:center;}
.popup_point_BOX .border{ border-right: dotted 1px #b2b2b2;}
.popup_point_title{ max-width:79px; width:50%; margin:0 auto;}
.popup_point_txt{ font-size:15px; line-height:28px; margin:22px auto 0 auto;}
@media screen and (max-width:640px){
.popup_point_BOX{ width:100%; margin-top:6%;}
.popup_point_txt{ font-size:12px; line-height:21px; width:90%; margin:22px auto 0 auto;}
.popup_point_txt br{ display:none;}
.popup_point_txt span{ display:inline-block;}
}/*END*/
.popup_point_img{  max-width:230px; width:85%; margin:20px auto 0 auto;}
.popup_spec_BOX{ width:800px; margin:0 auto;}
.popup_spec_BOX_L{ float:left; width:49%; max-width:391px; }

.popup_spec_BOX_R{
	float:right;
	width:49%;
	max-width:391px;
}
.popup_spec_BOX_R .colorsize{
	width:24%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size: 10px;
}

@media screen and (max-width:640px){
.popup_spec_BOX{ width:95%; margin:0 auto;}
.popup_spec_BOX_L{ float:none; width:100%; max-width:391px; margin:0 auto; }

.popup_spec_BOX_R{
	float:none;
	width:100%;
	max-width:391px;
	margin:5% auto 0 auto;
	text-align:center;
}

}/*END*/
.popup_spec_BOX_L table {text-align:left; font-size:12px; line-height:18px;border-bottom:solid 1px #cecece; margin:0; padding:0;}
.popup_spec_BOX_L table th{ background:#fbf9f1; padding:5px 5px; border-top:solid 1px #cecece;}
.popup_spec_BOX_L table td{ padding:5px 5px; border-top:solid 1px #cecece;}
.popup_spec_txts{ font-size:11px; line-height:18px; text-align:left; padding:0; margin-top:6px;}
.popup_simulation{ width:100%; background:#fbf9f0; margin:20px 0 0 0 ; text-align:center; padding-bottom:30px;}
.popup_simulation h3{ width:90%; font-size:24px; line-height:33px; color:#ea549c; margin:0 auto; padding:36px 0 20px 0;}
.popup_simulation p{ width:90%; font-size:14px; line-height:26px; color:#333; margin:0 auto; padding:0px 0 20px 0;}
.popup_simulation h3 span{ display:inline-block;}
.popup_simulation p span{ display:inline-block;}
@media screen and (max-width:640px){
.popup_simulation{ padding-bottom:5%;}
.popup_simulation h3{ width:90%; font-size:22px; line-height:30px; color:#ea549c; margin:0 auto; padding:30px 0 18px 0;}
.popup_simulation p br{ display:none;}
.popup_simulation p span{ display:inline-block;}
}/*END*/

/*----------------------------------------
	 [ ドロップダウン ] 
 ----------------------------------------*/
p {  margin: 0; padding: 0; border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline; background: transparent;}
.popup_tab_tr_L{ position:absolute; left:170px; top:-19px;}
.popup_tab_tr_R{ position:absolute; right:170px; top:-19px;}
@media screen and (max-width:640px){
.popup_tab_tr_L{ position:absolute; left:21%; top:-19px;}
.popup_tab_tr_R{ position:absolute; right:21%; top:-19px;}
}/*END*/
@media screen and (max-width:420px){
.popup_tab_tr_L{ position:absolute; left:20%; top:-19px;}
.popup_tab_tr_R{ position:absolute; right:20%; top:-19px;}
}/*END*/
/*----------------------------------------
	 [ dd ] 
 ----------------------------------------*/
/*-----selectリセット-----*/
select{ -moz-appearance: none;  -webkit-appearance: none;  appearance: none;  border-radius: 0;  border: 0;  margin: 0;  padding: 0;  background: none transparent;  vertical-align: middle;  font-size: inherit;  color: inherit; box-sizing: content-box; position:relative;}
select::-ms-expand {  display: none;}
select {  -moz-appearance: none;  text-indent: 0.01px;  text-overflow: '';}
/*青線消し*/
input[type="text"], 
input[type="password"], 
textarea, 
select { outline: none;}
*:focus { outline: none;}
/*------select 設定 ------*/
select{ 
border-left:solid 2px #ea549c;
border-top:solid 2px #ea549c;
border-right:solid 2px #ea549c; 
border-bottom:solid 2px #ea549c; /*c74785*/
 width:100%; height:45px; color:#333; text-align:left; margin:0 auto;
background:url(/eco/img/dd_mark.png) right center no-repeat #fff; 
border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;
font-size:18px; text-indent:20px;}


/*------dd 設定 ------*/
.dd_BOX{ width:90%; max-width:800px; margin:0 auto; border:solid 1px #ee539d;
  border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius:5px;}
.dd_BOX_inner{ width:85%; margin:0 auto; padding:10px 0 20px 0; }
.dd_BOX_title{ position:relative; background:#; margin:0 auto; width:99%; height:55px; vertical-align:bottom; display:table; }
.dd_BOX_title div{ font-size:15px; line-height:16px; vertical-align:bottom; display:table-cell; padding-bottom:5px; text-align:left;}
.dd_BOX_txts{ width:100%; background:#; text-align:center; font-size:11px; line-height:16px; margin-top:5px;}
.dd_plus{ position:absolute; left:50%; top:12px;  width:30px; height:30px; margin-left:-15px; background:url(/eco/img/dd_plus.png) no-repeat; }
.dd_equal{ position:absolute; left:50%; top:13px; width:30px; height:30px; margin-left:-15px; background:url(/eco/img/dd_equal.png) no-repeat; }
.dd_price_BOX{ border:solid 2px #e6dcac; text-align:center; padding:10px 0;
 border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; font-size:15px; text-indent:20px;}
.p_M{ font-size:17px; line-height:20px;}
.p_L{ font-size:29px; line-height:30px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_Sf{ font-size:17px; line-height:20px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_S{ font-size:14px; line-height:20px;}
@media screen and (max-width:500px){
/*------select 設定 ------*/
select{
border-left:solid 2px #ea549c;
border-top:solid 2px #ea549c;
border-right:solid 2px #ea549c; 
border-bottom:solid 2px #ea549c; /*c74785*/
 width:100%; height:45px; color:#333; text-align:left; margin:0 auto;
background:url(/eco/img/dd_mark.png) right center no-repeat #fff; 
border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;
font-size:16px; text-indent:20px;}
.dd_BOX_inner{ width:90%; margin:0 auto; padding:10px 0 20px 0; }
.p_M{ font-size:17px; line-height:20px;}
.p_L{ font-size:29px; line-height:30px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_Sf{ font-size:17px; line-height:20px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_S{ font-size:14px; line-height:20px;}
}/*END*/
@media screen and (max-width:450px){
/*------select 設定 ------*/
select{ 
border-left:solid 2px #ea549c;
border-top:solid 2px #ea549c;
border-right:solid 2px #ea549c; 
border-bottom:solid 2px #ea549c; /*c74785*/
 width:100%; height:45px; color:#333; text-align:left; margin:0 auto;
background:url(/eco/img/dd_mark.png) right center no-repeat #fff; 
border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;
font-size:14px; text-indent:10px;}
.dd_BOX_inner{ width:90%; margin:0 auto; padding:10px 0 20px 0; }
.p_M{ font-size:16px; line-height:20px;}
.p_L{ font-size:27px; line-height:30px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_Sf{ font-size:16px; line-height:20px; font-family: 'Heebo', sans-serif; font-weight:400;}
.p_S{ font-size:13px; line-height:20px; display:block;}
}/*END*/

@media screen and (max-width:360px){
/*------select 設定 ------*/
select{  border-bottom:solid 2px #c74785; width:100%; height:45px; color:#fff; text-align:left; margin:0 auto;
background:url(/eco/img/dd_marks.png) right center no-repeat #ea549c; 
border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;
font-size:12px; text-indent:10px;}
.dd_BOX_inner{ width:90%; margin:0 auto; padding:10px 0 20px 0; }
}/*END*/

@media screen and (max-width:315px){
/*------select 設定 ------*/
select{  border-bottom:solid 2px #c74785; width:100%; height:45px; color:#fff; text-align:left; margin:0 auto;
background:url(/eco/img/dd_marks.png) right center no-repeat #ea549c; 
border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;
font-size:11px; text-indent:10px;}
.dd_BOX_inner{ width:90%; margin:0 auto; padding:10px 0 20px 0; }
}/*END*/

/************************************************************
 * tabs
************************************************************/
.tabs { display:block; width:95%; max-width:802px !important; margin:0 auto; text-align:center; background:#;  }
.tab_L{ float:left;}
.tab_R{ float:right;}
.tabs li { width:48.5%; max-width:390px; text-align:center; font-size:14px; line-height:18px; position:relative;}
.tabs a { display:block; color:#333; text-decoration:none; background:#fff; border:solid 1px #e7ddb3; padding:15px 10px; letter-spacing:1px;
background:url(/eco/img/popup_tab_point_off.png) 15px center no-repeat #fff;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
.tabs li.active a,
.tabs a:hover { color:#333; background:#fff;  border:solid 1px #ea549c;
background:url(/eco/img/popup_tab_point_on.png) 15px center no-repeat #fff;}
.popup_tab_content { width:800px;  margin:32px auto 0 auto; padding:5px 0 ; border:solid 1px #ea549c;  background:#fff; position:relative;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
@media screen and (max-width:640px){
.tabs { display:block; width:90%; max-width:600px !important; margin:0 auto; text-align:center; background:#;}
.tabs li { width:48.5%; max-width:390px; text-align:center; font-size:13px; line-height:18px; position:relative;}
.tabs a { display:block; color:#333; text-decoration:none; background:#fff; border:solid 1px #e7ddb3; padding:40px 5px 10px 5px; letter-spacing:1px;
background:url(/eco/img/popup_tab_point_off.png) center 8px no-repeat #fff;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
.tabs li.active a,
.tabs a:hover { color:#333; background:#fff;  border:solid 1px #ea549c;
background:url(/eco/img/popup_tab_point_on.png)  center 8px no-repeat #fff;}
.tabs li span{ display:block; }
.popup_tab_content { width:90%;  max-width:600px;  margin:32px auto 0 auto; padding:5px 0 ; border:solid 1px #ea549c;  background:#fff;  position:relative;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
}/*END*/
@media screen and (max-width:350px){
.tabs li { width:48.5%; max-width:390px; text-align:center; font-size:12px; line-height:18px; position:relative;}
.tabs a { display:block; color:#333; text-decoration:none; background:#fff; border:solid 1px #e7ddb3; padding:40px 5px 10px 5px; letter-spacing:0px;
background:url(/eco/img/popup_tab_point_off.png) center 8px no-repeat #fff;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
}/*END*/
@media screen and (max-width:290px){
.tabs li { width:48.5%; max-width:390px; text-align:center; font-size:11px; line-height:18px; position:relative;}
.tabs a { display:block; color:#333; text-decoration:none; background:#fff; border:solid 1px #e7ddb3; padding:40px 5px 10px 5px; letter-spacing:0px;
background:url(/eco/img/popup_tab_point_off.png) center 8px no-repeat #fff;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}/*OFF*/
}/*END*/
.popup_banner{ max-width:800px; width:100%; margin:0 auto; padding:33px 0;}
.popup_banner img{ width:100%; margin:0 auto;}
@media screen and (max-width:640px){
.popup_banner{ max-width:800px; width:93%; margin:0 auto; padding:6% 0;}
}/*END*/
body::-webkit-scrollbar {
  display: none;
}