@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&family=Noto+Serif+JP:wght@700&display=swap');
* {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
word-break: break-all;
}
a:link,
a:visited {
text-decoration: underline;
color: #3387db;
}
a:hover {
text-decoration: none;
}
body {
background:url(../img/cmscss/import/common/sub_bg.jpg) center right;
}
#body_top h1 {
color: #fff !important;
font-size:small;
font-weight: normal;
position: absolute;
right: 30px;
top: -790px !important;
z-index: 5;
letter-spacing: .05em;
margin-left: 2%;
text-shadow: 1px 1px 2px #333;
font-size: 14px;
font-family: 'Noto Serif JP', serif;
}
#body_sub h1,
#body_free h1{
width: auto;
color: #381c14 !important;
font-size: small;
font-weight: normal;
position: absolute;
text-align: left;
text-shadow: none;
top: -30px !important;
left: 30px;
right: auto;
font-family: 'Noto Serif JP', serif;
}
#main_img_container .clear{
clear: none !important;
}
#floatImage01 {
position: absolute;
width: 100%;
height: 2px;
background: url(../img/cmscss/import/common/solid.png) no-repeat top left;
display: block;
top: 0;
z-index: 1;
}
/*------ h2 ------*/
.h2_common,
.blog_item h2{
width: 90%;
min-width: 960px;
max-width: 1280px;
margin: 0 auto 120px;
font-family: 'Noto Serif JP', serif !important;
font-size: 46px;
font-weight: bold;
letter-spacing: .1em;
line-height: 1.5;
text-align: center;
position: relative;
text-shadow: 1px 1px 8px rgba(0,0,0,.5);
}
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .h2_common,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .h2_common,
#main_contents .block_outer:nth-of-type(4n-2) .h2_common {
text-shadow: 3px 4px 0 rgba(0,0,0,.1);
}
.h2_common a,
.blog_item h2 a {
color: #3387db;
}
/*h2縺ｮ閭梧勹*/
#main_contents > .blog_item.block_outer h2:before,
#main_contents .parallaxContentOuter .block_outer .h2_common:before,
#main_contents .block_outer .h2_common:before {
content: "";
display: block;
background: url(../img/cmscss/import/common/h2_bg.png) no-repeat top left / contain;
position: absolute;
top: -60px;
left: calc(50% - 300px);
z-index: 1;
width: 600px;
height: 250px;
}
/*h2荳�*/
.h2_common:after,
.blog_item h2:after{
display: block;
content: "";
background: #1d1413;
width: 100px;
height: 5px;
position: absolute;
bottom: -30px;
left: calc(50% - 50px);
box-shadow: 1px 1px 2px rgba(0,0,0,.9) inset;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) h2:after,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .h2_common:after,
#main_contents .block_outer:nth-of-type(4n-2) .h2_common:after {
background: #e7e4de;
box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) h2:after,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .h2_common:after,
#main_contents .block_outer:nth-of-type(4n-1) .h2_common:after {
background: #6a6a6a;
box-shadow: 1px 1px 2px rgba(0,0,0,.5) inset;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n) h2:after,
#main_contents .parallaxContentOuter:nth-of-type(4n) .h2_common:after,
#main_contents .block_outer:nth-of-type(4n) .h2_common:after {
background: #52261c;
box-shadow: 1px 1px 2px rgba(0,0,0,.8) inset;
}
.blog_item h2#middle_top_cardetail span{
text-shadow: none;
}
.edit h2.h2_common > span{
display: block;
}
/*繧｢繝ｳ繧ｱ繝ｼ繝医�繝ｼ繧ｸ�茨ｼ偵�邵ｦ譖ｸ縺阪ｒ蛻ｶ蠕｡*/
#block_outer_contact_enquete .h2_common > span,
#block_outer_thankyou .h2_common > span {
display: inline;
}
/*------ header ------*/
#body_top #header_wrapper,
#body_sub #header_wrapper,
#body_free #header_wrapper {
background: url(../img/cmscss/import/common/solid.png) no-repeat bottom left,
url(../img/cmscss/import/common/leather_black.jpg) top / 100vw 5px repeat-x,
url(../img/cmscss/import/common/logo_light.png) left top / 100vw 100px no-repeat,
url(../img/cmscss/import/common/metal.jpg);
width: 100%;
height: 80px;
top: 0;
position: relative;
}
#header_conteiner{
width: 100%;
margin: 0 auto;
position: relative;
}
#header{
margin: 0 auto;
position: relative;
z-index: 1;
height: 30px;
}
#header a.shop_name_btn {
font-family: 'Noto Serif JP', serif;
text-decoration: none;
color: #1f1a17;
font-weight:bold;
}
#header p.headtel a:link,
#header p.headtel a:visited {
color: #fff;
font-size: 18px;
text-decoration: none;
font-weight: bold;
font-family: 'Noto Serif JP', serif;
letter-spacing: .1em;
}
.editLogoOuter,
.originalHeaderLogo {
top: 18px;
left: 30px;
font-size: 20px;
}
.editLogoOuter .editLogoCompany {
font-size: 20px !important;
}
/*繝倥ャ繝繝ｼ逕ｨ 髮ｻ隧ｱ逡ｪ蜿ｷ繝ｻ繧｢繝峨Ξ繧ｹ*/
#header p.headadd,
.side_shop_info_box p.headadd{
position: absolute;
text-shadow: 1px 1px 1px #333;
left: auto;
right: 260px;
top: 5px;
z-index: 2;
}
#header p.headadd a {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-size: 14px;
text-decoration: none;
font-family: 'Noto Serif JP', serif;
letter-spacing: .05em;
opacity: .7;
background: url(../img/cmscss/import/common/map.png) no-repeat top 4px left;
padding-left: 15px;
}
.side_shop_info_box p.headadd a {
text-decoration: none;
text-shadow: none;
color: #381c14;
}
.side_shop_info_box p.headtel a {
color: #381c14;
text-decoration: none;
font-weight: bold;
}
#header p.headtel {
background: url(../img/cmscss/import/common/tel.png) no-repeat top 3px left;
padding: 0 0 0 22px;
position: absolute;
right: 65px;
top: 2px;
z-index: 5;
}
.side_shop_info_box p.headtel {
font-family: 'Noto Serif JP', serif;
font-size: 36px;
background: url(../img/cmscss/import/common/info_icon.png) no-repeat top 14px left;
padding: 0 0 0 25px;
}
.side_shop_info_box p.headtel,
.side_shop_info_box p.headadd{
position: static;
}
#header p.headmail {
position: absolute;
right: 30px;
top: -2px;
width: 25px;
height: 41px;
z-index: 1;
}
#header p.headmail a {
background: url(../img/cmscss/import/common/mail.png) no-repeat center;
text-decoration: none;
padding: 6px 0 5px;
display: block;
position: relative;
}
/*------ main_img ------*/
#main_img_wrapper{
position: relative;
background: url(../img/cmscss/import/common/metal.jpg);
}
#conteiner{
overflow-x: hidden;
}
#body_sub #main_img_wrapper,
#body_free #main_img_wrapper{
padding: 40px 0 0;
}
#main_img_container {
width: 100%;
margin: 0 auto;
position: relative;
background: url(../img/cmscss/import/common/block02_top.png) no-repeat top left,
url(../img/cmscss/import/common/info_right.png) no-repeat top right,
url(../img/cmscss/import/common/metal.jpg) center;
}
/*------ main_contents ------*/
#main_contents_wrapper{
clear: both;
padding: 0;
}
#main_contents_container {
clear: both;
margin: 0px auto;
}
#main_contents .block_outer{
padding: 120px 0;
position: relative;
}
#main_contents .block_outer.block_outer_pankuzu01{
color: #381c14 !important;
padding: 10px 30px !important;
width: 100%;
background: #f6f3ee !important;
border-top: 1px solid rgba(0,0,0,.1);
box-shadow: none !important;
}
.block_outer_pagetitle{
display: none !important;
}
#main_contents .block_outer.block_outer_main_copy {
padding: 30px 0;
box-sizing: border-box;
text-align: center;
}
#main_contents .block_outer.block_outer_main_copy:before {
display: none;
}
/*隕句�縺励�縺ｪ縺�ヶ繝ｭ繝�け*/
#main_contents .block_outer.block_outer_map_big { padding: 120px 0;}
#main_contents .block_outer.block_outer_map_big:before { display: none;}
#main_contents .block_outer.block_outer_pictS01 { padding: 90px 0;}
#main_contents .block_outer.block_outer_page_link { padding: 90px 5%;}
#main_contents .block_outer.block_outer_access_info { padding: 90px 0;}
#main_contents .block_outer.block_outer_company_contact { padding: 30px 0;}
#main_contents .block_outer.block_outer_access_info:before { display: none;}
#main_contents .block_outer.block_outer_midbox { padding: 180px 0;}
#main_contents .block_outer.block_outer_img_h2_0 { padding: 120px 0 180px;}
#carinfo_panlist_box #pan{
margin: 0 auto !important;
background: rgba(238,238,238,.95);
width: 100%;
padding: 10px 30px;
}
.free_edit_block {
margin: 30px 0 10px !important;
}
.free_edit_block p {
font-size: 14px !important;
padding-top: 0 !important;
margin-bottom: 5px !important;
}
/*------ menu ------*/
#menu_wrapper {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 5;
}
#menu_container {
position: relative;
width: 100%;
margin: 0 auto;
top: -70px;
z-index: 5;
}
#menu > ul{
position: absolute;
}
#menu_container .clear{
clear: both !important;
}
/*------ bgSlider ------*/
#bgSlider{
height: 800px;
width: 100%;
min-width: 1080px;
}
#bgSlider .sliderDiv{
background-size: cover;
position: absolute;
top: 0;
width: 100%;
height: 100%;
min-width: 1080px;
overflow: hidden;
}
#bgSlider .slider_text{
z-index: 1;
position: relative;
text-align: right;
margin: 30px auto 0;
position: relative;
top: -30px;
}
#bgSlider .slider_strong{
display: block;
font-size: 56px;
font-weight: bold;
line-height: 130%;
padding: 0;
color: #381c14;
opacity: 1.0;
width: 100%;
font-family: 'Noto Serif JP', serif !important;
font-weight: bold;
letter-spacing: .2em;
text-shadow: 1px 1px 2px #fff;
text-align: left;
max-height: 240px;
}
#bgSlider .slider_strong .slider_strong_contents{
display: block;
font-size: 64px;
font-weight: bold;
line-height: 1.2;
padding: 0;
margin: 0 auto 10px;
color: #381c14;
font-family: 'Noto Serif JP', serif !important;
font-weight: bold;
letter-spacing: 11px;
text-shadow: 0 0 8px #fff;
}
#bgSlider .slider_text_wrap:before {
display: block;
content: "";
background: url(../img/cmscss/import/common/main_bg.png) center;
width: 620px;
height: 465px;
position: absolute;
top: 0;
left: 0;
}
.useMainimgOverlay #bgSlider .slider_strong .slider_strong_contents{
text-shadow: 1px 1px 10px rgba(0,0,0,.5), 0px 0px 2px rgba(255,255,255,.7);
}
#bgSlider .slider_text_wrap{
margin: 120px 0 0 !important;
padding: 30px !important;
width: 530px;
max-width: 720px;
min-width: 480px;
height: auto;
position: absolute;
left: 60px;
z-index: 2;
}
#bgSlider [data-customed = "1"] .slider_text_wrap{
margin: 0 !important;
}
#bgSlider .slider_caption.noTitlePotision{
margin-top: 30px !important;
}
.noCaptionPotision{
margin-top: 30px !important;
}
.noTextPotision{
margin-top: 60px !important;
}
#bgSlider .slider_caption{
font-size: 20px;
color: #381c14;
text-shadow: 1px 1px 1px #333;
margin: 0 auto 20px !important;
padding: 0;
max-height: 170px !important;
width: 100% !important;
text-align: left;
letter-spacing: .1em;
line-height: 1.75;
position: relative;
top: -30px;
font-family: 'Noto Sans JP', san-serif;
}
#bgSlider .slider_caption .slider_caption_contents{
display: block;
max-height: 110px !important;
width: 100% !important;
margin: 20px auto 0;
text-shadow: 0 0 3px rgba(255,255,255,.8) !important;
font-weight: bold;
}
#bgSlider .slider_btn{
justify-content: flex-start;
}
#sliderStepsContainer{
position: absolute !important;
bottom: 50px !important;
right: 200px !important;
margin: 0 !important;
z-index: 5 !important;
text-align: right !important;
width: 140px !important;
}
#bgSlider #sliderStepsContainer span {
border: 1px solid #fff;
}
#sliderStepsContainer .current{
background: #6a6a6a !important;
}
#sliderLoader {
display: none;
}
#bgSlider #increment, #bgSlider #decrement {
border: none !important;
border-radius: 0 !important;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-indent: -9999px;
}
#bgSlider .sliderDiv:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 800px;
background: rgba(255,249,236,.1);
right: 0;
bottom: 0;
z-index: 1;
}
#bgSlider .sliderDiv:after {
content: "";
display: block;
position: absolute;
width: 800px;
height: 800px;
background: url(../img/cmscss/import/common/main_left_bg.png) no-repeat;
left: 0;
top: 0;
z-index: 1;
}
#increment,
#decrement {
width: 60px !important;
height: 60px !important;
z-index: 5 !important;
box-shadow: 3px 3px 1px rgba(255,255,255,.1) inset, -3px -3px 1px rgba(0,0,0,.3) inset !important;
}
#increment:hover,
#decrement:hover{
box-shadow: 3px 3px 5px rgba(0,0,0,.3) inset !important;
}
#increment {
background: url(../img/cmscss/import/common/arrow_r.png) left 8px top 23px / 43px 9px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain;
right: 30px !important;
bottom: 30px !important;
top: auto !important;
}
#decrement {
background: url(../img/cmscss/import/common/arrow_l.png) left 8px top 23px / 43px 9px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain;
right: 100px !important;
left: auto !important;
bottom: 30px !important;
top: auto !important;
}
.slideshow-zoomout .slider_img {
background-size: cover;
}
#bgSlider .slider_button_title {
max-height: 52px;
overflow: hidden;
display: block;
line-height: 1.3;
font-family: 'Noto Sans JP', san-serif;
}
/*------ right_box ------*/
#right_box {
width: 960px;
position: relative !important;
top: 0 !important;
left: 0 !important;
padding: 40px 0;
margin: 0 auto;
box-sizing: border-box;
}
#right_box:after{
content:"";
display: block;
clear: both;
}
.right_box_img {
width: 250px;
float: left;
margin-right: 30px;
padding: 12px 0;
}
.right_box_img img{
width: 100%;
border-radius: 2px;
box-shadow: 5px 5px 13px rgba(0,0,0,.2);
}
.side_shop_info_box{
width: 370px;
float: left;
position: relative;
}
.side_shop_info_box p {
font-size: 16px;
line-height: 1.5;
text-align: left;
margin: 0 0 3px;
font-family: 'Noto Serif JP', serif;
color: #381c14;
}
/* ------ footer ----- */
#footer_wrapper{
width: 100%;
clear: both;
padding: 30px 0;
box-sizing: border-box;
clear: both;
padding: 30px 0;
height: 260px;
background: url(../img/cmscss/import/common/footer_bg.jpg) center;
position: relative;
}
#footer_container {
width: 1080px;
margin: 0 auto;
}
#footer{
clear: both;
margin: 0 auto;
text-align: center;
}
#footer ul{
width: 100%;
height: 70px;
clear: both;
}
#footer ul li {
max-height: 60px;
overflow: hidden;
padding: 0 0 0 5px;
}
#footer ul li a {
color: #fff;
font-family: 'Noto Serif JP', serif;
align-items: baseline !important;
position: relative;
text-decoration:none;
font-size: 15px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
padding: 15px 3px 0 6px !important;
}
#footer ul li a:before {
display: block;
content: "";
width: 4px;
height: 30px;
top: 12px;
left: 0;
position: absolute;
box-shadow: inset 2px 0 0 0 #3c201c, inset 4px 0 0 0 #713a2f;
}
#footer #fmenu_top a:before {
display: none !important;
}
#footer li a:hover,
#footer li a:active{
text-decoration: underline;
}
.copy_right{
font-size: 12px;
color:#fcfcfc;
font-family: 'Noto Serif JP', serif !important;
clear: both;
margin-right: auto;
margin-left: auto;
padding: 20px 0;
position: absolute;
bottom: 50px;
left: 50%;
transform:translateX(-50%);
}
.copy_right span,
.copy_right span a {
font-family: 'Noto Serif JP', serif !important;
}
hr {
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #ccc;
height: 1px;
clear: both;
padding-bottom: 10px;
}
#wrapper hr {
display:none;
}
.btn a{
color:#ccc;
text-align:right;
}
div.mega_menu {
top: 70px;
width: 960px;
right: 30px;
z-index: 100;
}
/*------ np ------*/
.np {
font-size: 16px;
line-height: 1.5;
margin: 0 0 15px;
text-align: left;
font-family: 'Noto Sans JP', san-serif;
}
/*------ 繝悶Ο繝�け蛻･ ------*/
/*�代▽逶ｮ縺ｮ繝悶Ο繝�け�医Ξ繧ｶ繝ｼ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-3),
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .block_outer,
#main_contents .block_outer:nth-of-type(4n-3) {
background: url(../img/cmscss/import/common/block01_bottom.png) bottom right / 1280px 500px no-repeat,
url(../img/cmscss/import/common/block01_top.png) top left / 1280px 500px no-repeat,
url(../img/cmscss/import/common/leather_black.jpg) center / 960px 400px;
color: #f6f3ee;
box-shadow: 0px 6px 8px rgba(255,255,255,.1) inset, 0px -6px 5px rgba(0,0,0,.5) inset;
}
/*�偵▽逶ｮ縺ｮ繝悶Ο繝�け�医す繝ｫ繝舌���*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-2),
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer,
#main_contents .block_outer:nth-of-type(4n-2) {
background: url(../img/cmscss/import/common/import_logo.png) bottom right / 900px 200px no-repeat,
url(../img/cmscss/import/common/block02_left_bg.png) top left / 960px 1400px no-repeat,
url(../img/cmscss/import/common/block02_top.png) top left / 960px 500px no-repeat,
url(../img/cmscss/import/common/metal.jpg) center / 1920px 800px;
color: #381c14;
box-shadow: 0px 5px 1px rgba(0,0,0,.1) inset, 0px -5px 1px rgba(0,0,0,.1) inset;
}
/*�薙▽逶ｮ縺ｮ繝悶Ο繝�け�医き繝ｩ繝舌Μ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-1),
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .block_outer,
#main_contents .block_outer:nth-of-type(4n-1) {
background: url(../img/cmscss/import/common/block03_bottom.png) bottom right / 1103px 813px no-repeat,
url(../img/cmscss/import/common/block03_top.png) top left / 1700px 400px no-repeat,
url(../img/cmscss/import/block03_bg/000000.jpg) center / 1920px 800px;
color: #f6f3ee;
box-shadow: 0px 6px 8px rgba(255,255,255,.1) inset, 0px -6px 5px rgba(0,0,0,.2) inset;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .box_common,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .box_common {
color: #381c14;
background: url(../img/cmscss/import/common/light.png) top left / contain no-repeat,
rgba(255,255,255,.8);
box-shadow: 3px 3px 13px rgba(0,0,0,.3);
padding: 45px;
box-sizing: border-box;
}
/*�斐▽逶ｮ縺ｮ繝悶Ο繝�け�域惠逶ｮ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n),
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer,
#main_contents .block_outer:nth-of-type(4n) {
background: url(../img/cmscss/import/common/wood_bg.jpg) center / 1920px 800px;
color: #f6f3ee;
box-shadow: 0px 6px 13px rgba(0,0,0,.3) inset, 0px -6px 13px rgba(0,0,0,.3) inset;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n) .box_common,
#main_contents .parallaxContentOuter:nth-of-type(4n) .box_common {
background: rgba(72,32,24,0.8);
box-shadow: 1px 1px 30px rgba(0,0,0,.7) inset;
padding: 45px;
box-sizing: border-box;
}
/*------ 繧ｳ繝ｳ繝代け繝医ｈ繧贋ｸ翫↓險倩ｿｰ縺悟ｿ�ｦ√↑縺溘ａ ------*/
#menu > ul > li > a {
font-size: 16px;
max-width: 132px;
min-width: 90px;
font-family: 'Noto Serif JP', serif;
position: relative;
padding: 0 5px;
}
#menu > ul > li > a:before {
display: block;
content: "";
width: 100%;
height: 2px;
border-bottom: 2px solid;
border-image: linear-gradient(to right, transparent 0%, #6a6a6a 50%, transparent 100%);
border-image-slice: 1;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
}
#menu > ul > li > a:hover:before{
opacity: 1 !important;
}
#menu > ul > li#gmenu_contact {
background: url(../img/cmscss/import/common/h2_bg.png) no-repeat top left / contain,#2c2a2a;
}
#menu > ul > li#gmenu_estimate {
background: url(../img/cmscss/import/common/h2_bg.png) no-repeat top left / contain,#652220;
}
#menu > ul > li#gmenu_contact:hover,
#menu > ul > li#gmenu_estimate:hover {
box-shadow: 3px 3px 5px rgba(0,0,0,.3) inset;
}
#menu > ul > li#gmenu_contact a:before,
#menu > ul > li#gmenu_estimate a:before {
display: none;
}
#menu > ul > li#gmenu_contact,
#menu > ul > li#gmenu_estimate {
box-shadow: none;
box-shadow: inset 1px 0 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 #000, inset 0 -1px 0 #000;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#menu > ul > li#gmenu_contact a,
#menu > ul > li#gmenu_estimate a {
padding: 20px 15px;
}
.h2_box_1 .nav_link,
.h2_box_2 .nav_link,
.h2_box_3 .nav_link{
font-size: 16px;
padding: 15px 50px 18px;
margin: 0 5% 15px;
width: 90%;
}
.dksm_regist,
.about_dksm .editTextOuter {
width: 90%;
margin: 0 auto;
}
#dksm_wrapper .box_dksm {
margin: 0;
}
div #main_contents.top_main {
padding: 0 !important;
}
/*蜷�ヶ繝ｭ繝�け*/
.editTextOuter p {
line-height: 1.7;
}
.box_common{
position: relative;
z-index: 1;
border-radius: 4px;
}
img.imageBlock,
.imageBoxContents iframe,
.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .js-imageBlockImage,
.imageBoxSlider .js-imageBlockImage {
border-radius: 2px;
box-shadow: 5px 5px 13px rgba(0,0,0,.2);
}
.box_common,
.campaign_content,
.div_box_faq {
margin: 0 0 120px;
position: relative;
}
.h3_common,
h3.h3_lead {
font-size: 30px;
line-height: 1.5;
padding: 0 0 15px;
margin: 0 0 20px;
letter-spacing: .1em;
font-weight: bold;
position: relative;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
font-family: 'Noto Serif JP', serif !important;
}
#main_contents > .blog_item.block_outer:nth-of-type(4n-3) .h3_common,
#main_contents > .blog_item.block_outer:nth-of-type(4n) .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .block_outer .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer .h3_common {
border-bottom: 1px solid;
border-image: linear-gradient(to right, rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 70%, transparent 100%);
border-image-slice: 1;
}
#main_contents .img_box_right ~ .editTextOuter h3.h3_common {
border-image: linear-gradient(to right, transparent 0%,#381c14 70%, #381c14 100%);
border-image-slice: 1;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .img_box_right ~ .editTextOuter h3.h3_common,
#main_contents .parallaxContentOuter:nth-of-type(4n) .img_box_right ~ .editTextOuter h3.h3_common,
#main_contents > .blog_item.block_outer:nth-of-type(4n-3) .img_box_right ~ .editTextOuter h3.h3_common,
#main_contents > .blog_item.block_outer:nth-of-type(4n) .img_box_right ~ .editTextOuter h3.h3_common {
border-image: linear-gradient(to right, transparent 0%,rgba(255,255,255,.5) 70%, rgba(255,255,255,.5) 100%);
border-image-slice: 1;
}
.js-imageBox[data-size = "max"] ~ .editTextOuter .h3_common {
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .js-imageBox[data-size = "max"] ~ .editTextOuter .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(4n) .js-imageBox[data-size = "max"] ~ .editTextOuter .h3_common,
#main_contents > .blog_item.block_outer:nth-of-type(4n-3) .js-imageBox[data-size = "max"] ~ .editTextOuter .h3_common,
#main_contents > .blog_item.block_outer:nth-of-type(4n) .js-imageBox[data-size = "max"] ~ .editTextOuter .h3_common {
border-image: linear-gradient(to right, rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 70%, transparent 100%);
border-image-slice: 1;
}
.box_common h3 > b,
.div_box_faq h3 > b {
display: none;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .block_outer #midbox_wrapper{
margin: 0 auto 60px;
padding: 60px;
box-sizing: border-box;
background: rgba(0,0,0,.5);
border-radius: 4px;
}
#main_contents #usercar_base {
width: 960px;
box-sizing: border-box;
background: url(../img/cmscss/import/common/light.png) top left / contain no-repeat, rgba(255,255,255,.9);
box-shadow: 3px 3px 13px rgba(0,0,0,.3);
border-radius: 4px;
}
#main_contents .blog_item {
margin: 0;
}
/*****************************************************************************************/
/*------ 繝ｯ繧､繝� 縺薙％縺九ｉ ------*/
.h2_box_1 .text_left,
.h2_box_2 .text_left,
.h2_box_3 .text_left {
width: 65%;
}
#main_contents .div_box_common,
#main_contents #dksm_wrapper,
#main_contents #link_block,
#main_contents .access_info,
#main_contents .pricetable_content,
#main_contents #midbox_wrapper {
width: 90%;
min-width: 960px;
max-width: 1280px;
margin: 0 auto 30px;
position: relative;
}
/*------ 繝ｯ繧､繝� 縺薙％縺ｾ縺ｧ ------*/
/*------ 繧ｳ繝ｳ繝代け繝� 縺薙％縺九ｉ ------*/
/*
body {
background: url(../img/cmscss/import/common/compact_l.png) top left no-repeat,
url(../img/cmscss/import/common/compact_r.png) top right no-repeat,
url(../img/cmscss/import/common/sub_bg.jpg) center right;
background-attachment: fixed;
}
#main_contents .block_outer {
width: 1080px;
margin: 0 auto;
}
#main_contents #carSearch_public{
width: 960px;
}
#main_contents #car_list_base{
padding: 0;
}
.h2_box_1 .text_left,
.h2_box_2 .text_left,
.h2_box_3 .text_left {
width: 538px;
}
#body_sub .main_copy,
#body_free .main_copy {
width: 960px;
}
#body_top #footer_wrapper:before {
background: url(../img/cmscss/import/footer_top/cc0000.png) no-repeat bottom left / 1080px;
}
#main_contents .div_box_common,
#main_contents #dksm_wrapper,
#main_contents #link_block,
#main_contents .access_info,
#main_contents #usercar_base,
#main_contents .pricetable_content,
#main_contents #midbox_wrapper {
width: 960px;
margin: 0 auto 30px;
position: relative;
}
#middle_top_price01 h2,
h2.midashi_long,
.blog_item h2{
padding: 45px 60px 30px;
}
.side_bar_sub {
padding: 120px calc( 50vw - 480px ) 130px;
}
.parallaxContentOuter {
width: 1080px;
margin: 0 auto;
}
/*�代▽逶ｮ縺ｮ繝悶Ο繝�け�医Ξ繧ｶ繝ｼ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-3),
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .block_outer,
#main_contents .block_outer:nth-of-type(4n-3) {
box-shadow: 0px 6px 8px rgba(255,255,255,.1) inset, 0px -6px 5px rgba(0,0,0,.5) inset,3px 0 0 rgba(208,203,195), 6px 0 0 rgba(241,235,232), -3px 0 0 rgba(208,203,195), -6px 0 0 rgba(241,235,232);
}
/*�偵▽逶ｮ縺ｮ繝悶Ο繝�け�医す繝ｫ繝舌���*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-2),
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer,
#main_contents .block_outer:nth-of-type(4n-2) {
box-shadow: 0px 5px 1px rgba(0,0,0,.1) inset, 0px -5px 1px rgba(0,0,0,.1) inset,3px 0 0 rgba(208,203,195), 6px 0 0 rgba(241,235,232), -3px 0 0 rgba(208,203,195), -6px 0 0 rgba(241,235,232);
}
/*�薙▽逶ｮ縺ｮ繝悶Ο繝�け�医き繝ｩ繝舌Μ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-1),
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .block_outer,
#main_contents .block_outer:nth-of-type(4n-1) {
box-shadow: 0px 6px 8px rgba(255,255,255,.1) inset, 0px -6px 5px rgba(0,0,0,.2) inset,3px 0 0 rgba(208,203,195), 6px 0 0 rgba(241,235,232), -3px 0 0 rgba(208,203,195), -6px 0 0 rgba(241,235,232);
}
/*�斐▽逶ｮ縺ｮ繝悶Ο繝�け�域惠逶ｮ��*/
#main_contents > .blog_item.block_outer:nth-of-type(4n),
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer,
#main_contents .block_outer:nth-of-type(4n) {
box-shadow: 0px 6px 13px rgba(0,0,0,.3) inset, 0px -6px 13px rgba(0,0,0,.3) inset,3px 0 0 rgba(208,203,195), 6px 0 0 rgba(241,235,232), -3px 0 0 rgba(208,203,195), -6px 0 0 rgba(241,235,232);
}
*/
/*------ 繧ｳ繝ｳ繝代け繝� 縺薙％縺ｾ縺ｧ ------*/
/*****************************************************************************************/
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後蝉ｸ翫代�蝣ｴ蜷� 縺薙％縺九ｉ ------*/
#menu_container{
background: none;
margin: 0 auto;
}
#menu > ul{
right: 0;
}
#menu > ul:after{
clear: both;
content: "";
display: block;
}
#menu > ul > li{
float:left;
position: relative;
overflow: hidden;
max-height: 70px;
}
#menu > ul > li > a {
color:#fff;
display: table-cell;
text-decoration: none;
text-align: center;
height: 70px;
vertical-align: middle;
position: relative;
box-sizing: border-box;
line-height: 1.5;
}
#menu > ul > li#gmenu_top {
display: none;
}
#menu li#gmenu_contact ul li a,#menu li#gmenu_contact ul li a:visited,
#menu li#gmenu_estimate ul li a,#menu li#gmenu_estimate ul li a:visited {
background: #381c14;
color: #fcfcfc;
padding: 12px;
}
#menu li#gmenu_contact ul li a:hover,
#menu li#gmenu_estimate ul li a:hover{
background: #252525;
box-shadow: none;
}
#gmenu_contact,
#gmenu_estimate{
position: relative;
}
#gmenu_contact > a,
#gmenu_estimate > a{
color: #fff;
position: relative;
z-index: 1;
}
#menu ul li ul{
clear: both;
position: absolute;
top: 88px;
right: 24px;
z-index: 60;
text-align: left;
display: none;
width: 140px;
}
#menu li ul li{
clear: both;
text-align: left
}
@media screen and (max-width: 1080px) {
#menu > ul > li > a {
max-width: 90px;
min-width: 70px;
padding: 0 5px;
font-size: 14px;
}
#menu > ul > li#gmenu_contact a,
#menu > ul > li#gmenu_estimate a {
padding: 20px 5px;
}
}
#carinfo_panlist_box #pan {
padding: 30px 30px 10px;
}
#body_sub h1,
#body_free h1 {
top: -25px !important;
}
#menu > ul:before {
display: block;
content: "";
background: url(../img/cmscss/import/common/menu_light.png) no-repeat top -20px left 60px / 800px 100px,
url(../img/cmscss/import/common/menu_top_bg.png) top right / 1258px 86px;
width: 1258px;
position: absolute;
height: 86px;
top: 0;
left: -130px;
}
#body_top #header_wrapper,
#body_sub #header_wrapper,
#body_free #header_wrapper {
background: url(../img/cmscss/import/common/solid.png) no-repeat bottom left,
url(../img/cmscss/import/common/wood_bg.jpg) top / 100vw 30px repeat-x,
url(../img/cmscss/import/common/logo_light.png) left top / 100vw 100px no-repeat,
url(../img/cmscss/import/common/metal.jpg);
width: 100%;
height: 100px;
top: 0;
position: relative;
box-shadow: 0 2px 13px rgba(0,0,0,.5) inset;
}
.editLogoOuter,
.originalHeaderLogo {
top: 42px;
}
#menu_wrapper {
z-index: 6;
}
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後蝉ｸ翫代�蝣ｴ蜷� 縺薙％縺ｾ縺ｧ ------*/
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後蝉ｸｭ縲代�蝣ｴ蜷� 縺薙％縺九ｉ ------*/
/*
#right_box a.estimate_btn {
top: 100px;
}
#header:before {
display: block;
content: "";
background: url(../img/cmscss/import/common/menu_light.png) no-repeat top 5px left 90px / 800px 100px,
url(../img/cmscss/import/common/sub_top_bg.png) top -15px right / 1070px 160px no-repeat !important;
right: -500px;
width: 1070px;
position: absolute;
height: 160px;
top: -13px;
}
#header p.headtel {
right: 65px;
top: 13px;
}
#header p.headmail {
top: 10px;
}
#header p.headadd {
right: 30px;
top: 45px;
max-width: 400px;
text-align: right;
line-height: 1.2;
}
#body_top h1 {
top: -790px !important;
}
#body_sub #menu_wrapper,
#body_free #menu_wrapper{
position: static;
}
#menu_container{
margin: 0 auto;
width: 100%;
background: url(../img/cmscss/import/common/leather_black.jpg);
position: relative;
top:0;
height: 70px;
box-shadow: 0px 3px 8px rgba(255,255,255,.3) inset, -3px -3px 8px rgba(0,0,0,.9) inset;
}
#menu > ul {
position: static;
width: 1280px;
margin: 0 auto;
height: 70px;
overflow: hidden;
display: flex;
justify-content: center;
}
#menu ul li ul{
clear: both;
position: absolute;
top: 88px;
right: 24px;
z-index: 60;
text-align: left;
display: none;
width: 140px;
}
#menu ul li{
float:left;
position: relative;
}
#menu > ul > li > a {
color:#fcfcfc;
display: table-cell;
text-decoration: none;
text-align: center;
height: 70px;
vertical-align: middle;
position: relative;
box-sizing: border-box;
min-width: 106px;
max-width: 123px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#menu li ul li{
clear: both;
text-align: left;
border-bottom: none;
border-left: none;
border-right: none;
z-index: 2;
}
#main_contents_wrapper{
padding: 0;
}
#body_sub #main_contents_wrapper,
#body_free #main_contents_wrapper{
padding: 0;
background: url(../img/cmscss/import/common/sub_bg.jpg) no-repeat center;
}
div.mega_menu{
top: 70px;
width: 960px;
right: calc(50% - 480px);
}
#conteiner .current:after,
#conteiner .current:before {
opacity: 0 !important;
}
*/
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後蝉ｸｭ縲代�蝣ｴ蜷� 縺薙％縺ｾ縺ｧ ------*/
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後仙ｷｦ縲代∪縺溘�縲仙承縲代�蝣ｴ蜷� 縺薙％縺九ｉ ------*/
/*
#header {
width: 100%;
min-width: 960px;
}
#header p.headtel {
right: 65px;
top: 13px;
}
#header p.headmail {
top: 10px;
}
#header p.headadd {
right: 30px;
top: 45px;
max-width: 300px;
text-align: right;
line-height: 1.2;
}
#header:before {
display: block;
content: "";
background: url(../img/cmscss/import/common/menu_light.png) no-repeat top 5px left 90px / 800px 100px,
url(../img/cmscss/import/common/sub_top_bg.png) top -15px right / 1070px 160px no-repeat !important;
right: -500px;
width: 1070px;
position: absolute;
height: 160px;
top: -13px;
}
#bgSlider .slider_text_wrap{
margin: 90px 0 0 0 !important;
}
#bgSlider{
height: 700px;
}
#body_top h1 {
top: -690px !important;
}
#menu{
font-size: 14px;
margin: 0 auto;
padding: 0;
width: 100%;
}
#menu_container{
clear: both;
height: 100vh;
padding: 70px 0 0;
position: fixed;
top: 0;
width: 12%;
min-width: auto;
background: url(../img/cmscss/import/common/side_bg.png) no-repeat top 600px right,
url(../img/cmscss/import/common/menu_text.png) no-repeat top 37px center,
url(../img/cmscss/import/common/leather_black.jpg);
}
.edit #menu_container{
padding: 140px 0 0;
background: url(../img/cmscss/import/common/side_bg.png) no-repeat top 600px right,
url(../img/cmscss/import/common/menu_text.png) no-repeat top 107px center,
url(../img/cmscss/import/common/leather_black.jpg);
}
#menu ul{
text-align: center;
width: 100%;
background: url(../img/cmscss/import/common/metal.jpg);
}
#menu > ul > li{
position: relative;
border-bottom: solid 1px #cecac2;
}
#menu > ul > li > a{
background: url(../img/cmscss/import/common/metal.jpg);
box-sizing: border-box;
color: #381c14;
display: block;
font-size: 16px;
padding: 15px 30px;
text-decoration: none;
text-align: left;
max-width: 100%;
font-weight: bold;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#menu > ul > li#gmenu_contact a,
#menu > ul > li#gmenu_estimate a {
padding: 15px 30px;
}
#menu > ul > li#gmenu_contact,
#menu > ul > li#gmenu_estimate {
background: none;
}
#menu > ul > li > a:before {
display: none;
}
#menu > ul > li > a:after {
display: block;
content: "";
background: #6a6a6a;
width: 3px;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#menu_container .current:after,
#menu_container .current:before {
opacity: 0 !important;
}
#menu > ul > li > a:hover{
background: #f9f8f7;
}
#menu > ul > li > a:hover:after{
opacity: 1 !important;
}
#menu > ul > li > ul{
position: static;
width: 100%;
}
div.mega_menu:after{
content: "";
width: calc(100% - 20px);
height: 5vh;
max-height: 50px;
background: linear-gradient(to bottom, transparent, #fff 80%);
bottom: 1px;
position: absolute;
left: 5px;
z-index: 100;
}
div.mega_menu > ul{
max-height: 57vh;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
div.mega_menu > ul::-webkit-scrollbar {
display:none;
}
#footer_container {
width: 800px;
}
#smt_foot_base .backtop {
width: 100%;
min-width: 1080px;
}
#smt_foot_base .backtop a {
right: 30px;
}
#menu_wrapper {
z-index: 6;
}
*/
/*------ 繧ｵ繧､繝峨ヰ繝ｼ縺後仙ｷｦ縲代∪縺溘�縲仙承縲代�蝣ｴ蜷� 縺薙％縺ｾ縺ｧ ------*/
.nav_link {
font-size: 12px;
line-height: 27px;
clear: both;
text-align: left;
display: block;
width: 183px;
height:auto !important;
padding:0;
font-size: 12px;
line-height: 27px;
text-align: left;
background:none;
display: block;
clear: both;
float: right;
}
#main_contents .imageBoxContents .captionBody,
#main_contents .imageBoxContents .captionHead {
background: #381c14;
color: #fff;
padding: 10px;
font-family: 'Noto Sans JP', san-serif;
}
/*****************************************************************************************/
/*------toppage h2_box------*/
.h2_box_1,
.h2_box_2,
.h2_box_3{
margin: 0 auto;
padding: 60px 0;
}
.h2_box_1 {
padding: 0 0 60px;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #f6f3ee 0%,#f6f3ee 70%, transparent 100%);
border-image-slice: 1;
}
.h2_box_2 {
border-bottom: 1px solid;
border-image: linear-gradient(to right, #f6f3ee 0%,#f6f3ee 70%, transparent 100%);
border-image-slice: 1;
}
.h2_box_3 {
padding: 60px 0 0;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .h2_box_1,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .h2_box_2 {
border-bottom: 1px solid;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
}
.toppage_h2 span{
display: block !important;
font-size: 22px !important;
font-family: 'Noto Serif JP', serif !important;
text-align: left;
width: 100% !important;
height: auto !important;
color: #7a7a7a;
font-weight: bold;
}
.h2_box_1 .img_left,
.h2_box_2 .img_left,
.h2_box_3 .img_left{
float: left;
width: 32%;
margin-right: 3%;
box-shadow: 5px 5px 13px rgba(0,0,0,.2);
}
.h2_box_1 .text_left,
.h2_box_2 .text_left,
.h2_box_3 .text_left {
float: left;
font-weight: 400;
}
.h2_box_1 .img_left img,
.h2_box_2 .img_left img,
.h2_box_3 .img_left img{
width: 100% !important;
}
.h2_box_1 h3,
.h2_box_2 h3,
.h2_box_3 h3{
font-size: 36px;
line-height: 1.5;
letter-spacing: 5px;
font-family: 'Noto Serif JP', serif !important;
margin: 0 0 15px;
font-weight: bold;
position: relative;
text-align: left;
height: auto !important;
background: url(../img/cmscss/import/h3_icon/000000.png) no-repeat top 50% left;
}
.h2_box_1 p,
.h2_box_2 p,
.h2_box_3 p{
font-size: 16px;
letter-spacing: .1em;
line-height: 200%;
text-align: left;
margin: 0 0 20px;
font-family: 'Noto Sans JP', san-serif;
}
#top_maincopy{
color: #381c14;
}
.main_copy {
font-size: 16px;
line-height: 200%;
letter-spacing: .1em;
margin: 0 auto 30px;
width: 100%;
}
#main_contents .block_outer.block_outer_main_copy .main_copy {
margin-bottom: 0 !important;
width: 960px;
font-family: 'Noto Sans JP', san-serif;
}
#top_maincopy .main_copy{
width: 960px;
margin: 0;
}
/***************************************************************************************/
/*豕ｨ諢擾ｼ…ommon.css縺ｫ谿九ｊ縺ｮ險倩ｿｰ縺ゅｊ*/
.add_attention_h2 {
color: #381c14 !important;
margin:0 0 5px 0 !important;
display: none;
}
.plusBlockBtn,
.plusBlockBtn2,
.plusBlockBtn3,
.plusBlockBtn4,
.plusBlockBtn5 {
width: 960px !important;
margin: 0 auto 30px !important;
}
.plusBlockBtn .plusBlockBtn_p,
.plusBlockBtn2 .plusBlockBtn_p,
.plusBlockBtn3 .plusBlockBtn_p,
.plusBlockBtnBlank .plusBlockBtn_p,
.plusBlockBtnPrice .plusBlockBtn_p,
.recommend_config .plusBlockBtn_p {
box-sizing: border-box;
color: #fff;
text-shadow: none;
}
.lead__wrap .plusBlockBtn .plusBlockBtn_p,
#main_contents #usercar_base .plusBlockBtn .plusBlockBtn_p {
color: #381c14;
}
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtn .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtn .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtn .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtn2 .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtn2 .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtn2 .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtn3 .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtn3 .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtn3 .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtnBlank .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtnBlank .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtnBlank .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtnPrice .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtnPrice .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtnPrice .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .plusBlockBtn_side .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .plusBlockBtn_side .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .plusBlockBtn_side .plusBlockBtn_p,
#main_contents .block_outer:nth-of-type(4n-2) .recommend_config .plusBlockBtn_p,
#main_contents > .blog_item.block_outer:nth-of-type(4n-2) .recommend_config .plusBlockBtn_p,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .recommend_config .plusBlockBtn_p {
color: #381c14;
}
#main_contents .pageControllerOuter{
margin: 0 auto !important;
}
#mobile_QR_info {
padding: 0 !important;
}
h3.h3_lead {
font-size: 24px !important;
margin: 0 auto 30px !important;
color: #381c14 !important;
}
.plusBlockBtn--lead {
margin: 0 !important;
width: 100% !important;
}
ul.ul_lead {
width: 100% !important;
border-bottom: none !important;
margin: 0 auto !important;
padding: 0 !important;
}
.lead__wrap {
background: rgba(255,255,255,.5);
width: 960px;
margin: 60px auto;
padding: 30px;
box-sizing: border-box;
border: 1px solid #e4e3e2;
box-shadow: 5px 5px 13px rgba(0,0,0,.1);
}
li.lead {
clear: both !important;
font-size: 14px !important;
margin: 0 !important;
padding: 0 0 15px !important;
}
#main_contents .block_outer.block_outer_page_link a{
text-decoration: none;
color: #381c14;
background: url(../img/cmscss/import/common/pan.png) no-repeat left center;
padding: 0 0 0 15px;
}
#main_contents .block_outer.block_outer_page_link a:hover{
text-decoration: underline;
color: #381c14;
background: url(../img/cmscss/import/common/pan.png) no-repeat left center;
padding: 0 0 0 15px;
}
/***************************************************************************************/
/*繧ｵ繝悶�繝ｼ繧ｸ*/
#sub_top_img,
#sub_left_box{
display:none;
}
div#otoiawase_table_box,
.n_table.contact_table,
.block_outer_contact_form .mail_body_edit,
.block_outer_contact_form .mail_body_edit .n_table,
p#contact_form_desc,
h3.mitsumori_title,
div#mitumori_table_box,
.n_table.est_table_car,
.n_table.est_table_client,
.block_outer_estimate_form .mail_body_edit,
.block_outer_estimate_form .mail_body_edit .n_table,
.block_outer_entry_form .n_table,
.block_outer_entry_form .mail_body_edit{
margin-left: auto;
margin-right: auto;
width: 100%;
}
.js-imageBoxSlider .js-imageBlockImage{
box-shadow: none;
}
/*譁咎≡陦ｨ*/
#middle_top_price01 {
clear: both;
width: 100%;
margin: 0 auto 15px;
}
.pricetable_content {
clear: both;
width: 100%;
margin-bottom: 120px;
}
.pricetable {
border:none;
clear:both;
margin-bottom: 20px;
width: 100%;
font-size: 10px;
background-color: #fcfcfc;
}
.pricetable_content h3 {
font-size: 24px;
margin: 0 0 10px;
letter-spacing: .1em;
border: none;
font-family: 'Noto Serif JP', serif !important;
}
table {
border-collapse:collapse;
}
.pricetable th,.pricetable td {
padding:10px 5px;
width: 16%;
text-align: center;
vertical-align: top;
font-weight: normal;
}
.pricetable th {
background: #381c14;
color: #fcfcfc;
font-size: 12px;
}
.pricetable td{
font-size: 14px;
color: #333;
border-bottom: 1px solid #eee;
}
.pricetable td strong {
font-size: 14px;
color: #c00;
}
.price01_td {
font-size: 14px;
background-color: #f6f6f6;
}
.pricetabel_memo {
font-size: 14px;
line-height: 1.7;
font-family: 'Noto Sans JP', san-serif;
letter-spacing: .05em;
}
#main_contents #ucConpane {
margin: 0 auto 30px;
background: none;
border: none;
}
/*------ div_box_flow ------*/
.box_flow {
margin: 0 0 60px;
}
.flow_arrow {
background: url(../img/cmscss/import/common/arrow_w.png) no-repeat center center;
margin: 0 0 60px;
text-indent: -9999px;
height: 20px;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .flow_arrow {
background: url(../img/cmscss/import/common/arrow.png) no-repeat center center;
}
/*------ div_box_faq ------*/
.div_box_faq:last-of-type {
margin: 0;
}
.div_box_faq h3 {
background: url(../img/cmscss/import/common/q.png) no-repeat left 10px top 6px;
font-size: 30px;
line-height: 1.5;
padding: 0 0 15px 65px;
margin: 0 0 10px;
border-bottom: 1px solid #b1b1b1;
position: relative;
min-height: 50px;
}
.div_box_faq p {
background: url(../img/cmscss/import/common/a.png) no-repeat left 2px top 8px;
clear: both;
font-size: 16px;
line-height: 200%;
padding: 8px 0 8px 65px;
min-height: 50px;
font-family: 'Noto Sans JP', san-serif;
letter-spacing: .1em;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .div_box_faq h3,
#main_contents .parallaxContentOuter:nth-of-type(4n) .div_box_faq h3 {
background: url(../img/cmscss/import/common/q_w.png) no-repeat left 10px top 6px;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .div_box_faq p,
#main_contents .parallaxContentOuter:nth-of-type(4n) .div_box_faq p {
background: url(../img/cmscss/import/common/a_w.png) no-repeat left 2px top 8px;
}
/*------ div_box_voice ------*/
.box_voice .b_voice {
display: block;
}
.box_voice h3{
display: none;
}
.div_box_voice .box_voice:last-of-type {
margin: 0;
}
.box_voice .b_voice {
font-size: 30px;
line-height: 1.5;
padding: 0 0 15px;
margin: 0 0 25px;
letter-spacing: .1em;
font-weight: bold;
position: relative;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
font-family: 'Noto Serif JP', serif !important;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .b_voice,
#main_contents .parallaxContentOuter:nth-of-type(4n) .b_voice {
border-bottom: 1px solid;
border-image: linear-gradient(to right, rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 70%, transparent 100%);
border-image-slice: 1;
}
#main_contents .img_box_right ~ .editTextOuter .b_voice {
border-image: linear-gradient(to right, transparent 0%,#381c14 70%, #381c14 100%);
border-image-slice: 1;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .img_box_right ~ .editTextOuter .b_voice,
#main_contents .parallaxContentOuter:nth-of-type(4n) .img_box_right ~ .editTextOuter .b_voice {
border-image: linear-gradient(to right, transparent 0%,rgba(255,255,255,.5) 70%, rgba(255,255,255,.5) 100%);
border-image-slice: 1;
}
.js-imageBox[data-size = "max"] ~ .editTextOuter .b_voice {
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-3) .js-imageBox[data-size = "max"] ~ .editTextOuter .b_voice,
#main_contents .parallaxContentOuter:nth-of-type(4n) .js-imageBox[data-size = "max"] ~ .editTextOuter .b_voice {
border-image: linear-gradient(to right, rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 70%, transparent 100%);
border-image-slice: 1;
}
/*------ div_box_campaign ------*/
.campaign_content {
clear: both;
margin:0 0 120px;
}
.campaign_content:last-of-type {
margin: 0;
}
.b_campaign {
font-size: 14px;
line-height: 1.5;
letter-spacing: .1em;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
text-align: left;
display: block;
}
#main_contents .div_box_company_pict {
clear: both;
width: 960px;
margin: 15px auto;
}
.company_pict {
float: left;
text-align: center;
width: 260px;
margin: 0 30px 0;
}
.div_box_requirements01,
.div_box_requirements02,
.div_box_requirements03,
.div_box_requirements04,
.div_box_requirements05{
width: 100%;
margin: 0 auto ;
}
.recruit_alert_block{
padding: 20px 0;
margin: 0 !important;
}
#main_contents .requiredLabel {
font-size: 10px;
}
/*蝠丞粋縺帙ヵ繧ｩ繝ｼ繝�*/
.n_table {
border: none;
clear: both;
border-collapse: collapse;
margin: 0 auto 60px;
color: #381c14;
width: 900px;
font-family: 'Noto Sans JP', san-serif;
}
.n_table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.n_table tr {
display: table-row;
vertical-align: middle;
border-color: inherit;
}
.n_table th {
box-shadow: inset 0px 1px 1px #190d0a, inset 0px -1px 1px #4e2a1d;
border-right: 1px solid #351c14;
color: #fcfcfc;
background-color: #351c14;
font-weight: normal;
line-height: 1.5;
padding: 15px;
text-align: center;
vertical-align: middle;
width: 20%;
}
.n_table th a:link,
.n_table th a:visited {
color: #3387db;
}
.n_table td {
background-color: #f6f6f6;
line-height: 150%;
padding: 15px;
text-align: left;
width: 80%;
border-bottom: 1px solid #eeeeee;
}
.n_table tr:last-of-type th,
.n_table tr:last-of-type td{
border-bottom:none;
}
textarea{
font-size: 16px;
}
.inputarea {
line-height: 25px;
height: 25px;
width: 300px;
}
.inputarea2 {
border: 1px solid #999;
line-height: 25px;
height: 25px;
width: 200px;
font-size: 100%;
}
.inputarea3 {
border: 1px solid #999;
line-height: 25px;
height: 25px;
width: 50px;
font-size: 100%;
}
.inputarea4 {
border: 1px solid #999;
line-height: 25px;
height: 150px;
width: 300px;
font-size: 100%;
}
.inputtxtarea {
border: 1px solid #999;
height: 140px;
width: 100%;
font-size: 100%;
}
input[type="file"] {
width:260px !important;
}
.mail_body_edit h3{
letter-spacing: .05em;
margin-bottom: 10px;
margin-top: 30px;
font-size: 20px;
font-family: 'Noto Serif JP', serif;
}
/*------ access ------*/
.map_big {
clear: both;
margin:0 auto 30px;
width: 600px;
}
.access_info{
text-align: center;
}
.access_info p{
margin: 0 0 15px;
}
p.link {
border: none !important;
}
.access_info p.link{
font-size: 14px !important;
margin: 0 0 5px !important;
border-bottom: none !important;
}
/*------ 繝懊ち繝ｳ ------*/
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .inputbtn,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .inputbtn,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) #main_usedcarpage_link_box a,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) #main_usedcarpage_link_box a,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .toBackTopButton,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .toBackTopButton,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .recruit_section .rec_scrl_btn,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .recruit_section .rec_scrl_btn,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .inputbtn:hover,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .inputbtn:hover,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) #main_usedcarpage_link_box a:hover,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) #main_usedcarpage_link_box a:hover,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .toBackTopButton:hover,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .toBackTopButton:hover,
#main_contents > .blog_item.block_outer:nth-of-type(4n-1) .recruit_section .rec_scrl_btn:hover,
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .recruit_section .rec_scrl_btn:hover {
background: url(../img/cmscss/import/common/btn_arrow.png) right 20px center / 90px no-repeat,
url(../img/cmscss/import/common/wood_bg.jpg) center / contain;
}
#bgSlider .slider_btn .tltp,
.inputbtn,
#main_contents .toBackTopButton,
#main_usedcarpage_link_box,
div.section p.right_link a,
.recruit_section .rec_scrl_btn,
a.estimate_btn,
.access_info p.link a,
#main_contents .parallaxContentOuter .nav_link,
.historyback_box a{
font-family: 'Noto Sans JP', san-serif;
background: url(../img/cmscss/import/common/btn_arrow.png) right 20px center / 90px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain;
color: #fcfcfc;
font-size: 20px;
padding: 15px 45px 18px;
display: inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
z-index: 1;
width: 200px;
letter-spacing: .1em;
border-radius: 50px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
box-shadow: 3px 3px 1px rgba(255,255,255,.1) inset, -3px -3px 1px rgba(0,0,0,.3) inset;
}
#bgSlider .slider_btn .tltp:hover,
.inputbtn:hover,
#main_contents .toBackTopButton:hover,
#main_usedcarpage_link_box:hover,
div.section p.right_link a:hover,
#main_contents .parallaxContentOuter .recruit_section .rec_scrl_btn:hover,
a.estimate_btn:hover,
#main_contents .parallaxContentOuter .access_info p.link a:hover,
#main_contents .parallaxContentOuter .nav_link:hover,
.historyback_box a:hover {
box-shadow: 3px 3px 5px rgba(0,0,0,.3) inset;
}
.inputbtn {
width: 300px;
display: block;
font-size: 18px;
margin: 60px auto !important;
border:none;
}
#main_contents .toBackTopButton {
width: 300px;
display: block;
color: #fcfcfc !important;
font-size: 18px;
margin: 60px auto !important;
border:none !important;
border-radius: 50px !important;
}
#main_usedcarpage_link_box{
display: block;
background: url(../img/cmscss/import/common/btn_arrow.png) right 20px center / 90px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain !important;
box-sizing: border-box;
font-size: 18px;
line-height: 2;
padding: 15px 45px 18px !important;
width: 360px !important;
margin: 0 auto 30px !important;
}
#main_usedcarpage_link_box a{
font-family: 'Noto Sans JP', san-serif !important;
color: #fcfcfc;
text-decoration: none;
display: inline-block;
}
div.section p.right_link a {
width: 300px;
display: block;
font-size: 18px;
margin: 30px auto !important;
border:none;
}
.recruit_section .rec_scrl_btn {
width: 300px;
display: block;
font-size: 18px;
margin: 60px auto !important;
border:none;
}
a.estimate_btn {
width: 280px;
font-size: 18px;
box-sizing: border-box;
position: absolute;
right: 0;
top: calc(50% - 29.5px);
}
.access_info p.link a {
width: 300px;
display: block;
color: #fff;
font-size: 18px;
margin: 30px auto 0 !important;
border: none;
}
#lead_p a:last-of-type{
font-family: 'Noto Sans JP', san-serif;
background: url(../img/cmscss/import/common/btn_arrow.png) right 20px center / 90px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain !important;
box-sizing: border-box;
color: #fcfcfc !important;
line-height: 1.5;
padding: 15px 45px 18px !important;
letter-spacing: .1em;
-webkit-transition: all .3s !important;
-o-transition: all .3s !important;
transition: all .3s !important;
margin: 0 0 15px;
height: auto !important;
position: relative;
text-shadow: none !important;
box-shadow: 3px 3px 1px rgba(255,255,255,.1) inset, -3px -3px 1px rgba(0,0,0,.3) inset;
border-radius: 50px !important;
margin: 20px auto;
}
#lead_p a:last-of-type:hover{
box-shadow: 3px 3px 5px rgba(0,0,0,.3) inset;
opacity: 1 !important;
}
#main_contents .parallaxContentOuter .nav_link {
width: 360px;
float: left;
margin: 0 0 10px;
box-sizing: border-box;
font-size: 18px;
line-height: 1.5;
display: block;
height: auto !important;
}
.historyback_box a{
width: 300px;
display: block;
background: url(../img/cmscss/import/btn_bg/000000.jpg) center / contain;
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
padding: 20px 45px;
margin: 0 auto !important;
border:none;
}
/*隧ｳ縺励＞蠎苓�諠��ｱ繝懊ち繝ｳ*/
#sidebar_shp_inf p.link a {
background: url(../img/cmscss/import/common/btn_arrow.png) right 20px center / 90px no-repeat,
url(../img/cmscss/import/btn_bg/000000.jpg) center / contain;
color: #fff;
font-size: 16px;
text-decoration: none;
text-align: center;
letter-spacing: .05em;
border: none;
width: 100%;
margin: 10px 0;
padding: 15px 10px 18px;
border-radius: 50px;
font-family: 'Noto Sans JP', san-serif;
box-sizing: border-box;
cursor: pointer;
box-shadow: 3px 3px 1px rgba(255,255,255,.1) inset, -3px -3px 1px rgba(0,0,0,.3) inset;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#sidebar_shp_inf p.link a:hover {
opacity: 1;
box-shadow: 3px 3px 5px rgba(0,0,0,.3) inset;
}
/***************************************************************/
/*縲荳ｭ蜿､霆贋ｸ隕ｧ縲縲*/
#main_contents #carSearch_public {
box-sizing: border-box;
width: 960px;
padding: 30px;
margin: 0 auto 60px auto;
}
#carListOpenOrClose {
margin: 0 auto 20px !important;
width: 960px;
}
#car_list_base .carlistEmptyMsg {
margin: 60px auto 10px;
}
#car_list_base .usercar_list {
clear: none !important;
float: left;
width: 48% !important;
margin: 0 4% 80px 0 !important;
box-sizing: border-box;
padding: 15px;
background: #ebe8e3 url(../img/cmscss/import/common/light.png) top left / contain no-repeat;
box-shadow: 1px 1px 15px rgba(0,0,0,.3);
border-radius: 2px;
}
#car_list_base {
background: none;
}
#car_list_base #carlist_main_box {
width: 960px;
margin: 0 auto 30px !important;
}
#carlist_main_box .usercar_list:nth-of-type(2n){
margin: 0 0 80px !important;
}
.list_con {
width: 100% !important;
}
.list_con table {
float: right;
width: 100%;
}
.list_con table th {
width: 20%;
background: #381c14;
box-shadow: inset 0px 1px 1px #190d0a, inset 0 -1px 1px #4e2a1d;
border-right: 1px solid #351c14;
color: #fcfcfc;
font-size: 10px;
font-weight: normal;
padding: 5px 0 5px 8px;
text-align: left;
}
.list_con table td {
width: 30%;
background: #f6f6f6;
border-bottom: 1px solid #eeeeee;
color: #381c14;
font-size: 12px;
font-weight: normal;
padding: 5px 0 5px 8px;
text-align: left;
}
.usercar_list h3 {
margin-bottom: 15px;
}
.usercar_list h3:after {
content: "";
display: block;
background: url(../img/cmscss/import/h3_bottom_r/000000.png) no-repeat top 4px right;
width: 30px;
height: 15px;
position: absolute;
bottom: -12px;
right: 0;
}
.usercar_list h3 span {
background: #351c14;
color: #fff;
display: block;
font-size: 10px;
font-weight: normal;
padding: 5px;
text-align: right;
}
.usercar_list h3 a:link,
.usercar_list h3 a:visited,
.usercar_list h3 a:hover,
.usercar_list h3 a:active {
font-size: 16px;
color: #381c14;
text-decoration: none;
font-family: 'Noto Serif JP', serif;
}
.maker_link {
padding: 0 !important;
}
.usercar_list .sample_name {
font-size: 10px;
}
.list_main {
width: 100% !important;
}
.list_main p {
width: 50% !important;
padding-right: 0 !important;
}
.list_main a img {
width: 100%;
}
.list_main dl {
float: right;
width: 45%;
text-align: left;
display: block;
padding: 10px;
border: 1px solid #CCCCCC;
background-color: #F7F7F7;
box-sizing: border-box;
}
.list_main dl dt {
color: #333;
clear: both;
font-size: 12px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding-bottom: 5px;
}
.list_main dl dd {
color: #333;
padding-bottom: 5px;
clear: both;
font-size: 12px;
}
.list_main dl dt strong {
font-size: 20px;
color: #ff0000;
}
.list_main dl dd strong {
font-size: 14px;
color: #000;
}
.list_main ul {
width: 45% !important;
}
.pager_str {
font-size: 12px;
clear: both;
margin-bottom: 5px;
}
.pager {
font-size: 12px;
clear: both;
background-color: #F7F7F7;
border: 1px solid #ccc;
width: 650px;
padding-top: 4px;
padding-right: 9px;
padding-bottom: 0;
padding-left: 9px;
}
.pager span {
font-weight: bold;
color: #ff9900;
}
.pager a,.pager span {
padding: 5px;
display: block;
text-align: center;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.pager a:link,.pager a:visited {
color: #3399FF;
}
.pager a:hover,.pager a:active {
background-color: #fc0;
color: #000;
}
.zaiko_used,
.baikyaku_used,
.syoudanchu_used,
.daiko_used,
.newcar_used,
.unused {
color: #fff !important;
padding: 3px 8px;
border-radius: 3px;
margin: 0 5px 5px 0;
display: inline-block;
}
.zaiko_used{background-color: #390;}
.baikyaku_used{background-color: #C00;}
.syoudanchu_used{background-color: #F90;}
.daiko_used{background-color: #09C;}
.newcar_used{background-color: #E71870;}
.unused {background-color: #36f;}
.sort_wrapped {
width: 45% !important;
}
/***************************************************************/
/*縲荳ｭ蜿､霆願ｩｳ邏ｰ縲縲*/
#middle_top_cardetail a {
color: #333;
text-decoration: none;
}
#usercar_base {
width: 640px;
background: #fff;
padding: 45px 60px;
position: relative;
margin: 0 auto 30px;
font-family: 'Noto Sans JP', san-serif;
}
#usercar_base table {
font-size: 12px;
clear: both;
width: 100%;
}
#usercar_base table th {
border-bottom: 1px solid #613628;
border-right: 1px solid #613628;
color: #fcfcfc;
background-color: #381c14;
font-weight: normal;
text-align: left;
}
#usercar_base table td {
border-bottom: 1px solid #eeeeee;
background-color: #f6f6f6 !important;
color: #381c14;
}
.kihon_tale {
margin-bottom: 25px;
}
.kihon_tale th {
padding: 5px;
line-height: 1.4;
width: 20%;
}
.kihon_tale td {
padding: 5px;
width: 30%;
}
.kihon_tale2 {
width: 100%;
margin-bottom: 25px;
font-size: 12px;
}
.kihon_tale2 th {
padding: 5px;
line-height: 1.4;
width: 16%;
}
.kihon_tale2 td {
padding: 5px;
width: 16%;
}
.soubishiyou {
width: 100%;
margin-bottom: 25px;
font-size:10px;
}
.soubishiyou th {
padding: 5px;
line-height: 1.2;
width: 23%;
}
.soubishiyou td {
padding: 5px;
width: 10%;
text-align: center;
}
.kakaku_td {
font-size: 16px;
font-weight: bold;
}
.sougaku_th {
font-weight: bold;
color: #ff0000;
}
.sougaku_td {
font-size: 18px;
font-weight: bold;
color: #ff0000;
}
#car_gall {
clear: both;
width: 100%;
margin-bottom: 20px;
padding: 0;
}
#car_gall h3 {
clear: both;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
#car_gall h3 span {
color: #fcfcfc;
}
#car_gall p{
text-align:left !important;
}
#car_gall p img {
width:390px;
}
#usercar_base h3 {
color: #fcfcfc;
font-size: 14px;
clear: both;
margin-bottom: 20px;
}
h3 span.regidate {
color: #000;
}
.shiyou_title {
clear: both;
margin-bottom: 10px;
font-weight: bold;
color: #000;
}
.usedcar_info_body .shop_info_box{
width: 960px;
margin: 120px auto 0;
position: relative;
z-index: 1;
background: rgba(238,238,238,.95);
padding: 60px 0 30px;
box-sizing: border-box;
}
.usedcar_info_body .shop_info_box h3{
text-align: center;
font-size: 16px;
width: 100%;
margin: 0 auto 15px;
}
.usedcar_info_body .shop_info_box p{
clear: both;
text-align: center;
margin: 0px;
padding: 0px;
}
.usedcar_info_body .shop_info_box p span{
font-size:40px;
font-weight:bold;
font-style: italic;
margin: 0px;
padding: 0px;
}
.usedcar_info_body .shop_info_box p .shop_name {
clear:both;
font-size:24px;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
}
.usedcar_info_body .shop_info_box p .tel_num{
color:#C00;
font-size:40px;
line-height:60px;
font-weight:bold;
clear: both;
display:block;
}
.usedcar_info_body .shop_info_box p .shop_adrs {
font-style: normal;
font-size: 12px;
font-weight: normal;
display: block;
clear: both;
text-align: center;
padding-bottom: 10px;
}
.usedcar_info_body .shop_info_box p .shop_hour {
font-size: 12px;
font-weight: normal;
font-style: normal;
clear: both;
padding-left: 20px;
}
.tokuten_come {
color: #381c14;
font-size: 16px;
line-height: 140%;
clear: both;
margin-bottom: 7px;
background-image: url(../img/cmscss/import/common/tokuten.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-left: 60px;
padding-bottom: 10px;
padding-top: 2px;
font-weight: bold;
}
.pr_come {
color: #381c14;
font-size: 16px;
line-height: 140%;
clear: both;
margin-bottom: 20px;
background-image: url(../img/cmscss/import/common/pr.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-left: 60px;
margin-right: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.zaiko_base {
width: 620px !important;
margin-bottom: 30px !important;
}
/*邂ｱ蜊倅ｽ阪〒縺ｮ繝輔Ο繝ｼ繝医↓繧医ｋ鬮倥＆隗｣豎ｺ*/
#main_contents_container:after,
.h2_box_news:after,
.voice_content:after,
.box_common:after,
.plusBlockBtn:after,
.campaign_content:after,
.div_box_company_pict:after,
#car_list_base:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.box_common:last-of-type {
margin: 0;
}
.blog_item h2 .shortPRcome {
font-size: 16px;
font-weight: normal;
display: block;
font-family: 'Noto Sans JP', san-serif;
}
.img_box_left{
float:left;
position: relative;
margin: 0 30px 0 0 !important;
}
.img_box_right{
float:right;
margin: 0 0 0 30px !important;
position: relative;
}
.img_box_left[data-size = "max"],
.img_box_right[data-size = "max"] {
margin: 0 0 30px !important;
width: 100% !important;
}
.img_box_left[data-size = "max"] .imageBoxContents,
.img_box_left[data-size = "max"] .imageBoxOuter,
.img_box_right[data-size = "max"] .imageBoxContents,
.img_box_right[data-size = "max"] .imageBoxOuter {
width: 100%;
}
.usedcar_regi_link {
font-size: 14px;
line-height: 30px;
text-align: center;
clear: both;
height: 30px;
margin-bottom: 35px;
width: 400px;
margin-right: auto;
margin-left: auto;
border: 1px solid #CCCCCC;
}
#main_contents > #block_outer_detail:before {
display: none;
}
.historyback_box {
width: 960px;
font-size: 16px;
text-align: center;
padding: 30px 0;
margin: 0 auto 180px;
position: relative;
z-index: 1;
background: rgba(238,238,238,.95);
padding: 0 0 60px;
box-sizing: border-box;
}
.backtop {
font-size: 12px;
margin: 0 auto;
position: relative;
width: 1080px;
}
.backtop a {
background: url(../img/cmscss/import/common/back_top.png) no-repeat;
color: transparent !important;
display: block;
width: 106px;
height: 106px;
position: absolute;
text-align: center;
z-index: 1;
line-height: 0;
right: -90px;
bottom: -75px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
filter: drop-shadow(5px 5px 8px rgba(0,0,0,.7));
}
.backtop a:hover {
filter: none;
}
/*繝代Φ縺上★繝ｪ繧ｹ繝�(蠕ｳ逕ｰ莉ｮ霑ｽ蜉�)*/
#pan {
clear: both;
margin: 0 auto !important;
width: 100%;
padding: 0 300px 0 0;
box-sizing: border-box;
}
#pan:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#pan li {
font-size: 12px;
float: left;
line-height: 15px;
padding-right: 15px;
color: #381c14;
font-family: 'Noto Serif JP', serif;
}
#pan li a {
background: url(../img/cmscss/import/common/pan.png) no-repeat top 3px right;
display: block;
padding-right: 20px;
color: #381c14;
font-family: 'Noto Serif JP', serif;
}
div #main_contents.sub_main,
div #main_contents.free_main {
padding-top: 0 !important;
}
/*譁ｰ縺溘↓霑ｽ蜉�縺励◆css*/
/*繝｡繧､繝ｳ逕ｻ蜒上さ繝斐�閭梧勹*/
div#image_letter_block {
text-align: center;
width: 960px;
margin: 0 auto;
box-sizing: border-box;
}
.block_outer.block_outer_img_h2_0:before {
display: none;
}
div#image_letter_block .catch_copy_outer{
width: 100%;
margin-bottom: 40px;
border-image: linear-gradient(to right, transparent 0%,rgba(255,255,255,.5) 70%, transparent 100%);
border-image-slice: 1;
border-bottom: 2px solid;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) #image_letter_block .catch_copy_outer {
border-image: linear-gradient(to right, transparent 0%,#381c14 70%, transparent 100%);
border-image-slice: 1;
border-bottom: 2px solid;
}
div#image_letter_block .catch_copy_outer:before {
content: "";
display: block;
background: #6a6a6a;
width: 120px;
height: 2px;
position: absolute;
bottom: 0;
left: calc(50% - 60px);
}
#main_contents .parallaxContentOuter:nth-of-type(4n-1) .block_outer div#image_letter_block .catch_copy_outer:before {
background: rgba(74,36,28,0.8);
}
div#image_letter_block .catch_copy_outer .catch_copy{
font-weight: bold;
font-size: 42px;
letter-spacing: .1em;
line-height: 1.5;
color: #f6f3ee;
padding: 0;
margin: 0 0 40px;
text-shadow: 1px 1px 8px rgba(0,0,0,.5);
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) #image_letter_block .catch_copy_outer .catch_copy {
color: #381c14;
text-shadow: 3px 4px 0 rgba(0,0,0,.1);
}
div#image_letter_block .catch_copy_outer .catch_copy * {
font-family: 'Noto Serif JP', serif !important;
}
div#image_letter_block .catch_copy_outer .catch_copy a {
color: #3387db;
}
div#image_letter_block .main_copy{
width: auto;
color: #f6f3ee;
line-height: 2;
letter-spacing: .3em;
font-size: 18px;
font-family: 'Noto Sans JP', san-serif;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) #image_letter_block .main_copy {
color: #381c14;
}
/*------side_bar_sub------*/
.side_bar_sub {
column-count: 3;
-webkit-column-gap: 90px;
column-gap: 90px;
margin: 0 auto;
box-sizing: border-box;
position: relative;
padding: 120px calc( 50vw - 540px ) 150px;
background: url(../img/cmscss/import/common/footer_bg_top.png) center bottom repeat-x,
url(../img/cmscss/import/common/sidebar_bg.jpg) center / cover;
}
.side_bar_sub > div:not(.plusBlockBtn_side){
width: 100% !important;
box-sizing: border-box;
margin: 0 0 90px !important;
page-break-inside: avoid;
break-inside: avoid;
transform: translateZ(0);
}
.side_bar_sub:after {
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.side_bar_sub .plusBlockBtn_side ul{
width: auto;
}
.side_bar_sub address {
font-size: 12px;
font-style: normal;
color: #333;
margin-bottom: 10px;
padding: 15px 5%;
box-sizing: border-box;
line-height: 1.2;
text-align:left;
}
.side_bar_sub p,
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
font-size: 12px;
line-height: 130%;
color: #333;
margin-bottom: 10px;
padding-bottom: 10px;
}
.side_bar_sub img {
padding-top: 10px;
}
#recruit_banner_block p.recruit_banner_page_link {
padding: 0 !important;
}
#recruit_banner_block a{
width: 100% !important;
}
.sidebar_ad_banner{
margin: 0 auto 20px !important;
width: 190px !important;
}
.sidebar_ad_banner img{
width: 100%;
}
.side_bar_sub p.link a:link,
.side_bar_sub p.link a:visited {
text-decoration: underline;
display:block;
}
.side_bar_sub p.link a:hover,
.side_bar_sub p.link a:active {
text-decoration: none;
opacity: .8;
}
#side_link_block{ width: 260px !important; }
#side_link_block .link {
background: none !important;
text-align: center;
padding: 10px 0;
border: none !important;
}
#side_link_block .link_banner {
padding-bottom: 0;
text-align: center;
}
.side_h4_common,
#side_link_block h4 {
background: none !important;
font-size: 20px !important;
font-family: 'Noto Serif JP', serif !important;
padding: 0 15px 5px 10px !important;
margin: 0 0 15px !important;
color: #381c14 !important;
text-align: left !important;
font-weight: bold !important;
border-bottom: 2px solid !important;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%) !important;
border-image-slice: 1 !important;
line-height: 150% !important;
letter-spacing: 0.05em;
position: relative;
}
.side_h4_common:before,
#side_link_block h4:before {
content: "";
display: block;
background: #6a6a6a;
width: 40px;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
}
#edittable01 .currentDay:after,
#edittable02 .currentDay:after {
background: #6a6a6a !important;
}
/*繧ｵ繧､繝峨ヰ繝ｼ繝医ヴ繝�け繧ｹ隕句�縺�*/
.box_side_topics h5 {
color: #333;
display: block;
width:100% !important;
font-size: 16px;
line-height: 1.5;
margin:0 0 15px !important;
}
/*繧ｵ繧､繝峨ヰ繝ｼ繝医ヴ繝�け繧ｹ逕ｻ蜒上�邵∝叙繧翫ｒ蠑ｷ蛻ｶ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ*/
.side_img_box {
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
padding: 0 !important;
}
.side_img_box_max{
width: 100% !important;
margin: 15px auto 30px !important;
}
#sidefree01 img,
#sidefree02 img,
#sidefree03 img,
#sidefree04 img,
#sidefree05 img,
.sidebar_ad_banner img,
#sideaddbox01 img,
#sideaddbox02 img,
#sideimgbox01 img,
#sideimgbox02 img,
#sideimgbox03 img,
#sidetopics01 img,
#sidetopics02 img,
.like_topics_block img {
border-radius: 4px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.side_img_box_max img.side_pict{
width: 100% !important;
}
.map_box {
text-align: center;
}
.map_box iframe, .leadAccessPageImage{
width: 200px;
height: 200px;
}
.side_bar_sub .leadAccessPageImage{
padding-top:0px;
}
/*繧ｵ繧､繝峨ヰ繝ｼ繝医ヴ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ繧貞ｼｷ蛻ｶ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ*/
.box_side_topics {
width: 100% !important;
clear: both !important;
margin: 0 0 15px !important;
border: none !important;
}
.box_side_topics, .like_box_side_topics{
padding: 0 5% 10px !important;
box-sizing: border-box;
}
.box_side_topics p,
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
color: #333;
line-height: 120%;
font-size: 14px;
}
.side_bar_sub .plusBlockBtn_side{
clear: both !important;
float: right !important;
}
.subpageLink{
display: none;
}
/*縺雁撫縺�粋繧上○繝懊ち繝ｳ*/
.link_cap_txt{
font-size: 16px !important;
margin-bottom: 10px !important;
}
div.section p.right_link {
border: none;
width: auto;
height: auto;
font-size: 16px;
line-height: 1.5;
}
/*縺願ｦ狗ｩ阪ｂ繧翫�h3繧ｿ繧､繝医Ν繝舌�*/
h3.mitsumori_title {
letter-spacing: .05em;
clear: both;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 0;
font-family: 'Noto Serif JP', serif;
}
/*荳ｭ蜿､霆翫�繝��繝悶Ν繧ｿ繧､繝医Ν*/
p.usedcar_p_title {
clear: both;
color: #381c14;
font-size: 14px;
font-weight: bold;
margin-right: 20px;
padding: 3px 0 5px;
}
/*繝ｪ繝ｳ繧ｯ髮��繝ｼ繧ｸ縺ｮ繧ｳ繝ｳ繝医Ο繝ｼ繝ｫ*/
#link_block {
clear: both;
width: 100%;
margin-bottom: 30px;
}
#link_block p {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
}
/*------ 荳ｭ蜿､霆贋ｸ隕ｧ繧ｵ繝�繝阪う繝ｫ陦ｨ遉ｺ thumbnail_box ------*/
#main_contents #car_list_base{
box-sizing: border-box;
margin: 0 auto;
}
.base0_carlistSlideShow01 #car_list_base{
width: 960px;
}
#car_list_base #carListThumNail_wrapper .thumbnail_box,
#car_list_base #carListSlideShow_wrapper .thumbnail_box {
min-height: 375px;
border-radius: 2px;
}
#main_contents .thumbnail_box{
width: 225px;
height: 400px !important;
background: url(../img/cmscss/import/common/light.png) top left / contain no-repeat,
#ebe8e3 !important;
border: none !important;
display: block;
float: left;
margin: 0 20px 20px 0 !important;
position: relative;
text-decoration: none !important;
box-shadow: 1px 1px 15px rgba(0,0,0,.3);
border-radius: 2px;
}
#car_list_base #carListThumNail_wrapper .thumbnail_box:nth-of-type(4n) {
margin: 0 0 20px !important;
}
.thumbnail_box h3 a,
.thumbnail_box .h3{
color: #381c14;
font-size: 16px !important;
padding: 10px 10px 5px !important;
margin: 0 0 10px !important;
position: relative;
font-family: 'Noto Serif JP', serif;
}
.thumbnail_box h3 a,
.thumbnail_box .h3 span {
font-size: 16px !important;
}
.thumbnail_box .h3:before {
display: block;
content: "";
width: calc(100% - 16px);
height: 2px;
position: absolute;
bottom: 0;
left: 8px;
border-bottom: 1px solid !important;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%) !important;
border-image-slice: 1 !important;
}
.thumbnail_box .h3 span{
background: none !important;
padding: 0 !important;
}
.thumbnail_box .carthumb_img {
height: 190px !important;
clear: both;
display: block;
float: left;
margin: 0 0 15px !important;
overflow: hidden;
padding: 0 !important;
}
.thumbnail_box .carthumb_img img{
width: 225px !important;
}
.thumbnail_box .carthumb_img img.recomendmark_img{
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 60px !important;
}
.thumbnail_box .carthumb_img img.soldout_img{
left: 60px !important;
}
.thumbnail_box .carthumb_date{
padding: 3px 15px !important;
position: static !important;
background: #351c14 !important;
color: #fcfcfc;
}
.thumbnail_box .carthumb_price{
color: #333 !important;
font-size: 14px !important;
margin: 0 0 10px !important;
max-height: none !important;
padding: 0 15px;
}
.thumbnail_box .carthumb_price span{
display: block;
}
.thumbnail_box .carthumb_price span strong{
font-size: 14px !important;
font-weight: bold !important;
}
.thumbnail_box .carthumb_txt{
color: #333 !important;
font-size: 12px !important;
}
.UsedCarEditBtnBlock{
width: 202px;
}
.thumbnail_box .inCarlist {
right: auto;
left: 5px;
width: 215px;
}
/*2013-06-20 蠕ｳ逕ｰ霑ｽ蜉� */
.UsedCarListEditBtnBlock{
width: 610px !important;
}
.side_shop_info_mapbottom{
margin: 0 0 20px 0;
padding: 0 5%;
box-sizing: border-box;
}
/*2015-07-3 陦｣蟾晁ｿｽ蜉� */
div#eigyoubi_cal{
padding: 0 !important;
}
.side_bar_sub #edittable01,
.side_bar_sub #edittable02 {
background: #f6f5f1;
}
.side_bar_sub #edittable01 tbody tr:first-of-type,
.side_bar_sub #edittable02 tbody tr:first-of-type {
background: url(../img/cmscss/import/common/leather_black.jpg) !important;
}
.side_bar_sub div#eigyoubi_cal p{
font-family: 'Noto Serif JP', serif !important;
font-style: italic;
font-size: 26px;
font-weight: bold;
height: 40px;
padding: 0 20px !important;
color: #381c14 !important;
margin: 0;
text-align: left;
border-radius: 0;
background: none;
position: relative;
}
.side_bar_sub div#eigyoubi_cal p:before {
display: block;
content: "";
background: #6a6a6a;
width: 15px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
}
.side_bar_sub #eigyoubi_cal #now,
.side_bar_sub #eigyoubi_cal #next{
margin: 0 auto 30px !important;
padding: 0 0 12px;
border-radius: 0 !important;
background: none;
}
.side_bar_sub #eigyoubi_cal #next{
border-bottom: none;
}
.monthlyCalendarHead {
margin: 0 0 30px;
}
#edittable01 tr, #edittable02 tr,
#edittable01 td, #edittable02 td{
background: none !important;
padding: 5px 0;
}
#edittable01 th, #edittable02 th{
padding: 7px 0 !important;
}
.side_bar_sub #edittable01 th a,
.side_bar_sub #edittable02 th a,
.side_bar_sub #edittable01 tr:nth-of-type(1) th,
.side_bar_sub #edittable02 tr:nth-of-type(1) th{
color: #fff !important;
font-family: 'Noto Serif JP', serif !important;
font-weight: 700 !important;
}
#edittable01 tr:nth-of-type(1) th:nth-of-type(1),
#edittable02 tr:nth-of-type(1) th:nth-of-type(1),
#edittable01 tr:nth-of-type(1) th:nth-of-type(1) a,
#edittable02 tr:nth-of-type(1) th:nth-of-type(1) a,
#edittable01 span.sun,
#edittable02 span.sun{
color: #ff4d4d !important;
}
#edittable01 tr:nth-of-type(1) th:nth-of-type(7),
#edittable02 tr:nth-of-type(1) th:nth-of-type(7),
#edittable01 tr:nth-of-type(1) th:nth-of-type(7) a,
#edittable02 tr:nth-of-type(1) th:nth-of-type(7) a,
#edittable01 span.sat,
#edittable02 span.sat{
color: #75b9ff !important;
}
#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span{
font-family: 'Noto Serif JP', serif !important;
font-weight: 700;
padding: 4px 0 !important;
color: #333;
}
#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span {
position: relative;
background: none !important;
}
#edittable01 td.closed span:before,
#edittable02 td.closed span:before,
#edittable01 td.regularClosed span:before,
#edittable02 td.regularClosed span:before,
#edittable01 td.allholclosed span:before,
#edittable02 td.allholclosed span:before {
display: block;
content: "";
background: url(../img/cmscss/import/holiday/000000.png) no-repeat !important;
width: 26px;
height: 26px;
box-sizing: border-box;
position: absolute;
top: 3px;
left: calc(50% - 12px);
}
#side_link_block{
padding: 0 !important;
}
#slider_change {
right: 70px !important;
top: 70px !important;
}
.tokuten_body,
.pr_body{
color: #381c14 !important;
}
br.clearBr{
display: none;
}
.search_title {
width: 95px !important;
}
/* 1繧ｫ繝ｩ繝�繝�じ繧､繝ｳ蟆ら畑縲.imageBox陬懈ｭ｣ */
.js-imageBoxContentsWrapper{
margin: 0 0 20px;
}
.js-imageBoxSlider{
margin: 0 0 15px;
}
.js-imageBoxBackground{
padding: 30px !important;
}
.js-imageBoxBackground:before{
display: none;
}
.js-imageBoxBackground + :not(.js-imageBoxBackground){
margin: 30px 0 120px;
}
.js-editTextOuter{
animation-delay: .3s !important;
font-family: 'Noto Sans JP', san-serif;
line-height: 1.5;
letter-spacing: .1em;
}
.js-imageBoxBackground .js-editTextOuter{
min-height: 260px;
padding: 30px !important;
background: rgba(243,241,238,.95) !important;
box-shadow: none !important;
}
.js-imageBoxBackground .js-editTextOuter h3,
.js-imageBoxBackground .js-editTextOuter .b_voice {
color: #381c14 !important;
border-bottom: 1px solid !important;
border-image: linear-gradient(to right, #381c14 0%,#381c14 70%, transparent 100%) !important;
border-image-slice: 1 !important;
padding: 0 0 10px !important;
margin: 0px 0 15px !important;
}
.js-imageBoxBackground .js-editTextOuter p,
.js-imageBoxBackground .js-editTextOuter b {
color: #381c14 !important;
}
#main_contents .js-imageBoxBackground .editTextOuter span {
color: #381c14;
}
/*** common.css 縺ｮ荳頑嶌縺� ***/
.est_table_car th{
padding: 15px !important;
}
.checkedValidIcon{
top: 10px !important;
}
/*** 螳滉ｾ� ***/
#body_free.reviewPage .reviewTopContentsInner{
background-size:cover !important;
}
.js-imageBoxBackground .reviewTopContentsTextOuter{
width: 100% !important;
padding: 45px !important;
}
#body_free.reviewPage .reviewTopContentsInner{
box-shadow: none;
margin-bottom: 5px !important;
}
#body_free.reviewPage .reviewTopContentsInner:hover{
transform: scale(1);
}
#body_free.reviewPage #main_img_wrapper{
padding-top: 80px;
}
#conteiner{position: relative;}
#conteiner > .img_left{
position: absolute;
bottom: 20px;
left: calc(50% - 480px);
}
/*** 繧ｫ繝ｼ繝医�繝ｼ繧ｸ ***/
#main_contents.ec-cart .blog_item.block_outer .cartList {
background: rgba(0,0,0,.65);
border: rgba(255,255,255,.2) solid 1px;
padding: 30px;
box-sizing: border-box;
}
.ec-cart p {
font-family: 'Noto Sans JP', san-serif;
letter-spacing: .1em;
line-height: 1.5;
}
.ec-cart #carinfo_panlist_box {
padding: 0 0 30px !important;
}
.div_box_free.div_box_common.js-basicCartButtonWrap {
background: none !important;
margin: 0 auto !important;
}
.nextCartButton {
width: 360px;
margin: 0 auto !important;
}
.ec-cart .blog_item.block_outer.block_outer_usedcar_detail {
padding: 80px 0 !important;
}
.ec-cart .ec-cart__progress {
margin: 90px auto 45px;
}
.ec-cart .ec-cart__progress-item--current,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover{
background: #6a6a6a;
}
.ec-cart .ec-cart__progress-item--current:after,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover:after {
background: #6a6a6a;
}
.ec-cart .ec-cart__progress-item--current span,
.ec-cart .ec-cart__progress-item:hover a{
color: #fff;
font-weight: bold;
}
.cartListOuter {
margin-bottom: 30px;
}
.aboutCommerceLaw.cart_h2 {
background: none !important;
color: #fff !important;
margin: 0 0 60px !important;
text-align: left !important;
padding: 0 !important;
}
.aboutCommerceLaw.cart_h2:before {
display: none !important;
}
.aboutCommerceLaw.cart_h2:after {
display: none !important;
}
.imageBoxMultiSlider .imageBoxContentsWrapper{
overflow: hidden !important;
padding: 0 0 15px;
}
.imageBoxMultiSlider .imageBoxContents[data-layout="LAYOUT_MULTI_SLIDESHOW"]{
margin: 0 30px 10px !important;
}
.imageBoxMultiSlider .imageBoxInner > img,
.imageBoxMultiSlider .imageBoxInner .imageBoxImage{
width: 100%;
border-radius: 4px !important;
box-shadow: 5px 5px 13px rgba(0,0,0,.2) !important;
}
.usedcar_info_body #block_outer_free01_01 .plusBlockBtn,
.usedcar_info_body #block_outer_free02_01 .plusBlockBtn {
width: 100%;
padding: 10px 0;
min-width: auto !important;
margin-left: auto;
margin-right: auto;
position: relative !important;
z-index: 1;
}
.usedcar_info_body #block_outer_free01_01 .img_box_left[data-size="max"],
.usedcar_info_body #block_outer_free02_01 .img_box_left[data-size="max"],
.usedcar_info_body #block_outer_free03_01 .img_box_left[data-size="max"],
.usedcar_info_body #block_outer_free01_01 .img_box_right[data-size="max"],
.usedcar_info_body #block_outer_free02_01 .img_box_right[data-size="max"],
.usedcar_info_body #block_outer_free03_01 .img_box_right[data-size="max"]{
margin-left: 0;
margin-right: 0;
}
.usedcar_info_body #block_outer_free01_01 img,
.usedcar_info_body #block_outer_free02_01 img,
.usedcar_info_body #block_outer_free03_01 img{
max-width: 100%;
}
.hasUsedcarDetailBg .box_free{
background: #fff;
padding: 30px;
}
.spamMailSetting__link {
margin: 0 auto 30px !important;
}
/*繧｢繝ｳ繧ｱ繝ｼ繝医�繝ｼ繧ｸ*/
#block_outer_contact_enquete .div_box_free {
background: rgba(255,255,255,.9) !important;
color: #381c14;
padding: 60px;
box-sizing: border-box;
}
#block_outer_contact_enquete .inputbtn {
margin: 0 auto !important;
}
#block_outer_contact_enquete .h2_common > span,
#block_outer_thankyou .h2_common > span {
display: inline;
}
.ec-cart .cartList {
width: 960px;
margin: 0 auto 60px;
background: rgba(255,255,255,.9);
box-sizing: border-box;
padding: 30px;
border: 1px solid #cbcbcb;
color: #381c14;
border-radius: 4px;
}
#main_contents #block_outer_title h2 {
margin: 0 auto;
}
.conversionButtonFixedOuter .conversionButtonFixedItem {
line-height: 47px !important;
}
#apm-customer.noteTop {
width: 900px;
margin: 0 auto 15px;
}
#main_contents .ec-form__explain {
padding: 30px;
}
#main_contents .ec-button__returnInformation a {
color: #fff;
font-family: 'Noto Sans JP', san-serif;
letter-spacing: .05em;
}
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .ec-button__returnInformation a {
color: #381c14;
}
#main_contents .ec-button__returnInformation a:before {
display: none;
}
#main_contents .boxImageImageControllerOuter.js-right[data-layout="LAYOUT_SLIDESHOW"] {
right: 45px;
top: 45px;
}
#main_contents .boxImageImageControllerOuter.js-left[data-layout="LAYOUT_SLIDESHOW"] {
left: 45px;
top: 45px;
}
.boxImageImageControllerOuter[data-layout = "LAYOUT_MULTI_SLIDESHOW"]{
bottom:-25px !important;
}
/***************************************************************/
/*蜈ｱ騾嘖s*/
/* 繝輔ャ繧ｿ繝ｼ縺ｮhref繧貞炎髯､縺励◆繧峨�繧､繝ｳ繧ｿ繝ｼ縺悟柑縺九↑縺上↑縺｣縺溘�縺ｧ霑ｽ蜉� */
@font-face {
font-family: "sourceHanSansRegular";
src: url("../fonts/logoFont/sourceHanSansRegular.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "mPlusRounded1cBold";
src: url("../fonts/logoFont/mPlusRounded1cBold.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "mPlusRounded1cLight";
src: url("../fonts/logoFont/mPlusRounded1cLight.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "notoSerifJpExtraLight";
src: url("../fonts/logoFont/notoSerifJpExtraLight.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "mplus1pRegular";
src: url("../fonts/logoFont/mplus1pRegular.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "notoSansJpLight";
src: url("../fonts/logoFont/notoSansJpLight.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "notoSansJpBold";
src: url("../fonts/logoFont/notoSansJpBold.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "notoSansJpBlack";
src: url("../fonts/logoFont/notoSansJpBlack.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "logoTypeGothic";
src: url("../fonts/logoFont/logoTypeGothic.woff") format("woff");
font-display: swap;
}
/**
* 縺ｪ繧薙％繧娯ｦ蠢�ｦ�ｼ溷牡縺ｨ縺�ｍ繧薙↑縺ｨ縺薙ｍ縺ｸ蠖ｱ髻ｿ縺悟�縺ｦ縺�ｋ
* 陬�｣ｾ繧偵▽縺代◆譁�ｭ励�繝輔か繝ｳ繝医′繝ｪ繧ｻ繝�ヨ縺輔ｌ繧九ゅｈ繧阪＠縺上↑縺�↑縺�
*/
/** {font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";}*/
/**:not(font) {font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";}*/
.NotoSerifJP *:not(font):not(.editParts){
font-family: 'Noto Serif JP' !important;
}
.NotoSansJP *:not(font):not(.editParts){
font-family: 'Noto Sans JP' !important;
}
.Kosugi *:not(font):not(.editParts){
font-family: Kosugi !important;
}
.MPLUSRounded1c *:not(font):not(.editParts){
font-family: 'M PLUS Rounded 1c' !important;
}
.NotoSerifJP:not(font):not(.editParts){
font-family: 'Noto Serif JP' !important;
}
.NotoSansJP:not(font):not(.editParts){
font-family: 'Noto Sans JP' !important;
}
.Kosugi:not(font):not(.editParts){
font-family: Kosugi !important;
}
.MPLUSRounded1c:not(font):not(.editParts){
font-family: 'M PLUS Rounded 1c' !important;
}
html {
font-size: 16px; /* 邨ｶ蟇ｾ螟峨∴縺｡繧�ム繝｡縲ゅ※縺�≧縺句､峨∴繧句ｿ�ｦ√ｂ縺ｪ縺� */
}
body {
word-wrap: break-word;
overflow-wrap: break-word;
}
body.userSelectNone *{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
a {cursor:pointer;}
/*
.ExMon_msg{
font-size: 11px;
color: #369;
display: block;
padding: 0 5px;
}
*/
img{
border:none;
line-height: 0px;
vertical-align: bottom;
}
.editBlockCountButton[data-activate-button='0']{
display: none;
}
.editBlockCountButton[data-activate-button='1']{
display: inline-block;
}
.editBlockCountButtonOverlay{
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .5);
display: none;
left: 0;
position: absolute;
}
.editBlockCountButtonOverlay.active{
display: inline-block;
z-index: 2;
}
iframe{
border: none;
}
ol, ul {list-style: none;}
address{
font-style:normal;
padding:0px;
}
.clear {
clear: both;
margin: 0px !important;
padding: 0px !important;
}
table {border-collapse:collapse;}
th,td {word-break:break-all;}
textarea,select{
font-size:14px;
padding:5px;
border: 1px solid #CCCCCC !important;
border-radius: 3px;
}
/*2023-09-05 繝輔か繝ｼ繝�縺ｮbutton繧ｿ繧ｰ�医ｂ縺ｨ繧ゅ→input繧ｿ繧ｰ縺�縺｣縺溘ｂ縺ｮ�峨�CSS繧貞�譛溷喧*/
/*https://zenn.dev/fujishiro/scraps/7c20da0e8e86c1縲繧貞盾辣ｧ縺励※菴懈�*/
button{
padding: 0;
border: none;
outline: none;
font: inherit;
color: inherit;
cursor: pointer;
background: none;
}
.block {
width:960px;
margin:0 auto;
}
.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}
.fll{float: left;}
.flr{float: right;}
.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb45 {margin-bottom: 45px;}
.mb60 {margin-bottom: 60px;}
.dblock {display:block;}
.dinlineblock{display:inline-block;}
.pc_none{display:none;}
/* end layout*/
.sliderImage span strong {
font-size: 14px;
color:#FFFFFF;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 280px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}
#slider {
width: 660px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
transition: height .3s;
}
#sliderContent {
width: 660px;
position: absolute;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 20px 20px;
width: 634px;
background-color:#000;
color: #fff;
display: none;
line-height:200%;
opacity: 0.7;
}
.sliderImage .slider_title{
width: calc( 100% - 100px );
display: block;
left: 50px;
position: absolute;
top: 70px;
z-index: 2;
}
.sliderImage .slider_title[data-disp-flag = "1"]{
display: none !important;
}
.sliderImage .slider_title p{
font-family: 'M PLUS 1p', sans-serif;
font-size: 22px;
color: #FFF;
line-height: 1.3;
text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}
.sliderImage .slider_title p b{
font-family: 'M PLUS 1p', sans-serif;
font-size: 72px;
color: #FFF;
letter-spacing: -.01em;
text-shadow: none;
}
.sliderImage .slider_title p b.str_num_under_8{font-size: 72px;}
.sliderImage .slider_title p b.str_num_8{font-size: 70px;}
.sliderImage .slider_title p b.str_num_9{font-size: 62px;}
.sliderImage .slider_title p b.str_num_10{font-size: 56px;}
.sliderImage .slider_title p b.str_num_11{font-size: 50px;}
.sliderImage .slider_title p b.str_num_over_11{font-size: 45px;}
.sliderImage .slider_title p.main_color_000000 b{
text-shadow: rgb(0, 0, 0) 4px 0px 0px,
rgb(0, 0, 0) 3.87565px 0.989616px 0px,
rgb(0, 0, 0) 3.51033px 1.9177px 0px,
rgb(0, 0, 0) 2.92676px 2.72656px 0px,
rgb(0, 0, 0) 2.16121px 3.36588px 0px,
rgb(0, 0, 0) 1.26129px 3.79594px 0px,
rgb(0, 0, 0) 0.282949px 3.98998px 0px,
rgb(0, 0, 0) -0.712984px 3.93594px 0px,
rgb(0, 0, 0) -1.66459px 3.63719px 0px,
rgb(0, 0, 0) -2.51269px 3.11229px 0px,
rgb(0, 0, 0) -3.20457px 2.39389px 0px,
rgb(0, 0, 0) -3.69721px 1.52664px 0px,
rgb(0, 0, 0) -3.95997px 0.56448px 0px,
rgb(0, 0, 0) -3.97652px -0.432781px 0px,
rgb(0, 0, 0) -3.74583px -1.40313px 0px,
rgb(0, 0, 0) -3.28224px -2.28625px 0px,
rgb(0, 0, 0) -2.61457px -3.02721px 0px,
rgb(0, 0, 0) -1.78435px -3.57996px 0px,
rgb(0, 0, 0) -0.843183px -3.91012px 0px,
rgb(0, 0, 0) 0.150409px -3.99717px 0px,
rgb(0, 0, 0) 1.13465px -3.8357px 0px,
rgb(0, 0, 0) 2.04834px -3.43574px 0px,
rgb(0, 0, 0) 2.83468px -2.82216px 0px,
rgb(0, 0, 0) 3.44477px -2.03312px 0px,
rgb(0, 0, 0) 3.84068px -1.11766px 0px,
rgb(0, 0, 0) 3.9978px -0.132717px 0px,
rgb(153, 153, 153) 6px 0px 0px,
rgb(153, 153, 153) 5.91686px 0.995377px 0px,
rgb(153, 153, 153) 5.66974px 1.96317px 0px,
rgb(153, 153, 153) 5.2655px 2.87655px 0px,
rgb(153, 153, 153) 4.71532px 3.71022px 0px,
rgb(153, 153, 153) 4.03447px 4.44106px 0px,
rgb(153, 153, 153) 3.24181px 5.04883px 0px,
rgb(153, 153, 153) 2.35931px 5.51667px 0px,
rgb(153, 153, 153) 1.41143px 5.83163px 0px,
rgb(153, 153, 153) 0.424423px 5.98497px 0px,
rgb(153, 153, 153) -0.574341px 5.97245px 0px,
rgb(153, 153, 153) -1.55719px 5.79441px 0px,
rgb(153, 153, 153) -2.49688px 5.45578px 0px,
rgb(153, 153, 153) -3.36738px 4.96596px 0px,
rgb(153, 153, 153) -4.14455px 4.33852px 0px,
rgb(153, 153, 153) -4.80686px 3.59083px 0px,
rgb(153, 153, 153) -5.33596px 2.74364px 0px,
rgb(153, 153, 153) -5.71718px 1.8204px 0px,
rgb(153, 153, 153) -5.93995px 0.84672px 0px,
rgb(153, 153, 153) -5.99811px -0.150428px 0px,
rgb(153, 153, 153) -5.89004px -1.14341px 0px,
rgb(153, 153, 153) -5.61874px -2.1047px 0px,
rgb(153, 153, 153) -5.19172px -3.00766px 0px,
rgb(153, 153, 153) -4.62082px -3.82727px 0px,
rgb(153, 153, 153) -3.92186px -4.54081px 0px,
rgb(153, 153, 153) -3.11421px -5.12852px 0px,
rgb(153, 153, 153) -2.22026px -5.57409px 0px,
rgb(153, 153, 153) -1.26477px -5.86518px 0px,
rgb(153, 153, 153) -0.274238px -5.99373px 0px,
rgb(153, 153, 153) 0.723898px -5.95617px 0px,
rgb(153, 153, 153) 1.70197px -5.75355px 0px,
rgb(153, 153, 153) 2.63288px -5.39147px 0px,
rgb(153, 153, 153) 3.49082px -4.87998px 0px,
rgb(153, 153, 153) 4.25202px -4.23324px 0px,
rgb(153, 153, 153) 4.89538px -3.46919px 0px,
rgb(153, 153, 153) 5.40307px -2.60899px 0px,
rgb(153, 153, 153) 5.76102px -1.67649px 0px,
rgb(153, 153, 153) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_006600 b{
text-shadow: rgb(0, 102, 0) 4px 0px 0px,
rgb(0, 102, 0) 3.87565px 0.989616px 0px,
rgb(0, 102, 0) 3.51033px 1.9177px 0px,
rgb(0, 102, 0) 2.92676px 2.72656px 0px,
rgb(0, 102, 0) 2.16121px 3.36588px 0px,
rgb(0, 102, 0) 1.26129px 3.79594px 0px,
rgb(0, 102, 0) 0.282949px 3.98998px 0px,
rgb(0, 102, 0) -0.712984px 3.93594px 0px,
rgb(0, 102, 0) -1.66459px 3.63719px 0px,
rgb(0, 102, 0) -2.51269px 3.11229px 0px,
rgb(0, 102, 0) -3.20457px 2.39389px 0px,
rgb(0, 102, 0) -3.69721px 1.52664px 0px,
rgb(0, 102, 0) -3.95997px 0.56448px 0px,
rgb(0, 102, 0) -3.97652px -0.432781px 0px,
rgb(0, 102, 0) -3.74583px -1.40313px 0px,
rgb(0, 102, 0) -3.28224px -2.28625px 0px,
rgb(0, 102, 0) -2.61457px -3.02721px 0px,
rgb(0, 102, 0) -1.78435px -3.57996px 0px,
rgb(0, 102, 0) -0.843183px -3.91012px 0px,
rgb(0, 102, 0) 0.150409px -3.99717px 0px,
rgb(0, 102, 0) 1.13465px -3.8357px 0px,
rgb(0, 102, 0) 2.04834px -3.43574px 0px,
rgb(0, 102, 0) 2.83468px -2.82216px 0px,
rgb(0, 102, 0) 3.44477px -2.03312px 0px,
rgb(0, 102, 0) 3.84068px -1.11766px 0px,
rgb(0, 102, 0) 3.9978px -0.132717px 0px,
rgb(51, 204, 0) 6px 0px 0px,
rgb(51, 204, 0) 5.91686px 0.995377px 0px,
rgb(51, 204, 0) 5.66974px 1.96317px 0px,
rgb(51, 204, 0) 5.2655px 2.87655px 0px,
rgb(51, 204, 0) 4.71532px 3.71022px 0px,
rgb(51, 204, 0) 4.03447px 4.44106px 0px,
rgb(51, 204, 0) 3.24181px 5.04883px 0px,
rgb(51, 204, 0) 2.35931px 5.51667px 0px,
rgb(51, 204, 0) 1.41143px 5.83163px 0px,
rgb(51, 204, 0) 0.424423px 5.98497px 0px,
rgb(51, 204, 0) -0.574341px 5.97245px 0px,
rgb(51, 204, 0) -1.55719px 5.79441px 0px,
rgb(51, 204, 0) -2.49688px 5.45578px 0px,
rgb(51, 204, 0) -3.36738px 4.96596px 0px,
rgb(51, 204, 0) -4.14455px 4.33852px 0px,
rgb(51, 204, 0) -4.80686px 3.59083px 0px,
rgb(51, 204, 0) -5.33596px 2.74364px 0px,
rgb(51, 204, 0) -5.71718px 1.8204px 0px,
rgb(51, 204, 0) -5.93995px 0.84672px 0px,
rgb(51, 204, 0) -5.99811px -0.150428px 0px,
rgb(51, 204, 0) -5.89004px -1.14341px 0px,
rgb(51, 204, 0) -5.61874px -2.1047px 0px,
rgb(51, 204, 0) -5.19172px -3.00766px 0px,
rgb(51, 204, 0) -4.62082px -3.82727px 0px,
rgb(51, 204, 0) -3.92186px -4.54081px 0px,
rgb(51, 204, 0) -3.11421px -5.12852px 0px,
rgb(51, 204, 0) -2.22026px -5.57409px 0px,
rgb(51, 204, 0) -1.26477px -5.86518px 0px,
rgb(51, 204, 0) -0.274238px -5.99373px 0px,
rgb(51, 204, 0) 0.723898px -5.95617px 0px,
rgb(51, 204, 0) 1.70197px -5.75355px 0px,
rgb(51, 204, 0) 2.63288px -5.39147px 0px,
rgb(51, 204, 0) 3.49082px -4.87998px 0px,
rgb(51, 204, 0) 4.25202px -4.23324px 0px,
rgb(51, 204, 0) 4.89538px -3.46919px 0px,
rgb(51, 204, 0) 5.40307px -2.60899px 0px,
rgb(51, 204, 0) 5.76102px -1.67649px 0px,
rgb(51, 204, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_cc0000 b{
text-shadow: rgb(204, 0, 0) 4px 0px 0px,
rgb(204, 0, 0) 3.87565px 0.989616px 0px,
rgb(204, 0, 0) 3.51033px 1.9177px 0px,
rgb(204, 0, 0) 2.92676px 2.72656px 0px,
rgb(204, 0, 0) 2.16121px 3.36588px 0px,
rgb(204, 0, 0) 1.26129px 3.79594px 0px,
rgb(204, 0, 0) 0.282949px 3.98998px 0px,
rgb(204, 0, 0) -0.712984px 3.93594px 0px,
rgb(204, 0, 0) -1.66459px 3.63719px 0px,
rgb(204, 0, 0) -2.51269px 3.11229px 0px,
rgb(204, 0, 0) -3.20457px 2.39389px 0px,
rgb(204, 0, 0) -3.69721px 1.52664px 0px,
rgb(204, 0, 0) -3.95997px 0.56448px 0px,
rgb(204, 0, 0) -3.97652px -0.432781px 0px,
rgb(204, 0, 0) -3.74583px -1.40313px 0px,
rgb(204, 0, 0) -3.28224px -2.28625px 0px,
rgb(204, 0, 0) -2.61457px -3.02721px 0px,
rgb(204, 0, 0) -1.78435px -3.57996px 0px,
rgb(204, 0, 0) -0.843183px -3.91012px 0px,
rgb(204, 0, 0) 0.150409px -3.99717px 0px,
rgb(204, 0, 0) 1.13465px -3.8357px 0px,
rgb(204, 0, 0) 2.04834px -3.43574px 0px,
rgb(204, 0, 0) 2.83468px -2.82216px 0px,
rgb(204, 0, 0) 3.44477px -2.03312px 0px,
rgb(204, 0, 0) 3.84068px -1.11766px 0px,
rgb(204, 0, 0) 3.9978px -0.132717px 0px,
rgb(255, 0, 0) 6px 0px 0px,
rgb(255, 0, 0) 5.91686px 0.995377px 0px,
rgb(255, 0, 0) 5.66974px 1.96317px 0px,
rgb(255, 0, 0) 5.2655px 2.87655px 0px,
rgb(255, 0, 0) 4.71532px 3.71022px 0px,
rgb(255, 0, 0) 4.03447px 4.44106px 0px,
rgb(255, 0, 0) 3.24181px 5.04883px 0px,
rgb(255, 0, 0) 2.35931px 5.51667px 0px,
rgb(255, 0, 0) 1.41143px 5.83163px 0px,
rgb(255, 0, 0) 0.424423px 5.98497px 0px,
rgb(255, 0, 0) -0.574341px 5.97245px 0px,
rgb(255, 0, 0) -1.55719px 5.79441px 0px,
rgb(255, 0, 0) -2.49688px 5.45578px 0px,
rgb(255, 0, 0) -3.36738px 4.96596px 0px,
rgb(255, 0, 0) -4.14455px 4.33852px 0px,
rgb(255, 0, 0) -4.80686px 3.59083px 0px,
rgb(255, 0, 0) -5.33596px 2.74364px 0px,
rgb(255, 0, 0) -5.71718px 1.8204px 0px,
rgb(255, 0, 0) -5.93995px 0.84672px 0px,
rgb(255, 0, 0) -5.99811px -0.150428px 0px,
rgb(255, 0, 0) -5.89004px -1.14341px 0px,
rgb(255, 0, 0) -5.61874px -2.1047px 0px,
rgb(255, 0, 0) -5.19172px -3.00766px 0px,
rgb(255, 0, 0) -4.62082px -3.82727px 0px,
rgb(255, 0, 0) -3.92186px -4.54081px 0px,
rgb(255, 0, 0) -3.11421px -5.12852px 0px,
rgb(255, 0, 0) -2.22026px -5.57409px 0px,
rgb(255, 0, 0) -1.26477px -5.86518px 0px,
rgb(255, 0, 0) -0.274238px -5.99373px 0px,
rgb(255, 0, 0) 0.723898px -5.95617px 0px,
rgb(255, 0, 0) 1.70197px -5.75355px 0px,
rgb(255, 0, 0) 2.63288px -5.39147px 0px,
rgb(255, 0, 0) 3.49082px -4.87998px 0px,
rgb(255, 0, 0) 4.25202px -4.23324px 0px,
rgb(255, 0, 0) 4.89538px -3.46919px 0px,
rgb(255, 0, 0) 5.40307px -2.60899px 0px,
rgb(255, 0, 0) 5.76102px -1.67649px 0px,
rgb(255, 0, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_6633cc b{
text-shadow: rgb(102, 51, 204) 4px 0px 0px,
rgb(102, 51, 204) 3.87565px 0.989616px 0px,
rgb(102, 51, 204) 3.51033px 1.9177px 0px,
rgb(102, 51, 204) 2.92676px 2.72656px 0px,
rgb(102, 51, 204) 2.16121px 3.36588px 0px,
rgb(102, 51, 204) 1.26129px 3.79594px 0px,
rgb(102, 51, 204) 0.282949px 3.98998px 0px,
rgb(102, 51, 204) -0.712984px 3.93594px 0px,
rgb(102, 51, 204) -1.66459px 3.63719px 0px,
rgb(102, 51, 204) -2.51269px 3.11229px 0px,
rgb(102, 51, 204) -3.20457px 2.39389px 0px,
rgb(102, 51, 204) -3.69721px 1.52664px 0px,
rgb(102, 51, 204) -3.95997px 0.56448px 0px,
rgb(102, 51, 204) -3.97652px -0.432781px 0px,
rgb(102, 51, 204) -3.74583px -1.40313px 0px,
rgb(102, 51, 204) -3.28224px -2.28625px 0px,
rgb(102, 51, 204) -2.61457px -3.02721px 0px,
rgb(102, 51, 204) -1.78435px -3.57996px 0px,
rgb(102, 51, 204) -0.843183px -3.91012px 0px,
rgb(102, 51, 204) 0.150409px -3.99717px 0px,
rgb(102, 51, 204) 1.13465px -3.8357px 0px,
rgb(102, 51, 204) 2.04834px -3.43574px 0px,
rgb(102, 51, 204) 2.83468px -2.82216px 0px,
rgb(102, 51, 204) 3.44477px -2.03312px 0px,
rgb(102, 51, 204) 3.84068px -1.11766px 0px,
rgb(102, 51, 204) 3.9978px -0.132717px 0px,
rgb(204, 153, 255) 6px 0px 0px,
rgb(204, 153, 255) 5.91686px 0.995377px 0px,
rgb(204, 153, 255) 5.66974px 1.96317px 0px,
rgb(204, 153, 255) 5.2655px 2.87655px 0px,
rgb(204, 153, 255) 4.71532px 3.71022px 0px,
rgb(204, 153, 255) 4.03447px 4.44106px 0px,
rgb(204, 153, 255) 3.24181px 5.04883px 0px,
rgb(204, 153, 255) 2.35931px 5.51667px 0px,
rgb(204, 153, 255) 1.41143px 5.83163px 0px,
rgb(204, 153, 255) 0.424423px 5.98497px 0px,
rgb(204, 153, 255) -0.574341px 5.97245px 0px,
rgb(204, 153, 255) -1.55719px 5.79441px 0px,
rgb(204, 153, 255) -2.49688px 5.45578px 0px,
rgb(204, 153, 255) -3.36738px 4.96596px 0px,
rgb(204, 153, 255) -4.14455px 4.33852px 0px,
rgb(204, 153, 255) -4.80686px 3.59083px 0px,
rgb(204, 153, 255) -5.33596px 2.74364px 0px,
rgb(204, 153, 255) -5.71718px 1.8204px 0px,
rgb(204, 153, 255) -5.93995px 0.84672px 0px,
rgb(204, 153, 255) -5.99811px -0.150428px 0px,
rgb(204, 153, 255) -5.89004px -1.14341px 0px,
rgb(204, 153, 255) -5.61874px -2.1047px 0px,
rgb(204, 153, 255) -5.19172px -3.00766px 0px,
rgb(204, 153, 255) -4.62082px -3.82727px 0px,
rgb(204, 153, 255) -3.92186px -4.54081px 0px,
rgb(204, 153, 255) -3.11421px -5.12852px 0px,
rgb(204, 153, 255) -2.22026px -5.57409px 0px,
rgb(204, 153, 255) -1.26477px -5.86518px 0px,
rgb(204, 153, 255) -0.274238px -5.99373px 0px,
rgb(204, 153, 255) 0.723898px -5.95617px 0px,
rgb(204, 153, 255) 1.70197px -5.75355px 0px,
rgb(204, 153, 255) 2.63288px -5.39147px 0px,
rgb(204, 153, 255) 3.49082px -4.87998px 0px,
rgb(204, 153, 255) 4.25202px -4.23324px 0px,
rgb(204, 153, 255) 4.89538px -3.46919px 0px,
rgb(204, 153, 255) 5.40307px -2.60899px 0px,
rgb(204, 153, 255) 5.76102px -1.67649px 0px,
rgb(204, 153, 255) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_ff6699 b{
text-shadow: rgb(255, 102, 153) 4px 0px 0px,
rgb(255, 102, 153) 3.87565px 0.989616px 0px,
rgb(255, 102, 153) 3.51033px 1.9177px 0px,
rgb(255, 102, 153) 2.92676px 2.72656px 0px,
rgb(255, 102, 153) 2.16121px 3.36588px 0px,
rgb(255, 102, 153) 1.26129px 3.79594px 0px,
rgb(255, 102, 153) 0.282949px 3.98998px 0px,
rgb(255, 102, 153) -0.712984px 3.93594px 0px,
rgb(255, 102, 153) -1.66459px 3.63719px 0px,
rgb(255, 102, 153) -2.51269px 3.11229px 0px,
rgb(255, 102, 153) -3.20457px 2.39389px 0px,
rgb(255, 102, 153) -3.69721px 1.52664px 0px,
rgb(255, 102, 153) -3.95997px 0.56448px 0px,
rgb(255, 102, 153) -3.97652px -0.432781px 0px,
rgb(255, 102, 153) -3.74583px -1.40313px 0px,
rgb(255, 102, 153) -3.28224px -2.28625px 0px,
rgb(255, 102, 153) -2.61457px -3.02721px 0px,
rgb(255, 102, 153) -1.78435px -3.57996px 0px,
rgb(255, 102, 153) -0.843183px -3.91012px 0px,
rgb(255, 102, 153) 0.150409px -3.99717px 0px,
rgb(255, 102, 153) 1.13465px -3.8357px 0px,
rgb(255, 102, 153) 2.04834px -3.43574px 0px,
rgb(255, 102, 153) 2.83468px -2.82216px 0px,
rgb(255, 102, 153) 3.44477px -2.03312px 0px,
rgb(255, 102, 153) 3.84068px -1.11766px 0px,
rgb(255, 102, 153) 3.9978px -0.132717px 0px,
rgb(255, 204, 255) 6px 0px 0px,
rgb(255, 204, 255) 5.91686px 0.995377px 0px,
rgb(255, 204, 255) 5.66974px 1.96317px 0px,
rgb(255, 204, 255) 5.2655px 2.87655px 0px,
rgb(255, 204, 255) 4.71532px 3.71022px 0px,
rgb(255, 204, 255) 4.03447px 4.44106px 0px,
rgb(255, 204, 255) 3.24181px 5.04883px 0px,
rgb(255, 204, 255) 2.35931px 5.51667px 0px,
rgb(255, 204, 255) 1.41143px 5.83163px 0px,
rgb(255, 204, 255) 0.424423px 5.98497px 0px,
rgb(255, 204, 255) -0.574341px 5.97245px 0px,
rgb(255, 204, 255) -1.55719px 5.79441px 0px,
rgb(255, 204, 255) -2.49688px 5.45578px 0px,
rgb(255, 204, 255) -3.36738px 4.96596px 0px,
rgb(255, 204, 255) -4.14455px 4.33852px 0px,
rgb(255, 204, 255) -4.80686px 3.59083px 0px,
rgb(255, 204, 255) -5.33596px 2.74364px 0px,
rgb(255, 204, 255) -5.71718px 1.8204px 0px,
rgb(255, 204, 255) -5.93995px 0.84672px 0px,
rgb(255, 204, 255) -5.99811px -0.150428px 0px,
rgb(255, 204, 255) -5.89004px -1.14341px 0px,
rgb(255, 204, 255) -5.61874px -2.1047px 0px,
rgb(255, 204, 255) -5.19172px -3.00766px 0px,
rgb(255, 204, 255) -4.62082px -3.82727px 0px,
rgb(255, 204, 255) -3.92186px -4.54081px 0px,
rgb(255, 204, 255) -3.11421px -5.12852px 0px,
rgb(255, 204, 255) -2.22026px -5.57409px 0px,
rgb(255, 204, 255) -1.26477px -5.86518px 0px,
rgb(255, 204, 255) -0.274238px -5.99373px 0px,
rgb(255, 204, 255) 0.723898px -5.95617px 0px,
rgb(255, 204, 255) 1.70197px -5.75355px 0px,
rgb(255, 204, 255) 2.63288px -5.39147px 0px,
rgb(255, 204, 255) 3.49082px -4.87998px 0px,
rgb(255, 204, 255) 4.25202px -4.23324px 0px,
rgb(255, 204, 255) 4.89538px -3.46919px 0px,
rgb(255, 204, 255) 5.40307px -2.60899px 0px,
rgb(255, 204, 255) 5.76102px -1.67649px 0px,
rgb(255, 204, 255) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_ffcc00 b{
text-shadow: rgb(255, 153, 0) 4px 0px 0px,
rgb(255, 153, 0) 3.87565px 0.989616px 0px,
rgb(255, 153, 0) 3.51033px 1.9177px 0px,
rgb(255, 153, 0) 2.92676px 2.72656px 0px,
rgb(255, 153, 0) 2.16121px 3.36588px 0px,
rgb(255, 153, 0) 1.26129px 3.79594px 0px,
rgb(255, 153, 0) 0.282949px 3.98998px 0px,
rgb(255, 153, 0) -0.712984px 3.93594px 0px,
rgb(255, 153, 0) -1.66459px 3.63719px 0px,
rgb(255, 153, 0) -2.51269px 3.11229px 0px,
rgb(255, 153, 0) -3.20457px 2.39389px 0px,
rgb(255, 153, 0) -3.69721px 1.52664px 0px,
rgb(255, 153, 0) -3.95997px 0.56448px 0px,
rgb(255, 153, 0) -3.97652px -0.432781px 0px,
rgb(255, 153, 0) -3.74583px -1.40313px 0px,
rgb(255, 153, 0) -3.28224px -2.28625px 0px,
rgb(255, 153, 0) -2.61457px -3.02721px 0px,
rgb(255, 153, 0) -1.78435px -3.57996px 0px,
rgb(255, 153, 0) -0.843183px -3.91012px 0px,
rgb(255, 153, 0) 0.150409px -3.99717px 0px,
rgb(255, 153, 0) 1.13465px -3.8357px 0px,
rgb(255, 153, 0) 2.04834px -3.43574px 0px,
rgb(255, 153, 0) 2.83468px -2.82216px 0px,
rgb(255, 153, 0) 3.44477px -2.03312px 0px,
rgb(255, 153, 0) 3.84068px -1.11766px 0px,
rgb(255, 153, 0) 3.9978px -0.132717px 0px,
rgb(255, 204, 0) 6px 0px 0px,
rgb(255, 204, 0) 5.91686px 0.995377px 0px,
rgb(255, 204, 0) 5.66974px 1.96317px 0px,
rgb(255, 204, 0) 5.2655px 2.87655px 0px,
rgb(255, 204, 0) 4.71532px 3.71022px 0px,
rgb(255, 204, 0) 4.03447px 4.44106px 0px,
rgb(255, 204, 0) 3.24181px 5.04883px 0px,
rgb(255, 204, 0) 2.35931px 5.51667px 0px,
rgb(255, 204, 0) 1.41143px 5.83163px 0px,
rgb(255, 204, 0) 0.424423px 5.98497px 0px,
rgb(255, 204, 0) -0.574341px 5.97245px 0px,
rgb(255, 204, 0) -1.55719px 5.79441px 0px,
rgb(255, 204, 0) -2.49688px 5.45578px 0px,
rgb(255, 204, 0) -3.36738px 4.96596px 0px,
rgb(255, 204, 0) -4.14455px 4.33852px 0px,
rgb(255, 204, 0) -4.80686px 3.59083px 0px,
rgb(255, 204, 0) -5.33596px 2.74364px 0px,
rgb(255, 204, 0) -5.71718px 1.8204px 0px,
rgb(255, 204, 0) -5.93995px 0.84672px 0px,
rgb(255, 204, 0) -5.99811px -0.150428px 0px,
rgb(255, 204, 0) -5.89004px -1.14341px 0px,
rgb(255, 204, 0) -5.61874px -2.1047px 0px,
rgb(255, 204, 0) -5.19172px -3.00766px 0px,
rgb(255, 204, 0) -4.62082px -3.82727px 0px,
rgb(255, 204, 0) -3.92186px -4.54081px 0px,
rgb(255, 204, 0) -3.11421px -5.12852px 0px,
rgb(255, 204, 0) -2.22026px -5.57409px 0px,
rgb(255, 204, 0) -1.26477px -5.86518px 0px,
rgb(255, 204, 0) -0.274238px -5.99373px 0px,
rgb(255, 204, 0) 0.723898px -5.95617px 0px,
rgb(255, 204, 0) 1.70197px -5.75355px 0px,
rgb(255, 204, 0) 2.63288px -5.39147px 0px,
rgb(255, 204, 0) 3.49082px -4.87998px 0px,
rgb(255, 204, 0) 4.25202px -4.23324px 0px,
rgb(255, 204, 0) 4.89538px -3.46919px 0px,
rgb(255, 204, 0) 5.40307px -2.60899px 0px,
rgb(255, 204, 0) 5.76102px -1.67649px 0px,
rgb(255, 204, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_ffffff b{
text-shadow: rgb(153, 153, 153) 4px 0px 0px,
rgb(153, 153, 153) 3.87565px 0.989616px 0px,
rgb(153, 153, 153) 3.51033px 1.9177px 0px,
rgb(153, 153, 153) 2.92676px 2.72656px 0px,
rgb(153, 153, 153) 2.16121px 3.36588px 0px,
rgb(153, 153, 153) 1.26129px 3.79594px 0px,
rgb(153, 153, 153) 0.282949px 3.98998px 0px,
rgb(153, 153, 153) -0.712984px 3.93594px 0px,
rgb(153, 153, 153) -1.66459px 3.63719px 0px,
rgb(153, 153, 153) -2.51269px 3.11229px 0px,
rgb(153, 153, 153) -3.20457px 2.39389px 0px,
rgb(153, 153, 153) -3.69721px 1.52664px 0px,
rgb(153, 153, 153) -3.95997px 0.56448px 0px,
rgb(153, 153, 153) -3.97652px -0.432781px 0px,
rgb(153, 153, 153) -3.74583px -1.40313px 0px,
rgb(153, 153, 153) -3.28224px -2.28625px 0px,
rgb(153, 153, 153) -2.61457px -3.02721px 0px,
rgb(153, 153, 153) -1.78435px -3.57996px 0px,
rgb(153, 153, 153) -0.843183px -3.91012px 0px,
rgb(153, 153, 153) 0.150409px -3.99717px 0px,
rgb(153, 153, 153) 1.13465px -3.8357px 0px,
rgb(153, 153, 153) 2.04834px -3.43574px 0px,
rgb(153, 153, 153) 2.83468px -2.82216px 0px,
rgb(153, 153, 153) 3.44477px -2.03312px 0px,
rgb(153, 153, 153) 3.84068px -1.11766px 0px,
rgb(153, 153, 153) 3.9978px -0.132717px 0px,
rgb(0, 0, 0) 6px 0px 0px,
rgb(0, 0, 0) 5.91686px 0.995377px 0px,
rgb(0, 0, 0) 5.66974px 1.96317px 0px,
rgb(0, 0, 0) 5.2655px 2.87655px 0px,
rgb(0, 0, 0) 4.71532px 3.71022px 0px,
rgb(0, 0, 0) 4.03447px 4.44106px 0px,
rgb(0, 0, 0) 3.24181px 5.04883px 0px,
rgb(0, 0, 0) 2.35931px 5.51667px 0px,
rgb(0, 0, 0) 1.41143px 5.83163px 0px,
rgb(0, 0, 0) 0.424423px 5.98497px 0px,
rgb(0, 0, 0) -0.574341px 5.97245px 0px,
rgb(0, 0, 0) -1.55719px 5.79441px 0px,
rgb(0, 0, 0) -2.49688px 5.45578px 0px,
rgb(0, 0, 0) -3.36738px 4.96596px 0px,
rgb(0, 0, 0) -4.14455px 4.33852px 0px,
rgb(0, 0, 0) -4.80686px 3.59083px 0px,
rgb(0, 0, 0) -5.33596px 2.74364px 0px,
rgb(0, 0, 0) -5.71718px 1.8204px 0px,
rgb(0, 0, 0) -5.93995px 0.84672px 0px,
rgb(0, 0, 0) -5.99811px -0.150428px 0px,
rgb(0, 0, 0) -5.89004px -1.14341px 0px,
rgb(0, 0, 0) -5.61874px -2.1047px 0px,
rgb(0, 0, 0) -5.19172px -3.00766px 0px,
rgb(0, 0, 0) -4.62082px -3.82727px 0px,
rgb(0, 0, 0) -3.92186px -4.54081px 0px,
rgb(0, 0, 0) -3.11421px -5.12852px 0px,
rgb(0, 0, 0) -2.22026px -5.57409px 0px,
rgb(0, 0, 0) -1.26477px -5.86518px 0px,
rgb(0, 0, 0) -0.274238px -5.99373px 0px,
rgb(0, 0, 0) 0.723898px -5.95617px 0px,
rgb(0, 0, 0) 1.70197px -5.75355px 0px,
rgb(0, 0, 0) 2.63288px -5.39147px 0px,
rgb(0, 0, 0) 3.49082px -4.87998px 0px,
rgb(0, 0, 0) 4.25202px -4.23324px 0px,
rgb(0, 0, 0) 4.89538px -3.46919px 0px,
rgb(0, 0, 0) 5.40307px -2.60899px 0px,
rgb(0, 0, 0) 5.76102px -1.67649px 0px,
rgb(0, 0, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_99cc00 b{
text-shadow: rgb(102, 153, 0) 4px 0px 0px,
rgb(102, 153, 0) 3.87565px 0.989616px 0px,
rgb(102, 153, 0) 3.51033px 1.9177px 0px,
rgb(102, 153, 0) 2.92676px 2.72656px 0px,
rgb(102, 153, 0) 2.16121px 3.36588px 0px,
rgb(102, 153, 0) 1.26129px 3.79594px 0px,
rgb(102, 153, 0) 0.282949px 3.98998px 0px,
rgb(102, 153, 0) -0.712984px 3.93594px 0px,
rgb(102, 153, 0) -1.66459px 3.63719px 0px,
rgb(102, 153, 0) -2.51269px 3.11229px 0px,
rgb(102, 153, 0) -3.20457px 2.39389px 0px,
rgb(102, 153, 0) -3.69721px 1.52664px 0px,
rgb(102, 153, 0) -3.95997px 0.56448px 0px,
rgb(102, 153, 0) -3.97652px -0.432781px 0px,
rgb(102, 153, 0) -3.74583px -1.40313px 0px,
rgb(102, 153, 0) -3.28224px -2.28625px 0px,
rgb(102, 153, 0) -2.61457px -3.02721px 0px,
rgb(102, 153, 0) -1.78435px -3.57996px 0px,
rgb(102, 153, 0) -0.843183px -3.91012px 0px,
rgb(102, 153, 0) 0.150409px -3.99717px 0px,
rgb(102, 153, 0) 1.13465px -3.8357px 0px,
rgb(102, 153, 0) 2.04834px -3.43574px 0px,
rgb(102, 153, 0) 2.83468px -2.82216px 0px,
rgb(102, 153, 0) 3.44477px -2.03312px 0px,
rgb(102, 153, 0) 3.84068px -1.11766px 0px,
rgb(102, 153, 0) 3.9978px -0.132717px 0px,
rgb(153, 204, 0) 6px 0px 0px,
rgb(153, 204, 0) 5.91686px 0.995377px 0px,
rgb(153, 204, 0) 5.66974px 1.96317px 0px,
rgb(153, 204, 0) 5.2655px 2.87655px 0px,
rgb(153, 204, 0) 4.71532px 3.71022px 0px,
rgb(153, 204, 0) 4.03447px 4.44106px 0px,
rgb(153, 204, 0) 3.24181px 5.04883px 0px,
rgb(153, 204, 0) 2.35931px 5.51667px 0px,
rgb(153, 204, 0) 1.41143px 5.83163px 0px,
rgb(153, 204, 0) 0.424423px 5.98497px 0px,
rgb(153, 204, 0) -0.574341px 5.97245px 0px,
rgb(153, 204, 0) -1.55719px 5.79441px 0px,
rgb(153, 204, 0) -2.49688px 5.45578px 0px,
rgb(153, 204, 0) -3.36738px 4.96596px 0px,
rgb(153, 204, 0) -4.14455px 4.33852px 0px,
rgb(153, 204, 0) -4.80686px 3.59083px 0px,
rgb(153, 204, 0) -5.33596px 2.74364px 0px,
rgb(153, 204, 0) -5.71718px 1.8204px 0px,
rgb(153, 204, 0) -5.93995px 0.84672px 0px,
rgb(153, 204, 0) -5.99811px -0.150428px 0px,
rgb(153, 204, 0) -5.89004px -1.14341px 0px,
rgb(153, 204, 0) -5.61874px -2.1047px 0px,
rgb(153, 204, 0) -5.19172px -3.00766px 0px,
rgb(153, 204, 0) -4.62082px -3.82727px 0px,
rgb(153, 204, 0) -3.92186px -4.54081px 0px,
rgb(153, 204, 0) -3.11421px -5.12852px 0px,
rgb(153, 204, 0) -2.22026px -5.57409px 0px,
rgb(153, 204, 0) -1.26477px -5.86518px 0px,
rgb(153, 204, 0) -0.274238px -5.99373px 0px,
rgb(153, 204, 0) 0.723898px -5.95617px 0px,
rgb(153, 204, 0) 1.70197px -5.75355px 0px,
rgb(153, 204, 0) 2.63288px -5.39147px 0px,
rgb(153, 204, 0) 3.49082px -4.87998px 0px,
rgb(153, 204, 0) 4.25202px -4.23324px 0px,
rgb(153, 204, 0) 4.89538px -3.46919px 0px,
rgb(153, 204, 0) 5.40307px -2.60899px 0px,
rgb(153, 204, 0) 5.76102px -1.67649px 0px,
rgb(153, 204, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_0066ff b{
text-shadow: rgb(0, 51, 204) 4px 0px 0px,
rgb(0, 51, 204) 3.87565px 0.989616px 0px,
rgb(0, 51, 204) 3.51033px 1.9177px 0px,
rgb(0, 51, 204) 2.92676px 2.72656px 0px,
rgb(0, 51, 204) 2.16121px 3.36588px 0px,
rgb(0, 51, 204) 1.26129px 3.79594px 0px,
rgb(0, 51, 204) 0.282949px 3.98998px 0px,
rgb(0, 51, 204) -0.712984px 3.93594px 0px,
rgb(0, 51, 204) -1.66459px 3.63719px 0px,
rgb(0, 51, 204) -2.51269px 3.11229px 0px,
rgb(0, 51, 204) -3.20457px 2.39389px 0px,
rgb(0, 51, 204) -3.69721px 1.52664px 0px,
rgb(0, 51, 204) -3.95997px 0.56448px 0px,
rgb(0, 51, 204) -3.97652px -0.432781px 0px,
rgb(0, 51, 204) -3.74583px -1.40313px 0px,
rgb(0, 51, 204) -3.28224px -2.28625px 0px,
rgb(0, 51, 204) -2.61457px -3.02721px 0px,
rgb(0, 51, 204) -1.78435px -3.57996px 0px,
rgb(0, 51, 204) -0.843183px -3.91012px 0px,
rgb(0, 51, 204) 0.150409px -3.99717px 0px,
rgb(0, 51, 204) 1.13465px -3.8357px 0px,
rgb(0, 51, 204) 2.04834px -3.43574px 0px,
rgb(0, 51, 204) 2.83468px -2.82216px 0px,
rgb(0, 51, 204) 3.44477px -2.03312px 0px,
rgb(0, 51, 204) 3.84068px -1.11766px 0px,
rgb(0, 51, 204) 3.9978px -0.132717px 0px,
rgb(0, 153, 255) 6px 0px 0px,
rgb(0, 153, 255) 5.91686px 0.995377px 0px,
rgb(0, 153, 255) 5.66974px 1.96317px 0px,
rgb(0, 153, 255) 5.2655px 2.87655px 0px,
rgb(0, 153, 255) 4.71532px 3.71022px 0px,
rgb(0, 153, 255) 4.03447px 4.44106px 0px,
rgb(0, 153, 255) 3.24181px 5.04883px 0px,
rgb(0, 153, 255) 2.35931px 5.51667px 0px,
rgb(0, 153, 255) 1.41143px 5.83163px 0px,
rgb(0, 153, 255) 0.424423px 5.98497px 0px,
rgb(0, 153, 255) -0.574341px 5.97245px 0px,
rgb(0, 153, 255) -1.55719px 5.79441px 0px,
rgb(0, 153, 255) -2.49688px 5.45578px 0px,
rgb(0, 153, 255) -3.36738px 4.96596px 0px,
rgb(0, 153, 255) -4.14455px 4.33852px 0px,
rgb(0, 153, 255) -4.80686px 3.59083px 0px,
rgb(0, 153, 255) -5.33596px 2.74364px 0px,
rgb(0, 153, 255) -5.71718px 1.8204px 0px,
rgb(0, 153, 255) -5.93995px 0.84672px 0px,
rgb(0, 153, 255) -5.99811px -0.150428px 0px,
rgb(0, 153, 255) -5.89004px -1.14341px 0px,
rgb(0, 153, 255) -5.61874px -2.1047px 0px,
rgb(0, 153, 255) -5.19172px -3.00766px 0px,
rgb(0, 153, 255) -4.62082px -3.82727px 0px,
rgb(0, 153, 255) -3.92186px -4.54081px 0px,
rgb(0, 153, 255) -3.11421px -5.12852px 0px,
rgb(0, 153, 255) -2.22026px -5.57409px 0px,
rgb(0, 153, 255) -1.26477px -5.86518px 0px,
rgb(0, 153, 255) -0.274238px -5.99373px 0px,
rgb(0, 153, 255) 0.723898px -5.95617px 0px,
rgb(0, 153, 255) 1.70197px -5.75355px 0px,
rgb(0, 153, 255) 2.63288px -5.39147px 0px,
rgb(0, 153, 255) 3.49082px -4.87998px 0px,
rgb(0, 153, 255) 4.25202px -4.23324px 0px,
rgb(0, 153, 255) 4.89538px -3.46919px 0px,
rgb(0, 153, 255) 5.40307px -2.60899px 0px,
rgb(0, 153, 255) 5.76102px -1.67649px 0px,
rgb(0, 153, 255) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_3399ff b{
text-shadow: rgb(51, 153, 255) 4px 0px 0px,
rgb(51, 153, 255) 3.87565px 0.989616px 0px,
rgb(51, 153, 255) 3.51033px 1.9177px 0px,
rgb(51, 153, 255) 2.92676px 2.72656px 0px,
rgb(51, 153, 255) 2.16121px 3.36588px 0px,
rgb(51, 153, 255) 1.26129px 3.79594px 0px,
rgb(51, 153, 255) 0.282949px 3.98998px 0px,
rgb(51, 153, 255) -0.712984px 3.93594px 0px,
rgb(51, 153, 255) -1.66459px 3.63719px 0px,
rgb(51, 153, 255) -2.51269px 3.11229px 0px,
rgb(51, 153, 255) -3.20457px 2.39389px 0px,
rgb(51, 153, 255) -3.69721px 1.52664px 0px,
rgb(51, 153, 255) -3.95997px 0.56448px 0px,
rgb(51, 153, 255) -3.97652px -0.432781px 0px,
rgb(51, 153, 255) -3.74583px -1.40313px 0px,
rgb(51, 153, 255) -3.28224px -2.28625px 0px,
rgb(51, 153, 255) -2.61457px -3.02721px 0px,
rgb(51, 153, 255) -1.78435px -3.57996px 0px,
rgb(51, 153, 255) -0.843183px -3.91012px 0px,
rgb(51, 153, 255) 0.150409px -3.99717px 0px,
rgb(51, 153, 255) 1.13465px -3.8357px 0px,
rgb(51, 153, 255) 2.04834px -3.43574px 0px,
rgb(51, 153, 255) 2.83468px -2.82216px 0px,
rgb(51, 153, 255) 3.44477px -2.03312px 0px,
rgb(51, 153, 255) 3.84068px -1.11766px 0px,
rgb(51, 153, 255) 3.9978px -0.132717px 0px,
rgb(102, 204, 255) 6px 0px 0px,
rgb(102, 204, 255) 5.91686px 0.995377px 0px,
rgb(102, 204, 255) 5.66974px 1.96317px 0px,
rgb(102, 204, 255) 5.2655px 2.87655px 0px,
rgb(102, 204, 255) 4.71532px 3.71022px 0px,
rgb(102, 204, 255) 4.03447px 4.44106px 0px,
rgb(102, 204, 255) 3.24181px 5.04883px 0px,
rgb(102, 204, 255) 2.35931px 5.51667px 0px,
rgb(102, 204, 255) 1.41143px 5.83163px 0px,
rgb(102, 204, 255) 0.424423px 5.98497px 0px,
rgb(102, 204, 255) -0.574341px 5.97245px 0px,
rgb(102, 204, 255) -1.55719px 5.79441px 0px,
rgb(102, 204, 255) -2.49688px 5.45578px 0px,
rgb(102, 204, 255) -3.36738px 4.96596px 0px,
rgb(102, 204, 255) -4.14455px 4.33852px 0px,
rgb(102, 204, 255) -4.80686px 3.59083px 0px,
rgb(102, 204, 255) -5.33596px 2.74364px 0px,
rgb(102, 204, 255) -5.71718px 1.8204px 0px,
rgb(102, 204, 255) -5.93995px 0.84672px 0px,
rgb(102, 204, 255) -5.99811px -0.150428px 0px,
rgb(102, 204, 255) -5.89004px -1.14341px 0px,
rgb(102, 204, 255) -5.61874px -2.1047px 0px,
rgb(102, 204, 255) -5.19172px -3.00766px 0px,
rgb(102, 204, 255) -4.62082px -3.82727px 0px,
rgb(102, 204, 255) -3.92186px -4.54081px 0px,
rgb(102, 204, 255) -3.11421px -5.12852px 0px,
rgb(102, 204, 255) -2.22026px -5.57409px 0px,
rgb(102, 204, 255) -1.26477px -5.86518px 0px,
rgb(102, 204, 255) -0.274238px -5.99373px 0px,
rgb(102, 204, 255) 0.723898px -5.95617px 0px,
rgb(102, 204, 255) 1.70197px -5.75355px 0px,
rgb(102, 204, 255) 2.63288px -5.39147px 0px,
rgb(102, 204, 255) 3.49082px -4.87998px 0px,
rgb(102, 204, 255) 4.25202px -4.23324px 0px,
rgb(102, 204, 255) 4.89538px -3.46919px 0px,
rgb(102, 204, 255) 5.40307px -2.60899px 0px,
rgb(102, 204, 255) 5.76102px -1.67649px 0px,
rgb(102, 204, 255) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_ff9900 b{
text-shadow: rgb(255, 102, 0) 4px 0px 0px,
rgb(255, 102, 0) 3.87565px 0.989616px 0px,
rgb(255, 102, 0) 3.51033px 1.9177px 0px,
rgb(255, 102, 0) 2.92676px 2.72656px 0px,
rgb(255, 102, 0) 2.16121px 3.36588px 0px,
rgb(255, 102, 0) 1.26129px 3.79594px 0px,
rgb(255, 102, 0) 0.282949px 3.98998px 0px,
rgb(255, 102, 0) -0.712984px 3.93594px 0px,
rgb(255, 102, 0) -1.66459px 3.63719px 0px,
rgb(255, 102, 0) -2.51269px 3.11229px 0px,
rgb(255, 102, 0) -3.20457px 2.39389px 0px,
rgb(255, 102, 0) -3.69721px 1.52664px 0px,
rgb(255, 102, 0) -3.95997px 0.56448px 0px,
rgb(255, 102, 0) -3.97652px -0.432781px 0px,
rgb(255, 102, 0) -3.74583px -1.40313px 0px,
rgb(255, 102, 0) -3.28224px -2.28625px 0px,
rgb(255, 102, 0) -2.61457px -3.02721px 0px,
rgb(255, 102, 0) -1.78435px -3.57996px 0px,
rgb(255, 102, 0) -0.843183px -3.91012px 0px,
rgb(255, 102, 0) 0.150409px -3.99717px 0px,
rgb(255, 102, 0) 1.13465px -3.8357px 0px,
rgb(255, 102, 0) 2.04834px -3.43574px 0px,
rgb(255, 102, 0) 2.83468px -2.82216px 0px,
rgb(255, 102, 0) 3.44477px -2.03312px 0px,
rgb(255, 102, 0) 3.84068px -1.11766px 0px,
rgb(255, 102, 0) 3.9978px -0.132717px 0px,
rgb(255, 153, 0) 6px 0px 0px,
rgb(255, 153, 0) 5.91686px 0.995377px 0px,
rgb(255, 153, 0) 5.66974px 1.96317px 0px,
rgb(255, 153, 0) 5.2655px 2.87655px 0px,
rgb(255, 153, 0) 4.71532px 3.71022px 0px,
rgb(255, 153, 0) 4.03447px 4.44106px 0px,
rgb(255, 153, 0) 3.24181px 5.04883px 0px,
rgb(255, 153, 0) 2.35931px 5.51667px 0px,
rgb(255, 153, 0) 1.41143px 5.83163px 0px,
rgb(255, 153, 0) 0.424423px 5.98497px 0px,
rgb(255, 153, 0) -0.574341px 5.97245px 0px,
rgb(255, 153, 0) -1.55719px 5.79441px 0px,
rgb(255, 153, 0) -2.49688px 5.45578px 0px,
rgb(255, 153, 0) -3.36738px 4.96596px 0px,
rgb(255, 153, 0) -4.14455px 4.33852px 0px,
rgb(255, 153, 0) -4.80686px 3.59083px 0px,
rgb(255, 153, 0) -5.33596px 2.74364px 0px,
rgb(255, 153, 0) -5.71718px 1.8204px 0px,
rgb(255, 153, 0) -5.93995px 0.84672px 0px,
rgb(255, 153, 0) -5.99811px -0.150428px 0px,
rgb(255, 153, 0) -5.89004px -1.14341px 0px,
rgb(255, 153, 0) -5.61874px -2.1047px 0px,
rgb(255, 153, 0) -5.19172px -3.00766px 0px,
rgb(255, 153, 0) -4.62082px -3.82727px 0px,
rgb(255, 153, 0) -3.92186px -4.54081px 0px,
rgb(255, 153, 0) -3.11421px -5.12852px 0px,
rgb(255, 153, 0) -2.22026px -5.57409px 0px,
rgb(255, 153, 0) -1.26477px -5.86518px 0px,
rgb(255, 153, 0) -0.274238px -5.99373px 0px,
rgb(255, 153, 0) 0.723898px -5.95617px 0px,
rgb(255, 153, 0) 1.70197px -5.75355px 0px,
rgb(255, 153, 0) 2.63288px -5.39147px 0px,
rgb(255, 153, 0) 3.49082px -4.87998px 0px,
rgb(255, 153, 0) 4.25202px -4.23324px 0px,
rgb(255, 153, 0) 4.89538px -3.46919px 0px,
rgb(255, 153, 0) 5.40307px -2.60899px 0px,
rgb(255, 153, 0) 5.76102px -1.67649px 0px,
rgb(255, 153, 0) 5.95932px -0.697531px 0px;
}
.sliderImage .slider_title p.main_color_333333 b{
text-shadow: rgb(102, 102, 102) 4px 0px 0px,
rgb(102, 102, 102) 3.87565px 0.989616px 0px,
rgb(102, 102, 102) 3.51033px 1.9177px 0px,
rgb(102, 102, 102) 2.92676px 2.72656px 0px,
rgb(102, 102, 102) 2.16121px 3.36588px 0px,
rgb(102, 102, 102) 1.26129px 3.79594px 0px,
rgb(102, 102, 102) 0.282949px 3.98998px 0px,
rgb(102, 102, 102) -0.712984px 3.93594px 0px,
rgb(102, 102, 102) -1.66459px 3.63719px 0px,
rgb(102, 102, 102) -2.51269px 3.11229px 0px,
rgb(102, 102, 102) -3.20457px 2.39389px 0px,
rgb(102, 102, 102) -3.69721px 1.52664px 0px,
rgb(102, 102, 102) -3.95997px 0.56448px 0px,
rgb(102, 102, 102) -3.97652px -0.432781px 0px,
rgb(102, 102, 102) -3.74583px -1.40313px 0px,
rgb(102, 102, 102) -3.28224px -2.28625px 0px,
rgb(102, 102, 102) -2.61457px -3.02721px 0px,
rgb(102, 102, 102) -1.78435px -3.57996px 0px,
rgb(102, 102, 102) -0.843183px -3.91012px 0px,
rgb(102, 102, 102) 0.150409px -3.99717px 0px,
rgb(102, 102, 102) 1.13465px -3.8357px 0px,
rgb(102, 102, 102) 2.04834px -3.43574px 0px,
rgb(102, 102, 102) 2.83468px -2.82216px 0px,
rgb(102, 102, 102) 3.44477px -2.03312px 0px,
rgb(102, 102, 102) 3.84068px -1.11766px 0px,
rgb(102, 102, 102) 3.9978px -0.132717px 0px,
rgb(204, 204, 204) 6px 0px 0px,
rgb(204, 204, 204) 5.91686px 0.995377px 0px,
rgb(204, 204, 204) 5.66974px 1.96317px 0px,
rgb(204, 204, 204) 5.2655px 2.87655px 0px,
rgb(204, 204, 204) 4.71532px 3.71022px 0px,
rgb(204, 204, 204) 4.03447px 4.44106px 0px,
rgb(204, 204, 204) 3.24181px 5.04883px 0px,
rgb(204, 204, 204) 2.35931px 5.51667px 0px,
rgb(204, 204, 204) 1.41143px 5.83163px 0px,
rgb(204, 204, 204) 0.424423px 5.98497px 0px,
rgb(204, 204, 204) -0.574341px 5.97245px 0px,
rgb(204, 204, 204) -1.55719px 5.79441px 0px,
rgb(204, 204, 204) -2.49688px 5.45578px 0px,
rgb(204, 204, 204) -3.36738px 4.96596px 0px,
rgb(204, 204, 204) -4.14455px 4.33852px 0px,
rgb(204, 204, 204) -4.80686px 3.59083px 0px,
rgb(204, 204, 204) -5.33596px 2.74364px 0px,
rgb(204, 204, 204) -5.71718px 1.8204px 0px,
rgb(204, 204, 204) -5.93995px 0.84672px 0px,
rgb(204, 204, 204) -5.99811px -0.150428px 0px,
rgb(204, 204, 204) -5.89004px -1.14341px 0px,
rgb(204, 204, 204) -5.61874px -2.1047px 0px,
rgb(204, 204, 204) -5.19172px -3.00766px 0px,
rgb(204, 204, 204) -4.62082px -3.82727px 0px,
rgb(204, 204, 204) -3.92186px -4.54081px 0px,
rgb(204, 204, 204) -3.11421px -5.12852px 0px,
rgb(204, 204, 204) -2.22026px -5.57409px 0px,
rgb(204, 204, 204) -1.26477px -5.86518px 0px,
rgb(204, 204, 204) -0.274238px -5.99373px 0px,
rgb(204, 204, 204) 0.723898px -5.95617px 0px,
rgb(204, 204, 204) 1.70197px -5.75355px 0px,
rgb(204, 204, 204) 2.63288px -5.39147px 0px,
rgb(204, 204, 204) 3.49082px -4.87998px 0px,
rgb(204, 204, 204) 4.25202px -4.23324px 0px,
rgb(204, 204, 204) 4.89538px -3.46919px 0px,
rgb(204, 204, 204) 5.40307px -2.60899px 0px,
rgb(204, 204, 204) 5.76102px -1.67649px 0px,
rgb(204, 204, 204) 5.95932px -0.697531px 0px;
}
/* 20160808 髦ｿ驛ｨ霑ｽ險� */
.mb5{
margin:0 0 5px 0;
}
#modal_wrapper {
width: 100%;
height: 100%;
background:rgba(0 ,0 ,0 ,0.6);
position:fixed;
top:0;
left: 0;
z-index: 103;
display: none;
text-align: center;
}
.thumbnail_box, .thumbnail_box * {
user-select: none;
-webkit-user-drag: none;
}
/***************************************************************/
/*螂醍ｴ�％縺薙°繧�*/
input.next_btn {
border: 1px solid #ccc;
background-image: url(../img/common/next_btn.jpg);
background-repeat: no-repeat;
background-position: right center;
font-size: 16px;
color: #f00;
margin: 0 0 60px 0;
}
input.next_btn2 {
font-size: 12px;
height: 20px;
font-weight: normal;
cursor:pointer;
color: #0000CC;
margin-right: 10px;
text-decoration: underline;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
input.next_btn3 {
font-size: 16px;
height: 20px;
font-weight: normal;
cursor:pointer;
color: #0000CC;
margin-right: 10px;
text-decoration: underline;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display:block;
}
button.next_btn {
border: 1px solid #CCCCCC;
background-image: url(../img/common/next_btn.jpg);
background-repeat: no-repeat;
background-position: right center;
font-size: 16px;
line-height: 29px;
height: 29px;
font-weight: bold;
padding-right: 40px;
padding-left: 30px;
cursor:pointer;
color: #000000;
margin-right: 10px;
}
button.next_btn2 {
font-size: 12px;
line-height: 20px;
height: 20px;
font-weight: normal;
padding-right: 30px;
cursor:pointer;
color: #0000CC;
margin-right: 10px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-decoration: underline;
}
#step {
border-radius: 3px;
margin:0 0 30px 0;
background: #C4C4C4;
}
#step:after,
#price_base:after,
.consensus__body-item--price {
content: "";
display: block;
clear: both;
}
#step li {
float: left;
width: 33.3%;
text-align: center;
color: #FFF;
position: relative;
font-size: 14px;
}
#step li.first a,
#step li.first p {
border-radius:3px 0 0 3px;
}
#step li.last a,
#step li.last p {
border-radius:0 3px 3px 0 !important;
}
#step li:before {
content: "";
width: 0;
height: auto;
position: absolute;
border-top: 15px solid transparent;
border-left: 10px solid #C4C4C4;
border-right: 10px solid transparent;
border-bottom: 15px solid transparent;
top: 0;
left: 226px;
z-index: 1;
}
#step li.bgd5 a,
#step li.bgd5_last a,
#step li.bgd5 p,
#step li.bgd5_last p {
background: #D5D5D5;
}
#step li.bgd5:before {
border-left: 10px solid #D5D5D5;
}
#step li#step_visit p {
background:#55595B;
}
#step li#step_visit:before {
border-left: 10px solid #55595B;
}
#step li.last:before {
border-left: 10px solid transparent !important;
}
#step li a,
#step li p,
#step_visit p {
color: #FFF;
display: block;
padding: 8px 0;
height: 14px;
line-height: 1.2em;
font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Hiragino Kaku Gothic Pro','繝｡繧､繝ｪ繧ｪ',Meiryo, Osaka,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
}
#step li a:hover {
text-decoration:none;
}
.question_block {
float: left;
margin:0 0 40px 0;
}
/***************************************************************/
/*縲繝壹�繧ｸ繧ｨ繝ｩ繝ｼ縲縲*/
#error_contents {
clear: both;
height: 300px;
width: 500px;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 30px;
background-image: url(../img/common/dekkey_sorry002.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#error_contents h2 {
color: #3366FF;
font-size: 22px;
}
#error_contents p {
font-size: 90%;
clear: both;
margin-bottom: 10px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.attention_message {
color: #990000;
}
/***************************************************************/
/** right_box **/
#right_box.right_box--sp,
#plusBlock_rightbox.right_box--sp,
.rightboxTrigger{
display: none !important;
}
/***************************************************************/
/*縲荳ｭ蜿､霆贋ｸ隕ｧ縲縲*/
#car_list_base0 {
padding-bottom: 10px;
}
#car_list_base {
margin:0 0 10px;
}
#car_list_base.loading {
background: url(../img/common/loader.svg) no-repeat center top 30px;
background-size: 24px auto;
min-height: 20px;
}
.usercar_list {
clear: both;
width: 640px;
padding-top: 0;
margin:0 0 20px;
position: relative;
}
.list_con {
clear: both;
width: 640px;
}
.list_main {
float: left;
width: 240px;
margin-bottom:15px;
}
.list_main p {
float: left;
padding-right: 10px;
font-size: 10px;
}
.list_main p img {
padding-bottom: 5px;
}
.list_main ul {
width: 135px;
display: block;
float: right;
padding-top: 0px;
}
.list_main ul li {
/* padding-right: 2px;*/
padding-bottom: 2px;
float: left;
line-height: 1;
display: block;
}
.list_main ul li img{
margin-right: 2px;
}
.list_main dl{
min-width: 115px;
height: auto;
margin-bottom: 5px;
}
.list_main dl dt{
padding-bottom: 0px !important;
margin-bottom: 7px !important;
}
.list_main dl dt strong{
}
.list_main dl dd{
font-size: 10px;
padding-bottom: 0;
}
.list_main dl dd strong{
line-height: 1.25;
letter-spacing: -.03em;
}
/* .saleshop {
clear: both;
padding-left: 45px;
margin-bottom: 5px;
line-height: 30px;
height: 30px;
}
.saleshop span {
float: right;
padding-left: 10px;
font-size: 12px;
} */
.list_con table{
margin-bottom: 5px;
}
.list_con span.more_carinfo_link {
float: right;
padding: 0 0 1px 17px !important;
background:url(../img/copy2open/carlist_linkarw.png) no-repeat left top !important;
line-height: 1;
}
.list_con span.more_carinfo_link a{
font-size: 12px !important;
vertical-align: top;
/* line-height: 12px !important; */
}
.zaiko_used {
color: #339900;
}
.daiko_used {
color: #6699FF;
}
.syoudanchu_used {
color: #FF9900;
}
.baikyaku_used {
color: #CC0000;
}
.newcar_used{
color: #E71870;
}
.unused {
color: #36f;
}
#car_gall:after,.list_con:after,.pager:after,
.plusBlockBtn2:after ,.plusBlockBtn3:after ,
.plusBlockBtn4:after, .plusBlockBtn5:after {
height: 0;
visibility: hidden ;
content: ".";
display: block ;
clear: both ;
}
.zaiko_base {
margin-bottom: 20px !important;
width: 100% !important;
}
.sample_name {
font-size: 12px;
font-weight: normal;
color: #CC0000;
padding-left: 10px;
}
/*莉･荳句ｾｳ逕ｰ霑ｽ蜉�*/
.pager a.carListPagerLink_current{
text-decoration: none;
color: #f90;
font-weight: bold;
cursor: default;
}
.pager a.carListPagerLink_current:hover{
background-color: transparent;
}
.carlist_price_detail{
display: flex;
}
.carlist_cost_wrap,
.carlist_shohiyo_wrap{
width: calc( 60% - 2px );
position: relative;
}
.carlist_shohiyo_wrap{
width: calc( 40% - 2px );
position: relative;
}
.carlist_cost_wrap:after{
position: absolute;
width: 1px;
height: 100%;
border-right: 1px dotted #999;
display: block;
right: 0;
top: 0;
display: block;
content: "";
}
.carlist_shohiyo_wrap{
margin-left: 7px;
}
.carlist_shohiyo_wrap strong{
font-size: 10px !important;
font-weight: 400;
}
.carlist_totalcost_titlewrap,
.carlist_cost_titlewrap,
.carlist_shohiyo_titlewrap{
display: block;
line-height: 1;
}
.carlist_shohiyo_titlewrap{
margin-bottom: 2px;
}
.carlist_totalcost_titlewrap .carlist_totalcost_title,
.carlist_cost_titlewrap .carlist_cost_title,
.carlist_shohiyo_titlewrap .carlist_shohiyo_title{
display: inline-block !important;
font-size: 10px;
color: #FFF;
padding: 1px 5px 0px;
line-height: 1.25;
background: #666;
border-radius: 12px;
margin-right: 3px;
margin-bottom: 0;
vertical-align: middle;
text-shadow: 1px 1px 0 #333;
}
/***************************************************************/
/*蝨ｨ蠎ｫ霆翫し繝�繝阪う繝ｫ�亥ｾｳ逕ｰ霑ｽ蜉���*/
/* 20140627 鬮俶ｩ倶ｿｮ豁｣縲證ｫ螳壼ｯｾ蠢� */
#carListThumNail_wrapper{
/* overflow:hidden;
margin:0 0 30px;
padding: 0; */
}
#carListThumNail_wrapper{
display: flex;
gap: 10px 0;
flex-wrap: wrap;
align-items: flex-start;
}
#body_top #carListThumNail_wrapper {
margin:0;
}
.thumbnail_box{
background:#FFF;
float: left;
margin:0 10px 0 0;
border:1px solid #ccc;
height:auto !important;
display:block;
text-decoration: none !important;
position:relative;
}
a.thumbnail_box{
color:#666;
position:relative;
}
.thumbnail_box:hover{
background-color: #f5f5f5;
}
.thumbnail_box .carthumb_img {
clear: both;
height: auto !important;
overflow: hidden;
padding: 15px 14px 5px;
margin: 0 0 5px;
margin-bottom: 15px !important;
display:block;
position:relative;
}
.thumbnail_box .carthumb_img img{
width:170px;
}
.recomendcar_img_box{
position: relative;
height: 140px;
}
.thumbnail_box .carthumb_img img.recomendmark_img{
position: absolute;
top: 15px;/*.carthumb_img縺ｮpadding縺ｮ蛟､縺ｫ繧医ｋ*/
left: 14px;/*.carthumb_img縺ｮpadding縺ｮ蛟､縺ｫ繧医ｋ*/
width:60px;
}
/* 縲後♀縺吶☆繧√阪�蝣ｴ蜷医�雋ｩ螢ｲ迥ｶ豕√い繧､繧ｳ繝ｳCSS 窶ｻ縲後♀縺吶☆繧√阪〒縺ｪ縺��ｴ蜷医�縲後♀縺吶☆繧√阪�CSS縺ｧ陦ｨ遉ｺ */
.thumbnail_box .carthumb_img img.recomendmark_img.soldout_img {
position: absolute;
top: 15px;/*.carthumb_img縺ｮpadding縺ｮ蛟､縺ｫ繧医ｋ*/
left: 74px; /*.carthumb_img縺ｮpadding縺ｮ蛟､縺ｫ縲後♀縺吶☆繧√阪�蟷�ｒ雜ｳ縺励◆繧ゅ� */
width:60px;
}
.thumbnail_box h3, .thumbnail_box .h3 {
text-align: left;
clear: both;
margin: 0;
padding: 5px 0 5px 10px;
font-size: 90%;
line-height: 130%;
display:block;
}
.thumbnail_box h3 a, .thumbnail_box .h3 span{
font-size:14px;
background: url(../img/copy2open/car_list_arw.png) no-repeat left center ;
padding:0 0 0 15px;
}
.thumbnail_box .carthumb_txt {
clear: both;
margin:0 10px 10px;
margin-bottom: 15px !important;
font-size: 75%;
line-height: 150%;
text-align: left;
display:block;
}
.thumbnail_box .carthumb_txt:empty{
margin-bottom: 0px !important;
}
.thumbnail_box .carthumb_price {
clear: both;
margin:0 10px 10px !important;
font-size: 16px;
line-height: 150%;
text-align: left;
color:#666;
display: block;
max-height: none;
padding: 0;
}
#car_list_base #carListThumNail_wrapper .thumbnail_box,
#car_list_base #carListSlideShow_wrapper .thumbnail_box{
height: auto !important;
}
#carListThumNail_wrapper .thumbnail_box .carthumb_price,
#carListSlideShow_wrapper .thumbnail_box .carthumb_price{
margin-bottom: 10px !important;
}
#carListThumNail_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong,
#carListSlideShow_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong{
font-size: 12px !important;
font-weight: normal !important;
}
.thumbnail_box .carthumb_price .carthumb_totalcost_wrap{
display: flex;
margin-bottom: 4px;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}
.thumbnail_box .carthumb_price .carthumb_cost_wrap,
.thumbnail_box .carthumb_price .carthumb_shohiyo_wrap{
display: inline-block !important;
font-size: 10px;
line-height: 1;
}
.thumbnail_box .carthumb_price .carthumb_cost_wrap{
position: relative;
margin-right: 5px;
margin-bottom: 4px;
}
.thumbnail_box .carthumb_price .carthumb_cost_wrap:after{
content: "";
width: 1px;
height: 14px;
background: #AAA;
display: block;
position: absolute;
right: -6px;
top: calc( 50% - 8px );
}
.thumbnail_box .carthumb_price .carthumb_totalcost_title,
.thumbnail_box .carthumb_price .carthumb_cost_title,
.thumbnail_box .carthumb_price .carthumb_shohiyo_title{
display: inline-block !important;
font-size: 10px;
color: #FFF;
padding: 1px 5px 0px;
line-height: 1.25;
background: #666;
border-radius: 12px;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -2px;
text-shadow: 1px 1px 0 #333;
}
.thumbnail_box .carthumb_price span strong strong{
font-size: 20px !important;
color:#f00;
}
.thumbnail_box .carthumb_price .carthumb_cost_wrap strong{
font-size: 14px !important;
}
.thumbnail_box .carthumb_price .carthumb_totalcost_title i{
color: inherit;
font-style: normal;
}
.thumbnail_box .carthumb_maintenance_text{
padding-left: 20px;
font-size: 11px;
color: inherit;
margin: 0 10px 5px;
background: url(../img/copy2open/carthumb_maintenance_icon.png) no-repeat left center;
}
.thumbnail_box .carthumb_safety_text{
padding-left: 20px;
font-size: 11px;
color: inherit;
margin: 0 10px 10px;
background: url(../img/copy2open/carthumb_safety_icon.png) no-repeat left center;
}
.thumbnail_box_last{
margin:0 0 20px;
/* margin:0; */
}
.thumbnail_box_lastlast{
margin:0 !important;
}
.thumbnail_box_lastrow1st{
margin:20px 0 0 0;
}
#carlist_main_box{
position:relative;
margin:0 0 30px;
}
.js-imageBoxContentsWrapper .imageBoxOuter {
position: relative;
}
.js-imageBoxContentsWrapper .multisliderIframePlayTrigger {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
#body_top #carlist_main_box{
margin:0 0 10px;
}
.carlistEmptyMsg{
margin: 60px 10px;
text-align: center;
padding: 30px;
border: 1px solid #eee;
font-size: 14px;
}
#usedcar_regi_btn_block span{
font-size:12px;
}
#main_usedcarpage_link_box{
background:url(../img/copy2open/carlist_linkarw.png) no-repeat left 10px ;
padding: 5px 0 0 25px;
width:150px;
margin:0 auto 10px;
}
#main_usedcarpage_link_box a{
font-family: "繝｡繧､繝ｪ繧ｪ";
font-size: 16px;
padding: 0;
display:block;
}
#main_usedcarpage_link_box a:hover{
text-decoration: none;
}
#middle_top_cardetail .inplace_toggle_icon:hover {
background-color: #ffcc00;
}
#middle_top_cardetail em{
font-style: normal;
}
#middle_top_cardetail a{
color: inherit;
text-decoration: none;
}
/***************************************************************/
/*縲荳ｭ蜿､霆願ｩｳ邏ｰ縲縲*/
.usercar_list h3 img,.blog_item h2 img {
vertical-align: middle;
padding-left: 5px;
}
.blog_item h2 img {
line-height: 50px;
}
#car_gall p {
float: left;
text-align: center;
display: block;
width: 415px;
}
#car_gall h3 {
font-size: 16px;
}
#car_gall h3 span {
font-size: 12px;
font-weight: normal;
float: right;
}
#car_gall ul {
width: 10000px;
display: block;
margin:0 0 10px 0 ;
}
/*20140627 鬮俶ｩ玖ｿｽ蜉� 荳ｭ蜿､霆翫し繝�繝阪う繝ｫ騾√ｊ繝懊ち繝ｳ*/
#carThumbArrowL{
height:60px;
width:30px;
background:#CCC;
float:left;
cursor:pointer;
display:none;
}
#carThumbArrowR{
height:60px;
width:30px;
background:#CCC;
float:right;
cursor:pointer;
display:none;
}
#car_gall ul::after{
content: "";
display: block;
clear: both;
}
#car_gall ul li {
float: left;
width: 60px;
height: 60px;
text-align: center;
margin: 0 5px 5px 0;
display: block;
position:relative;
overflow:hidden;
border-radius:100%;
background:#ccc;
cursor:pointer;
}
#carListCurrentDiv{
width: 50px;
height: 50px;
border:5px solid #f00;
position:absolute;
z-index:4;
top:0px;
left:0px;
border-radius:100%;
}
#cgmIndex{
z-index: 4;
position:absolute;
top:0px;
left:0px;
padding:10px;
background: rgba(0,0,0,0.7) url(../img/usedcar/cgmBg.png);
border-right: 1px solid #444;
border-bottom: 1px solid #444;
border-radius: 0 0 4px 0;
font-size:12px;
color:#fff;
width:70px;
}
#car_gall{
overflow:hidden;
position:relative;
}
#car_gall ul li span {
font-size: 10px;
margin: 0px;
padding: 0px;
clear: both;
}
#car_gall .gall_text{
font-size: 11px;
clear: both;
text-align: right;
width: 100%;
}
h3 span.regidate {
font-weight: normal;
font-size: 12px;
float: right;
}
#car_gall .car_gall_main {
position: relative;
width:100%;
max-width:640px;
margin-top:0;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:30px;
overflow:hidden;
}
#car_gall .car_gall_main img.mainpict {
height:480px;
}
body:not(.edit) #car_gall .car_gall_main img.mainpict {
cursor: default;
}
#cgmCapWrapper {
z-index:6;
bottom:0px;
left:0;
background: url(../img/usedcar/cgmBg.png), rgba(0,0,0,.75);
background: url(../img/usedcar/cgmBg.png), linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%);
box-shadow: inset 0 1px rgba(255,255,255,0.3);
color:#fff;
position:absolute;
width:100%;
line-height:150%;
font-size:90%;
/*height:40px;*/
/*margin:-100px 0 0 0 ;*/
}
#cgmCapWrapper.multipleMode {
z-index: 1002;
}
#cgmCap{
display:block;
margin:30px;
}
#cgmCapClose{
display: block;
padding: 5px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.cgm{
position:absolute;
width:30%;
height:100%;
top:0px;
right:0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../img/usedcar/cgmBg.png);
opacity:0;
text-align:center;
z-index:4;
}
.cgm.multipleMode {
z-index: 1002;
}
.cgm.cgmLeft{
left:0;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
}
#cgmLArrow{
position:absolute;
width:25%;
top: 50%; /*荳顔ｫｯ繧剃ｸｭ螟ｮ縺ｫ*/
left: 0; /*蟾ｦ遶ｯ繧剃ｸｭ螟ｮ縺ｫ*/
height:50%;
opacity:0;
margin : -50px 0 0 0;
z-index:3;
}
#cgmRArrow{
position:absolute;
width:25%;
top: 50%;
right: 0;
height:50%;
opacity:0;
margin : -50px 0 0 0;
text-align:right;
z-index:3;
}
#cgmRArrow img,#cgmLArrow img{
width:62px;
}
.cgm.hover:hover{
opacity:0.6;
cursor:pointer;
}
#carGallMask .cgm.hover:hover{
opacity:0.6;
cursor:pointer;
}
#carGallMask .cgmLArrow {
position: absolute;
left: 0;
height: 60px;
margin: 0;
width: 7%;
padding: 17.5px calc((7% - 15px) / 2);
background: rgba(0,0,0,.2);
box-sizing: border-box;
box-shadow: 10px 0 4px -4px rgba(255,255,255,.7);
border-radius: 0 4px 4px 0;
}
#carGallMask .cgmLArrow img {
height: 25px;
}
#carGallMask .cgmRArrow {
position: absolute;
right: 0;
height: 60px;
margin: 0;
width: 7%;
padding: 17.5px calc((7% - 15px) / 2);
background: rgba(0,0,0,.2);
box-sizing: border-box;
box-shadow: -10px 0 4px -4px rgba(255,255,255,.7);
border-radius: 4px 0 0 4px;
}
#carGallMask .cgmRArrow img {
height: 25px;
}
#carGallMask .cgm {
position: absolute;
width: 7%;
top: 0px;
right: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../img/usedcar/cgmBg.png);
opacity: 0;
text-align: center;
z-index: 1003;
border-radius: 4px 0 0 4px;
}
#carGallMask .cgmLeft{
left: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
border-radius: 0 4px 4px 0;
}
#multipleDeleteMask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
}
.noneUsedcarImageThumb{
display:block;
width:100%;
}
/* 荳ｭ蜿､霆顔判蜒上ｒ豁｣縺励￥陦ｨ遉ｺ縺輔○繧九◆繧√↓蠢�★640px縺ｫ縺吶ｋ */
#usercar_base{
width:640px;
margin:0 auto;
position: relative;
}
#js-slideIcon, #js-slideImage{
max-width:none;
}
#car_gall{
padding: 0;
margin-bottom: 30px;
width: 100%;
border: none;
z-index: 1;
}
.car_gall_main.js-dot900Border,
.car_gall_main .img_change_cursor.js-dot900Border {
border: 3px dotted #900;
box-sizing:border-box;
transition: unset;
}
.car_gall_main .img_change_cursor.js-dot900Border {
display: inline-block;
}
.car_gall_main.js-dotFc0Border {
border: 3px dotted #fc0;
box-sizing:border-box;
transition: unset;
}
.car_gall_main.js-fastUploadLoader:after {
background-size: 20%;
}
/* 鬮俶ｩ玖ｿｽ險倥20140625 */
#usercar_base table{
background:#FFF;
}
.kihon_tale {
margin-bottom: 40px;
}
.kihon_tale2, .soubishiyou{
margin-bottom: 30px;
}
.kihon_tale th,.kihon_tale td,.kihon_tale2 th,.kihon_tale2 td,.soubishiyou th, .soubishiyou td{
padding: 8px 5px;
}
.kihon_tale.kihon_tale_price,
.kihon_tale.kihon_tale_age{
margin-bottom: 10px;
}
.kihon_tale.kihon_tale_price th{
width: 100px;
font-size: 11px;
}
.kihon_tale.kihon_tale_price td{
width: 130px;
}
.kihon_tale.kihon_tale_price .shohiyo_td{
width: 100px;
}
.hosyo__item {
display:block;
width:100%;
cursor:pointer;
}
.hosyo__item:hover{
background-color:#fc0;
}
.ex--hosyo-setting__outer{
width: 240px;
display: flex;
position: absolute;
top: 0;
background-color:#fff;
border:2px solid #fc0;
padding:10px;
z-index:2;
align-items:flex-start;
display:none;
}
.ex--hosyo-setting__outer select {
margin:0 10px 0 0;
}
.ex--hosyo-setting__outer input[type = "radio"]{
margin:0 5px 0 0;
}
html[data-ex-mode = "1"] .ex--hosyo-setting__outer{
display:flex;
}
.ex--hosyo-caption-item{
display:none;
}
html[data-ex-mode-2 = "1"] .ex--hosyo-caption-item{
display:block;
}
.ex--hosyo-caption-item label{
display:block;
}
#usercar_base table td{
background:none;
}
.tokuten_come, .pr_come{
margin-bottom: 5px;
}
.cursor_default {
cursor: default;
}
.usedcar_info_body a#free01_01_h2,
.usedcar_info_body a#free02_01_h2,
.usedcar_info_body a#free03_01_h2,
#recommend_title {
color: inherit;
text-decoration: none;
}
#recommend_title span {
font-size: inherit;
}
#recommend_h2{
width:auto;
}
.usedcarPrintPage #usercar_base table th,
.usedcarPrintPage #usercar_base table td,
.usedcarPrintPage #usercar_base table tr{
color: #261306 !important;
background-color: #fff !important;
box-shadow: none !important;
border-collapse: collapse !important;
border:1px solid #333 !important;
}
.usedcarPrintPage #usercar_base table th,
.usedcarPrintPage #usercar_base table td,
.usedcarPrintPage #usercar_base table tr{
color: #261306 !important;
background-color: #fff !important;
box-shadow: none !important;
border-collapse: collapse !important;
border:1px solid #333 !important;
}
/*莨夂､ｾ譯亥�荳矩Κ*/
.link_cap_txt {
font-size: 12px;
text-align: center;
clear: both;
margin-bottom: 15px;
}
.right_link {
font-size: 14px;
font-weight: bold;
line-height: 50px;
clear: both;
height: 50px;
width: 250px;
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
background-repeat: repeat-x;
background-position: center center;
border: 1px solid #CCCCCC;
}
.right_link a{
display: inline-block;
width: 100%;
}
.company_fax_str {
margin : 0 0 0 20px;
}
.sidebar_linkbox_block {
position: relative;
}
.map_box_notFirst{
margin:10px 0 0 0;
}
.subpageLink {
clear: both;
margin-bottom: 15px;
}
.subpageLink h3 {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #999999;
padding-bottom: 5px;
clear: both;
text-align: center;
margin-bottom: 10px;
font-size: 14px;
}
p.link {
font-size: 12px;
clear: both;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: rgba(150,150,150,0.5);
padding-bottom: 5px;
margin: 0 0 10px 0;
}
h3.h3_lead {
font-size: 12px;
clear: both;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(180,180,180,0.5);
margin-right: 20px;
margin-left: 20px;
}
ul.ul_lead {
clear: both;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: rgba(150,150,150,0.5);
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 15px;
margin-left: 20px;
}
li.lead {
clear: both;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 0px;
margin-bottom: 0px;
}
/*逕ｻ蜒上ヶ繝ｭ繝�け*/
.pictbox {
float: left;
padding: 12px;
text-align: center;
/*width: 188px;*/
position: relative;
}
.setup_block {
font-size:12px;
margin:10px 0 20px;
width:100%;
text-align:center;
clear:both;
padding: 5px 0;
}
.setup_block a {color: #0066cc !important;}
/* 20190628 逕ｻ蜒丞ｹ�怙蟆上↑縺ｩ縺ｮ譎ゅ↓蠖ｱ髻ｿ縺後≠繧九�縺ｧ繧ｳ繝｡繝ｳ繝医い繧ｦ繝� 蛹怜ｷ�
.pict_edit_btn {
width:auto !important;
}
*/
/* 諢丞袖縺ｮ繧､繝槭う繝∝�縺九ｉ繧捺欠螳壻ｽ輔〒豸医☆=>蠢�ｦ� */
.img_box_left,.img_box_right{
z-index:2;
}
/* .sns_btn_block,.sns_btn_block_mono{
padding: 10px 0 0 0;
}
.sns_btn_block .tw_btn{
float:left;
margin:0px 10px 10px 0;
padding:0;
}
.sns_btn_block .fb_btn{
float:left;
margin:0px 10px 10px 0;
}
.sns_btn_block .gp_btn{
float:left;
margin:0px 0px 10px 0;
}
.sns_btn_block .hatebu_btn{
float:left;
margin:10px 10px 10px 0;
}
.sns_btn_block .hatebu_btn img{
padding:0px;
}
.sns_btn_block_mono .fb_btn{
width:70px;
margin:0px auto;
} */
/*Sidebar逕ｨ霑ｽ蜉�*/
#right_box_side .right_box_img{
width:188px;
padding: 0;
margin: 0 auto;
}
#right_box_side .right_box_img img{
padding: 0;
}
.sidebar_ad_banner{
margin:0 0 20px 0;
}
/***************************************************************/
/********** 謚ｱ縺阪＠繧√�繧九ヶ繝ｭ繝�け **********/
/* 繝悶Ο繝�け蜈ｨ菴� */
.dksm_regist{
position:relative;
clear:both;
}
.js-imageBoxBackground .dksm_regist{
width: 100%;
box-sizing: border-box;
}
.inputbtn.formInputBtn {
cursor: pointer;
}
.dksm_regist .inputbtn{
margin-bottom:0;
}
.box_dksm{
padding-bottom:30px;
}
.addPadding{
padding:30px;
}
.about_dksm{
margin:0 0 30px;
}
/* 繝悶Ο繝�け縺ｮ荳ｭ霄ｫ */
#dksm_form_01, #dksm_form_02{
float:left;
width:100%;
margin:0 0 10px;
}
#dksm_form_02{
margin:0 0 30px;
}
.dksm_regist th{
font-size:14px;
}
.dksm_regist td{
margin:0 0 30px;
}
#dksm_wrapper table{
width: 100%;
}
/* 繝悶Ο繝�け縺ｮ繝輔か繝ｼ繝� */
.shaken_term{
margin:0 0 0 30px;
}
.dksm_regist input[type="text"]{
font-size:14px;
padding:5px;
border: 1px solid rgba(180,180,180,0.5) !important;
border-radius: 3px;
}
.dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{
width:60px;
}
.dksm_regist textarea{
width:95%;
min-height:75px;
}
/* 繝悶Ο繝�け縺ｫ縺九°繧九が繝ｼ繝舌�繝ｬ繧､繝ｻ繧ｹ繝ｩ繧､繝繝ｼ */
#js_dksmSliderContents{
width:500%;
height:100%;
color:#000;
}
#dksm_wrapper .overLay{
position: absolute;
background:rgba(0,0,0,0.5);
width: 100%;
height: 100%;
top:0;
left:0;
z-index:2;
border-radius: 10px;
border:none;
}
.dksm_regist .dksmSlider{
width:calc( 100% - 120px );
height: 491px;
top: calc(50% - 245.5px - 30px);
margin: 30px;
position: absolute;
background: #fff;
overflow:hidden;
z-index:3;
border-radius: 10px;
box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
}
#js_dksmSliderContents div{
float:left;
padding:60px;
width:calc( 20% - 120px );
}
#dksm_wrapper #js_dksmSliderContents h2{
font-size: 22px;
line-height: 120%;
font-weight: normal;
color: #000;
margin: 0 0 30px;
background: none;
text-align: center;
color: #fff;
text-shadow:1px 1px 1px #CE4231, -1px -1px 1px #CE4231, 1px -1px 1px #CE4231, -1px 1px 1px #CE4231, 2px 2px 2px #E18B82, -2px -2px 2px #E18B82, 2px -2px 2px #E18B82, -2px 2px 2px #E18B82;
}
#js_dksmSliderContents p, #js_dksmSliderContents span{
color:#000;
text-shadow:none;
max-width:430px;
margin:0 auto 30px;
}
#js_dksmSliderContents span{ margin:initial; }
#js_dksmSliderContents div:nth-child(3) p{
clear:both;
}
.dksmSliderContents p{
margin: 0 auto 30px;
width: 100%;
padding:0;
}
.dksmSliderContents_img{
float: left;
margin: 0 15px 30px 0;
width:100px;
}
.dksmSliderContents b{ display:block; }
#js_dksmSliderContents .dksmCaption{
display:block;
margin:0 auto 5px;
font-size:12px;
max-width:320px;
}
#js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{
position: absolute;
right: 0;
height: 100%;
width: 30px;
display: inline-block;
margin: 0 44px;
}
#js_dksmSliderButtonPrev{
left:0;
right:inherit;
margin: 0 0 0 15px;
}
#js_dksmSliderButtonNext{
margin:0 15px 0 0;
}
#js_dksmSliderButtonNext img, #js_dksmSliderButtonPrev img{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
cursor:pointer;
}
#js_dksmSliderStep{
position:absolute;
bottom:30px;
width:100%;
}
#js_dksmSliderStep p{
width:90px;
margin:0 auto;
}
#js_dksmSliderStep span{
display: block;
width: 8px;
height: 8px;
border: 1px solid rgba(180,180,180,0.5);
border-radius: 100%;
float: left;
margin-right: 10px;
cursor: pointer;
}
#js_dksmSliderStep span:nth-child(5n) {
margin-right:0;
}
#js_dksmSliderStep .current{
background:#36f;
}
#js_dksmSliderContents .dksmBtn{
border: none;
color: #FFF;
background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
background-repeat: no-repeat, repeat;
background-size: cover, auto;
background-position: center bottom 2px, center;
padding: 15px 0;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
max-width: 320px;
margin-left: auto;
margin-right: 1%;
display: block;
text-align: center;
text-decoration: none;
font-family: inherit;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
transition: 0.3s;
margin: 0 auto 30px;
text-decoration:none;
color:#fff !important;
}
#js_dksmSliderContents div > img{
width:100%;
display:block;
max-width:430px;
margin:0 auto 30px;
}
.dksmBtn.signin{
background-color: #d51c5a;
}
.dksmBtn.login{
background-color: #26e;
}
.error_message{
font-size:14px;
color:#c00;
display:block;
}
/***************************************************************/
/*SideBar 霑ｽ蜉�繝悶Ο繝�け*/
#sidefree01, #sidefree02, #sidefree03, #sidefree04, #sidefree05{
clear: both;
margin-bottom: 20px;
}
.side_img_box{
padding: 5px;
border: 1px solid rgba(180,180,180,0.5);
margin: 0px;
position: relative;
z-index: 2;
}
.side_img_box_nonimg{
border:none;
padding:0 0 2px 0;
}
.side_img_box_right{
float: right;
margin: 0px 0px 10px 10px;
position: relative;
}
.side_img_box_left{
float: left;
margin: 0px 10px 10px 0px;
position: relative;
}
.side_img_box_max{
width: 100%;
box-sizing: border-box;
margin:0 0 10px 0;
}
.side_img_box_nonimg.side_img_box_small,
.side_img_box_nonimg.side_img_box_big,
.side_img_box_nonimg.side_img_box_max{
margin:0 10px 10px 0 !important;
}
#sideaddbox01{
padding: 0 9px 9px 9px;
clear: both;
width: 180px;
margin-bottom: 20px;
border: 1px solid rgba(180,180,180,0.5);
}
#sideimgbox01, #sideimgbox02, #sideimgbox03{
clear: both;
margin-bottom: 20px;
}
#sidetopics01, #sidetopics02, .like_topics_block {
clear: both;
margin-bottom: 20px;
position: relative;
}
.box_side_topics, .like_box_side_topics, .box_side_claendar{
padding: 0 0 9px 0;
margin:0 0 10px 0;
border-bottom: 1px solid rgba(180,180,180,0.5);
font-size:12px;
}
.sidebarBoxImageSettingControllerOuter {
display: none;
}
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
display: block;
}
#sidefree01 img, #sidefree02 img, #sidefree03 img, #sidefree04 img, #sidefree05 img, .sidebar_ad_banner img,
#sideaddbox01 img, #sideaddbox02 img, #sideimgbox01 img, #sideimgbox02 img, #sideimgbox03 img, #sidetopics01 img, #sidetopics02 img, .like_topics_block img {
max-width: 100%;
padding:0;
}
#sidefree01 p, #sidefree02 p, #sidefree03 p, #sidefree04 p, #sidefree05 p,
#sideaddbox01 p,#sideaddbox02 p, #sidepbox01 p, #sideimgbox02 p, #sideimgbox03 p, #sidetopics01 p, #sidetopics02 p, .like_topics_block p, #sideCalendar_01_1 {
padding:0;
background:none;
line-height:150%;
clear:none;
}
#sidetopics01 h4, #sidetopics02 h4, .like_topics_block h4 {
font-size: 14px;
font-weight: bold;
color: #686846;
clear: both;
line-height: 130%;
text-align:left;
padding: 0 0 5px 45px;
margin:0 auto 10px;
background-image: url(../img/copy2open/topics_h3bg.gif);
background-repeat: no-repeat;
background-position: left 2px;
border-bottom: #999 solid 1px;
}
h4#shop_info_title, #sv_title{
font-size: 14px;
font-weight: bold;
color: #686846;
clear: both;
line-height: 130%;
text-align:left;
padding: 0 0 5px 45px;
margin:0 auto 10px;
background-image: url(../img/copy2open/shopinfo_h3bg.gif);
background-repeat: no-repeat;
background-position: left 2px;
border-bottom: #999 solid 1px;
}
.like_topics_block h4{
background-image: url(../img/copy2open/shopinfo_h3bg.gif);
}
#sidetopics01 h5, #sidetopics02 h5, .like_topics_block h5 {
line-height: 130%;
margin-bottom:5px;
}
#side_link_block h4 {
font-size: 14px;
font-weight: bold;
color: #686846;
clear: both;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
background-image: url(../img/copy2open/h2_links.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 45px;
line-height: 130%;
}
/***************************************************************/
/*SideBar QRcode*/
#mobile_QR_info{
margin: 0px auto 10px;
padding: 20px 0 0 ;
/*border-top: 1px dotted #ccc;*/
text-align:center;
width:200px;
}
#mobile_QR_info h4{
font-size: 14px;
font-weight: bold;
color: #686846;
clear: both;
line-height: 130%;
text-align:left;
/*width:133px;*/
padding-left:18px;
margin:0 auto 10px;
background-image: url(../img/common/qr.gif);
background-repeat: no-repeat;
background-position: left 2px;
border-bottom: 1px solid #999;
padding-bottom: 5px;
}
#mobile_QR_info h5{
font-size: 10px;
line-height: 130%;
text-align:center;
font-weight:normal;
}
#mobile_QR_info div.QR_innerBlock{
width:165px;
height:95px;
margin: 0 auto;
}
#mobile_QR_info .mb_block{
float:left;
width:80px;
margin: 0 5px 15px 0;
}
#mobile_QR_info .sp_block{
float:left;
width:80px;
margin: 0 0 15px 0;
}
#mobile_QR_info img{
padding: 2px 0 0 0;
}
#qr_txt{
font-size:10px;
clear:both;
margin:0 auto;
border:1px dotted rgba(150,150,150,0.5);
text-align:left;
width:146px;
padding:5px;
background:none repeat scroll 0 0 transparent;
}
#qr_txt span{
color:#600;
}
/*繝｢繝舌う繝ｫ繝励Ξ繝薙Η繝ｼ逕ｻ髱｢*/
div.mb_display p.main_text{
width:640px;
padding: 10px 20px;
margin:5px auto;
line-height: 150%;
border-top: 1px dotted rgba(150,150,150,0.5);
border-bottom: 1px dotted rgba(150,150,150,0.5);
}
div.mb_display p.main_text span{
font-size:12px;
padding: 5px;
}
div.mb_display p.main_text span.attention_message{
font-size:16px;
padding: 5px 10px;
/*display:block;*/
}
div.mb h3,div.sp h3{
margin:0 0 10px;
}
div.mb button,div.sp button{
background-image: url(../img/common/reload_off.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:12px;
padding:0 0 0 30px;
border:none;
width:110px;
height:30px;
text-align:left;
}
div.mb button:hover,div.sp button:hover{
background-image: url(../img/common/reload_on.gif);
background-repeat: no-repeat;
background-position: left center;
}
#mobile_QR_info div.mb_block:after,
#mobile_QR_info div.sp_block:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.mb div.mb_block{
width:340px;
margin:20px 5px 50px;
font-size:12px;
line-height:140%;
}
.mb div.mb_block h2{
padding:10px 0 10px 18px;
font-size:14px;
background-image: url(../img/common/qr.gif);
background-repeat: no-repeat;
background-position: left center;
}
.mb div.mb_block:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.mb div.mb_block img{
float:left;
padding-right:10px;
}
.clearfix:after, .block:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#btnBar_img_h2_0{
position:absolute;
bottom:0;
right:0;
}
/*蜈ｨ菴薙Γ繧､繝ｳ繧ｳ繝ｳ繝�Φ繝�ｸ企Κ繝代ョ繧｣繝ｳ繧ｰ*/
div #main_contents.top_main{
padding-top:30px;
}
div #main_contents.sub_main,
div #main_contents.free_main {
padding-top:20px;
}
#pan{
margin-bottom:20px;
}
.disnon{
display:none;
}
/*繧ｹ繝ｩ繧､繝繝ｼ驛ｨ蛻�ｸ九↓霑ｽ蜉�縺輔ｌ繧掬iv繝悶Ο繝�け*/
#addSliderBottomBlock{
display:none;
}
/*莉･荳句�蜈ｼ霑ｽ蜉�(2013_06_19)*/
.carlist_pager_box{
width:100%;
height:auto;
margin:20px 0;
text-align:center;
}
.pager{
background:none;
border:none;
width: 100%;
text-align: center;
}
.pager li{
display: -moz-inline-box;
display:inline-block;
}
.pager li span{
display:block;
font-weight: bold;
color: #000;
border:1px solid #333;
background:#FFF;
margin:0 5px 0;
padding:10px 15px;
}
.pager li a{
display:block;
background:#DDD;
border:1px solid #333;
margin:0 5px 0;
padding:10px 15px;
}
.pager_str {
clear: both;
font-size: 12px;
margin-bottom: 5px;
text-align:center;
}
.pager a:link,.pager a:visited {
color: #3399FF;
}
.pager a:hover,.pager a:active {
background-color: #333333;
color: #FFFFFF;
}
/*莉･荳句�蜈ｼ霑ｽ蜉�(2013_07_05��)*/
.mail_send_message_201307{
background-color:#FFFFFF;
clear:both;
color:#444444;
margin-left:auto;
margin-right:auto;
padding:20px;
width:90%;
text-align:center;
}
.mail_send_message_201307 h2{
font-family: "繝｡繧､繝ｪ繧ｪ";
background-color:#FC0;
background-image:none;
clear:both;
color:#333;
font-size:100%;
line-height:25px;
margin-bottom:20px;
margin-top:0;
padding:10px;
font-weight:normal;
}
.mail_send_message_201307 p.border_2_dot{
background:url("/trial/img/border01.gif") repeat-x 0 0;
margin:50px 0 40px;
height:2px;
}
span.border_dotted{
border-bottom:1px dotted rgba(150,150,150,0.5);
float:left;
width:380px;
margin:0 0 15px;
}
p.border_dotted{
border-bottom-width: 1px;
border-bottom-style: dashed; /* 邱夂ｨｮ */
border-bottom-color: rgba(150,150,150,0.5); /* 邱夊牡 */
width:320px;
margin:0 0 15px;
}
span.red {
color:#C00;
}
body[data-use-conversion-button-pc = "1"]:not(.edit) #footer_wrapper{
padding-bottom: 90px;
}
/**
* #footer 髢｢騾｣
* 2022-02-22 kitagawa
*
* 讖溯�逧�↓繝｡繝九Η繝ｼ縺ｮ謨ｰ縺後°繧上ｋ莠九′縺ゅｋ縺ｮ縺ｧ縲∵焚縺ｫ縺九°繧上ｉ縺壽紛縺�ｈ縺�CSS縺ｧ謾ｹ蝟�
* common縺ｸ縺ｮ險倩ｿｰ縺ｯ荳玖ｨ倥〒蜊∝�縲∝ｾ後�蛟句挨CSS蛛ｴ縺ｧ隱ｿ謨ｴ繧�
*/
#footer ul{
display: flex;
justify-content: space-between;
}
#footer ul li{
width: 100%;
align-items: center;
display: flex;
justify-content: center;
padding-left: 0;
padding-right: 0;
text-align: center;
}
#footer ul li a{
width: 100%;
height: 100%;
padding: 0 3px;
word-break: break-all;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
/* ================================================================
* 繧ｰ繝ｭ繝ｼ繝舌Ν繝｡繝九Η繝ｼ髢｢騾｣
* ================================================================
*
* 莉ｶ謨ｰ縺悟､壹＞蝣ｴ蜷医↓陦ｨ遉ｺ縺輔ｌ繧九Γ繝九Η繝ｼ (mega_menu) : 繝｡繝九Η繝ｼ菴咲ｽｮ�壻ｸ翫�荳ｭ繝ｻ蟾ｦ繝ｻ蜿ｳ 蜈ｱ騾�
* 迴ｾ蝨ｨ縺ｯ 7莉ｶ莉･荳翫〒陦ｨ遉ｺ
*
* 繝ｻ蝓ｺ譛ｬ險ｭ螳夲ｼ� common.css 縺ｮ div.mega_menu
* 繝ｻ荳頑嶌險ｭ螳夲ｼ� cms_css_XXXX.php 縺ｮ div.mega_menu 縺ｧ荳頑嶌縺�
* 縲縲�井ｸ頑嶌縺肴Φ螳壹け繝ｩ繧ｹ��
* 縲縲div.mega_menu ... 菴咲ｽｮ繝ｻ繧ｵ繧､繧ｺ
* 縲縲div.mega_menu ul 繝ｻ繝ｻ繝ｻ 陬�｣ｾ
* 縲縲div.mega_menu ul li
* 縲縲div.mega_menu ul li a
* 縲縲div.mega_menu ul li a:visited
* 縲縲div.mega_menu ul li a:hover
* #mega_menu_pointer_h
* #mega_menu_pointer_hb
* #mega_menu_pointer_vl
* #mega_menu_pointer_vr
*
* 縲縲�井ｸ頑嶌縺肴Φ螳壼､悶け繝ｩ繧ｹ��
* 縲縲div.mega_menu ul li.no_right 繝ｻ繝ｻ繝ｻ 繝｡繧ｬ繝｡繝九Η繝ｼ蜀���岼 蜿ｳ遶ｯ縺ｮ繝槭�繧ｸ繝ｳ豸医＠縺ｮ縺ｿ
* 縲縲div.mega_menu ul li.no_bottom 繝ｻ繝ｻ繝ｻ 繝｡繧ｬ繝｡繝九Η繝ｼ蜀���岼 荳狗ｫｯ縺ｮ繝槭�繧ｸ繝ｳ豸医＠縺ｮ縺ｿ
*
* 窶ｻ繝�じ繧､繝ｳ縺斐→縺ｫ 荳翫�荳ｭ繝ｻ蟾ｦ繝ｻ蜿ｳ 縺ｫ蠢懊§縺溘Γ繝九Η繝ｼ陦ｨ遉ｺ菴咲ｽｮ繝ｻ蟷�ｒCSS縺ｧ險ｭ螳壹☆繧九�
*/
/**
* 繝｡繝九Η繝ｼHTML譛ｬ菴�
*/
#menu > ul > li > ul{
display: none; /** 繝壹�繧ｸ隱ｭ縺ｿ霎ｼ縺ｿ譎ゅ■繧峨▽縺�※隕九∴繧九◆繧√，SS縺ｧnone縺ｫ **/
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 螟匁棧 */
/* 繝｡繝九Η繝ｼ蜊倅ｽ阪�div 荳ｭ霄ｫ縺ｯ ul 閭梧勹縺ｫ繝昴う繝ｳ繧ｿ逕ｻ蜒擾ｼ井ｸ雁ｷｦ蜿ｳ荳具ｼ�*/
div.mega_menu{
margin: 0 auto; /* 荳翫�荳ｭ繝｡繝九Η繝ｼ縺ｮ蝣ｴ蜷医� margin: auto 縺ｧ荳ｭ螟ｮ繧医○ */
padding: 0;
z-index: 10;
position:absolute;
}
.use_megamenu_animation div.mega_menu:after{
content: "";
display: none;
}
#menu_wrapper:not(.use_megamenu_animation) div.mega_menu{
display: none;
}
div.mega_menu .megaMenuArrow--top{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-top: 8px solid #999999;
border-bottom: 0;
}
div.mega_menu .megaMenuArrow--left{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #999999;
border-right: 0;
}
div.mega_menu .megaMenuArrow--right{
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #999999;
border-left: 0;
}
/** 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳON縺ｮ繝�じ繧､繝ｳ逕ｨ **/
.use_megamenu_animation div.mega_menu{
height: auto;
min-height: 120px;
background: rgba(255, 255, 255, .95) url(../img/copy2open/megamenu_bg.png) no-repeat center bottom;
box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 15%);
opacity: 0;
min-width: 640px;
max-width: 960px;
pointer-events: none;
transition: all .5s ease;
}
.use_megamenu_animation.is-hovering div.mega_menu{
transition: all 0s;
}
.side_bar_top .use_megamenu_animation div.mega_menu,
.side_bar_middle .use_megamenu_animation div.mega_menu{
padding-top: 0 !important;
padding-bottom: 45px !important;
border-radius: 0 0 3px 3px;
}
.side_bar_left .use_megamenu_animation div.mega_menu,
.side_bar_right .use_megamenu_animation div.mega_menu{
max-width: 960px;
min-height: 240px;
}
.side_bar_left .use_megamenu_animation div.mega_menu{
border-radius: 0 3px 3px 0;
}
.side_bar_right .use_megamenu_animation div.mega_menu{
border-radius: 3px 0 0 3px;
}
.side_bar_left .use_megamenu_animation div.mega_menu,
.side_bar_right .use_megamenu_animation div.mega_menu{
padding-bottom: 190px !important;
}
.edit.side_bar_left .use_megamenu_animation div.mega_menu,
.edit.side_bar_right .use_megamenu_animation div.mega_menu{
padding-bottom: 190px !important;
}
.side_bar_left .use_megamenu_animation div.mega_menu.fixed_mega_menu{
left: 100%;
right: auto;
}
.side_bar_right .use_megamenu_animation div.mega_menu.fixed_mega_menu{
left: auto;
right: 100%;
}
.side_bar_left .use_megamenu_animation div.mega_menu{
padding-left: 0 !important;
margin-top: 0 !important;
}
.side_bar_right .use_megamenu_animation div.mega_menu{
padding-right: 0 !important;
margin-top: 0 !important;
}
.use_megamenu_animation.js-hover div.mega_menu.active{
opacity: 1;
pointer-events: auto;
}
.use_megamenu_animation .megamenuTitle{
font-size: 72px;
color: rgba(0,0,0,.05);
font-weight: 700;
font-family: 'Noto Serif JP', serif !important;
position: absolute;
line-height: 1;
left: 60px;
bottom: 30px;
opacity: 0;
overflow: hidden;
transition: all .5s ease;
user-select: none;
max-width: calc( 100% - 150px );
pointer-events: none;
max-height: 1em;
display: none;
}
.use_megamenu_animation .megamenuTitleRight{
font-size: 72px;
color: rgba(0,0,0,.05);
font-weight: 700;
font-family: 'Noto Serif JP', serif !important;
position: absolute;
line-height: 1;
left: 60px;
bottom: 65px;
opacity: 0;
overflow: hidden;
transition: all .5s ease;
user-select: none;
max-width: calc( 100% - 150px );
pointer-events: none;
max-height: 1em;
display: none;
}
.use_megamenu_animation .megamenuTitleRight{
left: auto;
right: 0;
transform-origin: right bottom;
bottom: -10px;
font-size: 140px;
transition: all 1.75s ease;
color: rgba(0,0,0, 0.05);
z-index: -1;
max-height: calc(100vh - 140px);
max-width: 1.03em;
overflow: hidden;
filter: blur(2px);
pointer-events: none;
writing-mode: vertical-rl;
display: none;
}
.use_megamenu_animation .megamenuMiniTitle{
color: rgba(0,0,0,.2);
font-size: 14px;
font-weight: 700;
font-family: 'Noto Serif JP', serif !important;
position: absolute;
letter-spacing: 0.5em;
left: 65px;
bottom: 40px;
opacity: 0;
transition: all .5s ease;
transition-delay: .1s;
user-select: none;
pointer-events: none;
display: none;
}
.use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitle{
opacity: 1;
bottom: 60px;
}
.use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitleRight{
opacity: 1;
bottom: 0;
}
.use_megamenu_animation.js-hover div.mega_menu.active .megamenuMiniTitle{
opacity: 1;
bottom: 50px;
}
/* 繝｡繝九Η繝ｼ譛ｬ菴� */
div.mega_menu > ul{
align-content: flex-start;
background: #fff;
border: solid 1px #999999;
border-radius: 6px;
display: flex;
flex-wrap: wrap;
margin: 0;
opacity: 1;
padding: 30px;
vertical-align: middle;
box-shadow: 0 10px 10px 10px rgba(0,0,0,0.07);
}
.use_megamenu_animation div.mega_menu > ul{
width: 100%;
background: transparent !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
box-sizing: border-box;
max-height: 50vh;
height: auto;
padding: 0px 45px 0;
transition: min-height .5s;
margin-top: 60px;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
z-index: 20;
}
.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar {
display: block;
width: 6px;
}
.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-thumb {
background: #CCC;
border-radius: 3px;
}
.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-track {
background: transparent;
}
/* 繝｡繝九Η繝ｼ鬆�岼 */
div.mega_menu > ul > li{
width: calc( 33.3333333% - 20px );
padding: 3px 10px;
}
div.mega_menu > ul > li.dummyLi,
div.mega_menu > ul > li.megamenu-state-separator{
display: none !important;
}
div.mega_menu > ul > li[data-middle-menu-state = "open"]{
z-index: 2;
}
div.mega_menu > ul > li[data-middle-menu-state = "close"]{
z-index: 1;
}
div.mega_menu > ul > li > a,
div.mega_menu > ul > li > a:visited {
background-color: inherit;
/* background-image: url('../img/copy2open/menu_list_mark.gif');*/
background-repeat: no-repeat;
background-position: left 5px top 13px;
color: #000;
display: block;
font-size: 16px;
line-height: 120%;
padding: 12px 10px 10px 10px;
border-radius: 3px;
text-decoration: none;
}
div.mega_menu > ul > li > a.middle-menu__link{
padding: 9px 10px 7px 46px;
}
.edit div.mega_menu ul li a[data-is-draggable = "1"]{
cursor: pointer;
}
.edit div.mega_menu > ul li a[data-is-draggable = "1"]{
transition: .2s;
}
.edit div.mega_menu > ul li:hover > a[data-is-draggable = "1"]{
background-color: #fff8de;
}
.use_megamenu_animation div.mega_menu > ul > li > a,
.use_megamenu_animation div.mega_menu > ul > li > a:visited{
background-position: left 5px top 13px;
font-size: 16px !important;
}
.use_megamenu_animation div.mega_menu > ul > li.sub--top > a,
.use_megamenu_animation div.mega_menu > ul > li.sub--top > a:visited{
font-size: 18px !important;
}
.use_megamenu_animation div.mega_menu > ul > li{
opacity: 0;
position: relative;
top: 10px;
transition-duration: 0.5s, 0.5s;
transition-property: top, opacity;
transition-timing-function: ease, cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: top, opacity;
}
.use_megamenu_animation div.mega_menu > ul > li.dammyLiElem{
opacity: 0;
width: 0;
height: 40px;
}
.use_megamenu_animation div.mega_menu > ul > li.dammyLiElem > a{
padding: 20px 0;
}
.use_megamenu_animation div.mega_menu > ul > li.stopAnimation {
transition: none;
}
div.mega_menu.menu-edit-mode > ul > li,
.js-hover div.mega_menu.active > ul > li{
opacity: 1;
top: 0;
}
.js-hover div.mega_menu > ul > li:nth-of-type(1) {
transition-delay: 0.14s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(2) {
transition-delay: 0.18s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(3) {
transition-delay: 0.22s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(4) {
transition-delay: 0.26s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(5) {
transition-delay: 0.3s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(6) {
transition-delay: 0.34s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(7) {
transition-delay: 0.38s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(8) {
transition-delay: 0.42s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(9) {
transition-delay: 0.46s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(10) {
transition-delay: 0.5s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(11) {
transition-delay: 0.54s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(12) {
transition-delay: 0.58s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(13) {
transition-delay: 0.62s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(14) {
transition-delay: 0.66s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(15) {
transition-delay: 0.7s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(16) {
transition-delay: 0.74s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(17) {
transition-delay: 0.78s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(18) {
transition-delay: 0.82s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(19) {
transition-delay: 0.86s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(20) {
transition-delay: 0.9s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(21) {
transition-delay: 0.94s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(22) {
transition-delay: 0.98s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(23) {
transition-delay: 1.02s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(24) {
transition-delay: 1.06s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(25) {
transition-delay: 1.1s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(26) {
transition-delay: 1.14s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(27) {
transition-delay: 1.18s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(28) {
transition-delay: 1.22s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(29) {
transition-delay: 1.26s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(30) {
transition-delay: 1.3s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(31) {
transition-delay: 1.34s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(32) {
transition-delay: 1.38s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(33) {
transition-delay: 1.42s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(34) {
transition-delay: 1.46s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(35) {
transition-delay: 1.5s;
}
.js-hover div.mega_menu > ul > li:nth-of-type(36) {
transition-delay: 1.54s;
}
.js-hover div.mega_menu > ul > li[data-is-private = "1"]{
transition-delay: 0s;
}
/**
* 譁ｰ逹繝壹�繧ｸ陬�｣ｾ
*/
body:not(.menu-edit-mode) li[data-is-new = "1"] > a{
position: relative;
}
body:not(.menu-edit-mode) li[data-is-new = "1"] > a:after{
content: "";
width: 30px;
height: 18px;
display: block;
background: url('../img/copy2open/menu_list_mark_new.png') top center;
position: absolute;
top: 3px;
left: 4px;
}
body:not(.menu-edit-mode) li[data-is-new = "1"][data-included-middle-menu = "1"] > a:after{
background-image: url('../img/copy2open/menu_list_mark_new_gray.png');
}
/**
* 驥崎ｦ√�繝ｼ繧ｸ陬�｣ｾ
*/
div.mega_menu > ul > li[data-is-important = "1"] > a{
background-position: left 5px top 14px;
font-size: 14px;
font-weight: bold;
}
div.mega_menu > ul > li > a:hover .pageTitleStr {
text-decoration: underline;
}
.middle-menu__trigger{
position: relative;
}
.middle-menu__trigger > a{
box-sizing: border-box;
cursor: pointer;
position: relative;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger > a{
font-size: 16px !important;
background-repeat: no-repeat !important;
transition: all .2s;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--1 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--1.png) !important;
background-position: left 14px top 7px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--1--open.png) !important;
background-position: left 14px top 7px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--2 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--2.png) !important;
background-position: left 11px top 4px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--2--open.png) !important;
background-position: left 11px top 4px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--3 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--2.png) !important;
background-position: left 11px top 4px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--2--open.png) !important;
background-position: left 11px top 4px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--4 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--3.png) !important;
background-position: left 8px top 0px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--3--open.png) !important;
background-position: left 8px top 0px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--5 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--4.png) !important;
background-position: left 3px top -8px !important;
padding: 12px 10px 10px 55px !important;
}
[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 > a{
background-image: url(../img/copy2open/menu_folder_icon_size--4--open.png) !important;
background-position: left 3px top -8px !important;
padding: 12px 10px 10px 55px !important;
}
.middleMenuTitle{
margin-right: 7px;
}
.child-count__wrap {
text-align: center;
color: #926200;
font-size: 11px;
line-height: 1;
display: inline-block;
padding: 0 3px 0;
width: 28px;
box-sizing: border-box;
position: relative;
font-family: 'Arial';
z-index: 0;
}
.child-count__wrap .child-count__inner{
color: #926200;
font-family: 'Arial';
font-size: 11px;
display: inline-block;
}
.side-middle-menu__head[data-menu-open-state = "open"] .child-count__wrap .child-count__inner,
li[data-menu-open-state = "close"] .child-count__wrap .child-count__inner{
transform: rotateX(45deg);
display: inline-block;
position: relative;
top: 2px;
}
.mega_menu .child-count__wrap{
width: 26px;
text-align: center;
color: inherit;
font-size: 10px;
line-height: 1;
display: inline-block;
position: absolute;
left: 13px;
top: 17px;
letter-spacing: -.03em;
transition: all .2s;
transform-origin: top center;
padding: 0;
}
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 .child-count__wrap,
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 .child-count__wrap{
transform: rotateX(-50deg);
top: 21px;
}
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 .child-count__wrap,
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 .child-count__wrap{
transform: rotateX(-50deg);
top: 23px;
}
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 .child-count__wrap{
transform: rotateX(-50deg);
top: 25px;
left: 14px;
}
.child-count__wrap:before{
content: "";
width: 24px;
height: 24px;
background: url(../img/copy2open/menu_folder_icon_size--1--open.png) no-repeat center left;
position: absolute;
left: 2px;
bottom: -4px;
z-index: -1;
}
.mega_menu .child-count__wrap:before{
display: none;
}
.side_bar_sub .child-count__wrap:before,
.ul_lead .child-count__wrap:before{
/* left: 3px;*/
}
.js-childCount,
.js-searchResultCount {
line-height: 1;
}
.js-childCount[data-show="1"],
.js-searchResultCount[data-show="1"] {
display: inline-block;
color: #926200 !important;
font-weight: bold;
font-family: "Arial" !important;
}
.js-childCount[data-show="0"],
.js-searchResultCount[data-show="0"] {
display: none;
}
[data-show-grandson-count = "0"] .child-count__wrap{
display: none;
}
.middle-menu__trigger--sp{
display: none;
}
.middle-menu__arrow{
width: 16px;
height: 8px;
background-image: url(../img/copy2open/middle_menu_open_arrow.png);
background-position: 0 -4px;
background-repeat: no-repeat;
display: inline-block;
position: relative;
right: -5px;
top: -1px;
transform: rotate(0deg);
transform-origin: center center;
transition: .3s;
display: none !important;
}
.middle-menu__trigger[data-middle-menu-state = "open"] .middle-menu__arrow{
content: "";
transform: rotate(-180deg);
}
/**
* 2021-04-28 kitagawa
* 繝｡繧ｬ繝｡繝九Η繝ｼ蜀��繝輔か繝ｫ繝繝ｬ繧､繧｢繧ｦ繝�
* 繝�じ繧､繝ｳ縺ｫ繧医▲縺ｦ陦梧焚繧貞､峨∴縺溘＞縺ｨ縺阪� width 縺ｨ margin-left縲� nth- 縺ｮ荳頑嶌縺阪〒蜿ｯ閭ｽ
* 險育ｮ怜ｼ上�荳九↓譖ｸ縺�※縺翫￥
*/
.middle-menu__wrap{
width: calc( 300% + 40px );
background: #fffdf7;
border: 1px solid #ffeba0;
border-radius: 3px;
box-sizing: border-box;
display: none;
margin: 10px 0;
position: relative;
z-index: 1;
}
.mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap {
width: calc( 300% + 40px );
margin-left: 0;
}
.mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 5%;
margin-left: 9px;
}
#menu_wrapper div.searchedEmpty,
div.mega_menu > ul.searchedEmpty {
position: absolute;
top: calc(50% - 23px);
left: calc(50% - 190px);
color: #000;
width: 380px;
height: 46px;
box-sizing: border-box;
vertical-align: middle;
font-size: 15px;
display: none;
}
#menu_wrapper div.searchedEmpty[data-show="1"],
div.mega_menu > ul.searchedEmpty[data-show="1"] {
display: block;
}
div.mega_menu > ul.searchedEmpty .emptyString,
{
display: inline-block;
}
.mega_menu .js-subPageList[data-show="0"] {
display: none !important;
}
.mega_menu .searchedResultStringOuter {
font-size: 12px;
position: absolute;
top: 20px;
left: 21px;
max-width: 450px;
text-align: left;
line-height: 1.25;
padding: 4px 10px 3px;
background: #FFF;
border-radius: 5px;
border: 1px solid #DDD;
color: #555;
display: none;
}
.side_bar_left .mega_menu .searchedResultStringOuter,
.side_bar_right .mega_menu .searchedResultStringOuter{
max-width: 330px;
}
.mega_menu .searchedResultStringOuter[data-show="1"] {
display: block;
}
.mega_menu .searchedKeywordWrap .searchedKeyword {
font-size: 14px;
font-weight: bold;
}
.mega_menu .searchedResultStringOuter .searchedCount {
font-size: 14px;
font-weight: bold;
}
#menu li#gmenu_search {
display: none;
}
.middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 1%;
margin-left: 9px;
border:9px solid transparent;
border-bottom:9px solid #fffefb;
}
.middle-menu__wrap:after {
content: "";
position: absolute;
top: -18px;
z-index: -1;
left: 0.8%;
margin-left: 11px;
border: 9px solid transparent;
border-bottom: 9px solid #ffeba0;
}
.ul_sub li:nth-of-type(3n-1) .middle-menu__wrap{ /* 3蛻励�縺ｨ縺� */
margin-left: calc( -100% - 20px );
}
.ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap {
margin-left: calc( -100% - 20px );
}
.ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 35.3%;
margin-left: 9px;
border:9px solid transparent;
border-bottom:9px solid #fffefb;
}
.ul_sub li.js-searchTargetOuter.columnsSecond[data-is-private = "1"] .middle-menu__wrap:before {
content: "";
border-bottom:9px solid #fffefb;
}
.ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 35.3%;
margin-left: 9px;
border:9px solid transparent;
border-bottom:9px solid #fffefb;
}
.ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap::after {
content: "";
left: 35%;
}
.ul_sub li:nth-of-type(3n-1)[data-is-private = "1"] .middle-menu__wrap:before {
content: "";
border-bottom:9px solid #fffefb;
}
.ul_sub li:nth-of-type(3n) .middle-menu__wrap{ /* 3蛻励�縺ｨ縺� */
margin-left: calc( -200% - 40px ); /* -100% * n-1(蛻玲焚) */
}
.ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap {
margin-left: calc( -200% - 40px );
}
.ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 69.1%;
margin-left: 9px;
border:9px solid transparent;
border-bottom:9px solid #fffefb;
}
.ul_sub li:nth-of-type(3n) .middle-menu__wrap:before {
content: "";
position: absolute;
top: -16px;
left: 69.1%;
margin-left: 9px;
border:9px solid transparent;
border-bottom:9px solid #fffefb;
}
.ul_sub li.js-searchTargetOuter:nth-of-type(3n) .middle-menu__wrap::after {
content: "";
left: 68.9%;
}
.middle-menu__list{
width: 100%;
align-items: flex-start;
cursor: default;
display: flex;
flex-wrap: wrap;
vertical-align: middle;
box-sizing: border-box;
padding: 5px;
}
.middle-menu__list li{
width: calc( 33.3333333% - 20px );
padding: 3px 10px;
}
.middle-menu__list li > a,
.middle-menu__list li > a:visited {
background-color: inherit;
/* background-image: url(../img/copy2open/menu_list_mark_sub.gif);*/
background-repeat: no-repeat;
background-position: left 6px top 12px;
background-size: 10px 12px;
color: #000;
display: block;
font-size: 16px;
line-height: 120%;
padding: 12px 10px 12px 10px;
border-radius: 3px;
text-decoration: none;
}
.middle-menu__list li > a:hover .pageTitleStr{
text-decoration: underline;
}
.sub--child a.current-record{
font-weight: bold;
}
/**
* 縺薙％縺ｾ縺ｧ
* -- 繝｡繧ｬ繝｡繝九Η繝ｼ蜀��繝輔か繝ｫ繝繝ｬ繧､繧｢繧ｦ繝� --
*/
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 鬆�岼�亥承遶ｯ��:荳頑嶌縺堺ｸ榊庄 */
div.mega_menu > ul > li.no_right{
margin-right: 0;
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 鬆�岼�井ｸ狗ｫｯ��:荳頑嶌縺堺ｸ榊庄 */
div.mega_menu > ul > li.no_bottom{
margin-bottom: 0;
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 繝昴う繝ｳ繧ｿ遏｢蜊ｰ逕ｻ蜒上御ｸ翫� div�磯屁蠖｢��: 逕ｻ蜒上�繧ｵ繧､繧ｺ(height)謖�ｮ� */
#mega_menu_pointer_h {
display: none;
background-image: url('../img/copy2open/menu_arrow_mega_h.png');
width: 20px;
height: 10px;
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 繝昴う繝ｳ繧ｿ遏｢蜊ｰ逕ｻ蜒上御ｸ九� div�磯屁蠖｢��: 逕ｻ蜒上�繧ｵ繧､繧ｺ(height)謖�ｮ� */
#mega_menu_pointer_hb {
display: none;
background-image: url('../img/copy2open/menu_arrow_mega_hb.png');
width: 20px;
height: 10px;
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 繝昴う繝ｳ繧ｿ遏｢蜊ｰ逕ｻ蜒上悟ｷｦ縲� div�磯屁蠖｢��: 逕ｻ蜒上�繧ｵ繧､繧ｺ(height)謖�ｮ� */
#mega_menu_pointer_vl {
display: none;
background-image: url('../img/copy2open/menu_arrow_mega_vl.png');
width: 10px;
height: 20px;
}
/* 繝｡繧ｬ繝｡繝九Η繝ｼ 繝昴う繝ｳ繧ｿ遏｢蜊ｰ逕ｻ蜒上悟承縲� div�磯屁蠖｢��: 逕ｻ蜒上�繧ｵ繧､繧ｺ(height)謖�ｮ� */
#mega_menu_pointer_vr {
display: none;
background-image: url('../img/copy2open/menu_arrow_mega_vr.png');
width: 10px;
height: 20px;
}
div.mega_menu .sub--top b,
div.mega_menu .pageTitle{
display: flex;
flex-wrap: nowrap;
}
div.mega_menu .pageTitle.searched{
display: block;
}
div.mega_menu .pageNum {
text-align: center;
font-family: "Arial" !important;
text-decoration: none !important;
display: inline-block;
font-size: 9px;
color: #AAA;
position: relative;
margin: 0 5px 0 0;
top: -1px;
min-width: 21px;
z-index: 0;
}
div.mega_menu .pageNum:before{
content: "";
display: block;
z-index: -1;
border-radius: 10px;
width: 18px;
height: 18px;
border: 1px solid #BBB;
position: absolute;
top: -1px;
left: 1px;
}
div.mega_menu .searched .pageNum{
display: none !important;
}
div.mega_menu[data-active-tab = "close"] li.sub--top,
div.mega_menu[data-active-tab = "close"] li[data-is-private = "0"]{
display: none !important;
}
div.mega_menu[data-active-tab = "open"] li[data-is-private = "1"]{
display: none !important;
}
div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"],
div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"],
div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"],
div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"]{
display: block !important;
}
/* ================================================================
* / 繧ｰ繝ｭ繝ｼ繝舌Ν繝｡繝九Η繝ｼ髢｢騾｣ 縺薙％縺ｾ縺ｧ
* ================================================================
/**
* 繧ｵ繧､繝峨ヰ繝ｼ笳銀雷縺ｮ莉悶�繝壹�繧ｸ
*/
.side_bar_sub p.side-middle-menu__head{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: rgba(150,150,150,0.5);
cursor: pointer;
font-weight: bold;
padding-left: 0px;
padding-right: 28px;
padding-top: 12px;
padding-bottom: 10px;
font-size: 14px;
position: relative;
}
.side_bar_sub p.side-middle-menu__head:after{
content: "";
width: 16px;
height: 16px;
background-image: url(../img/copy2open/middle_menu_open_arrow.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
position: absolute;
right: 5px;
top: calc( 50% - 8px );
transition: .3s;
transform: rotate(0deg);
}
.side_bar_sub p[data-menu-open-state = "open"].side-middle-menu__head:after{
content: "";
transform: rotate(-180deg);
}
.side_bar_sub p.grandson{
box-sizing: border-box;
margin: 0;
padding: 10px 5px 10px 15px;
}
.side-middle-menu__list{
display: none;
}
li.foot-middle-menu__head {
clear: both;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 5px 28px 5px 0;
position: relative;
}
.layout--list li.foot-middle-menu__head,
.layout--card li.foot-middle-menu__head{
width: 100%;
}
li.foot-middle-menu__head:after{
content: "";
width: 16px;
height: 16px;
background-image: url(../img/copy2open/middle_menu_open_arrow.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
position: absolute;
right: 5px;
top: calc( 50% - 8px );
transition: .3s;
transform: rotate(-180deg);
}
li[data-menu-open-state = "open"].foot-middle-menu__head:after{
content: "";
transform: rotate(0deg);
}
.side-middle-menu__head[data-menu-open-state = "close"] .child-count__wrap:before,
li[data-menu-open-state = "open"] .child-count__wrap:before{
background: url(../img/copy2open/menu_folder_icon_size--1.png) no-repeat center left;
}
.foot-middle-menu__list-wrap{
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
padding: 0 10px;
}
.foot-middle-menu__list,
.layout--default .foot-middle-menu__list{
display: block;
/* margin-bottom: 15px;*/
}
.layout--list .foot-middle-menu__list,
.layout--card .foot-middle-menu__list{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.foot-middle-menu__list:after{
content: "";
clear: both;
display: block;
}
.ul_lead .foot-middle-menu__list .grandson {
box-sizing: border-box;
font-size: 12px;
position: relative;
}
.ul_lead .foot-middle-menu__list .grandson:before {
content: "-";
font-size: 12px;
color: #CCC;
margin: 0 5px;
position: absolute;
top: 3px;
left: 0px;
}
.ul_lead.layout--default .foot-middle-menu__list .grandson {
padding: 3px 15px;
}
/*繧ｹ繝槭�逕ｨ繝倥ャ繝繝ｼ繝代�繝�撼陦ｨ遉ｺ縲20140604鬮俶ｩ玖ｿｽ蜉�*/
#smt_home_btn,#smt_contact_btn,#smt_tel_btn,#smt_est_btn,#smt_shop_btn{
display:none;
}
#smt_header{
display:none;
}
.company_rogo{
display:none;
}
#smt_head_base {
display:none;
}
/* ================================================================
* 荳ｭ蜿､霆頑ュ蝣ｱ 謾ｹ菫ｮ縺ｧ縺ｮ霑ｽ蜉�繧ｯ繝ｩ繧ｹ
* ================================================================*/
.tokuten_body { /* TODO 螳溯｣� */
margin: 0 0 30px 0;
color:#666;
font-size:14px;
}
/*
.tokuten_body:before { TODO 竊大ｮ溯｣�ｾ後↓縺ｯ縺薙ｌ縺ｯ蜑企勁
font-size: 18px; color: #cc0000; margin-right: 5px;
content: '窶ｻTODO CSS螳溯｣� (迚ｹ蜈ｸ譛ｬ譁�)';
}
*/
.pr_body { /* TODO 螳溯｣� */
margin: 0 0 30px 0;
color:#666;
font-size:14px;
}
/*
.pr_body:before { TODO 竊大ｮ溯｣�ｾ後↓縺ｯ縺薙ｌ縺ｯ蜑企勁
font-size: 18px; color: #cc0000; margin-right: 5px;
content: '窶ｻTODO CSS螳溯｣� (PR譛ｬ譁�)';
}
*/
/* ================================================================
* 荳ｭ蜿､霆頑ュ蝣ｱ 邱ｨ髮�ｩ溯�
* ================================================================*/
/* 荳ｭ蜿､霆贋ｸ隕ｧ 邱ｨ髮�Γ繝九Η繝ｼ */
#carDetailHeadBtn{
text-align:center;
margin:0px 0 20px 0;
color:#fff;
z-index:1;
}
#carDetailOpenOrClose p{
width:30%;
padding:2% 0;
float:left;
text-align:center;
position:relative;
cursor:pointer;
font-size:12px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
#carDetailOpenOrClose #deleteUsedCarBtn{
float: right;
z-index: 2;
background: #ccc;
color: #000;
}
/*20140627 IE7蟇ｾ蠢� 鬮俶ｩ玖ｿｽ蜉� */
.blog_item{
clear:both;
margin: 0 0 60px;
}
.clDelete{
width:25%;
padding:1% 0;
background:#142937;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
cursor:pointer;
color:#fff;
position:relative;
float:right;
text-align:center;
font-size:14px;
display: none; /* 2014/07/02 隱､謫堺ｽ懊′莠域Φ縺輔ｌ繧九◆繧∽ｸ譌ｦ髱櫁｡ｨ遉ｺ */
}
.clOpen{background:#00B789;}
.clEdit{background:#EF1C25;}
.clClose{background:#939;}
.clOff{
background:#ccc !important;
color:#666 !important;
}
.clOff .clocArrow{
opacity:0.01 !important;
}
.clocIcon{
margin:0 10px 0 0;
position: relative;
bottom: 1px;
}
.clocArrow{
position:absolute;
bottom:-8px;
left:50%;
margin:0 0 0 -12px;
}
#carSearch {
margin: 0 15px;
}
#carGallMask{
overflow: hidden;
padding: 0 0 15px;
margin: 0;
}
#carGallMask img{
height:60px;
float:left;
}
#carGallMask div{
position: absolute;
width:100%;
height: 60px;
cursor: pointer;
/*IE9繝ｻ10蟇ｾ蠢懊らｩｺ縺ｮ隕∫ｴ�縺ｫz-index縺悟柑縺九↑縺�◆繧�*/
background:rgba(255,255,255,0);
z-index:1;
}
div#js-currentMask{
width: 80px;
border: 3px solid #c00;
box-sizing: border-box;
}
.regidateDetail{
text-align:right;
margin:0 0 10px;
}
.regidateDetail b{
color:#fff;
font-size:14px;
background:#444;
padding:4px 8px 4px 8px ;
border-radius: 2px;
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8);
font-weight:normal;
}
.regidateDetail b span{
opacity: 1.0; /* 邱ｨ髮�判髱｢ inplace 縺ｧopacity繧貞､峨∴繧区嫌蜍輔�譎ゅ↓縲�0.8 縺ｫ縺ｪ縺｣縺ｦ縺励∪縺｣縺ｦ縺�ｋ縺溘ａ縺薙％縺ｧ蛻晄悄蛟､ 1 繧定ｨｭ螳� */
color: #fff;
}
.regidateDetail span.title {
color:#fff;
font-size:12px;
padding:6px 8px 5px 26px;
margin:0 2px 0 0;
border-radius: 2px;
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8);
background:#444 url(../img/usedcar/regidateDetailClock.png) no-repeat 7px center;
}
.carthumb_date{
position:absolute !important;
bottom:0 !important;
right:0 !important;
display:block;
padding:3px 6px;
background:#222;
color:#fff;
font-size: 75%;
}
#tltpFlg{
/* width:41px;
height:72px;
position:fixed;
bottom: 315px;
right:0;
z-index:98;
cursor:pointer;*/
}
.unreleaseButtom{
color: #999;
font-size: 14px !important;
}
.clear {
clear: both;
}
.back_page_link{
display:none;
}
.back_page_link a{
display:block;
padding:10px;
margin:0 0 20px 0;
}
/*2014-7-09縲鬮俶ｩ玖ｿｽ險�*/
#hour_sidebar,#holiday_sidebar{
display:none;
}
/*2014-9-16縲鬮俶ｩ玖ｿｽ險�*/
.recruit_section{
margin: 0 0 60px 0;
}
.input_pict_file{
margin:0 0 15px 0;
}
/*2014-11-06 豎ゆｺｺ繝壹�繧ｸ逕ｨ繧ｯ繝ｩ繧ｹ縲鬮俶ｩ玖ｿｽ險�*/
#recruit_banner_block{
position: relative;
padding: 0;
margin-bottom: 30px;
}
#recruit_banner_block .link_banner_btn {
background: none;
}
#recruit_banner_block .recruit_banner_page_link a:not(.linkTriggerEdit) {
display:block;
height:100px;
line-height:100px;
font-size:16px;
color:#fff !important;
font-weight:600;
text-decoration:none !important;
text-align:center;
border:1px solid rgba(180,180,180,0.5);
text-shadow: -1px 1px 0 #666;
width:100%;
margin:0 auto 0;
box-sizing:border-box;
background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);
background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -webkit-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);
background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -moz-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);
background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -ms-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);
background-position: left -5px bottom 0, right 3px bottom 3px, right 7px top 20px, right 10px top 45px,center bottom 30px,top left;
background-size: 80px,10px,374px,112px,cover,100%;
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
min-width: 200px;
}
#recruit_banner_block p.recruit_banner_page_link {
background: none !important;
}
#recruit_banner_block .recruit_banner_page_link a:hover{
color:#fff !important;
}
#recruit_banner_block .linkOverlay[href=""] {
display: none;
}
.rec_scrl_btn{
background: #06f;
margin: auto;
margin-bottom: 25px !important;
color:#fff;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
width: 215px;
clear: both;
text-align: center;
cursor: pointer;
display: block;
padding: 10px 0;
border: none;
}
.select_point{
cursor:pointer;
font-size:14px;
margin-right:20px;
}
.estimateCategory {
display: inline-block;
width: calc( ( 100% - 15px ) / 3 );
box-sizing: border-box;
float: left;
margin: 0 5px 5px 0;
background: #eee;
border-radius: 15px;
border: 1px solid #ccc;
padding: 3px 0;
text-align: center;
color: #222;
}
.estimateCategory:hover{
opacity:0.8;
}
.estimateCategory.current{
background:#c00;
color:#eee;
border: 1px solid #b00;
}
.est_table_car .estimateCategory:not(.current) {
opacity: .5;
}
.estimateCategory input{
display:none;
}
td .estimateCategory:nth-of-type(3n) {
margin: 0 0 5px;
}
.requiredLabel{
font-size: 11px;
background: #f33;
padding: 1px 5px 1px 4px;
margin-left: 7.5px;
border-radius: 3px;
vertical-align: middle;
display: inline-block;
color: #FFF;
width: 32px !important;
height: 18px !important;
line-height: 18px !important;
box-sizing: border-box;
transform: translateY(-2px);
}
.paymentWayTitle .requiredLabel{
display: inline;
color: #f33;
font-size:10px;
}
.blog_item h2 span.requiredLabel{
text-align:center;
}
.datePickTriggerIcon{
vertical-align:middle;
margin:0 0 0 15px;
cursor:pointer;
}
.datePickTriggerIcon[data-form-item="career1_period_start"],
.datePickTriggerIcon[data-form-item="career1_period_end"],
.datePickTriggerIcon[data-form-item="career2_period_start"],
.datePickTriggerIcon[data-form-item="career2_period_end"]{
margin: 0 15px 0 0;
}
.js-datePicker{
position:absolute;
display:none;
z-index:2;
}
.js-datePicker tr{
float:none !important;
}
.js-datePicker th, .js-datePicker td {
width: auto;
padding:0 !important;
width: auto !important;
display: table-cell !important;
font-size: initial !important;
text-align: initial !important;
float:none !important;
}
.js-datePicker th {
padding: .3em !important;
text-align: center !important;
font-weight: bold;
border: 0;
}
.est_table_car .ui-datepicker-calendar th{
background-color:#aaa;
}
.est_table_car th,
.est_table_client th,
.contact_table th{
position:relative;
}
.checkedValidIcon{
width: 20px;
position: relative;
vertical-align: middle;
transform: translateY(-2px);
margin-left: 10px;
opacity: 0;
}
.checkedValidIcon.no-animate {
opacity:1;
}
.checkedValidIcon:not(.no-animate).js-checked{
animation-name:addCheckIconAction;
animation-duration:.9s;
animation-fill-mode:forwards;
opacity:1;
}
.checkedValidIcon:not(.no-animate).js-checked.js-removing{
animation-name:removeCheckIconAction;
animation-duration:.45s;
animation-fill-mode:forwards;
opacity:0;
}
.goFlightInputOuter {
margin-bottom: 10px
}
.goFlightInputOuter .goFlightString,
.returnFlightInputOuter .returnFlightString {
margin-right: 10px;
display: inline-block;
font-size: 14px;
}
.goFlightInputOuter .airlines,
.returnFlightInputOuter .airlines {
margin-right: 15px;
font-size: 14px;
}
.goFlightInputOuter .flightNumber,
.returnFlightInputOuter .flightNumber {
width: 90px;
font-size: 14px;
}
.rentalCarInput {
font-size: 14px;
}
.babySheetSelectOuter,
.childSheetSelectOuter {
margin-bottom: 15px;
}
.reserve_datetime_year {
margin-bottom: 10px;
display: inline-block;
position: relative;
}
.reserve_datetime_hour {
display: inline-block;
}
.reserveDateOuter {
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.reserveDateOuter .datePickTriggerIcon {
position: absolute;
top: 0;
right: -4px;
margin: 0;
}
.reserveDateOuter.disnon {
display: none;
}
.block_outer_estimate_form .addHopeDate,
.block_outer_estimate_form .addHopeTime {
color: #3366FF;
text-decoration: underline;
font-size: 13px;
cursor: pointer;
display: block;
width: 100px;
}
.reserveDateOuter .hopeNumber,
.reserve_datetime_hour .hopeNumber {
display: block;
font-size: 12px;
margin: 0 5px 5px 0;
}
@keyframes addCheckIconAction{
0% {
transform: perspective(10px) translateY(-2px) translateZ(9px) rotate(-72deg);
-webkit-transform: perspective(10px) translateY(-2px) translateZ(9px) rotate(-72deg);
opacity: 0.2;
}
100% {
transform: perspective(10px) translateY(-2px) translateZ(0px) rotate(0deg);
-webkit-transform: perspective(10px) translateY(-2px) translateZ(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes removeCheckIconAction{
0% { opacity: 1; }
100% { opacity: 0; }
}
.ui-icon-circle-triangle-w{
background-image : url(../img/copy2open/datePicker-left.png) !important;
}
.ui-icon-circle-triangle-e{
background-image : url(../img/copy2open/datePicker-right.png) !important;
}
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e{
background-position: center !important;
border-radius: 100%;
}
.inputarea,.inputarea2,.inputarea3{
padding:0 5px;
border: 1px solid #CCCCCC;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
}
.auto_input_notice_text{
background-repeat: no-repeat;
background-size: 13px;
background-position: top 4px left;
cursor: default;
display: inline;
font-family: 'Noto Sans Jp', serif;
font-size: 13px;
font-weight: normal;
margin-left: 10px;
opacity: 0;
padding: 0 0 0 15px;
position: relative;
top: -3px;
transition: 0.3s;
}
.auto_input_notice_text.successGetAdd{
background-image: url(../img/copy2open/select_check.png);
color: #4CAF50;
}
.auto_input_notice_text.falseGetAdd{
background-image: url(../img/copy2open/select_caution.png);
color: #b64949;
}
/*2015-04-14 繧ｵ繝ｳ繧ｭ繝･繝ｼ繝壹�繧ｸ縲繧｢繝ｳ繧ｱ繝ｼ繝医け繝ｩ繧ｹ縲鬮俶ｩ玖ｿｽ險�*/
.enquete_caption{
margin:0 0 30px 0;
}
.enqate_question_block{
margin:0 0 45px 0;
}
.enqate_question_block h3 {
margin:0 0 10px 0;
}
.enqate_question_block label {
padding:0 30px 0 0;
cursor:pointer;
line-height:180%;
}
#other_good_reason_text_block,
#other_bad_reason_text_block {
display:none;
padding:15px 0 0 0;
}
#other_good_reason_text_block textarea,
#other_bad_reason_text_block textarea{
width:96%;
padding:2%;
height:150px;
}
/*2015-06-26 蝟ｶ讌ｭ譌･繧ｫ繝ｬ繝ｳ繝繝ｼ驛ｨ蛻�髦ｿ驛ｨ霑ｽ險�*/
div#eigyoubi_cal{
width:100%;
margin:0 0 30px;
position: relative;
}
div#eigyoubi_cal h4,
#eigyoubi_cal #help_area{
background-image:url(../img/copy2open/calendar_bg.png);
background-repeat:repeat;
color:#fff;
text-align:center;
margin:0 0 20px;
padding:10px 0px;
font-weight:normal;
font-family: "繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
font-size: 12px;
}
div#eigyoubi_cal div#help_area{
margin:5px auto 20px;
padding:5px 0px;
text-align:center;
}
#eigyoubi_cal #now,
#eigyoubi_cal #next{
margin: 0 0 20px;
background-image:url(../img/copy2open/calendar_bg.png);
background-repeat:repeat;
border-radius:7px;
}
div#eigyoubi_cal p{
text-align: center;
margin: 0;
font-size: 16px;
padding: 3px 0 !important;
line-height: normal;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
color:#fff !important;
background-image: url(../img/copy2open/month_bg.png);
background-position: top;
background-repeat:repeat;
opacity:0.9;
font-family: "繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif
}
#edittable01, #edittable02{
width: 100%;
display:inline-table;
}
#edittable01 th,
#edittable02 th{
padding:5px 0;
text-align:center;
}
#edittable01 th,
#edittable02 th{
font-weight:normal;
color:#fff;
}
#edittable01 th a,
#edittable02 th a{
text-decoration: none;
color:#fff !important;
font-weight: normal;
font-size:14px;
display:block;
width:100%;
font-family: "繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
}
#edittable01 td,
#edittable02 td{
width: calc( 100% / 7 );
background-color: #fff;
text-align:center;
}
#edittable01 td.closed,
#edittable02 td.closed,
#edittable01 td.regularClosed,
#edittable02 td.regularClosed,
#edittable01 td.allholclosed,
#edittable02 td.allholclosed{
}
#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
background-color: inherit !important;
color: rgba(0,0,0,.25) !important;
}
/**
* 2023-10-17
* 繝�じ繧､繝ｳ豈弱�縺ゅ＠繧峨＞繧呈遠縺｡豸医☆諢丞峙
*/
#edittable01 td.closed span:before,
#edittable02 td.closed span:before,
#edittable01 td.regularClosed span:before,
#edittable02 td.regularClosed span:before,
#edittable01 td.allholclosed span:before,
#edittable02 td.allholclosed span:before,
#edittable01 td.closed span:after,
#edittable02 td.closed span:after,
#edittable01 td.regularClosed span:after,
#edittable02 td.regularClosed span:after,
#edittable01 td.allholclosed span:after,
#edittable02 td.allholclosed span:after{
content: "";
display: none !important;
}
#edittable01 span,
#edittable02 span{
display:block;
color:#000;
font-size:14px;
font-family: "繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
padding:4px 0;
}
body.edit #edittable01 span,
body.edit #edittable02 span{
cursor: pointer;
}
#edittable01 span.sat,
#edittable02 span.sat{
color:#1989fa;
}
#edittable01 span.sun,
#edittable02 span.sun,
#edittable01 span.hday,
#edittable02 span.hday,
#edittable01 span.hsat,
#edittable02 span.hsat,
#edittable01 span.hsun,
#edittable02 span.hsun{
color:#f51a0f;
}
/* 縲御ｻ頑律縲阪�縺ゅ＠繧峨＞ */
#edittable01 .currentDay,
#edittable02 .currentDay{
position: relative;
z-index: 0;
}
#edittable01 .currentDay span.day,
#edittable02 .currentDay span.day{
color: #fff;
}
body[data-main-color="cc0000"] #edittable01 .currentDay:after,
body[data-main-color="cc0000"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #cc0000;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="ff9900"] #edittable01 .currentDay:after,
body[data-main-color="ff9900"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #ff9900;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="ffcc00"] #edittable01 .currentDay:after,
body[data-main-color="ffcc00"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #ffcc00;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="99cc00"] #edittable01 .currentDay:after,
body[data-main-color="99cc00"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #99cc00;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="006600"] #edittable01 .currentDay:after,
body[data-main-color="006600"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #006600;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="3399ff"] #edittable01 .currentDay:after,
body[data-main-color="3399ff"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #3399ff;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="0066ff"] #edittable01 .currentDay:after,
body[data-main-color="0066ff"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #0066ff;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="6633cc"] #edittable01 .currentDay:after,
body[data-main-color="6633cc"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #6633cc;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="ff6699"] #edittable01 .currentDay:after,
body[data-main-color="ff6699"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #ff6699;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="333333"] #edittable01 .currentDay:after,
body[data-main-color="333333"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #333333;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="000000"] #edittable01 .currentDay:after,
body[data-main-color="000000"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #000000;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
body[data-main-color="ffffff"] #edittable01 .currentDay:after,
body[data-main-color="ffffff"] #edittable02 .currentDay:after{
content: "";
height: 26px;
width: 26px;
display: block;
z-index: -1;
position: absolute;
background: #dddddd;
top: calc(50% - 13px);
left: calc(50% - 13px);
border-radius: 100%;
}
#edittable01 td.closed.currentDay:after,
#edittable02 td.closed.currentDay:after,
#edittable01 td.regularClosed.currentDay:after,
#edittable02 td.regularClosed.currentDay:after,
#edittable01 td.allholclosed.currentDay:after,
#edittable02 td.allholclosed.currentDay:after{
display: none;
}
/* 縲御ｻ頑律縲阪�縺ゅ＠繧峨＞ 縺薙％縺ｾ縺ｧ */
.monthlyCalendarHead{
align-items: center;
display: flex;
justify-content: space-between;
margin: 0 0 5px;
user-select: none;
}
.monthlyCalendarHead .prevMonth,
.monthlyCalendarHead .nextMonth{
cursor: pointer;
font-size: 12px;
line-height: 1;
}
.monthlyCalendarHead .prevMonth{
background: url("../img/copy2open/monthly_calender_prev_arrow.png")no-repeat center left 0px;
padding: 2px 10px 1px 15px;
}
.monthlyCalendarHead .prevMonth:hover{
text-decoration: underline;
}
.monthlyCalendarHead .nextMonth{
background: url("../img/copy2open/monthly_calender_next_arrow.png")no-repeat center right 0px;
padding: 2px 15px 1px 10px;
}
.monthlyCalendarHead .nextMonth:hover{
text-decoration: underline;
}
.monthlyCalendarHead .prevMonth.disabled,
.monthlyCalendarHead .nextMonth.disabled{
opacity: .0;
pointer-events: none;
}
.monthlyCalendarHead .currentYearStr{
font-size: 125%;
}
.allholclosed{
background-color: #32cd32;
}
.sp_freepage_accordion_btn{
display:none;
}
.input_pict_file input {
width:300px;
}
/* 20150105 譁ｰQR繧ｳ繝ｼ繝峨ヶ繝ｭ繝�け 髦ｿ驛ｨ霑ｽ險�*/
#mobile_QR_info .common_qrimg{
border:1px solid #ddd;
padding:3px;
}
input[type="file"] {
font-family: "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
cursor:pointer;
}
#menu li a{
word-break:break-all;
}
/* 20160415 鬮俶ｩ玖ｿｽ險倥3騾｣繝｡繝九Η繝ｼ繝�く繧ｹ繝亥喧 */
.toppage_h2 span{
display:table-cell;
vertical-align:middle;
height: 40px;
width: 200px;
font-size:12px;
}
/* 20160513 荳顔伐霑ｽ險倥h3 span b繧定｡ｨ遉ｺ */
.box_flow h3 span b, .box_feature h3 span b, .box_jirei h3 span b, .box_coupon h3 span b, .box_promise h3 span b, .box_tokuten h3 span b, .box_voice h3 span b, .campaign_content h3 span b, .box_setsubi h3 span b, .box_staff h3 span b, .box_free h3 span b, .box_dksm h3 span b, .div_box_faq h3 span b {
display:inline;
background:none;
margin:0;
padding:0;
float:none;
border:none;
}
/*繧ｭ繝｣繝ｳ繝壹�繝ｳ繝悶Ο繝�け逕ｻ蜒乗諺蜈･謾ｹ菫ｮ*/
/*
.campaign_content .img_box_left, .campaign_content .img_box_right {
float: none;
margin-left: 0 !important;
margin-right: 0 !important;
border: none;
background: none;
}
*/
/*h3譛ｪ菴ｿ逕ｨ縺ｮ蜈ｬ髢�*/
.campaign_content .b_campaign {
display: block;
float: none;
}
.s_text {
font-size:12px;
}
.l_text {
font-size:18px;
}
.b_text {
font-weight:bold;
}
/*//2017-6-12 okuno*/
/**************************************/
/*------ animation ------*/
.purun {animation: purun 0.8s ease forwards ;}
@keyframes purun {
0% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:0;}
15% { transform: scale(0.9, 0.9) translate(0%, 5%); }
30% { transform: scale(1.3, 0.8) translate(0%, 10%); }
50% { transform: scale(0.8, 1.3) translate(0%, -10%); }
70% { transform: scale(1.1, 0.9) translate(0%, 5%); }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;}
}
.poyon {animation: poyon 1.1s ease forwards;}
@keyframes poyon {
0% { transform: scale(0.8, 1.4) translate(0%, -100%); opacity:0;}
10% { transform: scale(0.8, 1.4) translate(0%, -15%); }
20% { transform: scale(1.4, 0.6) translate(0%, 30%); }
30% { transform: scale(0.9, 1.1) translate(0%, -10%); }
40% { transform: scale(0.95, 1.2) translate(0%, -30%); }
50% { transform: scale(0.95, 1.2) translate(0%, -10%); }
60% { transform: scale(1.1, 0.9) translate(0%, 5%); }
70% { transform: scale(1.0, 1.0) translate(0%, 0%); }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;}
}
.poyooon {animation: poyooon 0.9s ease forwards;}
@keyframes poyooon {
0% { transform: scale(1.0, 1.0) translate(0%, 0%);opacity: 0 }
10% { transform: scale(1.1, 0.9) translate(0%, 5%); }
40% { transform: scale(1.2, 0.8) translate(0%, 15%); }
50% { transform: scale(1.0, 1.0) translate(0%, 0%); }
60% { transform: scale(0.9, 1.2) translate(0%, -100%); }
75% { transform: scale(0.9, 1.2) translate(0%, -20%); }
85% { transform: scale(1.2, 0.8) translate(0%, 15%); }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}
.fromBottom {animation: fromBottom 0.9s ease forwards;}
@keyframes fromBottom {
0% { transform: scale(1.1, 1.1) translate(0%, 5%);opacity: 0 }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}
.fromLeft {animation: fromLeft 0.9s ease forwards;}
@keyframes fromLeft {
0% { transform: scale(1.1, 1.1) translate(-5%, 0%);opacity: 0 }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}
.fromRight {animation: fromRight 0.9s ease forwards;}
@keyframes fromRight {
0% { transform: scale(1.1, 1.1) translate(5%, 0%);opacity: 0 }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}
.expandUp {animation: expandUp 0.7s ease forwards;}
@keyframes expandUp {
0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}
60%{transform: translateY(-7%) scale(1.08) scaleY(1.12);}
75%{transform: translateY(3%);}
100% {transform: translateY(0%) scale(1) scaleY(1);}
}
.fadeBlockUp {animation: fadeBlockUp 1s forwards;}
@keyframes fadeBlockUp {
0% {opacity:0; top: 60px;}
100% {opacity:1; top: 0;}
}
.pulse {animation: pulse 1.5s infinite;}
@keyframes pulse {
0% {transform:scale(0.9); opacity:0.7;}
50% {transform:scale(1); opacity:1;}
100% {transform:scale(0.9); opacity:0.7;}
}
.hatch {animation: hatch 1s ease-in-out forwards; transform-origin: 50% 100%;}
@keyframes hatch {
0% {transform: rotate(0deg) scaleY(0.6);}
20% {transform: rotate(-2deg) scaleY(1.05);}
35% {transform: rotate(2deg) scaleY(1);}
50% {transform: rotate(-2deg);}
65% {transform: rotate(1deg);}
80% {transform: rotate(-1deg);}
100% {transform: rotate(0deg);}
}
.h2_box_fadein {animation: h2_box_fadein 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes h2_box_fadein {
0% {opacity:0; transform:translate(0, 40px);}
100% {opacity:1; transform:translate(0, 0px);}
}
.fadeinLeft {animation: fadeinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinLeft {
0% {opacity:0; transform:translate(-40px, 0);}
100% {opacity:1; transform:translate(0, 0);}
}
.fadeinRight {animation: fadeinRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinRight {
0% {opacity:0; transform:translate(40px, 0);}
100% {opacity:1; transform:translate(0, 0);}
}
.fadeinBottom {animation: fadeinBottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinBottom {
0% {opacity:0; transform:translate(0, 40px);}
100% {opacity:1; transform:translate(0, 0px);}
}
.fadeinScale {animation: fadeinScale 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinScale {
0% {opacity:0; transform:scale(1.1);}
100% {opacity:1; transform:scale(1.0);}
}
.slideinLeft {animation: slideinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes slideinLeft {
0% {
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
opacity: 0;
}
30% {opacity: 1;}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
.crossin {
position: relative;
opacity: 1 !important;
}
.crossin:before {
animation: crossin .3s cubic-bezier(.4, 0, .2, 1) forwards;
background: #fff;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@keyframes crossin {
99% {
transform: translateX(100%);
opacity: 1;
}
100% {
transform: translateX(100%);
opacity: 0;
}
}
.crossinRight {
position: relative;
opacity: 1 !important;
}
.crossinRight:before {
animation: crossinRight .3s cubic-bezier(.4, 0, .2, 1) forwards;
background: #fff;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@keyframes crossinRight {
99% {
transform: translateX(-100%);
opacity: 1;
}
100% {
transform: translateX(-100%);
opacity: 0;
}
}
.carPurun {animation: carPurun 0.8s ease forwards ;}
@keyframes carPurun {
0% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;}
15% { transform: scale(0.9, 0.9) translate(0%, 5%); }
30% { transform: scale(1.2, 0.7) translate(0%, 7%); }
50% { transform: scale(0.7, 1.2) translate(0%, -7%); }
70% { transform: scale(1.1, 0.9) translate(0%, 5%); }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;}
}
/**************************************/
/* 蝨ｨ蠎ｫ霆頑､懃ｴ｢縺ｮ繝悶Ο繝�け */
.submit_btn {
color: #FFF;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
font-weight: bold;
font-size: 16px;
padding: 10px;
border: 1px solid #FFF;
border-radius: 3px;
width: 260px;
cursor: pointer;
background-color: #ffaa00;
background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
background-repeat: repeat, no-repeat, repeat;
background-position: left top, top center, left top;
box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
transition: 0.3s;
margin: 10px auto;
display: block;
font-family: "繝｡繧､繝ｪ繧ｪ","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
}
.submit_btn:hover{
box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(0,0,0,0.7), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}
#car_search_area {
text-align: center;
display: none;
font-size: 12px;
color: #222;
margin: 30px 0 10px;
}
#carSearch_public {
max-width: 960px;
margin: 0 auto 10px auto;
padding: 0 20px;
}
#car_maker {
margin-bottom: 5px;
width: 50%;
float: left;
}
#car_name {
margin-bottom: 15px;
width: 50%;
float: left;
}
#car_age {
margin: 0 0 5px;
width: 100%;
}
#car_status {
margin: 0 0 5px;
width: 50%;
float: right;
}
#car_status .search_title {
font-size: 15px;
margin: 0 5px 0 0;
}
#car_distance {
margin: 0 0 5px;
width: 100%;
}
#car_cost {
width: 100%;
}
#car_maker .search_title {
font-size: 15px;
}
#car_name .search_title {
font-size: 15px;
margin: 0 5px 0 0;
}
#car_status .search_title, #car_maker .search_title , #car_name .search_title{
width:90px;
}
.search_title {
display: inline-block;
font-size: 15px;
width: 75px;
}
#carMaker_public {
width: 190px;
font-size: 13px;
}
#carName_public {
width: 60%;
font-size: 13px;
}
#car_loader_wrap {
text-align: center;
}
#car_loader_wrap span {
margin-left: 10px;
}
#car_rteditor_loader {
width: 35px;
}
.carinfo_wrapped, .carsort_wrapped, .extra_search_parameter_wrapped {
width: 50%;
overflow: hidden;
float: left;
margin: 0 0 15px;
font-size: 15px;
}
.carsort_wrapped {
float: none;
}
.display_sort_wrapped {
width: 79%;
float: left;
}
.display_sort_wrapped p {
width: 70%;
margin: 10px 0;
float: left;
}
.display_sort_wrapped label {
cursor: pointer;
display: inline-block;
margin: 0 5px 5px;
}
.display_sort_str {
width: 21%;
float: left;
margin: 10px 0 0;
}
.extra_search_parameter_wrapped label{
cursor: pointer;
}
.display_extra_search_parameter_str{
width: 21%;
float: left;
}
#car_safety,
#car_maintenance{
cursor: pointer;
position: relative;
top: 1px;
}
.display_search_parameter_wrapped .search_parameter_str{
font-size: 14px;
}
.display_sort_wrapped .order_wrapped {
width: 55px;
}
.display_sort_wrapped .order_label_checked {
background: #555;
color: #ffffff;
border: 1px solid #707070;
border-radius: 3px;
width: 40px;
text-align: center;
font-size: 13px;
}
.display_sort_wrapped .order_label_unchecked {
background: #ccc;
color: #ffffff;
border: 1px solid #ccc;
border-radius: 3px;
width: 40px;
text-align: center;
font-size: 13px;
color: #FFF;
border-radius: 3px;
/* border-bottom: 4px solid #555; */
}
#sort_order_asc {
display: none;
}
#sort_order_desc {
display: none;
}
.maker_link {
padding: 0 0 0 5px;
}
.car_search_select {
font-size: 13px;
width: 100px;
}
#car_free_search_wrapped {
font-size: 13px;
margin: 25px 0;
text-align: center;
border-bottom: 1px solid #eee;
padding: 0 0 20px;
}
#car_free_search_wrapped .search_title {
width: 120px !important;
}
#car_free_search {
padding: 5px;
border: 1px solid #CCCCCC;
border-radius: 3px;
width: 50% !important;
}
#messagePanel {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0;
background: rgba(0, 0, 0, 0.7);
color: #FFF;
z-index: 2;
}
#messagePanel div {
position: absolute;
top: calc( 50% - 36px );
text-align: center;
width: 100%;
height: 24px;
}
#carSearchSubmit_public {
margin: 15px auto;
}
#reloadButton {
position: absolute;
top: calc( 60% - 12px );
left: calc(50% - 60px);
text-align: center;
width: 120px;
height: 24px;
margin: 10px auto;
background: none;
}
#carTagSearchWrapped {
text-align: left;
width: 100%;
overflow: hidden;
font-size: 13px;
margin: 0 0 25px;
border-bottom: 1px solid #eee;
padding: 0 0 20px;
position: relative;
}
#carTagSearchWrapped[data-show="0"] {
display: none;
}
#carTagSearchWrapped[data-show="1"] {
display: block;
}
.usedcar_info_body #carTagSearchWrapped {
display: block;
}
.usedcar_info_body #carTagSearchWrapped {
border: none;
margin: 0 0 30px;
}
#carTagSearchWrapped .tagShowBtn {
position: absolute;
top: 0;
right: 20px;
cursor: pointer;
z-index: 1;
}
#carTagSearchWrapped .tagTitle {
width: calc(15% - 5px);
margin-right: 5px;
box-sizing: border-box;
vertical-align: top;
float: left;
display: inline-block;
font-size: 15px;
}
.usedcar_info_body #carTagSearchWrapped .tagTitle {
width: calc(15% - 5px)
}
.usedcar_info_body #carTagSearchWrapped .carTagOuter {
width: 85%;
}
#carTagSearchWrapped .carTagOuter {
width: 80%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
position: relative;
}
#carTagSearchWrapped .carTagInner {
display: inline-block;
position: relative;
float: left;
z-index: 1;
}
#carTagSearchWrapped .carTagInner .carTagEdit {
position: absolute;
top: -2px;
right: 19px;
cursor: pointer;
z-index: 2;
}
#carTagSearchWrapped .carTagInner .carTagEdit img{
display: block;
}
#carTagSearchWrapped .carTagInner .carTagDelete {
position: absolute;
top: 15px;
right: 21px;
cursor: pointer;
z-index: 1;
}
#carTagSearchWrapped .carTagInner .carTagDelete img {
width: 8px;
padding: 2px;
display: block;
}
#carTagSearchWrapped .carTag {
display: inline-block;
border-radius: 33px;
font-size: 12px;
box-sizing: border-box;
margin: 0 15px 10px 0;
padding: 5px 13px 4px;
position: relative;
cursor: default;
}
.edit #carTagSearchWrapped .carTag {
cursor: pointer;
margin: 0 40px 10px 0;
}
.carTagName,
.tagLabel{
word-break: break-all;
}
#carTagSearchWrapped .addTagBtnOuter {
clear: both;
text-align: left;
margin: 5px 0;
width: 100%;
}
#carTagSearchWrapped .addTagBtnOuter .addTagBtn {
display: inline-block;
padding: 5px 10px;
box-sizing: border-box;
border-radius: 3px;
font-size: 11px;
background: #587ec1;
color: #fff;
cursor: pointer;
box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
transition: all .2s;
}
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="1"],
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="1"] {
display: block;
font-weight: bold;
}
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="0"],
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="0"] {
display: none;
}
#carTagSearchWrapped .addTagBtnOuter .addTagBtn:hover {
opacity: 0.7;
}
#carTagSearchWrapped .addTagFormOuter {
margin: 7px 0 0;
text-align: left;
}
#carTagSearchWrapped .addTagFormOuter .addTagText {
padding: 5px;
border: 1px solid #CCCCCC;
border-radius: 3px;
width: 100%;
box-sizing: border-box;
height: 30px;
font-size: 13px;
margin-bottom: 5px;
}
#carTagSearchWrapped .addTagFormOuter[data-show="0"] {
display: none;
}
#carTagSearchWrapped .addTagFormOuter[data-show="1"] {
display: block;
}
#carTagSearchWrapped .addTagFormOuter .addTagSubmitBtn {
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
font-size: 13px;
color: #fff;
cursor: pointer;
box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
transition: all .2s;
background: #444;
height: 30px;
box-sizing: border-box;
}
/*#carTagSearchWrapped .carTag:before {
content: "";
background-image: url(/cms/img/common/editlink_img2.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
width: 16px;
height: 16px;
top: calc(50% - 8px);
right: -17px;
position: absolute;
}
#carTagSearchWrapped .carTag:after {
content: "";
background-image: url(/cms/img/common/imageBoxDeleteImage_b.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
width: 23px;
height: 23px;
top: calc(50% - 12px);
right: -35px;
position: absolute;
}*/
#carTagSearchWrapped .carTag {
transition: all .1s;
}
#carTagSearchWrapped .carTag[data-clicked="0"] {
color: #fff;
background: #bbb;
box-shadow: inset -1px -1px 2px rgba(255,255,255,0.2), inset 1px 1px 2px rgba(0,0,0,0.2);
}
#carTagSearchWrapped .carTag[data-clicked="1"] {
background: #555;
color: #ffffff;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carTagSearchWrapped .carTag:hover {
opacity: 0.7;
}
.addTagFormOuter .selectTag[data-selectting-tag="0"] {
text-shadow: none;
background: #bbb;
color: #fff;
padding: 3px 10px;
box-sizing: border-box;
border-radius: 10px;
font-size: 10px;
margin-right: 2px;
margin-bottom: 7px;
display: inline-block;
cursor: pointer;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"] {
text-shadow: none;
background: #555;
color: #fff;
padding: 3px 10px;
box-sizing: border-box;
border-radius: 10px;
font-size: 10px;
margin-right: 2px;
margin-bottom: 7px;
display: inline-block;
cursor: pointer;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-recommend {
background: #fb5050 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-stock {
background: #49bb9e !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-soldOut {
background: #eb4646 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-sales {
background: #3baacf !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-discussion {
background: #f3a633 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-newCar {
background: #e14185 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-unused {
background: #4875fb !important;
}
.addTagFormOuter .createTagFormTextOuter {
display: block;
text-align: right;
height: 0;
overflow: hidden;
transition: .35s;
}
.addTagFormOuter .createTagFormTextOuter.show {
height: 40px;
}
.listOuter .usedcar_edit_btn .btn_tag_add {
background: #587ec1;
color: #fff;
padding: 1px 5px 2px;
text-shadow: none;
box-sizing: border-box;
}
.usedcar_edit_btn .addTagFormSelect[data-show="1"] {
width: 120px;
padding: 5px 5px;
border: 1px solid #CCCCCC;
border-radius: 3px;
font-size: 12px;
}
.usedcar_edit_btn .createTagFormText[data-show="1"] {
padding: 5px;
border: 1px solid #CCCCCC;
border-radius: 3px;
box-sizing: border-box;
font-size: 12px;
width: 100px;
margin: 5px 0 0;
}
.usedcar_edit_btn .addTagFormSelect[data-show="0"],
.usedcar_edit_btn .createTagFormText[data-show="0"] {
display: none;
}
.usedcar_edit_btn .applyTagSubmitBtn[data-show="1"],
.usedcar_edit_btn .createTagSubmitBtn[data-show="1"] {
display: inline-block;
padding: 5px 8px;
box-sizing: border-box;
border-radius: 3px;
font-size: 12px;
color: #fff;
cursor: pointer;
box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
transition: all .2s;
background: #444;
}
.usedcar_edit_btn .applyTagSubmitBtn[data-show="0"],
.usedcar_edit_btn .createTagSubmitBtn[data-show="0"] {
display: none;
}
.addTagOuter {
background: #fff;
box-shadow: 1px 0px 3px rgb(0 0 0 / 15%);
box-sizing: border-box;
display: none;
padding: 15px;
position: absolute;
right: -10px;
top: 25px;
z-index: 91;
width: 300px;
cursor: default;
}
.addTagOuter[data-show="0"] {
display: none;
}
.addTagOuter[data-show="1"] {
display: block;
}
.addTagSubmitBtn.loading:before,
.applyTagSubmitBtn.loading:before {
content: "";
background-image: url(/cms/img/ajax-loader.svg);
background-color: #fff;
background-size: 18px 18px;
background-repeat: no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: calc( 50% - 9px );
left: calc( 50% - 9px );
}
#carTagSearchWrapped:after,
.addTagOuter:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255,255,255,1);
background-image: url(/cms/img/common/loader.svg);
background-repeat: no-repeat;
background-position: center center;
opacity:0;
transition:.5s;
z-index: -1;
}
.addTagOuter:after {
/* background-size: contain; */
}
#carTagSearchWrapped.js-activeLoading:after,
.addTagOuter.js-activeLoading:after {
opacity:1;
z-index: 1;
}
.addTagAlertString {
color: #ff0000;
font-size: 12px;
margin: 5px 0;
display: none;
}
.addTagAlertString[data-show="1"] {
display: block;
}
.addTagOuter .bold {
font-weight: bold;
}
.addTagOuter .createTag {
display: block;
width: 170px;
margin-left: 170px;
color: #000;
font-weight: bold;
font-size: 12px;
text-shadow: 1px 1px 0.1px rgb(255 255 255 / 30%);
overflow: hidden;
cursor: pointer;
}
.usercar_list h3 img.recomendmark_img[data-should-show="0"],
.usercar_list h3 .recoMark[data-should-show="0"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"] {
display: none;
}
.usercar_list h3 img.recomendmark_img[data-should-show="1"],
.usercar_list h3 .recoMark[data-should-show="1"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"] {
display: inline-block;
}
.usercar_list .list_main p{
position: relative;
}
.usercar_list.listOuter[data-soldout-filter-show="1"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after,
#carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{
content: "";
position: absolute;
width: 50%;
height: 50%;
max-width: 72px;
max-height: 71px;
top: 0;
left: 0;
display: block;
background-position: left top;
background-repeat: no-repeat;
background-image: url(../img/copy2open/soldout_ribbon.png);
background-size: contain;
z-index: 0;
}
.usercar_list .listOuter[data-soldout-filter-show="0"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after,
#carListThumNail_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{
display: none;
}
#carTagMoreSearch {
clear: both;
font-size: 13px;
text-align: center;
cursor: pointer;
padding-bottom: 30px;
display: flex;
justify-content: center;
width: 150px;
margin: 30px auto 5px;
}
/*#carTagMoreSearch[data-show="0"] {
border-bottom: 1px solid #eee;
}
#carTagMoreSearch[data-show="1"] {
border-bottom: none;
}*/
#carTagMoreSearch .tagMoreLink {
position: relative;
}
#carTagMoreSearch[data-show="0"] .tagMoreLink:after {
content: "";
background: url(../img/copy2open/tagMoreUnder.png);
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
position: absolute;
top: 3px;
right: -20px;
}
#carTagMoreSearch[data-show="1"] .tagMoreLink:after {
content: "";
background: url(../img/copy2open/tagMoreUpper.png);
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
position: absolute;
top: 3px;
right: -20px;
}
#closeBorder[data-show="0"] {
border-bottom: 1px solid #eee;
}
#closeBorder[data-show="1"] {
border-bottom: none;
}
.tagLabelOuter {
position: absolute;
top: 0;
left: 0;
}
.usercar_list h3 span.tagLabelOuter {
padding: 0;
float: none;
position: relative;
top: unset;
left: unset;
display: inline-block;
width: auto;
background: none;
}
#carlist_main_box .tagLabelOuter {
font-size: 10px !important;
background: none !important;
width: auto !important;
}
#carlist_main_box .tagLabelOuter .tagLabel,
#carlist_main_box .tagLabelOuter .otherLabel {
font-size: 10px !important;
background: #555 !important;
color: #fff !important;
padding: 0 7px !important;
letter-spacing: 1px;
width: auto !important;
}
#carlist_main_box .tagLabelOuter .otherLabel .count {
width: auto !important;
font-size: 10px !important;
padding: 0 !important;
background: none !important;
color: #fff !important;
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-stock,
#carTagSearchWrapped .carTagInner .carTag.tag-stock[data-clicked="1"] {
background: #49bb9e !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-soldOut,
#carTagSearchWrapped .carTagInner .carTag.tag-soldOut[data-clicked="1"] {
background: #cf0000 !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-sales,
#carTagSearchWrapped .carTagInner .carTag.tag-sales[data-clicked="1"] {
background: #3baacf !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-discussion,
#carTagSearchWrapped .carTagInner .carTag.tag-discussion[data-clicked="1"] {
background: #f3a633 !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-newCar,
#carTagSearchWrapped .carTagInner .carTag.tag-newCar[data-clicked="1"] {
background: #e14185 !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-unused,
#carTagSearchWrapped .carTagInner .carTag.tag-unused[data-clicked="1"] {
background: #4875fb !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .tagLabelOuter .tagLabel.tag-recommend,
#carTagSearchWrapped .carTagInner .carTag.tag-recommend[data-clicked="1"] {
background: #fb5050 !important;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}
#carlist_main_box .listOuter[data-soldout-filter-show="1"] .tagLabelOuter .tagLabel.tag-soldOut{
display: none;
}
.usercar_list .tagLabelOuter .otherLabel {
float: none;
color: #fff;
display: inline-block;
}
.usercar_list .tagLabelOuter .otherLabel .count {
color: #fff;
float: none;
padding: 0;
display: inline;
background: none;
}
.tagLabelOuter .tagLabel[data-show="1"] {
display: inline-block;
}
.tagLabelOuter .tagLabel[data-show="0"] {
display: none !important;
}
.tagLabelOuter .otherLabel[data-show="0"] {
display: inline-block;
}
.tagLabelOuter .otherLabel[data-show="0"] {
display: none !important;
}
#carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter{
left: auto;
right: 0;
}
.usercar_list h3 span.tagLabelOuter .tagLabel {
float: none;
}
.question{
margin:0 0 40px;
}
.question .error{
color:#f00;
font-size:12px;
}
.trialEnqueteHtml .question p:not(.error){
border-left: none;
padding-left: 0px;
}
.answers{
padding:0 15px;
font-size:14px;
}
.answers label{
display:block;
margin:0 0 10px;
cursor:pointer;
}
#js-calendarWrapped p{
background: url(../img/copy2open/loader.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center top;
padding-top: 45px;
text-align: center;
}
.page_select_box {
margin: 0 0 10px;
}
/* ID莉倅ｸ弱↓諢丞袖縺ｯ辟｡縺�′縲√←縺ｮID縺ｮ縺薙→繧定ｨ縺｣縺ｦ繧九°繧呈�遉ｺ縺励◆縺��縺ｧ縲�
#main_img_wrapper.wideSubTopImage,
#main_img_wrapper.wideSubTopImage #main_img_container{
background:none !important;
}
#main_img_wrapper.wideSubTopImage #sub_top_img {
display:block;
position:absolute !important;
width:1400px;
height:200px;
left:calc( 50% - 700px );
text-align:center;
}
#main_img_wrapper.wideSubTopImage #sub_img_margin_top{
top:15px;
}
#main_img_wrapper.wideSubTopImage #sub_img_margin_mid{
top:46px;
}
#main_img_wrapper.wideSubTopImage #sub_img_margin_bot{
top:77px;
}
#main_img_wrapper.wideSubTopImage #subMainImagePos{
width: 960px;
position: absolute;
top: 0;
left: calc( 50% - 480px );
}
.recommend_config {
overflow: hidden;
padding: 0 10px;
}
*/
.estimate_link {
position: absolute;
bottom: -8px;
left: 220px;
font-size: 12px;
}
.detail_link a:visited, .detail_link a:link {
color: #eee;
}
#slider_change a:first-of-type .main_pict_img {
margin-left: 5px;
}
/* ImageBox */
[data-transparent="0"]{ opacity:1; }
[data-transparent="1"]{ opacity:0; }
[data-scale-enhance = "0"]{ transform:scale(1); -webkit-font-smoothing: antialiased;}
[data-scale-enhance = "1"]{ transform:scale(1.05); -webkit-font-smoothing: antialiased;}
#js-directUploadImageInput{
display:none;
}
.js-changeableBoxImageLayoutBox{
position:relative;
transition:.25s;
-webkit-transition:.25s;
z-index:1;
}
.js-changeableBoxImageLayoutBox.js-highlight{
z-index:3;
}
body.js-activeControll #main_contents_container{
z-index:61;
}
body.js-activeControll #main_contents{
z-index:3;
}
body.js-activeControll .js-imageBox{
z-index:3;
}
.js-imageBox{
transition:.25s;
position:relative;
}
.js-boxImage{
transition: .25s;
}
.js-boxImage.js-transformingWidth{
transition: .5s;
}
.imageBoxContents{
float:left;
}
.imageBoxContents[data-layout="LAYOUT_2COLUMN"]{
width: calc( 50% - 15px );
margin:0 30px 30px 0;
}
.imageBoxContents[data-layout="LAYOUT_3COLUMN"]{
width: calc( ( 100% - 61px ) / 3 ); /* 60px => 61px (ie prefix) */
float:left;
margin:0 30px 30px 0;
}
.imageBoxContents[data-layout="LAYOUT_4COLUMN"]{
width: calc( ( 100% - 45px ) / 4 );
float:left;
margin:0 15px 30px 0;
}
.imageBoxContentsWrapper .imageBoxContents:last-of-type{
margin-right:0px;
}
.imageBoxOuter{
position:relative;
display:table;
transition:.25s;
table-layout:fixed;
}
.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxOuter{
margin: 0 auto 0;
}
.imageBoxInner{
display:table-cell;
vertical-align:middle;
text-align:center;
width:100%;
}
.imageBoxSlider iframe.imageBoxImage.size_middle{
height: auto;
}
.captionHead, .captionBody{
font-size:14px;
}
.captionHead{
font-weight:bold;
margin:0 0 5px;
}
/* ImageBoxSlider */
.imageBoxSlider{
overflow:hidden;
padding:0;
}
.imageBoxSlider .imageBoxContentsWrapper{
transition: .5s;
}
.imageBoxSlider .imageBoxOuter{
width:100%;
height:100%;
}
.imageBoxSlider .js-imageBlockImage{
width: 100%;
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
.js-controllerOuter{
position: absolute;
top: 50%;
}
.boxImageSliderController[data-active="1"],
.boxImageSliderProgress[data-active="1"]{
opacity:1;
cursor:pointer;
}
.boxImageSliderProgress:last-of-type{
margin:0;
}
.boxImageSliderController{
position: absolute;
top: calc( 50% - 30px);
color: #fff;
padding: 10px;
width: 40px;
height: 60px;
text-align: center;
box-sizing: border-box;
cursor: pointer;
transition: .3s;
opacity: 0;
z-index: 1;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-color: rgba(0,0,0,0.3);
border-radius:4px;
}
.boxImageSliderController:hover{
background-color: rgba(0,0,0,0.5);
}
.boxImageSliderController[data-controller-id="prev"]{
background-image: url(../img/copy2open/imageBoxSlideShowLeft.png);
left: 0;
box-shadow: 2px 0px 6px -2px rgba(0,0,0,0.3);
border-radius: 0 4px 4px 0;
border-top: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.boxImageSliderController[data-controller-id="next"]{
background-image: url(../img/copy2open/imageBoxSlideShowRight.png);
right: 0;
box-shadow: -2px 0px 6px -2px rgba(0,0,0,0.3);
border-radius: 4px 0 0 4px;
border-top: 1px solid rgba(0,0,0,0.1);
border-left: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.boxImageSliderProgress {
width: 10px;
height: 10px;
display: inline-block;
background-color: #ccc;
border-radius: 100%;
margin-right: 5px;
opacity:0;
}
.boxImageSliderProgress.js-current{
background-color: #fefefe;
box-shadow: 1px 1px 3px rgba(0,0,0,1);
}
.boxImageSliderProgressOuter {
position: absolute;
text-align: center;
width: 100%;
bottom: 15px;
z-index:1;
}
.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .js-imageBlockImage{
width: 100%;
height: auto;
}
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] iframe.js-imageBlockImage{
width: 100%;
height: 75%;
}
/* boxImageMultiSlider */
.imageBoxMultiSlider{
width: 100%;
align-items: center;
display: flex;
flex-wrap: wrap;
opacity: 1;
padding: 0 0 75px;
position: relative;
transition: opacity .3s;
}
.imageBoxMultiSlider[data-loading = "1"]{
height: 0;
opacity: 0;
padding: 0;
}
.imageBoxMultiSlider .controllerOuter{
bottom: 60px;
position: absolute;
top: auto;
z-index: 1;
}
.imageBoxMultiSlider .numberingOuter{
width: 86px;
border-radius: 3px;
bottom: 32px;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
left: calc( 50% - 43px );
padding: 2px 5px;
text-align: center;
position: absolute;
z-index: 1;
}
.imageBoxMultiSlider .numberingOuter.blink{
animation: multiSliderNumBlink 300ms ease forwards;
}
@keyframes multiSliderNumBlink {
0% {
background: none;
}
25% {
background: #ffc7c7;
}
50% {
background: none;
}
75% {
background: #ffc7c7;
}
100% {
background: none;
}
}
.imageBoxMultiSlider .boxImageMultiSliderNumber{
width: 32px;
font-family: 'Noto Sans JP', sans-serif !important;
display: inline-block;
text-align: center;
}
.imageBoxMultiSlider .boxImageMultiSliderController{
color: #fff;
width: 30px;
height: 30px;
text-align: center;
transition: top .2s;
box-sizing: border-box;
cursor: pointer;
background-repeat: no-repeat;
background-color: #E9E9E9;
box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(255,255,255,0.5);
border-radius: 3px;
}
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]{
position: absolute;
right: auto;
left: calc( 50% - 80px );
background-image: url(../img/usedcar/carslider_prev.png);
background-position: left 8px top 6px;
background-size: 40%;
cursor: pointer;
margin: 0 10px 0 0;
}
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]{
position: absolute;
left: auto;
right: calc( 50% - 80px );
background-image: url(../img/usedcar/carslider_next.png);
background-position: right 8px top 6px;
background-size: 40%;
cursor: pointer;
margin: 0 0 0 10px;
}
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]:hover{
background-color: #555;
box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(0,0,0,0.2);
}
/* 繧ｹ繝ｩ繧､繝峨〒縺阪ｋ隕∫ｴ�縺後↑縺��縺ｫ繧ｳ繝ｳ繝医Ο繝ｼ繝ｩ繝ｼ縺ｯ蠢�ｦ√↑縺� */
.imageBoxMultiSlider[data-max-slider-num = "0"],
.imageBoxMultiSlider[data-max-slider-num = "1"],
.imageBoxMultiSlider[data-max-slider-num = "2"],
.imageBoxMultiSlider[data-max-slider-num = "3"]{
padding: 0;
}
.imageBoxMultiSlider[data-max-slider-num = "0"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "1"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "2"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "3"] .imageBoxContentsWrapper{
overflow: hidden !important;
}
.imageBoxMultiSlider[data-max-slider-num = "0"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "2"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "3"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "0"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "2"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "3"] .controllerOuter{
display: none;
}
.imageBoxMultiSlider .imageBoxContentsWrapper{
width: 100%;
margin: 0 0 15px;
overflow: hidden;
transition: transform 300ms ease-in-out;
}
.imageBoxMultiSlider .imageBoxContentsWrapper.moveNext .imageBoxContentsSubWrapper{
left: -30px;
}
.imageBoxMultiSlider .imageBoxContentsWrapper.movePrev .imageBoxContentsSubWrapper{
left: 30px;
}
.imageBoxMultiSlider .imageBoxContentsSubWrapper{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
transition: left 300ms cubic-bezier(0.49, 0, 0.24, 1);
left: 0;
margin: 0;
position: relative;
}
.imageBoxMultiSlider .imageBoxContents[data-layout="LAYOUT_MULTI_SLIDESHOW"]{
box-sizing: border-box;
margin: 0px 10px 10px;
}
.imageBoxMultiSlider .captionHead{
font-size: 16px;
padding: 15px 15px 5px 15px !important;
}
.imageBoxMultiSlider .captionBody{
font-size: 12px;
padding: 5px 15px 15px 15px !important;
}
.imageBoxMultiSlider .imageBoxOuter{
margin: 0 auto;
}
.imageBoxMultiSlider .imageBoxInner{
width: 100%;
}
.imageBoxMultiSlider .js-imageBlockImage{
box-shadow: none;
}
.imageBoxMultiSlider .imageBoxInner > img{
width: 100%;
border-radius: 0px !important;
box-shadow: none !important;
}
.imageBoxMultiSlider .imageBoxInner .imageBoxImage{
width: 100%;
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
.imageBoxMultiSlider .boxImageMultiSliderController{
opacity: 1;
transition: .3s;
}
.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow{
opacity: .1;
cursor: not-allowed;
}
.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "next"]:hover{
top: 0;
}
.imageBoxMultiSlider .imageBoxContentsSubWrapper{
opacity: 1;
transition: all .3s;
}
.imageBoxMultiSlider .imageBoxContentsSubWrapper.loadingNow{
opacity: 0;
}
.imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow{
position: relative;
}
.imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow:before{
content: "";
background: url(../img/ajax-loader.svg) no-repeat center center;
background-size: 18px 18px;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
/* ImageBox BlankImage */
.imageBoxBlankOuter{
width: 100%;
height: 100px;
display: table;
border: 1px dashed #eee;
box-sizing: border-box;
cursor:pointer;
background-color:#fff;
border-radius:7.5px;
min-width: 80px;
min-height: 68px;
opacity: 0.8;
padding: 10px 0;
}
.imageBoxBlankOuter:hover{
opacity:1;
}
.imageBoxBlankOuter img{
margin: 0 auto;
position: absolute;
width: 36px;
top: calc(50% - 18px - 25px);
left: calc(50% - 18px);
}
.imageBoxBlank{
width: 100%;
vertical-align: middle;
display: table-cell;
font-size: 14px;
color: #36f;
padding-top: 30px;
line-height:18px;
text-align: center;
}
.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxBlankOuter {
min-width: 270px;
min-height: 152px;
}
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxBlankOuter {
min-width: 160px;
min-height: 90px;
}
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxBlankOuter {
min-width: 120px;
min-height: 68px;
}
.header_font_family {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
.header_font_family_normal {
font-family: sans-serif;
}
.header_font_family_tel {
font-family: 'Sarpanch', sans-serif !important;
}
.header_logo_img{
max-width: 240px;
max-height: 48px;
}
.block_outer .imageBoxContents .captionHead {
padding: 10px 0 0;
margin: 0 0 0;
}
.block_outer .imageBoxContents .captionBody {
padding: 10px 0 0;
margin: 0;
}
.block_outer_estimate_form,
.parallaxContentOuter[data-field-id="estimate_form"] {
display: none;
}
.existsEstimateForm .block_outer_estimate_form,
.existsEstimateForm .parallaxContentOuter[data-field-id="estimate_form"] {
display: block;
}
.block_outer_entry_form,
.parallaxContentOuter[data-field-id="entry_form"] {
display: none;
}
.existsRecruitForm .block_outer_entry_form,
.existsRecruitForm .parallaxContentOuter[data-field-id="entry_form"],
.recruitPage .block_outer_entry_form,
.recruitPage .parallaxContentOuter[data-field-id="entry_form"] {
display: block;
}
.js-imageBoxBackground {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
width: 100%;
min-height: 320px;
box-sizing: border-box;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.js-imageBoxBackground .editTextOuter {
width: 50%;
min-height: 280px;
padding: 20px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.85) url(../img/copy2open/ibbBg.png);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
display: inline-block;
border-radius: 2px;
text-align: left;
word-break: break-all;
color: rgb(51, 51, 51);
}
.js-imageBoxBackground .js-imageBox {
display: none;
}
.js-imageBoxBackground .editTextOuter h3 {
float: none;
width: auto;
background-image: none;
border: none;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
color: rgb(51, 51, 51);
}
.js-imageBoxBackground .editTextOuter h3 b {
background-image: none;
width: 0;
margin: 0;
padding: 0;
}
.js-imageBoxBackground .editTextOuter h3 span {
background-image: none;
padding-left: 0;
margin-left: 0;
color: rgb(51, 51, 51);
}
.js-imageBoxBackground .editTextOuter h3:before {
content: "";
margin: 0;
padding: 0;
}
.js-imageBoxBackground .editTextOuter b {
width: auto;
background-image: none;
}
.js-imageBoxBackground .editTextOuter span {
padding: 0;
border: none;
}
.js-imageBoxBackground .editTextOuter p {
width: auto;
padding-left: 0;
margin-left: auto;
color: rgb(51,51,51);
}
.js-imageBoxBackground .box_free {
border: none;
background: none !important;
width: auto;
margin: 0;
}
.div_box_flow .js-imageBoxBackground.box_flow:after {
content: "";
}
.box_flow.js-imageBoxBackground .editTextOuter h3 {
padding-top: 0;
}
.box_flow.js-imageBoxBackground .editTextOuter b {
background-image: none;
width: 0;
margin: 0;
padding: 0;
}
.box_coupon.js-imageBoxBackground .editTextOuter h3 {
padding-top: 0;
}
.box_coupon.js-imageBoxBackground .editTextOuter b {
background-image: none;
width: 0;
margin: 0;
padding: 0;
}
.box_promise.js-imageBoxBackground .editTextOuter h3 {
padding-top: 0;
}
.box_promise.js-imageBoxBackground .editTextOuter b {
background-image: none;
width: 0;
margin: 0;
padding: 0;
}
.box_tokuten.js-imageBoxBackground .editTextOuter h3 {
padding-top: 0;
}
.box_tokuten.js-imageBoxBackground .editTextOuter b {
background-image: none;
width: 0;
margin: 0;
padding: 0;
}
.box_voice.js-imageBoxBackground .editTextOuter h3 {
background-image: none;
}
.box_voice.js-imageBoxBackground .editTextOuter b {
display: inline-block;
}
.js-imageBoxBackground.isRight {
text-align: right;
}
.js-imageBoxBackground.isLeft {
text-align: left;
}
.bgImageNone {
background-image: none;
}
.js-imageBoxBackground .imageNone {
display: none !important;
}
.js-imageBoxBackground .imageBlock {
display: block;
background: transparent;
border: 0;
margin: 0;
}
.resetWidth {
width: auto;
}
.resetHeight {
height: auto;
}
#carlist_main_box {
overflow: hidden;
}
#carListSlideShow_wrapper {
padding: 18px;
overflow: hidden;
opacity: 0;
}
.carlist_slider_count {
text-align: center;
margin: 0 0 30px;
opacity: 0;
transition: .2s;
}
.carlist_slider_count .count_outer {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
background: transparent;
height: 30px;
line-height: 30px;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
padding: 0 10px;
}
.prev_img_outer, .next_img_outer {
display: inline-block;
vertical-align: middle;
cursor: pointer;
transition: .25s;
position: relative;
}
.prev_img_outer:hover, .next_img_outer:hover {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.prev_btn:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.next_btn:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.prev_btn, .next_btn {
display: inline-block;
transition: .2s;
}
.carlist_slider_count .current_count, .carlist_slider_count .max_count {
font-size: 12px;
font-weight: bold;
padding: 0 5px;
display: inline-block;
border-radius: 3px;
transition: .2s;
}
.carlist_slider_count .loop_first {
background: #fcc !important;
}
#carListSlideShow_wrapper .thumbnail_box{
float: left;
display: inline-block;
clear: none;
margin-right: 20px !important;
}
#carListSlideShow_wrapper .js-current {
z-index: 2;
}
#carListSlideShow_wrapper .thumbnail_box:not(.js-current):after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #FFF;
opacity: 0.5;
}
#carListSlideShow_wrapper .usedcar_edit_btn {
top: 0;
bottom:auto;
}
#carListSlideShow_wrapper .thumb_wrap {
float: left;
}
.slider_count_none {
display: none;
}
.slide_btn_none {
display: none;
}
.carlist_btn_mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: default;
z-index: 2;
}
.carlist_btn_mask_none {
display: none;
}
.carlist_btn_mask_shadow {
opacity: 0.3;
}
.slideshow_loader {
display: none;
}
.base0_carlistSlideShow01 .carlist_slider_count {
opacity: 1;
}
.toggle_carList {
text-decoration: none;
}
.editLogoOuter .editLogoImage {
width: auto;
height: 45px;
vertical-align: middle;
}
#header .editLogoCompany.logoTextColorCC0000{
color: #cc0000 !important;
}
#header .editLogoCompany.logoTextColorFF9900{
color: #ff9900 !important;
}
#header .editLogoCompany.logoTextColorFFCC00{
color: #ffcc00 !important;
}
#header .editLogoCompany.logoTextColor99cc00{
color: #99cc00 !important;
}
#header .editLogoCompany.logoTextColor006600{
color: #006600 !important;
}
#header .editLogoCompany.logoTextColor3399ff{
color: #3399ff !important;
}
#header .editLogoCompany.logoTextColor0066ff{
color: #0066ff !important;
}
#header .editLogoCompany.logoTextColor6633cc{
color: #6633cc !important;
}
#header .editLogoCompany.logoTextColorFF6699{
color: #ff6699 !important;
}
#header .editLogoCompany.logoTextColor333333{
color: #333333 !important;
}
#header .editLogoCompany.logoTextColor000000{
color: #000000 !important;
}
#header .editLogoCompany.logoTextColorFFFFFF{
color: #ffffff !important;
}
#header .editLogoCompany.logoTextColorEEEEEE{
color: #EEEEEE !important;
}
.editLogoOuter {
display: inline-block;
height: 40px;
margin: 0;
}
.editLogoOuter,
.originalHeaderLogo{
position: relative;
}
.editLogoOuter.logoEditMark1 .editLogoCompany{display: block;}
.editLogoOuter.logoEditMark1 .editLogoCompany:first-letter {
font-size: 130%;
}
.editLogoOuter.logoEditMark2 {
background: url(../img/companyLogo/logo/logoEditMark2.png) no-repeat;
background-position: left top calc(50% - 3px);
background-size: auto 34px;
height: 40px;
}
.editLogoOuter.logoEditMark3 {
background: url(../img/companyLogo/logo/logoEditMark3.png) no-repeat;
background-size: auto 36px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark4 {
background: url(../img/companyLogo/logo/logoEditMark4.png) no-repeat;
background-size: auto 36px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark5 {
background: url(../img/companyLogo/logo/logoEditMark5.png) no-repeat;
background-size: auto 36px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark6 {
background: url(../img/companyLogo/logo/logoEditMark6.png) no-repeat;
background-size: auto 34px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark7 {
background: url(../img/companyLogo/logo/logoEditMark7.png) no-repeat;
background-size: auto 36px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark8 {
background: url(../img/companyLogo/logo/logoEditMark8.png) no-repeat;
background-size: auto 30px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark9 {
background: url(../img/companyLogo/logo/logoEditMark9.png) no-repeat;
background-size: auto 34px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark10 {
background: url(../img/companyLogo/logo/logoEditMark10.png) no-repeat;
background-size: auto 34px;
background-position: left top calc(50% - 1px);
height: 40px;
}
.editLogoOuter.logoEditMark11 {
background: url(../img/companyLogo/logo/logoEditMark11.png) no-repeat left center;
background-size: 100% 60%;
height: 40px;
}
.editLogoOuter.logoEditMark12 {
background: url(../img/companyLogo/logo/logoEditMark12.png) no-repeat;
background-size: auto 34px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark13 {
background: url(../img/companyLogo/logo/logoEditMark13.png) no-repeat;
background-size: auto 32px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMark14 {
background: url(../img/companyLogo/logo/logoEditMark14.png) no-repeat;
background-size: auto 34px;
background-position: left center;
height: 40px;
}
.editLogoOuter.logoEditMarkReverse5 {
background: url(../img/companyLogo/logo/logoEditMarkReverse5.png) no-repeat;
background-size: auto 36px;
background-position: right center;
height: 40px;
}
.editLogoOuter.logoEditMarkReverse7 {
background: url(../img/companyLogo/logo/logoEditMarkReverse7.png) no-repeat;
background-size: auto 36px;
background-position: right center;
height: 40px;
}
.editLogoOuter.logoEditMark3 .editLogoCompany,
.editLogoOuter.logoEditMark9 .editLogoCompany,
.editLogoOuter.logoEditMark10 .editLogoCompany {
padding-left: 40px;
}
.editLogoOuter.logoEditMark2 .editLogoCompany,
.editLogoOuter.logoEditMark5 .editLogoCompany {
padding-left: 30px;
}
.editLogoOuter.logoEditMark4 .editLogoCompany,
.editLogoOuter.logoEditMark6 .editLogoCompany,
.editLogoOuter.logoEditMark13 .editLogoCompany {
padding-left: 38px;
}
.editLogoOuter.logoEditMark7 .editLogoCompany {
padding-left: 34px;
}
.editLogoOuter.logoEditMark8 .editLogoCompany {
padding-left: 43px;
}
.editLogoOuter.logoEditMark12 .editLogoCompany {
padding-left: 50px;
}
.editLogoOuter.logoEditMark14 .editLogoCompany {
padding-left: 36px;
}
.editLogoOuter.logoEditMark2.logoPositionRight {
background-position: right top calc(50% - 3px);
}
.editLogoOuter.logoEditMark3.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark4.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark6.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark8.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark9.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark10.logoPositionRight {
background-position: right top calc(50% - 1px);
}
.editLogoOuter.logoEditMark12.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark13.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark14.logoPositionRight {
background-position: right center;
}
.editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 42px;
}
.editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 32px;
}
.editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 40px;
}
.editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 32px;
}
.editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 36px;
}
.editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 44px;
}
.editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 52px;
}
.editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 40px;
}
.editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany {
padding-left: 0;
padding-right: 40px;
}
.editLogoOuter a.editLogoCompany.notoSansJpLight {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 400 !important;
}
.mplus1pRegular {
font-family: 'M PLUS 1p', sans-serif !important;
font-weight: 700 !important;
}
.notoSansJpBlack {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 900 !important;
}
.notoSansJpBold {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 700 !important;
}
.notoSerifJpExtraLight {
font-family: 'Noto Serif JP', serif !important;
font-weight: 400 !important;
padding-bottom: 3px !important;
}
.sourceHanSansRegular {
font-family: "sourceHanSansRegular", serif !important;
}
.notoSerifJpBlack {
font-family: 'Noto Serif JP', serif !important;
font-weight: 900 !important;
line-height: 1.2;
padding-bottom: 2px !important;
}
.mPlusRounded1cLight {
font-family: 'mPlusRounded1cLight', sans-serif !important;
font-weight: 700 !important;
}
.mPlusRounded1cBold {
font-family: 'mPlusRounded1cBold', sans-serif !important;
font-weight: 900;
}
.logoTypeGothic {
font-family: "logoTypeGothic", serif !important;
}
.editLogoOuter .editLogoCompany {
height: 100%;
align-items: center;
box-sizing: border-box;
display: flex;
font-size: 18px;
position: relative;
}
.editLogoOuter .editLogoCompany.logoTextSizeSmall {
font-size: 16px !important;
}
.editLogoOuter .editLogoCompany.logoTextSizeMedium {
font-size: 18px !important;
}
.editLogoOuter .editLogoCompany.logoTextSizeLarge {
font-size: 24px !important;
}
.logoNone {
display: none !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect2 {
text-shadow: #EEE 2px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 1.0806px 0.68294px 0px, #EEE 1.141474px 1.99499px 0px, #EEE 0.167706px 1.81859px 0px, #EEE -0.60229px 1.19694px 0px, #EEE -0.97998px 1.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -1.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE -1.07966px 0.441169px 0px, #EEE 0.92034px -1.558831px 0px, #EEE -0.07966px -1.558831px 0px !important;
}
/*
.editLogoOuter .editLogoCompany.logoEditEffect3 {
text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #ff0000 0px -2px 1px, #ff0000 -1px 1px 1px, #ff0000 1px 1px 1px, #ff0000 -2px 1px 1px, #ff0000 2px -1px 1px, #ff0000 -2px -1px 1px, #ff0000 1px 2px 1px, #ff0000 0px 2px 1px, #ff0000 1px -2px 1px, #ff0000 -1px -2px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px, #ff0000 1px -1px 1px, #ff0000 -1px -1px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px;
}
*/
.editLogoOuter .editLogoCompany.logoEditEffectCC0000 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #CC0000 0px -2px 1px, #CC0000 -1px 1px 1px, #CC0000 1px 1px 1px, #CC0000 -2px 1px 1px, #CC0000 2px -1px 1px, #CC0000 -2px -1px 1px, #CC0000 1px 2px 1px, #CC0000 0px 2px 1px, #CC0000 1px -2px 1px, #CC0000 -1px -2px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px, #CC0000 1px -1px 1px, #CC0000 -1px -1px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffectFF9900 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF9900 0px -2px 1px, #FF9900 -1px 1px 1px, #FF9900 1px 1px 1px, #FF9900 -2px 1px 1px, #FF9900 2px -1px 1px, #FF9900 -2px -1px 1px, #FF9900 1px 2px 1px, #FF9900 0px 2px 1px, #FF9900 1px -2px 1px, #FF9900 -1px -2px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px, #FF9900 1px -1px 1px, #FF9900 -1px -1px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffectFFCC00 {
text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFCC00 0px -2px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -2px 1px 1px, #FFCC00 2px -1px 1px, #FFCC00 -2px -1px 1px, #FFCC00 1px 2px 1px, #FFCC00 0px 2px 1px, #FFCC00 1px -2px 1px, #FFCC00 -1px -2px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px -1px 1px, #FFCC00 -1px -1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect99cc00 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #99cc00 0px -2px 1px, #99cc00 -1px 1px 1px, #99cc00 1px 1px 1px, #99cc00 -2px 1px 1px, #99cc00 2px -1px 1px, #99cc00 -2px -1px 1px, #99cc00 1px 2px 1px, #99cc00 0px 2px 1px, #99cc00 1px -2px 1px, #99cc00 -1px -2px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px, #99cc00 1px -1px 1px, #99cc00 -1px -1px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect006600 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #006600 0px -2px 1px, #006600 -1px 1px 1px, #006600 1px 1px 1px, #006600 -2px 1px 1px, #006600 2px -1px 1px, #006600 -2px -1px 1px, #006600 1px 2px 1px, #006600 0px 2px 1px, #006600 1px -2px 1px, #006600 -1px -2px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px, #006600 1px -1px 1px, #006600 -1px -1px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect3399ff {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #3399ff 0px -2px 1px, #3399ff -1px 1px 1px, #3399ff 1px 1px 1px, #3399ff -2px 1px 1px, #3399ff 2px -1px 1px, #3399ff -2px -1px 1px, #3399ff 1px 2px 1px, #3399ff 0px 2px 1px, #3399ff 1px -2px 1px, #3399ff -1px -2px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px, #3399ff 1px -1px 1px, #3399ff -1px -1px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect0066ff {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #0066ff 0px -2px 1px, #0066ff -1px 1px 1px, #0066ff 1px 1px 1px, #0066ff -2px 1px 1px, #0066ff 2px -1px 1px, #0066ff -2px -1px 1px, #0066ff 1px 2px 1px, #0066ff 0px 2px 1px, #0066ff 1px -2px 1px, #0066ff -1px -2px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px, #0066ff 1px -1px 1px, #0066ff -1px -1px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect6633cc {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #6633cc 0px -2px 1px, #6633cc -1px 1px 1px, #6633cc 1px 1px 1px, #6633cc -2px 1px 1px, #6633cc 2px -1px 1px, #6633cc -2px -1px 1px, #6633cc 1px 2px 1px, #6633cc 0px 2px 1px, #6633cc 1px -2px 1px, #6633cc -1px -2px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px, #6633cc 1px -1px 1px, #6633cc -1px -1px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffectFF6699 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF6699 0px -2px 1px, #FF6699 -1px 1px 1px, #FF6699 1px 1px 1px, #FF6699 -2px 1px 1px, #FF6699 2px -1px 1px, #FF6699 -2px -1px 1px, #FF6699 1px 2px 1px, #FF6699 0px 2px 1px, #FF6699 1px -2px 1px, #FF6699 -1px -2px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px, #FF6699 1px -1px 1px, #FF6699 -1px -1px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect333333 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #333333 0px -2px 1px, #333333 -1px 1px 1px, #333333 1px 1px 1px, #333333 -2px 1px 1px, #333333 2px -1px 1px, #333333 -2px -1px 1px, #333333 1px 2px 1px, #333333 0px 2px 1px, #333333 1px -2px 1px, #333333 -1px -2px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px, #333333 1px -1px 1px, #333333 -1px -1px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect000000 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #000000 0px -2px 1px, #000000 -1px 1px 1px, #000000 1px 1px 1px, #000000 -2px 1px 1px, #000000 2px -1px 1px, #000000 -2px -1px 1px, #000000 1px 2px 1px, #000000 0px 2px 1px, #000000 1px -2px 1px, #000000 -1px -2px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px, #000000 1px -1px 1px, #000000 -1px -1px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffectFFFFFF {
text-shadow: #333333 1px 0px 0px, #333333 -1px 0px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #333333 0px 1px 0px, #333333 0px -1px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #FFFFFF 0px -2px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -2px 1px 1px, #FFFFFF 2px -1px 1px, #FFFFFF -2px -1px 1px, #FFFFFF 1px 2px 1px, #FFFFFF 0px 2px 1px, #FFFFFF 1px -2px 1px, #FFFFFF -1px -2px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px -1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect4 {
text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect5 {
text-shadow: -1px 0px 3px rgba(255, 255, 255, 1), 2px 2.5px 2px rgba(20, 18, 16, 0.5) !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect6 {
text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #aaa 0px -2px 0px, #aaa -1px 1px 0px, #aaa 1px 1px 0px, #aaa -2px 1px 0px, #aaa 2px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 2px 0px, #aaa -1px 2px 0px, #aaa 1px -2px 0px, #aaa -1px -2px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px, #aaa 1px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect7 {
text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 25px #eee, 0 0 35px #eee, 0 0 45px #eee !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect8 {
text-shadow: 1.207px 1.007px 0px rgba(0, 0, 0, 0.6), -0.207px -0.207px 0px rgba(238, 238, 238, 0.8) !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect9 {
text-shadow: 1.5px 0.35px 3px rgba(238, 238, 238, 0.3), -1px -0.85px 0px rgba(51, 51, 51, 0.8) !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect10 {
text-shadow: none !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect10:before {
position: absolute;
top: 1em;
content: attr(data-text);
color: inherit;
opacity: 0.2;
transform: rotateX(180deg) translateY(3px) scaleY(0.95);
}
.editLogoOuter .editLogoCompany.logoEditEffect11 {
text-shadow: none;
}
.fontPreload {
visibility: hidden;
}
.sub_menu_title_outer {
color: #FFFFFF;
text-align: left;
width: 190px;
height: 50px;
display: inline-block;
}
.title_count_under_8 {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 300;
font-size: 23px;
padding: 10px 0 0 3px;
}
.title_count_under_10 {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 300;
font-size: 18px;
padding: 20px 0 0 2px;
}
.title_count_under_12 {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 300;
font-size: 15px;
padding: 25px 0 0 5px;
}
.title_count_over_12 {
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 300;
font-size: 15px;
line-height: 20px;
padding: 13px 0 0 13px;
}
.catch_copy{
font-size: 36px;
padding: 0 0 5px;
}
.catch_copy,
.catch_copy *{
font-family: 'Noto Serif JP', sans-serif !important;
}
.catch_copy_text_white {
color: #FFFFFF;
}
.catch_copy_text_black {
color: #333333;
}
.salesOuter h2{
position: relative !important;
top: 0;
}
.buyButtonOuter{
text-align:center;
}
.buyButton, .toCartButton {
background: #d31715;
padding: 15px 25px 15px 50px;
border-radius: 5px;
background-repeat: no-repeat;
display: inline-block;
margin: 0 15px 0 0;
cursor: pointer;
transition: .3s;
color: #fff;
height: 54px;
box-sizing: border-box;
background-image: url(../img/copy2open/cart_icon_w.png);
background-size: 20px;
background-position: left 20px center;
}
.buyButton{
background-color: #d31715;
}
.toCartButton{
padding: 15px 85px 15px 110px;
color:#fff !important;
text-decoration: none !important;
background-position: left 60px center;
}
/**
* 繧ｫ繝ｼ繝磯未騾｣繧ｹ繧ｿ繧､繝ｫ
*
*/
.cartActionOuter{
display:none;
position: fixed;
box-sizing: border-box;
background: #fff;
bottom: 0px;
left: 50%;
padding: 15px 15px 10px 15px;
border-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
z-index: 3;
text-align: center;
transform: translateX(-50%) translateY(100%);
-webkit-transform: translateX(-50%) translateY(100%);
}
.usedcar_info_body .cartActionOuter {
z-index: 6;
}
.usedcarPrintPage .printCarDetailContact p{
font-size: 20px;
}
.usedcarPrintPage .printCarDetailContact{
padding: 40px 0;
}
.usedcarPrintPage .inplace,
.usedcarPrintPage .img_change_cursor {
cursor: default;
}
.cartActionOuter.js-hidden, .cartActionOuter.js-empty{
display:none;
}
.cartActionOuter.js-ready{
display:block;
}
.cartActionOuter.js-ready.js-animated{
transition:.3s;
transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
}
.usedcarPrintPage .printCarDetailContact p{
font-size: 20px;
}
.usedcarPrintPage .printCarDetailContact{
padding: 40px 0;
}
.usedcarPrintPage .inplace,
.usedcarPrintPage .img_change_cursor {
cursor: default;
}
#js-spImageEdit,
#js-spFirstImageUplode {
display: none;
}
.usedcar_info_body .boxImageSettingControllerOuter,
.usedcar_info_body .boxImageImageControllerOuter {
/*display: none;*/
}
.usedcarPrintPage .q_and_a_btn,
.usedcarPrintPage #carGallMask,
.usedcarPrintPage .pict_edit_btn_usedcar,
.usedcarPrintPage .deleteLinkOuter,
.usedcarPrintPage #cgmIndex,
.usedcarPrintPage #cgmCapWrapper{
display: none;
}
.usedcarPrintPage .tokuten_come,
.usedcarPrintPage .pr_come{
height: auto;
}
.usercar_list .list_tokuten_come {
display: inline-block;
width: 100%;
box-sizing: border-box;
background-color: #eee;
border-radius: 3px;
padding: 5px 5px 5px 60px;
background-position: top 7px left 6px;
font-size: 13px;
min-height: 45px;
text-align: left;
overflow: hidden;
color: #000;
}
.usercar_list .list_tokuten_come .list_tokuten_come_inner {
color: #000;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.usercar_list .list_pr_com {
display: inline-block;
width: 100%;
box-sizing: border-box;
background-color: #eee;
border-radius: 3px;
padding: 5px 5px 5px 61px;
background-position: top 7px left 6px;
font-size: 13px;
margin-right: 0px;
min-height: 45px;
text-align: left;
overflow: hidden;
color: #000;
}
.usercar_list .list_pr_com .list_tokuten_come_inner {
color: #000;
display: block;
overflow: hidden;
}
#body_sub.usedcarPrintPage #block_outer_detail{
background: none;
color: initial;
}
/**
* 繧ｫ繝ｼ繝磯未騾｣繝舌�縺ｮ繝懊ち繝ｳ
*/
.cartActionOuter .triggerItem{
display:inline-block;
vertical-align:middle;
margin-right:10px;
cursor:pointer;
transition:.3s;
}
.cartActionOuter .triggerItem.js-hidden{
display:none;
}
.cartActionOuter .triggerItem:hover{
transform:translateY(-3px);
-webkit-transform:translateY(-3px);
}
.cartActionOuter .triggerItem.js-lastTriggerItem{
margin-right: 0px;
}
/*縲後き繝ｼ繝医↓蜈･繧後ｋ縲阪�繧ｿ繝ｳ*/
.cartButton{
width: 165px;
height: 45px;
line-height: 45px;
background-color: #CE1919;
color: #fff;
border-radius: 4px;
}
.cartButton:before{
content: "";
width: 16px;
height: 16px;
background-image: url(../img/copy2open/cart_icon_w.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: inline-block;
margin: -1px 8px 0 0;
vertical-align: middle;
}
.cartActionOuter .cartButton.js-carted{
background-color:#aaa;
cursor:default;
}
.cartActionOuter .cartButton.js-carted:hover{
transform:translateY(0px);
-webkit-transform:translateY(0px);
}
/* 縲梧ｰ励↓縺ｪ繧九阪�繧ｿ繝ｳ */
.favoriteButton{
width: 105px;
height: 45px;
line-height: 46px;
background: #555555;
border-radius: 4px;
display: inline-block;
cursor: pointer;
transition: .3s;
color: #fff;
}
.favoriteButton:before{
content: "";
width: 16px;
height: 16px;
background-image: url(../img/copy2open/star_icon_w.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: inline-block;
margin: -4.5px 4px 0 0;
vertical-align: middle;
}
.cartActionOuter .favoriteButton.js-favorited,
.cartActionOuter .favoriteButton.js-disabled{
background-color:#aaa;
cursor:default;
}
.cartActionOuter .favoriteButton.js-favorited:before,
.cartActionOuter .favoriteButton.js-disabled:before{
background-image: url(../img/copy2open/star_icon_y.png);
}
.cartActionOuter .favoriteButton.js-favorited:hover,
.cartActionOuter .favoriteButton.js-disabled:hover{
transform:translateY(0px);
-webkit-transform:translateY(0px);
}
/*縲後き繝ｼ繝医ｒ隕九ｋ縲阪い繧､繧ｳ繝ｳ */
.cartIcon{
width: 45px;
height: 45px;
box-sizing: border-box;
border-radius: 4px;
background-color: #6EA86C;
background-image: url(../img/copy2open/cart_icon_w_filled.png);
background-position: left 10px center;
background-size: 24px;
background-repeat: no-repeat;
position: relative;
}
/* 縲梧ｰ励↓縺ｪ繧九阪ｒ隕九ｋ繧｢繧､繧ｳ繝ｳ */
.favoriteIcon{
width: 45px;
height: 45px;
border-radius: 4px;
background-color: #6EA86C;
background-image: url(../img/copy2open/star_icon_w_emphasis.png);
background-position: left 9px center;
background-size: 25px;
background-repeat: no-repeat;
position: relative;
}
.cartIcon .counter,
.favoriteIcon .counter{
background-color: #CE1919;
color: #fff;
width: 15px;
height: 15px;
display: inline-block;
line-height: 15px;
font-size: 10px;
font-weight: bold;
position: absolute;
left: -7.5px;
top: -7.5px;
border-radius: 100%;
}
/**
* 繧ｵ繝�繝阪う繝ｫ陦ｨ遉ｺ縲繧ｫ繝ｼ繝磯未騾｣繝懊ち繝ｳ
*/
.thumbnail_box .inCarlist {
display: block;
text-align: right;
position: relative;
bottom: 5px;
right: 5px;
}
.buyButtonMini, .favoriteButtonMini, .detailButtonMini, .toCartButtonMini{
transition:.3s;
}
.buyButtonMini:not(.disable),
.favoriteButtonMini:not(.disable),
.detailButtonMini:not(.disable),
.toCartButtonMini{
cursor:pointer;
}
.buyButtonMini.disable,
.favoriteButtonMini.disable,
.detailButtonMini.disable,
.favoriteButton.disable{
cursor:default;
}
.buyButtonMini:not(.disable):hover,
.favoriteButtonMini:not(.disable):hover,
.favoriteButton:not(.disable):hover,
.detailButtonMini:not(.disable):hover,
.toCartButtonMini:hover{
transform:translateY(-3px);
-webkit-transform:translateY(-3px);
}
.thumbnail_box .buyButtonMini{
background: #d31715;
color: #fff;
padding: 5px 5px 5px 25px;
width: 80px;
box-sizing: border-box;
display: inline-block;
background-image: url(../img/copy2open/cart_icon_w.png);
background-repeat: no-repeat;
background-size: 18px;
background-position: left 5px center;
font-size: 11px;
text-align: center;
border-radius: 5px;
margin: 0 5px 0 0;
}
.thumbnail_box .favoriteButtonMini{
background-color: #555555;
background-image: url(../img/copy2open/star_icon_w.png);
background-size: 18px;
background-position: center top 5px;
background-repeat: no-repeat;
color: #fff;
font-size: 11px;
height: 46px;
display: inline-block;
box-sizing: border-box;
padding: 23px 5px 0px;
border-radius: 5px;
margin:0 5px 0 0;
}
.thumbnail_box .detailButtonMini{
background-color: #ec872f;
color: #fff;
padding: 23px 10px 0px 10px;
height: 46px;
display: inline-block;
box-sizing: border-box;
background-image: url(../img/copy2open/detail_icon.png);
background-repeat: no-repeat;
background-size: 16px;
background-position: top 6px center;
font-size: 11px;
text-align: center;
text-decoration: none;
border-radius: 5px;
}
.thumbnail_box .toCartButtonMini{
background: #d31715;
color: #fff;
padding: 5px 10px 5px 40px;
width: 100px;
box-sizing: border-box;
display: inline-block;
background-image: url(../img/copy2open/cart_icon_w.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 10px center;
font-size: 12px;
text-align: center;
border-radius: 5px;
margin: 0 5px 0 0;
width: 140px;
height: 46px;
line-height: 36px;
text-decoration: none;
float: left;
}
/**
* 繝ｪ繧ｹ繝郁｡ｨ遉ｺ縲繧ｫ繝ｼ繝磯未騾｣繝懊ち繝ｳ
*/
.usercar_list .list_con{
margin:0 0 15px;
}
.usercar_list .inCarlist{
display:block;
text-align:right;
}
.usercar_list .buyButtonMini{
height: 40px;
box-sizing: border-box;
font-size: 14px;
background-color: #d31715;
color: #fff;
padding: 0px 25px 0px 45px;
display: inline-block;
margin: 0 5px 0 0;
border-radius: 5px;
cursor: pointer;
transition: .3s;
vertical-align: middle;
line-height: 40px;
background-image: url(../img/copy2open/cart_icon_w.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 15px center;
text-decoration:none;
}
.usercar_list .favoriteButtonMini{
height: 40px;
line-height: 40px;
display: inline-block;
color: #fff;
background-image: url(../img/copy2open/star_icon_w.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: left 15px top 9px;
padding: 0px 25px 0px 40px;
font-size: 14px;
border-radius: 5px;
transition: .3s;
background-color:#555555;
}
.usercar_list .toCartButtonMini{
background: #d31715;
color: #fff;
padding: 0px 25px 0px 45px;
box-sizing: border-box;
display: inline-block;
background-image: url(../img/copy2open/cart_icon_w.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 10px center;
font-size: 14px;
border-radius: 5px;
text-decoration: none;
height: 40px;
line-height: 40px;
}
.usercar_list .detailButtonMini {
display:none;
}
.favoriteButton.disable, .favoriteButtonMini.disable {
background-image: url(../img/copy2open/star_icon_y.png);
}
.buyButtonMini.disable{
background-color:#aaa;
cursor:default;
}
.buyButtonMini.js-favoriteButton{
background-image: url(../img/copy2open/star.png);
background-repeat: no-repeat;
background-size: 16px;
background-position: left 7px top 11px;
padding: 10px 5px 10px 25px;
}
/**
* 繧ｫ繝ｼ繝医ヵ繧ｧ繝ｼ繧ｺ繝壹�繧ｸ
*
*/
.cartListOuter{
margin-bottom: 30px;
}
.cartListOuter:empty{
position:relative;
}
.cartListOuter:empty:before {
content: "繧ｫ繝ｼ繝医�荳ｭ霄ｫ繧定ｪｭ縺ｿ霎ｼ繧薙〒縺�∪縺吮ｦ";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) translateY( 60px );
-webkit-transform: translateX(-50%) translateY(-50%) translateY( 60px );
font-size: 14px;
}
.cartListOuter:empty:after {
content: "";
font-size: 14px;
display: block;
text-align: center;
padding: 80px 0;
background-image: url(../img/copy2open/loader.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
}
.cartListOuter.js-loaded:empty:before{
content : "繧ｫ繝ｼ繝医↓蝠�刀縺ｯ蜈･縺｣縺ｦ縺�∪縺帙ｓ";
background: rgba(255,255,255,.1) url(../img/copy2open/ibbBg.png);
font-size: 14px;
display: block;
text-align: center;
padding: 45px 0;
border: 1px solid #ccc;
border-radius: 5px;
position:relative;
}
.cartListOuter.js-loaded:empty:after{
display:none;
}
.cartListOuter.js-favoriteListOuter.js-loaded:empty:before{
content : "縲梧ｰ励↓縺ｪ繧九阪Μ繧ｹ繝医↓縺ｯ蝠�刀縺ｯ縺ｾ縺�縺ゅｊ縺ｾ縺帙ｓ";
background: rgba(255,255,255,.1) url(../img/copy2open/ibbBg.png);
font-size: 14px;
display: block;
text-align: center;
padding: 45px 0;
border: 1px solid #ccc;
border-radius: 5px;
position:relative;
}
.favoriteList, .cartList {
padding: 15px 15px 15px 0px;
margin: 0 0 30px;
position: relative;
}
.moveCartButton, .existsCartButton{
background-color: #d31715;
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
.moveCartButton{
margin:0 5px 0 0;
}
.existsCartButton{
cursor:default;
background-color:#aaa;
}
.deleteCartButton{
background-color: #aaa;
display: inline-block;
padding: 5px 10px;
font-size: 12px;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.moveCartButton, .deleteCartButton{
transition:.3s;
}
.moveCartButton:hover, .deleteCartButton:hover{
transform:translateY(-2px);
}
.favoriteList img, .cartList img {
max-width: 240px;
margin: 0px 15px 15px 0px;
float:left;
}
.favoriteList .about, .cartList .about {
margin: 0 0 15px;
}
.cartList .itemName{
font-size: 18px;
font-weight: bold;
margin: 0 0 5px;
}
.cartList .itemCost{
margin:0 0 5px;
}
.cartList .itemCost .key{
margin: 0 5px 0 0;
}
.cartList .itemTotalCost{
font-size: 20px;
color: #c00;
margin: 0 0 15px;
}
.cartList .itemComments .key{
display: block;
font-size: 14px;
font-weight: bold;
}
#js-selectCreditCardPayment,
#js-selectAmazonPay,
#js-selectOrico,
#js-selectPaypay{
display:none;
}
#js-selectCreditCardPayment[data-useable="1"],
#js-selectAmazonPay[data-useable="1"],
#js-selectOrico[data-useable="1"],
#js-selectPaypay[data-useable="1"]{
display:block;
}
#js-selectOrico[data-has-error="1"] input,
#js-selectOrico[data-has-error="1"] span{
opacity: .3;
cursor: default;
}
#js-selectOrico .errorText{
background-color: #FEE;
border: 1px solid #fcb4b4;
box-sizing: border-box;
color: #C00 !important;
padding: 10px;
margin: 0 0 10px;
}
#js-selectOrico .js-errorText[data-display = "0"]{
display: none;
}
.selectPaymentItemOuter:last-of-type{
margin:0 !important;
}
.selectPaymentItem{
cursor: pointer;
display: block;
margin:0 0 5px;
}
.aboutPaymentOuter{
display:none;
margin: 0 0 15px;
padding: 0 15px;
}
.aboutPaymentLabel{
display: inline-block;
margin: 0 0 5px;
background: #666;
color: #fff;
font-size: 11px;
padding: 0 5px;
}
.note{
font-size: 14px;
}
.noteDeliveryTime{
display: inline-block;
margin: 5px 0 0 10px;
font-size: 12px;
}
.noteTop{
margin-bottom: 5px;
font-size: 14px;
text-align: left;
}
.nextCartButton{
color:#fff !important;
text-align:center !important;
text-decoration:none !important;
}
#amazonPayButton{
width: 200px !important;
height: 60px !important;
margin: 0 auto;
}
.js-purchaseInput[readonly]{
border:none !important;
box-shadow:none;
}
.js-purchaseInput{
resize:none;
}
.js-purchaseInput[type = "radio"]{
position: relative;
top: 2px;
}
select.js-purchaseInput[disabled] {
color: initial;
border: none !important;
-webkit-appearance: none;
}
#carListThumbNail_wrapper .inCarlist .toCartButtonMini{
width: 120px;
padding: 10px 0px;
display: inline-block;
font-size: 14px;
text-align: center;
}
.aboutCommerceLaw{
font-weight: bold;
font-size: 16px;
margin: 0 0 30px;
}
.js-purchaseInput.inputarea4{
width: 100%;
box-sizing:border-box;
}
.thankyouDekky{
width: 300px;
background: #fff;
border-radius: 5px;
padding: 30px;
}
.finishShoppingImage{
margin-bottom: 30px;
}
.aboutSendMail{
margin:0 0 15px;
font-weight: bold;
}
.contactAboutShoppingOuter{
display: inline-block;
padding: 30px;
border: 1px solid #ccc;
background:#fff;
border-radius:5px;
margin-bottom: 30px;
}
.contactAboutShoppingOuter .title{
display: inline-block;
color: #fff;
background: #333;
padding: 0 25px;
border-radius: 15px;
margin:0 0 5px;
}
.contactAboutShoppingOuter .body{
font-weight:bold;
font-size:36px;
color:#333;
margin-bottom: 0;
display: block;
}
.paymentWayOuter,
.aboutTotalCostOuter,
.aboutPaymentWayOuter {
margin-bottom: 30px;
}
.paymentWayOuter .key,
.aboutPaymentWayOuter .key,
.aboutTotalCostOuter .key{
font-size: 14px;
font-weight:bold;
margin: 0 0 5px;
display: block;
}
.aboutCartIcon{
font-size:12px;
margin:0 0 10px;
}
.aboutCartIcon:empty{
margin:0;
}
.hi-icon_now {
cursor: pointer;
position: relative;
}
.hi-icon_now:after{
width: 10px;
height: 10px;
opacity: 0.75;
background: #fff;
color: #fff;
padding: 1px;
display: block;
position: absolute;
font-size: 10px;
top: 35px;
right: 5px;
border-radius: 100%;
content: '';
z-index: 130;
box-sizing: content-box;
animation: sonarEffect 1.3s ease forwards 3;
}
#js-deleteTrigger.hi-icon_now:after {
top: 5px;
right: 2px;
animation: sonarEffect 1.3s ease infinite forwards;
}
.hi-icon_side_scroll {
cursor: pointer;
position: relative;
}
.hi-icon_side_scroll:after{
width: 10px;
height: 10px;
opacity: 0.75;
background: #fff;
color: #fff;
padding: 1px;
display: block;
position: absolute;
font-size: 10px;
top: 20px;
left: 20px;
border-radius: 100%;
content: '';
z-index: 130;
box-sizing: content-box;
animation: sonarEffect 1.3s ease forwards 3;
}
.hi-icon_inifite{
cursor: pointer;
position: relative;
}
.hi-icon_inifite:after{
width: 10px;
height: 10px;
opacity: 0.75;
background: #fff;
color: #fff;
padding: 1px;
display: block;
position: absolute;
font-size: 10px;
top: 20px;
left: 20px;
border-radius: 100%;
content: '';
z-index: 130;
box-sizing: content-box;
animation-name:sonarEffect;
animation-duration:1.3s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
}
#hash-favorite{
position:absolute;
top: -150px;
}
#side_link_block img{
max-width: 100%;
}
#js-totalCostAbout{
font-size:12px;
display:block;
margin:5px 0 0;
display:none;
}
#js-totalCostAbout.show{
display:block;
}
.right_box_img img{
max-width:100%;
}
.detail_text_none {
display: none;
}
@keyframes sonarEffect {
0% {
opacity: 1.0;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.5);
opacity: 0;
}
}
/* 隲区ｱよ嶌 */
.ec-cart .div_box_free.invoice{
display: none;
}
.ec-cart .invoice[data-invoice-status = "loading"],
.ec-cart .invoice[data-invoice-status = "loaded"],
.ec-cart .invoice[data-invoice-status = "noneed"]{
display: block;
}
.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loading"],
.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loaded"],
.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "noneed"]{
display: none;
}
.ec-cart .invoice[data-invoice-status = "loading"] .invoiceContentOuter[data-invoice-status = "loading"],
.ec-cart .invoice[data-invoice-status = "loaded"] .invoiceContentOuter[data-invoice-status = "loaded"],
.ec-cart .invoice[data-invoice-status = "noneed"] .invoiceContentOuter[data-invoice-status = "noneed"]{
display: block;
}
.invoiceContent{
background-color: #eee;
display: inline-block;
padding: 10px 40px 10px 45px;
font-size: 14px;
color: #555;
background-repeat: no-repeat;
background-position: left 25px center;
}
.invoiceContentOuter[data-invoice-status = "loading"] .invoiceContent{
background-image: url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
}
.invoiceContentOuter[data-invoice-status = "loaded"] .invoiceContent{
background-image: url(../img/copy2open/middle_menu_page_count_icon.png);
text-decoration: none;
color: #36f;
}
.invoiceContentOuter[data-invoice-status = "noneed"] .invoiceContent{
background: none;
padding: 0;
color: initial;
}
/**
* 謌仙粥莠倶ｾ九�繝ｼ繧ｸ
*/
#body_free.reviewPage .reviewTopContentsInner{
width: 100% !important;
height: 600px;
background-position: top center !important;
background-repeat: no-repeat;
background-size: 1920px;
position: relative;
max-width:none;
}
.reviewTopContents{
box-sizing: border-box;
position: absolute;
top: 30px;
left: calc( 50% + 480px - 480px - 30px );
width: 480px;
height: 360px;
}
.js-imageBoxBackground .reviewTopContentsTextOuter{
background: rgba(0,0,0,0.75) !important;
width:100%;
padding: 45px;
color: #fff !important;
}
.js-imageBoxBackground .reviewTopContentsTextOuter p{
color:#fff !important;
}
.reviewTopContentsLeadText{
border-bottom: 1px solid #fff;
margin: 0 0 10px;
}
.reviewTopContentsLeadTextFront{
font-size:24px;
}
.reviewTopContentsLeadTextBack{
font-size:14px;
}
.reviewTopContentsLeadTextBack:before, .reviewTopContentsLeadTextBack:after {
content: "��";
}
.block_outer_review_conversion{
padding:0 0 60px;
}
.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCopyText{
font-size: 28px;
margin: 0 0 10px;
line-height:initial;
}
.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCaptionText{
margin:0 0 10px;
line-height:initial;
}
.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsShopInfoText{
text-align:right;
}
.reviewMainContents .img_box_left,
.reviewMainContents .img_box_right{
width: 100%;
}
.reviewMainContents .imageBoxContents{
float:none;
}
.reviewConversionContentsImg{
display:block;
margin:auto;
max-width: 100%;
}
.js-imageBoxBackground .reviewTopContentsTextOuter{
margin:0 0 30px !important;
}
.reviewSampleContents {
display: inline-block;
width: calc( ( 100% - 30px ) / 3 );
height: 60px;
float: left;
margin: 0 15px 0 0;
background-position: center;
background-repeat: no-repeat;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
transition:.3s;
}
.reviewSampleContents:hover{
transform:translateY(-3px);
-webkit-transform:translateY(-3px);
}
.reviewSampleContents:nth-of-type(1){
background-image: url(../img/copy2open/review_1.png);
}
.reviewSampleContents:nth-of-type(2){
background-image: url(../img/copy2open/review_2.png);
}
.reviewSampleContents:last-of-type {
background-image: url(../img/copy2open/review_3.png);
margin: 0;
}
.reviewPankuzuBlockOuterOuter{
max-width: 960px;
margin: 0 auto;
}
.sidebar_review img{
width: 100%;
}
#body_free.reviewPage #main_img_wrapper{
height:inherit !important;
max-width: 1920px;
margin: 0 auto;
}
#body_free.reviewPage #main_img_container{
padding:0;
}
.block_outer_review_main .div_box_free .box_free:last-of-type {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* 繝輔ぉ繧､繧ｹ繝悶ャ繧ｯ繝悶Ο繝�け */
.block_outer_facebook_block .facebook_wrapper{
position: relative;
margin-bottom: 60px;
text-align: center;
min-width: 280px;
margin: 0 auto 60px;
width: 100%;
}
#facebook_wrapper .overLay{
position: absolute;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
max-width: 1000px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
border-radius: 10px;
border: none;
}
#facebook_wrapper .facebookModal{
color: #333;
height: 330px;
width: calc( 100% - 100px );
max-width: 500px;
top: calc(50% - 330px / 2);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: #fff;
overflow: hidden;
z-index: 3;
border-radius: 10px;
box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
padding: 5px;
}
.facebookModalTitle{
margin: 40px auto 15px;
font-size: 24px;
font-weight: normal;
}
.facebookIdInput{
font-size: 14px;
border: 1px solid #CCCCCC;
border-radius: 3px;
padding: 7.5px 10px;
margin: 0 0 5px;
box-sizing: border-box;
display: inline-block;
width: 320px;
}
.facebookErrorMsg{
color: #e00;
visibility: hidden;
height: 0px;
transition: 0.25s;
font-size: 14px;
font-weight: bold;
}
.facebookErrorMsg.active{
visibility: visible;
height: 30px;
margin-top: -25px;
}
.facebookRegistBtn{
color: #FFF;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
font-weight: bold;
font-size: 16px;
padding: 10px;
border: 1px solid #FFF;
border-radius: 3px;
width: 180px;
cursor: pointer;
background-color: #ffaa00;
background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
background-repeat: repeat, no-repeat, repeat;
background-position: left top, top center, left top;
box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
transition: 0.3s;
display: block;
margin: 0 auto 15px;
box-sizing: border-box;
display: inline-block;
}
.facebookRegistBtn:hover{
box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}
.facebookNotes{
font-size: 14px;
margin: 0 0 30px;
}
.facebookDetaile{
color: #666;
}
.facebookDetaileLink{
color: #36f;
text-decoration: none;
background-image: url("/cms/img/common/out_link.gif");
background-repeat: no-repeat;
background-position: right top 4px;
padding-right: 16px;
}
.facebookContentOuter{
height: 500px;
max-width: 500px;
}
.facebookFrame{
position: absolute;
z-index: 1;
border-radius: 10px;
visibility: hidden;
transition: .3s;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.facebookFrame.Loaded{
visibility: visible;
}
.facebookFrameBackNotes{
position: absolute;
z-index: 0;
border-radius: 10px;
height: 500px;
width: 500px;
background-color: #333;
opacity: .8;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.facebookFrameBackNotes p{
position: absolute;
top: 50%;
left: 50%;
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
width: 100%;
padding: 30px;
box-sizing: border-box;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.facebookLoader{
background: url(../img/copy2open/loader.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center center;
text-align: center;
height: 500px;
max-width: 500px;
width: 100%;
background-color: #fff;
border-radius: 10px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
border-radius: 10px;
border: none;
}
#lead_p a:last-of-type{
background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
background-color: #26e;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
background-position: center bottom 2px, center;
color: #fff;
padding: 15px 45px;
font-size: 16px;
border-radius: 5px;
text-align: center;
text-decoration: none;
position: relative;
box-sizing: border-box;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
display:inline-block;
}
#lead_p a:last-of-type:hover{
opacity:0.8;
}
/* 蝨ｨ蠎ｫ霆翫Μ繧ｹ繝� 繝｡繝ｼ繧ｫ繝ｼ繝ｻ霆顔ｨｮ繝上う繝ｩ繧､繝� */
h3 span.highlightFormatCar,
.h3 span.highlightFormatCar,
#carListThumNail_wrapper .thumbnail_box .h3 span.highlightFormatCar,
#carListSlideShow_wrapper .thumbnail_box .h3 span.highlightFormatCar {
background: #f3f314 !important;
display: inline;
float: none;
padding: 0;
margin: 0;
font-size: inherit;
font-weight: bold;
color: #000000;
}
/* 蝨ｨ蠎ｫ霆願ｩｳ邏ｰ譛ｬ譁�ワ繧､繝ｩ繧､繝� */
.block_outer_usedcar_detail .highlightFormatCar {
background: #f3f314 !important;
}
#carListSlideShow_wrapper .free_search_hit_str {
bottom: -25px;
}
.thumbnail_box .free_search_hit_str {
font-size: 13px;
text-align: right;
display: block;
box-sizing: border-box;
position: absolute;
bottom: -20px;
right: 10px;
color: #fb0;
z-index: 2;
text-decoration: underline;
margin: 0;
}
.usercar_list .free_search_hit_str {
font-size: 13px;
display: block;
box-sizing: border-box;
color: #fb0;
z-index: 2;
text-decoration: underline;
text-align: right;
margin: 15px 0;
}
.usercar_list .gradeName {
font-size: 11px;
display: inline-block;
padding: 3px 0 3px !important;
margin: 0 0 0 10px;
position: relative;
z-index: 1;
}
#carlist_main_box .thumbnail_box .h3 span.gradeName {
font-size: 11px !important;
padding: 0 !important;
position: relative;
z-index: 1;
display: block;
}
.free_search_hit_str:hover {
text-decoration: none;
cursor: pointer;
}
#gmenu_recruit.recruit_link_sp {
display: none;
}
#body_top #wrapper span[data-face="Noto Serif JP"],
#body_sub #wrapper span[data-face="Noto Serif JP"],
#body_free #wrapper span[data-face="Noto Serif JP"],
span[data-face="Noto Serif JP"],
#body_top #wrapper span[data-face="Noto Serif JP"] *,
#body_sub #wrapper span[data-face="Noto Serif JP"] *,
#body_free #wrapper span[data-face="Noto Serif JP"] *,
span[data-face="Noto Serif JP"] * {
font-family: 'Noto Serif JP', sans-serif !important;
}
#body_top #wrapper span[data-face="'M PLUS Rounded 1c'"],
#body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"],
#body_free #wrapper span[data-face="'M PLUS Rounded 1c'"],
span[data-face="'M PLUS Rounded 1c'"],
#body_top #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
#body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
#body_free #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
span[data-face="'M PLUS Rounded 1c'"] * {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
#body_top #wrapper span[data-face="Kosugi"],
#body_sub #wrapper span[data-face="Kosugi"],
#body_free #wrapper span[data-face="Kosugi"],
span[data-face="Kosugi"],
#body_top #wrapper span[data-face="Kosugi"] *,
#body_sub #wrapper span[data-face="Kosugi"] *,
#body_free #wrapper span[data-face="Kosugi"] *,
span[data-face="Kosugi"] * {
font-family: 'Kosugi', sans-serif !important;
}
#body_top #wrapper span[data-face="Noto Sans JP"],
#body_sub #wrapper span[data-face="Noto Sans JP"],
#body_free #wrapper span[data-face="Noto Sans JP"],
.defaultFont span[data-face="Noto Sans JP"],
#body_top #wrapper span[data-face="Noto Sans JP"] *,
#body_sub #wrapper span[data-face="Noto Sans JP"] *,
#body_free #wrapper span[data-face="Noto Sans JP"] *,
span[data-face="Noto Sans JP"] * {
font-family: 'Noto Sans JP', sans-serif !important;
}
/* EFO蟇ｾ遲也ｬｬ1蠑ｾ */
.inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{
display:none;
}
.inputFileTriggerIcon {
width: 72px;
height: 54px;
display: inline-block;
border: 2px dashed #ddd;
background-image: url(../img/copy2open/camera48ccc.png);
background-size: 24px;
background-position: center top 4px;
background-repeat: no-repeat;
margin-right: 4px;
border-radius: 5px;
cursor: pointer;
transition: opacity .3s;
box-sizing: border-box;
position: relative;
vertical-align: middle;
text-align: center;
background-color: #fff;
}
.inputFileTriggerIcon.js-error{
background-image: url(../img/copy2open/camera48f99.png);
}
.inputFileTriggerIcon:before {
content: "繧ｯ繝ｪ繝�け";
background-color: #ccc;
font-size: 10px;
line-height: 14px;
color: #fff;
position: absolute;
bottom: 5px;
font-weight: normal;
border-radius: 6px;
width: 54px;
height: 14px;
box-sizing: border-box;
left: calc( 50% - 26px );
text-shadow: 1px 1px 0.15px rgba(0,0,0,0.1);
}
.inputFileTriggerIcon.js-loadImage:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
background-color: rgba(255,255,255,0.95);
background-image: url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
background-repeat: no-repeat;
background-position: center;
}
.inputFileTriggerIcon.js-error{
background-color: #fcc;
border-color: #f99;
}
.inputFileTriggerIcon.js-error:before{
color: #f99;
font-weight:bold;
}
.inputFileTriggerIcon.js-hasImage:before{
content:"";
background:none;
}
.inputFileTriggerIcon:hover{
opacity:0.75;
}
.inputFileTriggerIcon.js-hasImage{
border:none;
background:none;
}
.inputFileViewer{
max-width: 100%;
max-height: 100%;
}
.js-hasImage .inputFileViewer{
display:inline-block;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.inputFileTriggerIcon:last-child{
margin-right:0px;
}
.inputFileTriggerIcon.js-hasImage .inputFileDeleter{
display: inline-block;
color: #fff;
background-color: #f66;
position: absolute;
right: -7px;
top: -7px;
width: 16px;
height: 16px;
border-radius: 100%;
font-weight: bold;
text-align: center;
line-height: 17px;
font-size: 14px;
border: 2px solid #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
transition: .25s;
z-index: 1;
}
.inputFileTriggerIcon.js-hasImage .inputFileDeleter:hover{
transform:translateY(-2px);
-webkit-transform:translateY(-2px);
}
.inputFileTriggerIcon.allowed {
cursor: not-allowed;
}
#right_box .right_box_img .side_pict {
padding: 0;
background: none;
}
.fileSizeProgressBarOuter {
position: relative;
}
.fileSizeOverAlert.js-error {
background-color: #fcc;
border-color: #f99;
}
.fileSizeProgressBarInner {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
max-width: 100%;
width: 260px;
height: 20px;
position: relative;
border: 1px solid #ccc;
border-radius: 15px;
padding: 0;
box-sizing: border-box;
box-shadow: 0px 0px 3px rgb(0 0 0 / 8%);
background: #fefefe;
overflow: hidden;
}
.js-inputFileViewerOuter {
display: inline-block;
max-width: 100%;
height: 100%;
position: relative;
}
.js-inputFileViewerOuter.sizeOver:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
opacity: 0.8;
box-sizing: border-box;
width: 100%;
height: 100%;
animation: fileSizeOverSonar 1.5s forwards 3;
}
.fileSizeProgressBar {
display: inline-block;
width: 0%;
height: 100%;
background: #87ff87;
border-radius: 5px;
margin: 0;
padding: 0;
border-radius: 15px;
text-align: left;
transition: width .75s 100ms;
}
.fileSizeProgressBar.few {
background: #87ff87;
}
.fileSizeProgressBar.many {
background: #ff701d;
}
.fileSizeProgressBar.over {
background: #e33838;
}
.fileSizeProgressBar.over .progressDetail,
.fileSizeProgressBar.many .progressDetail {
color: #fefefe;
}
.progressDetail {
color: #111;
font-size: 10px;
margin: 0 10px;
display: inline-block;
line-height: 20px;
word-break: keep-all;
white-space: nowrap;
}
#otoiawase_table_box .remainingSizeOuter,
#mitumori_table_box .remainingSizeOuter {
color: #fd4c4c;
display: inline-block;
vertical-align: middle;
font-size: 11px;
display: none;
}
div#otoiawase_table_box,
.n_table.contact_table,
.block_outer_contact_form .mail_body_edit,
.block_outer_contact_form .mail_body_edit .n_table,
p#contact_form_desc,
h3.mitsumori_title,
div#mitumori_table_box,
.n_table.est_table_car,
.n_table.est_table_client,
.block_outer_estimate_form .mail_body_edit,
.block_outer_estimate_form .mail_body_edit .n_table,
.block_outer_entry_form .n_table,
.block_outer_entry_form .mail_body_edit,
#block_outer_dksm #dksm_wrapper .n_table{
max-width: 900px !important;
}
.autoReplyMailMessage {
font-weight: bold;
font-size: 14px;
text-align: left;
}
.block_outer_contact_form .plusBlockBtn,
.block_outer_contact_form .plusBlockBtn2,
.block_outer_contact_form .plusBlockBtn3,
.block_outer_contact_form .plusBlockBtn4,
.block_outer_contact_form .plusBlockBtn5,
.block_outer_contact_form .spamMailSetting__link,
.block_outer_estimate_form .plusBlockBtn,
.block_outer_estimate_form .plusBlockBtn2,
.block_outer_estimate_form .plusBlockBtn3,
.block_outer_estimate_form .plusBlockBtn4,
.block_outer_estimate_form .plusBlockBtn5,
.block_outer_estimate_form .spamMailSetting__link,
.block_outer_entry_form .plusBlockBtn,
.block_outer_entry_form .plusBlockBtn2,
.block_outer_entry_form .plusBlockBtn3,
.block_outer_entry_form .plusBlockBtn4,
.block_outer_entry_form .plusBlockBtn5,
.block_outer_entry_form .spamMailSetting__link {
max-width: 900px !important;
}
.block_outer_contact_form td,
.block_outer_estimate_form td,
.block_outer_entry_form td {
padding: 15px 30px;
}
.block_outer_contact_form .inputarea4,
.block_outer_estimate_form .inputarea4,
.block_outer_entry_form .inputarea4 {
width: 440px;
}
#otoiawase_table_box p.remainingSizeOuter.hidden,
#mitumori_table_box p.remainingSizeOuter.hidden {
display: none;
}
#form_syokusyu_free_txt,
#form_koyo_type_free_txt{
display: block;
margin-bottom: 10px;
}
.remainingSize {
font-weight: bold;
display: inline-block;
padding: 0 2px 0;
}
#otoiawase_table_box .deleteFileSizeOver.overAlert,
#otoiawase_table_box p.fileSizeOverAlert.overAlert,
#mitumori_table_box .deleteFileSizeOver.overAlert,
#mitumori_table_box p.fileSizeOverAlert.overAlert {
display: none;
}
#otoiawase_table_box .deleteFileSizeOver.overAlert.show,
#mitumori_table_box .deleteFileSizeOver.overAlert.show {
display: inline-block;
}
#otoiawase_table_box .deleteFileSizeOver.overAlert.show:hover,
#mitumori_table_box .deleteFileSizeOver.overAlert.show:hover {
box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
}
#otoiawase_table_box p.fileSizeOverAlert.overAlert.show,
#mitumori_table_box p.fileSizeOverAlert.overAlert.show {
display: block;
margin: 5px 0 0;
}
#otoiawase_table_box .deleteFileSizeOver,
#mitumori_table_box .deleteFileSizeOver {
font-size: 10px;
height: 15px;
vertical-align: middle;
line-height: 15px;
cursor: pointer;
border: 1px solid #eee;
border-radius: 10px;
background: #eee;
padding: 0 10px;
color: #111;
box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}
#otoiawase_table_box p.fileSizeOverAlert,
#mitumori_table_box p.fileSizeOverAlert {
color: #fd4c4c;
display: block;
vertical-align: middle;
font-size: 11px;
}
.pict_input_block {
margin-bottom: 15px;
}
.progressDetailTotal,
.progressDetailMax,
.remainingSizeOuter .maxSize {
font-size: 12px;
}
.progressDetailTotal {
font-weight: bold;
}
.progressDetailTotal .sizeUnit {
font-weight: normal;
font-size: 10px;
margin-left: 2px;
display: inline-block;
}
.progressDetailTotal .sizeUnit {
font-weight: normal;
font-size: 10px;
margin-left: 2px;
display: inline-block;
}
.progressDetailMax {
margin-right: 2px;
font-size: 11px;
}
.progressAppended {
display: inline-block;
word-break: keep-all;
white-space: nowrap;
font-size: 11px;
margin-left: 5px;
font-family: 'Kosugi';
}
.progressAppended.hidden {
display: none;
}
.fileSizeOverAppended {
font-size: 10px;
margin: 0 10px;
display: inline-block;
line-height: 20px;
word-break: keep-all;
white-space: nowrap;
color: #fefefe;
font-family: 'Kosugi';
display: none;
}
.fileSizeOverAppended.show {
display: inline-block;
}
.js-dateWrapper option[disabled]{
color: #ccc;
}
.edit .n_table .open_modal{
position: relative;
}
.edit .n_table .open_modal .touchLink{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.edit .n_table .open_modal:hover{
background: #fc0;
}
/* 繝｡繝九Η繝ｼ陦ｨ遉ｺ繝ｻ髱櫁｡ｨ遉ｺ蛻�ｊ譖ｿ縺� */
body.no_pc_header_menu_top #menu_wrapper,
body.no_pc_header_menu_middle #menu_wrapper,
body.no_footer_menu .footerContentOuter{
display:none !important;
}
body.no_pc_header_menu_left #menu_wrapper,
body.no_pc_header_menu_right #menu_wrapper{
height:0;
padding:0;
overflow:hidden;
border: none;
background: none;
}
body.no_pc_header_menu_left #menu_container,
body.no_pc_header_menu_right #menu_container{
display:none;
}
/* 繝｡繝九Η繝ｼ邨ｱ蜷� */
.global_header_menu_4 #gmenu_access,
.global_header_menu_5 #gmenu_access,
.global_header_menu_6 #gmenu_access{
display:none;
}
.global_header_menu_5 #gmenu_estimate,
.global_header_menu_6 #gmenu_estimate,
.no_estimate_page #gmenu_estimate{
display:none;
}
.global_header_menu_6 #gmenu_contact{
display:none;
}
.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access{
display:none;
}
.footer_menu_5 #fmenu_estimate,
.footer_menu_6 #fmenu_estimate,
.no_estimate_page #fmenu_estimate{
display:none !important;
}
.footer_menu_6 #fmenu_contact{
display:none;
}
/* chrome縺ｮ繧｢繝��繝��繝医↓繧医ｊ繝輔か繝ｼ繧ｫ繧ｹ縺碁ｻ呈棧縺ｫ縺ｪ繧九�縺ｧ蟇ｾ蠢� */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
input[type="text"]:active,
input[type="password"]:focus,
textarea:active,
select:active {
outline: none;
box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important;
}
input[type="submit"]:focus,
input[type="submit"]:active{
outline: none;
box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2) !important;
}
}
/* 逕ｻ蜒上�繝��繧｢繝��讖溯�髢｢騾｣ */
/* 邱ｨ髮�� */
.imageBoxOverlay,
.closed_label{
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0,0,0,.4);
left: 0;
top: 0;
opacity: 0;
transition: opacity .3s;
visibility: hidden;
}
.imageBoxOverlay.disnone{
display: none !important;
}
.js-otherFastUploadTrigger.imageBoxOverlay{
display: flex !important;
position: absolute !important;
}
.js-otherFastUploadTrigger.imageBoxOverlay.displayNone{
display: none !important;
}
#h2_box_1 .img_left:hover .imageBoxOverlay,
#h2_box_2 .img_left:hover .imageBoxOverlay,
#h2_box_3 .img_left:hover .imageBoxOverlay,
.imageBoxOuter:hover .imageBoxOverlay,
.side_img_box:hover .imageBoxOverlay,
#recruit_banner_block:hover .imageBoxOverlay,
.sidebar_shopinfo_block .shop_info_outer:hover .imageBoxOverlay,
.leadAccessPageImageOuter:hover .imageBoxOverlay,
.right_box_img:has(.js-linkTriggerEdit):hover .imageBoxOverlay{
opacity: 1;
visibility: visible;
}
.imageBoxOverlay .linkTriggerEdit,
.imageBoxOverlay .popUpTriggerEdit{
color: rgba(255,255,255);
cursor: pointer;
width: 48px;
height: 48px;
opacity: .7;
text-decoration: none;
transform-origin: center center;
transition: all .3s;
text-shadow: 0 4px 10px rgba(0,0,0,.8);
}
.imageBoxOverlay .linkTriggerEdit{
background: url(../img/copy2open/link_overlay_bg.png) no-repeat center center;
background-size: 48px 48px;
border: none;
}
.side_bar_sub .shop_info_outer img{
padding-top: 0;
}
.side_bar_sub .imageBoxOverlay .linkTriggerEdit {
background-size: 80%;
}
.side_bar_sub .side_img_box_max .imageBoxOverlay .linkTriggerEdit {
background-size: 48px 48px;
}
.imageBoxOverlay .popUpTriggerEdit{
background: url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
background-size: 48px 48px;
}
.imageBoxOverlay .linkTriggerEdit:hover,
.imageBoxOverlay .popUpTriggerEdit:hover{
opacity: 1;
transform: scale(1.2);
}
/* 蜈ｬ髢句�縲逕ｻ蜒上Μ繝ｳ繧ｯ */
.imageBoxContents .hasLink{
display: block;
}
.map_box #leadAccessPageImageHasLink{
display: inline-block;
}
/*
.imageBoxContents .hasLink:after,
.box_side_topics .hasLink:after,
.like_topics_block.sidebar_review :after,
.map_box #leadAccessPageImageHasLink:after,
.linkOverlay:not([href=""]):after{
content: "";
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0,0,0,.4) url(../img/copy2open/link_overlay_bg.png) no-repeat center center;
background-size: 44px 44px;
transition: opacity .4s;
position: absolute;
left: 0;
top: 0;
}
*/
.imageBoxContents .hasLink:after{
content: "";
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0,0,0,.4) url(../img/copy2open/img_link.png) no-repeat center center;
background-size: 44px 44px;
transition: opacity .4s;
position: absolute;
left: 0;
top: 0;
}
.map_box #leadAccessPageImageHasLink:after{
max-height: 200px;
}
#leadAccessPageImageHasLink{
position: relative;
display: inline-block;
}
.imageBoxContents .hasLink:hover:after,
.box_side_topics .hasLink:hover:after,
.like_topics_block.sidebar_review:hover :after,
#leadAccessPageImageHasLink:hover:after,
.linkOverlay:hover:not([href=""]):after{
opacity: 1;
}
/* 蜈ｬ髢句�縲繝昴ャ繝励い繝��繝医Μ繧ｬ繝ｼ */
.popupImageBoxInnerOpen:after{
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.75);
translate: opacity .3s;
opacity: 0;
}
.popupImageBoxInnerOpen:hover:after{
opacity: 1;
}
.popUpTriggerOpen{
width: 100%;
height: 100%;
cursor: pointer;
display: block;
vertical-align: middle;
}
.popUpTriggerOpen:after{
content: "";
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0,0,0,.4) url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
background-size: 48px 48px;
transition: opacity .4s;
position: absolute;
left: 0;
top: 0;
}
.popUpTriggerOpen:hover:after{
opacity: 1;
}
/* JS縺ｧ蜍慕噪縺ｫHTML逕滓�縺輔ｌ繧九ｂ縺ｮ */
.popup-wrapper{
width: 100vw;
height: 100vh;
background: rgba(0,0,0,.75);
left: 0;
opacity: 0;
position: fixed;
top: 0;
transform-origin: center center;
z-index: 1001;
user-select: none;
}
.popup-wrapper.show{
animation: show .4s linear;
display: block;
opacity: 1;
}
.popup-wrapper.hide{
animation: hide .6s linear;
}
@keyframes show{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes hide{
0%{
opacity: 1;
}
60%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.popup-container{
width: 100%;
height: 100%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.hide .popup-container{
animation: zoomout .4s ease forwards;
}
.show .popup-container{
animation: zoomup .6s ease forwards;
}
/*** 繝昴ャ繝励い繝��繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮIE11蟇ｾ蠢� ***/
/*** iframe縺ｮtransform縺後ぎ繧ｿ繧ｬ繧ｿ縺ｫ縺ｪ繧九�縺ｧ譎ｮ騾壹↓陦ｨ遉ｺ ***/
@media all and (-ms-high-contrast: none){
.popup-wrapper.hide[data-popup-mode = "pdf"]{
animation: none;
}
.popup-wrapper.show[data-popup-mode = "pdf"]{
animation: none;
display: block;
opacity: 1;
}
.hide[data-popup-mode = "pdf"] .popup-container{
animation: none;
opacity: 0;
}
.show[data-popup-mode = "pdf"] .popup-container{
animation: none;
opacity: 1;
}
}
@keyframes zoomout{
0%{
opacity: 1;
transform: scale(1);
}
100%{
opacity: 0;
transform: scale(0.4);
}
}
@keyframes zoomup{
0%{
opacity: 0;
transform: scale(0.4);
}
40%{
opacity: 0.7;
transform: scale(0.4);
}
100%{
opacity: 1;
transform: scale(1);
}
}
.popup-figure{
position: relative;
background-image:url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.edit .popup-figure { /* 邱ｨ髮��繝ｼ繧ｸ縺ｯfixed_menu縺後≠繧句�隱ｿ謨ｴ */
position: relative;
top: 45px;
}
[data-popup-mode = "pdf"] .popup-figure{
width: 960px;
height: 75vh;
}
.edit [data-popup-mode = "pdf"] .popup-figure { /* 邱ｨ髮��繝ｼ繧ｸ縺ｯfixed_menu縺後≠繧句�隱ｿ謨ｴ */
height: calc( 75vh - 70px );
position: relative;
top: 45px;
}
.popup-figure__image{
background: none;
border: 5px solid #FFF;
box-shadow: 10px 20px 20px rgba(0,0,0,0.25);
display: block;
min-width: 50px;
max-height: calc(70vh - 45px);
min-height: 50px;
transition: all ease-in-out .4s;
}
.popup-figure__iframe{
border: 5px solid #FFF;
display: block;
box-shadow: 10px 20px 20px rgba(0,0,0,0.25);
box-sizing: border-box;
}
.popup-figure__image,
.popup-figure__iframe{
max-width:960px;
}
.popup-figure__caption{
opacity: 0;
margin: 10px 0 0;
background-color: rgba(0,0,0,0.8);
bottom: 0;
position: absolute;
width: calc( 100% - 10px );
box-sizing: border-box;
left: 5px;
bottom: 5px;
padding:20px;
}
.popup-figure__caption:empty{
display:none;
}
.popup-figure__caption-head{
max-width: 85vw;
color: #FFF;
text-shadow: 1px 1px 1px #111;
margin: 5px 0 0;
font-size: 16px;
font-weight: bold;
}
.popup-figure__caption-body{
max-width: 85vw;
color: #FFF;
text-shadow: 1px 1px 1px #111;
margin: 5px 0 0;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.show .popup-figure__caption{
animation: captionFadein 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}
.hide .popup-figure__caption{
animation: captionFadeout .25s ease forwards;
}
.head-background {
width: 960px;
height: 960px;
position: fixed;
left: 0;
top: 0;
color: #fff;
font-weight: bold;
font-size: 124px;
opacity: .08;
letter-spacing: 4px;
transform: rotate(-45deg) translateX(0px);
z-index: -1;
font-family: 'Noto Serif JP', serif;
}
.popup-controll-item{
position: absolute;
width: 48px;
height: 48px;
top: 50%;
transform: translateY(-50%);
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid #ccc;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
border-radius: 4px;
cursor:not-allowed;
opacity:0.2;
}
.popup-controll-item:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 200%;
height: 200%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.popup-figure__about {
position: absolute;
bottom: 0;
color: #fff;
width: 100%;
text-align: center;
transform: translateY(100%) translateY(20px) translateX(-50%);
font-weight: bold;
letter-spacing: 1px;
left:50%;
min-width:600px;
}
body[data-animated-popup = "1"] .popup-wrapper.show,
body[data-animated-popup = "1"] .show .popup-container{
animation:none;
}
.popup-wrapper[data-zoom="0"][data-prevable = "1"] .popup-controll-item[data-key = "prev"]:not(:active),
.popup-wrapper[data-zoom="0"][data-nextable = "1"] .popup-controll-item[data-key = "next"]:not(:active){
cursor:pointer;
opacity:1;
}
.popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "prev"]:not(:active),
.popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "next"]:not(:active){
opacity: 0;
}
.popup-controll-item[data-key = "prev"] {
background-image: url(../img/copy2open/slide_arrow_l.png);
left: calc( 50% - 480px + 20px );
}
.popup-controll-item[data-key = "next"] {
background-image: url(../img/copy2open/slide_arrow_r.png);
left: calc( 50% + 480px - 48px - 20px );
}
@keyframes captionFadein{
0%{
opacity: 0;
}
55%{
opacity: 0;
transform: translateY(10px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
@keyframes captionFadeout{
0%{
opacity: 1;
transform: translateY(0);
}
100%{
opacity: 0;
transform: translateY(10px);
}
}
.popup-figure__button{
width: 28px;
height: 28px;
background: #FFF url(../img/copy2open/popup_close_button.png) no-repeat center center;
border-radius: 5px 5px 0 0;
cursor:pointer;
position: absolute;
right: 0;
top: -27px;
}
.popup-counter-outer{
position:absolute;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(-100%);
color:#fff;
font-size:12px;
display:inline-flex;
justify-content:center;
align-items:baseline;
}
.popup-counter-item__current{
font-size:20px;
font-weight:bold;
}
.popup-counter-item__slash{
margin:0 4px;
}
/*** EC讖溯� ***/
/**
* 蜷�ョ繧ｶ繧､繝ｳCSS縺ｧ荳頑嶌縺阪☆繧矩圀縲（mportant縺ｯ荳崎ｦ√〒縺吶�
* .ec-cart 繧呈欠螳壹＠縺ｦ蜆ｪ蜈亥ｺｦ繧帝ｫ倥￥縺励※縺上□縺輔＞縲�
*/
.ec-cart__progress{
max-width: 960px;
border-radius: 5px;
counter-reset: flag;
margin: 20px auto 45px;
position: relative;
overflow: hidden;
z-index: 1;
}
.ec-cart__progress-item{
width: calc( 100% / 4 - 10px);
background: #ededed;
color: white;
display: block;
float: left;
font-size: 12px;
line-height: 36px;
outline: none;
padding: 0 6px 0 0px;
position: relative;
transition: all .25s;
}
.ec-cart__progress-item:first-child {
border-radius: 5px 0 0 5px;
}
.ec-cart__progress-item:first-child:before {
left: 14px;
}
.ec-cart__progress-item:last-child {
border-radius: 0 5px 5px 0;
padding-right: 20px;
}
.ec-cart__progress-item--current,
.ec-cart__progress--edit .ec-cart__progress-item:hover{
background: #CCCCCC;
}
.ec-cart__progress-item:after {
width: 36px;
height: 36px;
background: #ededed;
border-radius: 0 5px 0 50px;
box-shadow: 2px -2px 0 2px rgb(255 255 255), 3px -3px 0 2px rgb(255 255 255 / 0%);
content: '';
position: absolute;
top: 0;
right: -18px;
transform: scale(0.707) rotate(45deg);
transition: all .25s;
z-index: 1;
}
.ec-cart__progress-item--current:after,
.ec-cart__progress--edit .ec-cart__progress-item:hover:after {
background: #CCCCCC;
}
.ec-cart__progress-item:last-child:after {
content: none;
}
.ec-cart__progress-item:before {
width: 20px;
height: 20px;
background: #fff;
border-radius: 100%;
box-shadow: 0 0 0 1px #d1d1d1;
color: #333;
content: counter(flag);
counter-increment: flag;
font-weight: bold;
left: 30px;
line-height: 20px;
margin: 8px 0;
position: absolute;
text-align: center;
top: 0;
z-index: 0;
}
.ec-cart__progress-item a,
.ec-cart__progress-item span{
color: #333;
display: block;
text-decoration: none;
padding: 0 0 0 60px;
}
.ec-cart__progress-item:first-child a,
.ec-cart__progress-item:first-child span {
padding: 0 0 0 48px;
}
.ec-cart__progress-item a,
.ec-cart__progress-item a:after {
position: relative;
transition: all 0.25s;
z-index: 1;
}
.ec-button__returnInformation{
text-align: center;
margin: 0 0 30px;
font-size: 14px;
}
.ec-button__returnInformation a:before{
content: "";
position: relative;
width: 10px;
height: 12px;
display: block;
background-image: url(../img/copy2open/next_txt_arw.png);
background-repeat: no-repeat;
transform: scale(-1, 1);
left: calc(50% - 70px);
top: 17px;
}
.ec-form__explain{
margin-bottom: 30px;
padding: 20px;
box-sizing: border-box;
border: 1px solid #CCC;
background: #F5F5F5;
color: #333;
}
.ec-form__explain .ec-form__explain-title{
font-size: 18px;
margin-bottom: 15px;
}
.ec-form__explain .ec-form__explain-body{
}
.ec-button__outer{
margin-bottom: 30px;
}
.checkbox__wrap{
text-align: center;
margin: 60px 0 20px;
}
.checkbox__wrap.hasRobotCheckBox{
margin: 60px 0 20px;
}
.checkbox__wrap.hasMailContentsCheckBox{
margin: 20px 0;
}
.checkbox__no-robot,
.checkbox__mail_contents {
display: none;
}
.label__no-robot,
.label__mail_contents{
background: #F9F9F9;
border: 1px solid #CCC;
border-radius: 3px;
cursor: pointer;
color: #666666;
display: inline-block;
padding: 15px 25px 15px 62px;
font-size: 14px;
margin: 0 auto;
position: relative;
transition: .3s;
}
.label__mail_contents {
padding: 15px 14px 15px 60px;
}
.label__no-robot:hover,
.label__mail_contents:hover{
background: #F0F0F0;
}
.label__no-robot:before,
.label__mail_contents:before{
content: "";
width: 27px;
height: 27px;
background: #FFF;
border-radius: 3px;
border: 2px solid #CCC;
position: absolute;
left: 16px;
top: 10px;
}
.label__no-robot:after,
.label__mail_contents:after {
content: "";
width: 8px;
height: 16px;
animation-name:removeCheckIconAction;
animation-duration:.45s;
animation-fill-mode:forwards;
border-bottom: 3px solid #12A561;
border-right: 3px solid #12A561;
display: block;
left: 26px;
margin-top: -12px;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(45deg);
}
.checkbox__no-robot:checked + .label__no-robot::after,
.checkbox__mail_contents:checked + .label__mail_contents::after {
animation-name: addCheckIconAction--noRobot;
animation-duration: .9s;
animation-fill-mode: forwards;
opacity: 1;
}
@keyframes addCheckIconAction--noRobot{
0% {
transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
-webkit-transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
opacity: 0;
}
100% {
transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
-webkit-transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
opacity: 1;
}
}
.error-message__checkbox{
display: none;
position: absolute;
left: 37px;
top: -15px;
font-size: 11px;
color: #900;
background: #FFF;
border: 1px solid #676767;
padding: 3px 13px;
border-radius: 11px;
box-shadow: 0 10px 15px 5px rgb(0 0 0 / 4%);
}
.label__mail_contents .error-message__checkbox {
width: 265px;
}
.error-message__checkbox:before{
content: "";
width: 14px;
height: 14px;
display: block;
position: absolute;
left: -3px;
bottom: -10px;
background: url(../img/copy2open/no_robot_fuki.png);
}
.businessDeclineText{
font-size: 12px;
margin: 0 0 15px;
}
#body_sub.recruitPage .baloon:nth-last-of-type(5) {
left: 42% !important;
}
/**
* 2021-10-08 繧ｹ繝槭�繧ｹ繝ｩ繧､繝繝ｼ繧｢繝��繝��繝医↓莨ｴ縺�ｯｾ蠢�
*/
#slider .sliderAddedDiv,
#bgSlider .sliderAddedDiv{
width: 0;
height: 0;
display: none;
}
p.designNewIcon{
position: relative;
}
p.designNewIcon:before {
content: "NEW";
background: #ff8080;
width: 36px;
height: 16px;
font-size: 10px;
font-weight: bold;
border-radius: 10px;
box-sizing: border-box;
padding: 0px 2px 0px;
color: #fff;
position: absolute;
top: 0px;
text-align: center;
display: inline-block;
left: -20px;
}
/** PC逕ｨ繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ **/
#pc_menu_trigger {
display: none;
}
.use_hamburger_menu #pc_menu_trigger {
width: 100px;
height: 100px;
background: -webkit-linear-gradient(-75deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
box-shadow: 0 0 12px -4px rgba(0, 0, 0, .6);
cursor: pointer;
display: block;
position: fixed;
right: 45px;
top: 45px;
z-index: 12;
}
.js-menuOpened .use_hamburger_menu #pc_menu_trigger {
background: transparent;
box-shadow: none;
}
.edit .use_hamburger_menu #pc_menu_trigger {
top: 115px;
}
div.mega_menu > ul.searchedResultListOuter {
opacity: 1;
display: none !important;
}
div.mega_menu > ul.searchedResultListOuter[data-show="1"] {
display: flex !important;
flex-wrap: wrap;
align-content: flex-start;
}
.use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="1"] {
display: block !important;
width: 720px;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: #fff;
}
.use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="0"] {
display: none !important;
}
.use_hamburger_menu div.mega_menu > ul.searchedEmpty .searchedEmptyList {
width: 380px;
height: 50px;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 190px);
padding: 10px;
}
#pc_menu_trigger span {
width: 60px;
height: 5px;
background-color: #fff;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .05);
left: 20px;
position: absolute;
transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
#pc_menu_trigger span:nth-of-type(1){top: 20px;}
#pc_menu_trigger span:nth-of-type(2){top: 40px;}
#pc_menu_trigger span:nth-of-type(3){top: 60px;}
#pc_menu_trigger:after {
content: "MENU";
width: 100%;
bottom: 12px;
color: #fff;
display: inline-block;
font-size: 10px;
font-weight: bold;
left: 0;
letter-spacing: 0.3em;
text-indent: 0.3em;
line-height: 1;
position: absolute;
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}
.js-menuOpened #pc_menu_trigger:after {
content: "CLOSE";
}
.js-menuOpened #pc_menu_trigger span:nth-of-type(1) {
-webkit-transform: translate(0, 20px) rotate(-45deg);
transform: translate(0, 20px) rotate(-45deg);
}
.js-menuOpened #pc_menu_trigger span:nth-of-type(2) {
opacity: 0;
}
.js-menuOpened #pc_menu_trigger span:nth-of-type(3) {
-webkit-transform: translate(0px, -20px) rotate(45deg);
transform: translate(0px, -20px) rotate(45deg);
}
/** 繧ｪ繝ｼ繝舌�繝ｬ繧､ **/
#pc_menu_overlay{
background: rgba(0, 0, 0, 0);
transition: background 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.js-menuOpened #pc_menu_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 5;
}
/** 繝｡繝九Η繝ｼ譛ｬ菴� **/
#menu_wrapper.use_hamburger_menu{
height: 0;
}
.use_hamburger_menu #menu > ul{
width: 420px;
height: 100vh;
background: #333;
box-shadow: -5px 0px 15px 0px rgba(0, 0, 0, .15);
box-sizing: border-box;
opacity: 1;
padding: 175px 45px 0 30px;
position: fixed;
right: -420px;
top: 0;
transition: all .3s;
z-index: 11;
}
.edit .use_hamburger_menu #menu > ul{
padding-top: 245px;
}
.js-menuOpened .use_hamburger_menu #menu > ul {
right: 0;
overflow: auto;
}
.use_hamburger_menu #menu ul > li{
float: none;
padding: 0;
}
.use_hamburger_menu #menu ul > li > a{
width: auto;
height: auto;
display: block;
font-size: 16px;
margin: 0 auto;
max-width: none;
padding: 1.5vh 15px;
text-align: left;
}
.use_hamburger_menu #menu .gmenu_company_tel{
margin: 3vh 0 0;
position: relative;
}
.use_hamburger_menu #menu .gmenu_company_tel .tel_str{
color: #fff;
display: inline-block;
background: url(../img/copy2open/humbarger_common_tel.png) no-repeat top left;
height: 32px;
width: 32px;
position: absolute;
top: -2px;
left: 0;
}
.use_hamburger_menu #menu .gmenu_company_tel .tel_number{
color: #FFF;
font-size: 20px;
font-weight: bold;
padding: 1.5vh 15px 1.5vh 45px;
text-align: center;
}
/** 繝｡繧ｬ繝｡繝九Η繝ｼ **/
.use_hamburger_menu .mega_menu{
width: 720px;
height: 100vh;
left: auto;
padding: 0 !important;
position: fixed;
right: 420px;
top: 0px;
}
.edit .use_hamburger_menu .mega_menu{
height: calc( 100vh - 70px );
top: 70px;
}
.use_hamburger_menu .mega_menu > ul{
height: 100%;
align-content: flex-start;
background: #f9f9f9;
border: none;
border-radius: 0px;
box-sizing: border-box;
display: flex !important;
padding: 45px;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.use_hamburger_menu .mega_menu > ul::-webkit-scrollbar {
display: none;
}
.pricetable td .syakenAllPrice {
font-size: 14px;
color: #CC0000;
font-weight: bold;
}
/* 繝代Λ繝ｩ繝�け繧ｹ */
.parallaxContent{
position: relative;
width: 100vw;
height: 240px;
background-attachment: fixed;
background-position: 50% 50%;
background-size: 100%;
background-repeat: repeat !important;
box-shadow: 2px 2px 5px rgb(0 0 0 / 50%) inset, -2px 2px 4px rgb(0 0 0 / 50%) inset;
background-color: #fff;
overflow: hidden;
}
.parallaxContentOuter[data-field-id = "subtop"] .parallaxContent {
box-shadow: none;
background-attachment: scroll;
background-repeat: no-repeat !important;
background-size: cover;
}
.liquid_off .parallaxContent{
width: 100%;
}
.parallaxContentOuter.empty .parallaxContent{
background: none !important;
text-align: center;
box-shadow: none;
overflow: hidden;
}
.parallaxContentOuter.empty .parallaxContent{
height: 0px;
margin: 0;
padding: 0;
}
/*** 隕句�縺玲ｼ泌� ***/
body[data-h2-animate-ready = "0"] h2{
opacity: 0;
}
body[data-h2-animate-ready = "1"] h2{
opacity: 1;
}
/* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ謖�ｮ� 蜈ｱ騾� */
.splited:not(.notAnimate),
#main_contents h2.midashi_long .splited,
#main_contents .blog_item h2 .splited,
#main_contents #middle_top_price01 h2 .splited,
#main_contents h3.h3_common .splited,
#main_contents h3.h3_common .splited,
#main_contents #middle_top_price01 h3.h3_common .splited{
opacity:0;
color: inherit;
font-family: inherit;
font-size: inherit;
text-decoration: inherit;
font-weight: inherit;
width: auto;
background: none;
box-shadow: none;
padding: 0;
margin: 0;
}
/* h2 span縺ｨ縺�▲縺溘そ繝ｬ繧ｯ繧ｿ謖�ｮ壹�譎ゅ↓繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧偵▽縺代ｋ縺ｨ逶ｴ諢溽ｷｨ髮�〒縺ｮ陬�｣ｾ縺ｫ螟峨ｏ繧峨↑縺��縺ｧ蟇ｾ蠢� */
span[style*="color:#ff0000"] span:not(.splited),
span[style*="color:#990000"] span:not(.splited),
span[style*="color:#ff5454"] span:not(.splited),
span[style*="color:#ff4d4d"] span:not(.splited),
span[style*="color:#d0494f"] span:not(.splited),
span[style*="color:#ffa500"] span:not(.splited),
span[style*="color:#ffff00"] span:not(.splited),
span[style*="color:#008000"] span:not(.splited),
span[style*="color:#87ceeb"] span:not(.splited),
span[style*="color:#0000ff"] span:not(.splited),
span[style*="color:#800080"] span:not(.splited),
span[style*="color:#ffc0cb"] span:not(.splited),
span[style*="color:#000000"] span:not(.splited),
span[style*="color:#ef4c4b"] span:not(.splited),
span[style*="color:#3f8cec"] span:not(.splited),
span[style*="color:#40bb39"] span:not(.splited),
span[style*="color:#fec479"] span:not(.splited),
span[style*="color:#999999"] span:not(.splited),
span[style*="color:#cccccc"] span:not(.splited),
span[style*="color:#ee3e3e"] span:not(.splited),
span[style*="color:#8b1313"] span:not(.splited),
span[style*="color:#ec794d"] span:not(.splited),
span[style*="color:#e71870"] span:not(.splited),
span[style*="color:#c0a270"] span:not(.splited){
color: inherit;
}
span[style*="font-weight"] span:not(.splited){
font-weight: inherit;
}
span[style*="font-family"] span:not(.splited){
font-family: inherit;
}
span[style*="font-size"] span:not(.splited){
font-size: inherit;
}
/* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ謖�ｮ� 蜈ｱ騾壹％縺薙∪縺ｧ */
.splited.fadeout{
opacity: 0;
}
#header_wrapper p.headadd {
z-index: 5;
}
/* H2 Animation float */
.splited.fired[data-h2-animation-name = "float"]{
animation-name: h2float;
animation-duration: .4s;
animation-fill-mode:forwards;
display: inline-block;
}
@keyframes h2float{
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
/* H2 Animation float-left */
.splited.fired[data-h2-animation-name = "float-left"]{
animation-name: h2float-left;
animation-duration: .6s;
animation-fill-mode:forwards;
display: inline-block;
transform: translateX(-50%) translateY( 50% );
}
@keyframes h2float-left{
0% {
opacity: 0;
transform: translateX(-50%) translateY(50%);
}
100% {
opacity: 1;
transform: translateX(0) translateY(0);
}
}
/* H2 Animation bounce */
.splited.fired[data-h2-animation-name = "bounce"]{
animation-name: h2bounce;
animation-duration: .4s;
animation-fill-mode:forwards;
display: inline-block;
}
@keyframes h2bounce{
0% {
opacity: 0;
transform: scaleX(0.2) translateY(-50%);
}
50% {
opacity: 1;
transform: scaleX(2.0) translateY(25%);
}
75% {
opacity: 1;
transform: scaleX(1.5) translateY(-12.5%);
}
100% {
opacity: 1;
transform: scaleX(1.0) translateY(0px);
}
}
/* H2 Animation jump */
.splited.fired[data-h2-animation-name = "jump"]{
animation-name: jump;
animation-duration: .6s;
animation-fill-mode:forwards;
display: inline-block;
animation-delay: 0.2s !important;
}
.splited.fired[data-h2-animation-name = "jump"]:nth-of-type(2n){
animation-name: jump;
animation-duration: .6s;
animation-fill-mode:forwards;
display: inline-block;
animation-delay: 0.25s !important;
}
@keyframes jump{
0% {
opacity: 0;
transform: translateY(50%);
}
33% {
opacity: 1;
transform: translateY(-25%) rotate(-10deg);
}
66% {
opacity: 1;
transform: translateY(12.5%) rotate(1deg);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
/* H2 Animation typing */
.splited.fired[data-h2-animation-name = "typing"]{
opacity: 0;
position: relative;
animation-name: typing;
animation-duration: .05s;
animation-fill-mode: forwards;
}
.splited.fired[data-h2-animation-name = "typing"]:after{
content: "";
display: inline-block;
position: absolute;
bottom: 0;
width: 2px;
height: 100%;
background-color: #333;
animation-name: typingPointer;
animation-duration: inherit;
animation-fill-mode: inherit;
animation-delay: inherit;
opacity: 0;
}
.splited.fired.lastFired[data-h2-animation-name = "typing"]:after{
animation-duration: 1s;
opacity: 0;
animation-name: typingPointerLast;
animation-iteration-count: 10;
}
@keyframes typing{
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes typingPointer{
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes typingPointerLast{
0% {
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.splited:not(.fired)[data-h2-animation-name = "label"]{
color:transparent !important;
background:none !important;
text-shadow: none !important;
transition-duration:1s;
opacity:0;
}
.splited.fired[data-h2-animation-name = "label"]{
position: relative;
animation-duration: .05s;
animation-fill-mode: forwards;
opacity:1;
}
.splited.fired[data-h2-animation-name = "label"]:after{
content: "";
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #333;
animation-name: labelItem;
animation-duration: .05s;
animation-fill-mode: inherit;
animation-delay: inherit;
}
@keyframes labelItem{
0% {
width:100%;
}
100% {
width:0;
}
}
/* H2 Animation wave */
.splited.fired[data-h2-animation-name = "wave"]{
animation-name: wave;
animation-duration: .6s;
animation-fill-mode:forwards;
display: inline-block;
}
.splited.fired[data-h2-animation-name = "wave"]:nth-of-type(2n){
animation-name: wave;
animation-duration: .6s;
animation-fill-mode:forwards;
display: inline-block;
}
@keyframes wave{
0% {
opacity: 0;
transform: translateX(0%) translateY(0%) scale(1);
}
50% {
opacity: 1;
transform: translateX(20%) translateY(-20%) scale(1.1);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
/* H2 Animation shrink-top */
.splited.fired[data-h2-animation-name = "shrink-top"]{
animation-name: h2shrink-top;
animation-duration: .4s;
animation-fill-mode:forwards;
display: inline-block;
transform: translateX(-40%) translateY(-100%) scaleX(2.5);
text-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
}
@keyframes h2shrink-top{
0% {
opacity: 0;
transform: translateX(-40%) translateY(-75%) scaleX(2.5);
text-shadow: 0px 5px 3px rgb(0 0 0 / 50%);
}
25% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateX(0%) translateY(0%) scaleX(1);
text-shadow: 0px 3px 3px rgb(0 0 0 / 0%);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�井ｸ翫°繧会ｼ� */
.animation-lib--fade-in-top{
animation-name: animation-lib--fade-in-top;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out
}
@keyframes animation-lib--fade-in-top{
0%{
opacity: 0;
transform: translateY(-30px);
}
100%{
opacity: 1;
transform: translateY(0px);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�井ｸ九°繧会ｼ� */
.animation-lib--fade-in-bottom{
animation-name: animation-lib--fade-in-bottom;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out
}
@keyframes animation-lib--fade-in-bottom{
0%{
opacity: 0;
transform: translateY(30px);
}
100%{
opacity: 1;
transform: translateY(0px);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�亥ｷｦ縺九ｉ�� */
.animation-lib--fade-in-left{
animation-name: animation-lib--fade-in-left;
animation-duration: 1.2s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
@keyframes animation-lib--fade-in-left{
0%{
opacity: 0;
transform: translateX(-15px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�亥ｷｦ縺九ｉ螟ｧ縺阪￥�� */
.animation-lib--fade-in-left-big{
animation-name: animation-lib--fade-in-left-big;
animation-duration: .9s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
@keyframes animation-lib--fade-in-left-big{
0%{
opacity: 0;
transform: translateX(-60px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�亥承縺九ｉ�� */
.animation-lib--fade-in-right{
animation-name: animation-lib--fade-in-right;
animation-duration: 1.2s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
@keyframes animation-lib--fade-in-right{
0%{
opacity: 0;
transform: translateX(15px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/** 繝輔ぉ繝ｼ繝峨う繝ｳ�亥承縺九ｉ螟ｧ縺阪￥�� */
.animation-lib--fade-in-right-big{
animation-name: animation-lib--fade-in-right-big;
animation-duration: .9s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
@keyframes animation-lib--fade-in-right-big{
0%{
opacity: 0;
transform: translateX(60px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/** 繝悶Λ繝ｼ繧､繝ｳ */
.animation-lib--blur-in{
animation-name: animation-lib--blur-in;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
@keyframes animation-lib--blur-in{
0%{
opacity: 0;
filter: blur(30px);
}
95%{
opacity: 1;
filter: blur(0px);
}
100%{
opacity: 1;
filter: none;
}
}
/** 繝輔Μ繝��繧､繝ｳ�井ｸ九°繧会ｼ� */
.animation-lib--flip-in-bottom{
animation-name: animation-lib--flip-in-bottom;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@keyframes animation-lib--flip-in-bottom{
0% {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(180deg);
transform: translateY(100%) rotateX(180deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
100% {
opacity: 1;
-webkit-transform: translateY(0) rotateX(0);
transform: translateY(0) rotateX(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
}
/** 繧ｹ繧ｱ繝ｼ繝ｫ繧､繝ｳ�亥ｷｦ縺九ｉ�� */
.animation-lib--scale-in-hor-left{
animation-name: animation-lib--scale-in-hor-left;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@keyframes animation-lib--scale-in-hor-left{
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
/** 繧ｹ繧ｱ繝ｼ繝ｫ繧､繝ｳ�亥ｷｦ荳翫°繧会ｼ� */
.animation-lib--scale-in-tl{
animation-name: animation-lib--scale-in-tl;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}
@keyframes animation-lib--scale-in-tl{
0% {
-webkit-transform: translate(-50px, -50px) scale(0.85);
transform: translate(-50px, -50px) scale(0.85);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
/** 繧ｹ繧ｱ繝ｼ繝ｫ繧､繝ｳ�亥承荳翫°繧会ｼ� */
.animation-lib--scale-in-tr{
animation-name: animation-lib--scale-in-tr;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}
@keyframes animation-lib--scale-in-tr{
0% {
-webkit-transform: translate(50px, -50px) scale(0.85);
transform: translate(50px, -50px) scale(0.85);
-webkit-transform-origin: 100%;
transform-origin: 100% 0%;
opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
}
/** 繧ｹ繧ｱ繝ｼ繝ｫ繧､繝ｳ�亥ｷｦ荳翫°繧会ｼ� */
.animation-lib--scale-in-bl{
animation-name: animation-lib--scale-in-bl;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}
@keyframes animation-lib--scale-in-bl{
0% {
-webkit-transform: translate(-50px, 50px) scale(0.85);
transform: translate(-50px, 50px) scale(0.85);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
/** 繧ｹ繧ｱ繝ｼ繝ｫ繧､繝ｳ�亥承荳翫°繧会ｼ� */
.animation-lib--scale-in-br{
animation-name: animation-lib--scale-in-br;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}
@keyframes animation-lib--scale-in-br{
0% {
-webkit-transform: translate(50px, 50px) scale(0.85);
transform: translate(50px, 50px) scale(0.85);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
}
/** 繝√Ν繝医う繝ｳ�域万繧∽ｸ翫°繧会ｼ� */
.animation-lib--tilt-in-tr{
animation-name: animation-lib--tilt-in-tr;
animation-duration: .65s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@keyframes animation-lib--tilt-in-tr{
0% {
-webkit-transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
opacity: 0;
}
100% {
-webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
opacity: 1;
}
}
/** 繝舌え繝ｳ繧ｹ繧､繝ｳ�亥､ｧ縺阪￥縺ｪ繧具ｼ� */
.animation-lib--bounce-in-fwd{
animation-name: animation-lib--bounce-in-fwd;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes animation-lib--bounce-in-fwd{
0% {
-webkit-transform: scale(0.4) rotateZ(-5deg);
transform: scale(0.4) rotateZ(-5deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
55% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: scale(0.89);
transform: scale(0.89);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: scale(1) rotateZ(-0deg);
transform: scale(1) rotateZ(-0deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
/*@keyframes fileSizeOverSonar {
0% {
opacity: 1;
box-shadow: 0px 0px 0px 0px rgb(227,56,56,.4);
}
50% {
opacity: .5;
box-shadow: 0px 0px 2px 5px rgb(227,56,56,.7);
}
100% {
opacity: 0;
box-shadow: 0px 0px 2px 4px rgb(227,56,56,0);
}
}*/
@keyframes fileSizeOverSonar {
0% {
opacity: 1.0;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5);
}
100% {
box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5);
transform: scale(1.1);
opacity: 0;
}
}
.parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:before,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:before,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:before,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:before,
.blog_item h2#recommend_h2.animation__h2--black5--passive:before,
.blog_item h2.midashi_long.animation__h2--black5--passive:before,
.blog_item h2.cart_h2.animation__h2--black5--passive:before,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:before,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:before,
.parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:after,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:after,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:after,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:after,
.blog_item h2#recommend_h2.animation__h2--black5--passive:after,
.blog_item h2.midashi_long.animation__h2--black5--passive:after,
.blog_item h2.cart_h2.animation__h2--black5--passive:after,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:after,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:after{
opacity: 0;
}
.parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:before,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--active:before,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:before,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--active:before,
.blog_item h2#recommend_h2.animation__h2--black5--active:before,
.blog_item h2.midashi_long.animation__h2--black5--active:before,
.blog_item h2.cart_h2.animation__h2--black5--active:before,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:before,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:before{
animation: black5_animation_before 0.35s ease-in;
}
.parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:after,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--active:after,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:after,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--active:after,
.blog_item h2#recommend_h2.animation__h2--black5--active:after,
.blog_item h2.midashi_long.animation__h2--black5--active:after,
.blog_item h2.cart_h2.animation__h2--black5--active:after,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:after,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:after{
animation:
black5_animation_after_pre 0.35s ease-in 0s forwards,
black5_animation_after 0.35s ease-in 0.15s forwards;
}
@keyframes black5_animation_before{
0%{
height: 0%;
opacity: 1;
}
1%{height: 1%}
50%{height: 10%}
100%{
height: 40%;
opacity: 1;
}
}
@keyframes black5_animation_after_pre{
0%{
height: 0%;
opacity: 1;
}
100%{
height: 0%;
opacity: 1;
}
}
@keyframes black5_animation_after{
0%{
height: 0%;
opacity: 1;
}
1%{height: 1%}
50%{height: 25%}
100%{
height: 100%;
opacity: 1;
}
}
.parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n-2):after,
.blog_item.animation__h2--photo7--passive:nth-of-type(4n-2):after,
.parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n):after,
.blog_item:nth-of-type(4n):after,
h2.midashi_long.animation__h2--photo7--passive:before,
.h2_common.animation__h2--photo7--passive:before,
.parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--passive:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--passive:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--passive:after,
.ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--passive:before{
opacity: 0;
}
.parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n-2):after,
.blog_item.animation__h2--photo7--active:nth-of-type(4n-2):after{
animation: photo7_animation_after_2 0.4s ease-in forwards;
}
.parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n):after,
.blog_item.animation__h2--photo7--active:nth-of-type(4n):after{
animation: photo7_animation_after_4 0.4s ease-in forwards;
}
h2.midashi_long.animation__h2--photo7--active:before,
.h2_common.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--active:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--active:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--active:after,
.ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--active:before{
animation: photo7_animation_before 0.4s ease-in forwards;
}
@keyframes photo7_animation_after_2{
0%{
width: 0px;
height: 0px;
left: calc( 25% - 0px);
opacity: 1;
}
1%{
width: 0.5px;
height: 1px;
}
50%{
width: 7px;
height: 15px;
left: calc( 25% - 1px);
}
100%{
width: 30px;
height: 60px;
left: calc( 25% - 4px);
opacity: 1;
}
}
@keyframes photo7_animation_after_4{
0%{
width: 0px;
height: 0px;
right: calc( 25% - 0px);
opacity: 1;
}
1%{
width: 0.5px;
height: 1px;
}
50%{
width: 7px;
height: 15px;
right: calc( 25% - 1px);
}
100%{
width: 30px;
height: 60px;
right: calc( 25% - 4px);
opacity: 1;
}
}
@keyframes photo7_animation_before{
0%{
width: 0px;
bottom: -5px;
left: calc(50% - 17px);
opacity: 1;
}
1%{
width: 1.6px;
bottom: -5px;
left: calc(50% - 17px);
}
50%{
width: 12px;
bottom: -10px;
left: calc(50% - 19px);
}
100%{
width: 50px;
bottom: -23px;
left: calc(50% - 24px);
opacity: 1;
}
}
/**
* 縲���莉悶�繝壹�繧ｸ謾ｹ菫ｮ
*/
/** 繧ｵ繧､繝峨ヰ繝ｼ蛛ｴ PC縺ｯ蝠冗ｭ皮┌逕ｨ縺ｧ髱櫁｡ｨ遉ｺ */
.subpageLink .thumbnail-exist img{
display: none;
}
.ul_lead{
opacity: 1;
transition: .3s all;
}
.layout--default li.lead img{
display: none;
}
ul.ul_lead.layout--list,
ul.ul_lead.layout--card{
display: flex;
flex-wrap: wrap;
}
.layout--list li.lead:before,
.layout--list li.lead:after,
.layout--card li.lead:before,
.layout--card li.lead:after{
content: "";
display: none;
}
.layout--card{
align-items: flex-start;
}
ul.ul_lead.layout--list li.lead{
width: 47%;
padding-bottom: 0;
margin: 0 3% 5px 0 !important;
}
ul.ul_lead.layout--default li.lead:nth-last-of-type(1),
ul.ul_lead.layout--list li.lead:nth-last-of-type(1),
ul.ul_lead.layout--list li.lead:nth-last-of-type(2),
ul.ul_lead.layout--card li.lead:nth-last-of-type(1),
ul.ul_lead.layout--card li.lead:nth-last-of-type(2),
ul.ul_lead.layout--card li.lead:nth-last-of-type(3){
margin-bottom: 0 !important;
}
li.lead.thumbnail-empty:before{
/* content: "";
display: none !important;*/
}
.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-4),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{
background-image: url(../img/copy2open/no_image_1_s.jpg);
}
.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-4),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{
background-image: url(../img/copy2open/no_image_1.png);
}
.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-3),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{
background-image: url(../img/copy2open/no_image_2_s.jpg);
}
.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-3),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{
background-image: url(../img/copy2open/no_image_2.png);
}
.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-2),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{
background-image: url(../img/copy2open/no_image_3_s.jpg);
}
.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-2),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{
background-image: url(../img/copy2open/no_image_3.png);
}
.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-1),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{
background-image: url(../img/copy2open/no_image_4_s.jpg);
}
.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-1),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{
background-image: url(../img/copy2open/no_image_4.png);
}
.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{
background-image: url(../img/copy2open/no_image_5_s.jpg);
}
.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{
background-image: url(../img/copy2open/no_image_5.png);
}
.layout--list li.lead.current.thumbnail-empty,
.layout--list li.lead:not(.current).thumbnail-empty a{
padding: 15px 0 15px 84px !important;
box-sizing: border-box;
background-size: 64px auto;
background-repeat: no-repeat;
background-position: left center;
}
.layout--list li.lead.current{
display: flex;
align-items: center;
}
.layout--list li.lead:not(.current) a{
align-items: center;
display: flex;
text-decoration: none;
}
.layout--list li.lead:not(.current) a:hover{
text-decoration: underline;
}
.layout--list li.lead img{
width: 64px;
max-width: 64px;
margin: 0 20px 0 0;
}
.layout--card .foot-middle-menu__list{
align-items: flex-start;
}
ul.ul_lead.layout--card li.lead{
width: 32%;
margin: 0 1% 2% 0 !important;
background: rgba(0,0,0,0);
transition: all .2s;
font-size: 14px !important;
padding: 10px !important;
box-sizing: border-box;
text-align: center;
}
ul.ul_lead.layout--card li.lead img{
width: 100%;
max-width: 100%;
margin: 0 0 10px;
}
ul.ul_lead.layout--card li.lead:hover{
background: rgba(0,0,0,.05);
font-weight: bold;
}
ul.ul_lead.layout--card li.lead.thumbnail-empty.current,
ul.ul_lead.layout--card li.lead.thumbnail-empty:not(.current) a{
padding: calc( 100% * 0.75 + 10px ) 0 0 0 !important;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
}
ul.ul_lead.layout--card li.lead.thumbnail-empty.current{
padding: calc( (32% - 5px) * 0.75 + 10px ) 0 10px 0 !important;
background-size: calc( 100% - 20px ) auto;
background-position: top 10px center;
}
ul.ul_lead.layout--card li.lead a{
display: block;
}
ul.ul_lead.layout--card li.lead a:link{
text-decoration: none;
}
.plusBlockBtn--lead {
padding: 0 0 30px 0 !important;
top: 0 !important;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
}
.subpageLink .plusBlockBtn--lead{
display: none !important;
}
.plusBlockBtn.plusBlockBtn--lead ul{
width: auto;
height: 25px;
margin-left: 5px;
}
.display_change_outer .toggle_carList.current,
.changeSortedOrderOuter .changeSortedOrder.current,
.plusBlockBtn--lead .changeLeadLayout.current{
position: relative;
}
.display_change_outer .toggle_carList.current:before,
.changeSortedOrderOuter .changeSortedOrder.current:before,
.plusBlockBtn--lead .changeLeadLayout.current:before{
width: 15px;
height: 15px;
background-image: url(/cms/img/menu_back/check_min_red.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
content: "";
left: -12px;
position: absolute;
top: 7px;
z-index: 2;
}
.changeLeadLayoutOuter,
.changeSortedOrderOuter {
width: 25px;
height: 25px;
box-sizing: border-box;
cursor: pointer;
line-height: 25px;
position: relative;
}
.display_change_outer{
cursor: pointer;
position: relative;
}
.display_change_outer img,
.changeLeadLayoutOuter img,
.changeSortedOrderOuter img {
cursor: pointer;
}
.display_change_outer .carList_layout_change_icon_wrapper,
.changeLeadLayoutOuter .changeLeadLayoutInner,
.changeSortedOrderOuter .changeSortedOrderInner{
width: 290px;
background-color: #fff;
box-sizing: border-box;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
cursor: auto;
display: none;
left: -245px;
line-height: 1;
padding: 20px 10px;
position: absolute;
text-align: center;
top: -75px;
transition: .3s;
}
.display_change_outer .carList_layout_change_icon_wrapper{
width: 330px;
border-radius: 3px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
letter-spacing: normal !important;
left: -280px;
top: -70px;
z-index: 2;
}
.display_change_outer .carList_layout_change_icon_wrapper:after,
.changeLeadLayoutOuter .changeLeadLayoutInner:after,
.changeSortedOrderOuter .changeSortedOrderInner:after {
content: "";
position: absolute;
border-top-color: transparent;
border-left-color: transparent;
bottom: calc( 0px - 35px );
border-top: 32px solid #FFF;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
right: 18px;
top: 35px;
pointer-events: none;
}
.display_change_outer .carList_layout_change_icon_wrapper[data-layout-panel="1"],
.changeLeadLayoutOuter .changeLeadLayoutInner[data-layout-panel="1"],
.changeSortedOrderOuter .changeSortedOrderInner[data-sort-order-panel="1"]{
display: block;
transition: .3s;
}
.display_change_outer .toggle_carList,
.changeLeadLayoutOuter .changeLeadLayout,
.changeSortedOrderOuter .changeSortedOrder{
color: #00f;
cursor: pointer;
font-size: 14px;
padding: 5px;
margin: 0 10px;
text-decoration: underline;
}
.display_change_outer .toggle_carList,
.display_change_outer .toggle_carList:hover{
color: #00f !important;
}
.display_change_outer .toggle_carList.current,
.changeLeadLayoutOuter .changeLeadLayout.current,
.changeSortedOrderOuter .changeSortedOrder.current{
color: #333;
cursor: default;
pointer-events: none;
text-decoration: none;
}
.display_change_outer .toggle_carList.current{
color: #333 !important;
}
/**
* 逶ｴ諢溽ｷｨ髮��繧ｿ繝ｳ陬�｣ｾ
*/
.rtButton{ /** 繝吶�繧ｹ **/
min-width: 100px;
max-width: 100%;
color: #FFF;
display: inline-block;
margin: 20px 0;
padding: 15px 30px;
text-align: center;
text-decoration: none !important;
}
.rtButton:link,
.rtButton:visited{
color: #FFF;
}
.rtButton.normal{
background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
background-color: #26e;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
background-position: center bottom 2px, center;
border-radius: 5px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
transition: opacity .3s;
}
.rtButton.normal:hover{
opacity: 0.7;
}
.rtButton::selection{
background: #FFF;
color: #333;
}
.rtButton.normal.background-red{
background-color: red;
}
.rtButton.normal.background-990000{
background-color: #990000;
}
.rtButton.normal.background-FF5454{
background-color: #FF5454;
}
.rtButton.normal.background-FF4D4D{
background-color: #FF4D4D;
}
.rtButton.normal.background-D0494F{
background-color: #D0494F;
}
.rtButton.normal.background-orange{
background-color: orange;
}
.rtButton.normal.background-yellow{
background-color: yellow;
color: #333;
}
.rtButton.normal.background-green{
background-color: green;
}
.rtButton.normal.background-skyblue{
background-color: skyblue;
}
.rtButton.normal.background-26e{
background-color: #26e;
}
.rtButton.normal.background-purple{
background-color: purple;
}
.rtButton.normal.background-pink{
background-color: pink;
}
.rtButton.normal.background-black{
background-color: #333;
color: #fff;
}
.rtButton.normal.background-EF4C4B{
background-color: #EF4C4B;
}
.rtButton.normal.background-3F8CEC{
background-color: #3F8CEC;
}
.rtButton.normal.background-40BB39{
background-color: #40BB39;
}
.rtButton.normal.background-FEC479{
background-color: #FEC479;
}
.rtButton.normal.background-999999{
background-color: #999999;
}
.rtButton.normal.background-F5F5F5{
background-color: #F5F5F5;
color: #333;
}
font::selection{
background: #BBB;
/*color: green;*/
}
/** 逶ｴ諢溽ｷｨ髮�凾濶ｲ縺悟､峨ｏ縺｣縺溘％縺ｨ縺後ｏ縺九ｋ繧医≧縺ｫ */
font[color = "red"]::selection,
font[color = "#ff0000"]::selection{color: #ff0000;} /** 襍､ **/
font[color = "orange"]::selection,
font[color = "#ffa500"]::selection{color: #ffa500;} /** 讖� **/
font[color = "yellow"]::selection,
font[color = "#ffff00"]::selection{color: #ffff00;} /** 鮟� **/
font[color = "green"]::selection,
font[color = "#008000"]::selection{color: #008000;} /** 邱� **/
font[color = "skyblue"]::selection,
font[color = "#87ceeb"]::selection{color: #87ceeb;} /** 豌ｴ **/
font[color = "blue"]::selection,
font[color = "#0000ff"]::selection{color: #0000ff;} /** 髱� **/
font[color = "purple"]::selection,
font[color = "#800080"]::selection{color: #800080;} /** 邏ｫ **/
font[color = "pink"]::selection,
font[color = "#ffc0cb"]::selection{color: #ffc0cb;} /** 譯� **/
font[color = "black"]::selection,
font[color = "#000000"]::selection{color: #000000;} /** 鮟� **/
font[color = "#EF4C4B"]::selection{color: #EF4C4B;} /** #EF4C4B **/
font[color = "#3F8CEC"]::selection{color: #3F8CEC;} /** #3F8CEC **/
font[color = "#40BB39"]::selection{color: #40BB39;} /** #40BB39 **/
font[color = "#FEC479"]::selection{color: #FEC479;} /** #FEC479 **/
font[color = "#999999"]::selection{color: #999999;} /** #999999 **/
font[color = "#CCCCCC"]::selection{color: #CCCCCC;} /** #CCCCCC **/
font[style *= "red"]::selection,
span[style *= "red"]::selection,
font[style *= "#ff0000"]::selection{background-color: #c86262;} /** 襍､ **/
font[style *= "orange"]::selection,
span[style *= "orange"]::selection,
font[style *= "#ffa500"]::selection{background-color: #c8a462;} /** 讖� **/
font[style *= "yellow"]::selection,
span[style *= "yellow"]::selection,
font[style *= "#ffff00"]::selection{background-color: #c8c862;} /** 鮟� **/
font[style *= "green"]::selection,
span[style *= "green"]::selection,
font[style *= "#008000"]::selection{background-color: #629562;} /** 邱� **/
font[style *= "skyblue"]::selection,
span[style *= "skyblue"]::selection,
font[style *= "#87ceeb"]::selection{background-color: #98b4c0;} /** 豌ｴ **/
font[style *= "blue"]::selection,
span[style *= "blue"]::selection,
font[style *= "#0000ff"]::selection{background-color: #6262c8;} /** 髱� **/
font[style *= "purple"]::selection,
span[style *= "purple"]::selection,
font[style *= "#800080"]::selection{background-color: #956295;} /** 邏ｫ **/
font[style *= "pink"]::selection,
span[style *= "pink"]::selection,
font[style *= "#ffc0cb"]::selection{background-color: #c8afb3;} /** 譯� **/
font[style *= "black"]::selection,
span[style *= "black"]::selection,
font[style *= "#000000"]::selection{background-color: #626262;} /** 鮟� **/
font[style *= "rgb(239, 76, 75);"]::selection,
span[style *= "rgb(239, 76, 75);"]::selection,
font[style *= "#EF4C4B"]::selection{background-color: #c18080;} /** #EF4C4B **/
font[style *= "rgb(63, 140, 236);"]::selection,
span[style *= "rgb(63, 140, 236);"]::selection,
font[style *= "#3F8CEC"]::selection{background-color: #7b9ac0;} /** #3F8CEC **/
font[style *= "rgb(64, 187, 57);"]::selection,
span[style *= "rgb(64, 187, 57);"]::selection,
font[style *= "#40BB39"]::selection{background-color: #7cad79;} /** #40BB39 **/
font[style *= "rgb(254, 196, 121);"]::selection,
span[style *= "rgb(254, 196, 121);"]::selection,
font[style *= "#FEC479"]::selection{background-color: #c7b092;} /** #FEC479 **/
font[style *= "rgb(153, 153, 153);"]::selection,
span[style *= "rgb(153, 153, 153);"]::selection,
font[style *= "#999999"]::selection{background-color: #9f9f9f;} /** #999999 **/
font[style *= "rgb(245, 245, 245)"]::selection,
span[style *= "rgb(245, 245, 245)"]::selection,
font[style *= "#CCCCCC"]::selection{background-color: #c4c4c4;} /** #CCCCCC **/
/**
* 逕ｻ蜒�(img)
*/
/** 1譫壽凾 **/
.js-imageBox[data-included-tag = "img"][data-size = "halfmax"]{ max-width: 50%; }
/**
* youtube蜍慕判蝓九ａ霎ｼ縺ｿ(iframe)
*/
/** 蝓ｺ譛ｬ **/
/** 繝�ヵ繧ｩ繝ｫ繝� **/
[data-size = ""] .imageBoxContents[data-included-tag = "iframe"]{
width: 187px;
transition: all .3s;
}
[data-size = "xsmall"] .imageBoxContents[data-included-tag = "iframe"]{
width: 60px;
transition: all .3s;
}
[data-size = "small"] .imageBoxContents[data-included-tag = "iframe"]{
width: 120px;
transition: all .3s;
}
[data-size = "middle"] .imageBoxContents[data-included-tag = "iframe"]{
width: 187px;
transition: all .3s;
}
[data-size = "big"] .imageBoxContents[data-included-tag = "iframe"]{
width: 240px;
transition: all .3s;
}
[data-size = "bigger"] .imageBoxContents[data-included-tag = "iframe"]{
width: 360px;
transition: all .3s;
}
[data-size = "halfmax"] .imageBoxContents[data-included-tag = "iframe"], /** 隕ｪ隕∫ｴ�縺ｮwidth縺ｧ隱ｿ謨ｴ縺吶ｋ縺ｮ縺ｧ縲∽ｸ讎ゅ↓100% **/
[data-size = "max"] .imageBoxContents[data-included-tag = "iframe"]{
width: 100%;
}
/** 1譫壽凾 **/
.js-imageBox[data-included-tag = "iframe"][data-size = "halfmax"]{
width: 50%;
box-sizing: border-box;
}
.js-imageBox[data-included-tag = "iframe"][data-size = "max"]{
width: 100%;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
}
/** 2,3,4譫�,繧ｹ繝ｩ繧､繝繝ｼ譎� **/
.imageBoxContents[data-layout = "LAYOUT_2COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_3COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_4COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter{
display: block;
}
.imageBoxContents[data-included-tag = "iframe"] .imageBoxInner{
display: block;
padding-top: 56.25%;
position: relative;
}
.imageBoxContents[data-included-tag = "iframe"] .imageBoxInner iframe{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all .5s;
}
.w3cIconWrapper{
padding: 5px;
position: absolute;
right: 0;
bottom: 0;
opacity: 0.85;
text-align: center;
z-index: 1;
}
/** 讀懃ｴ｢蠕後�陦ｨ險倥→繧ｹ繧ｿ繧､繝ｫ繧呈純縺医※縺�ｋ **/
.megaMenuPageCountString{
color: #555;
font-size: 12px;
position: absolute;
top: 20px;
left: 21px;
max-width: 450px;
text-align: left;
line-height: 1.25;
padding: 4px 10px 3px;
background: #FFF;
border-radius: 5px;
border: 1px solid #DDD;
opacity: 0;
transition-duration: 0.5s;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.edit .megaMenuPageCountString{
display: none;
}
[data-menu-id="104"] .megaMenuPageCountString{ /** 縺雁撫蜷医○繝｡繝九Η繝ｼ縺ｯ荳崎ｦ� **/
display: none;
}
.side_bar_left .megaMenuPageCountString,
.side_bar_right .megaMenuPageCountString{
max-width: 330px;
}
div.mega_menu.active .megaMenuPageCountString{
opacity: 1;
}
.megaMenuPageCountString .megaMenuPageCountString--title,
.megaMenuPageCountString .megaMenuPageCountString--count{
font-size: 14px;
font-weight: bold;
margin: 0 2px;
}
.mega_menu:has(.searchedResultStringOuter[data-show = "1"]) .megaMenuPageCountString{
display: none;
}
/** 繝｡繝九Η繝ｼ讀懃ｴ｢ **/
.searchMenuOuter {
width: 215px;
position: absolute;
top: 20px;
right: 20px;
padding-right: 40px;
font-size: 12px;
box-sizing: border-box;
z-index: 1;
}
.searchMenuOuter .searchMenuTitle {
color: #111;
font-size: 12px;
display: inline-block;
margin-right: 15px;
}
.searchMenuOuter .searchMenuText {
width: 158px;
padding: 7px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 3px;
font-size: 12px;
}
.searchMenuOuter .searchMenuIconOuter {
display: inline-block;
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 25px;
text-align: center;
cursor: pointer;
}
.searchMenuOuter .searchMenuIconOuter .searchMenuIcon {
width: 16px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
right: 20px;
}
.js-searchTargetOuter[data-show="0"],
.js-searchTargetList[data-show="0"] {
display: none;
}
.js-searchTargetOuter[data-show="1"],
.js-searchTargetList[data-show="1"] {
display: block;
}
.js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel {
margin: 2px 0 0 2px;
display: inline-block;
font-size: 12px;
color: #aaa;
}
.middle-menu__list .js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel {
color: #555;
}
.js-searchTargetList .stringHighlight {
background: #fc0;
padding: 0 2px;
}
.side_img_box.side_img_box_small {
width: 60px;
}
.side_img_box.side_img_box_big {
width: 100px;
}
.side_img_box.side_img_box_max {
width: 100%;
}
.side_img_box img {
width: 100%;
}
.cart_h2 em{
font-style: normal;
}
/*蝨ｨ蠎ｫ霆頑､懃ｴ｢繝輔か繝ｼ繝�陦ｨ遉ｺ繝ｻ髱櫁｡ｨ遉ｺ縺ｮ謫堺ｽ�*/
#carSearch_public[data-show-form = "0"] #car_free_search_wrapped{
display: none;
}
#block_outer_carlist #carSearch_public[data-show-form = "0"]{
padding: 0 !important;
}
#carSearch_public[data-show-form = "0"] #car_maker{
display: none;
}
#carSearch_public[data-show-form = "0"] #car_name{
display: none;
}
#carSearch_public[data-show-form = "0"] .carinfo_wrapped{
display: none;
}
#carSearch_public[data-show-form = "0"] .carsort_wrapped{
display: none;
}
#carSearch_public[data-show-form = "0"] #carSearchSubmit_public{
display: none;
}
#carSearch_public[data-show-form = "0"] .q_and_a_btn{
display: none;
}
#carSearch_public[data-show-form = "0"] #closeBorder{
display: none;
}
#carSearch_public[data-show-form = "0"] #car_search_area{
display: none;
}
#carSearch_public[data-show-form = "0"] #carTagSearchWrapped{
display: none;
}
#carSearch_public[data-show-form = "0"] #messagePanel{
display: none !important;
}
/* 蝗ｺ螳咾V繝懊ち繝ｳ */
.conversionButtonFixedOuter{
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 0;
padding: 10px 20px;
box-sizing: border-box;
border-radius: 10px 10px 0 0;
left: 50%;
z-index: 1001;
box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3);
transform: translateY(0px) translateX( -50% );
transition: .2s;
}
.conversionButtonFixedInner{
position: relative;
max-width: 200px;
transition: .2s;
margin: 0 10px;
}
.conversionButtonFixedInner[data-display-pc = "0"]{
max-width: 0;
margin: 0;
overflow: hidden;
transition-duration: .4s;
transition-delay: .25s;
}
body[data-empty-conversion-button-pc = "1"] .conversionButtonFixedOuter,
body[data-use-conversion-button-pc = "0"] .conversionButtonFixedOuter{
transform: translateY(100%) translateY(20px) translateX( -50% );
}
.conversionButtonFixedItem{
margin: 0 !important;
max-width: 200px;
text-decoration: none !important;
text-align: center;
height: 48px;
line-height: 48px !important;
padding: 0 !important;
background-position-y: center;
}
.conversionButtonFixedItem.useImage{
background-color: transparent !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
text-indent: -9999px !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: none !important;
transform: none !important;
}
.conversionButtonFixedItem.useImage:before,
.conversionButtonFixedItem.useImage:after{
content: "";
display: none !important;
}
.conversionButtonImageUploadDammy{
width: 100%;
font-size: 11px;
font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Hiragino Kaku Gothic Pro','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
background-image: url(../img/common/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
background-repeat: no-repeat, no-repeat;
background-position: left 4px center, left top;
border-radius: 3px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 1px #fff;
color: #666;
cursor: pointer;
text-align: center;
display: block;
padding: 6px 5px 5px;
box-sizing: border-box;
text-indent: 12px;
}
/** 逕ｻ蜒上い繝��繝ｭ繝ｼ繝我ｸｭ */
.uploading .conversionButtonImageUploadDammy{
pointer-events: none;
opacity: 0.3;
}
.conversionButtonImageUploadDammy:hover{
background-image: url(../img/common/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #ebedee 0%, #f5f5f5 100%);
background-repeat: no-repeat, no-repeat;
background-position: left 4px center, left top;
}
input[name = "conversionButtonImage"]{
display: none;
}
.conversionButtonFixedItem:hover{
opacity: 1;
transform: none;
background-position-y: center;
}
.conversionButtonFixedItem:link,
.conversionButtonFixedItem:hover,
.conversionButtonFixedItem:visited,
.conversionButtonFixedItem:active{
opacity: 1;
text-decoration: none;
color: #fff;
}
/* 雋ｷ縺�黄荳ｭ縺ｯ蜃ｺ縺輔↑縺� */
body[data-shopping = "1"] .conversionButtonFixedOuter{
transform: translateY(130%) translateX(-50%);
}
body:not(.edit) .conversionButtonFixedOuter[data-force-hide-pc = "1"],
body:not(.edit) .conversionButtonFixedInner[data-select-unable-link = "1"],
body:not(.edit) .conversionButtonFixedInner[data-is-open-error = "1"]{
display:none;
}
.conversionButtonFixedOuter .deletefixedConversionButton {
position: absolute;
right: -10px;
top: -15px;
box-sizing: border-box;
cursor: pointer;
}
.conversionButtonFixedOuter .deletefixedConversionButton {
background-image: url(https://dekiteru.net/cms/img/copy2open/close-conversion.png);
background-repeat: no-repeat;
background-size: 25px 25px;
width: 25px;
height: 25px;
border-radius: 100%;
}
.conversionButtonFixedOuter .deletefixedConversionImgButton {
display: none;
}
.usedcarDetailBgOuter{
position: absolute;
display: none; /** 蝓ｺ譛ｬdisplay:none; 蠢�ｦ√↑蝣ｴ蜷医�縺ｿ蛟句挨CSS縺ｧ block蛹�**/
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
.usedcarDetailBgOuter:after{
content: "";
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0;
}
.usedcarDetailBgInner{
width: 100%;
height: 100%;
background-attachment: fixed;
background-position: 0 50%;
background-size: auto 75vw;
background-repeat: no-repeat;
filter: blur(7px) contrast(0.8) saturate(120%) brightness(1.2);
}
.usedcar_contact_block_edit{
width: 100%;
margin: 0 auto;
max-width: 100%;
padding-top: 15px;
position: relative;
z-index: 1;
}
.usedcar_contact_block_edit:after{
content: "";
clear: both;
display: block;
}
/*20230602縲霎ｰ蟾ｳ謾ｹ菫ｮ-繝医ャ繝励�繝ｼ繧ｸ縺ｫ謌ｻ繧九�繧ｿ繝ｳ縺ｫ縺ゅ＠繧峨＞繧偵▽縺代ｋ*/
#enquete_main_copy{
max-width: 960px;
margin: 0 auto 30px;
}
.pageback{
margin-bottom: 30px;
padding: 20px;
text-align: center;
}
.toBackTopButton{
background-color: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(205, 205, 205, 0.90);
border-radius: 5px;
color: #39f !important;
padding: 10px 30px;
text-decoration: none !important;
text-shadow: 1px solid rgba(255, 255, 255, 0.3);
}
.toBackTopButton:hover{
background-color: rgba(255, 255, 255, 0.95);
}
/** 蝨ｨ蠎ｫ霆頑ュ蝣ｱ蜊ｰ蛻ｷ逕ｨ繝壹�繧ｸ */
.usedcarPrintPage .blog_item h2{
margin: 15px auto;
}
.usedcarPrintPage{
margin: 0;
}
.usedcarPrintPage #main_contents_wrapper{
padding: 30px 0;
}
.usedcarPrintPage #wrapper,
.usedcarPrintPage #conteiner{
padding: 0;
}
.printDate{
font-size: 15px;
text-align: right;
margin-bottom: 20px;
}
#wrapper a.carDetailPrintLink{
margin: 0 0 20px auto;
padding-right: 15px;
background: url(../img/copy2open/next_txt_arw.png) no-repeat right center;
cursor: pointer;
display: table;
font-size: 14px;
font-family: 繝｡繧､繝ｪ繧ｪ, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
text-align: center;
text-decoration: none;
}
body.notFoundPage .lead__wrap,
body.notFoundPage .block_outer_pagetitle{
display: none;
}
.block_outer_recommend--404 {
display:none;
}
.block_outer_recommend--404-visible {
display:block;
}
body.notFoundPage .subpageLink{
display: none !important; /** PC縺ｧ縺ｯ蜃ｺ縺輔↑縺�ょｿ�★菴輔′菴輔〒繧� display:none 縺吶ｋ縺ｮ縺ｧ important **/
}
/** TEL縲√ヵ繝ｪ繝ｼ繝繧､繝､繝ｫ縲：AX縺ｮ繧｢繧､繧ｳ繝ｳ **/
/*蜷�ョ繧ｶ繧､繝ｳ繝輔ぃ繧､繝ｫ縺ｫ繝輔Μ繝ｼ繝繧､繝､繝ｫ縺ｮ繧｢繧､繧ｳ繝ｳ繝ｳ縺ｮ縺溘ａ縺ｮCSS縺後≠繧九′縲√％縺薙〒謇薙■豸医＠縺ｦ蟇ｾ蠢�*/
#sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel,
#sidebar_shp_inf .side_shop_info_mapbottom p.normal_tel,
#sidebar_shp_inf .side_shop_info_mapbottom p.normal_fax{
background-image: none !important;
}
#sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel{
font-weight: normal !important;
padding-left: 0 !important;
}
#sidebar_tel01{
font-weight: bold;
}
#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel01__head,
#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel02__head,
#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_fax__head {
background: #777;
box-sizing: border-box;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: initial !important;
font-size: 10px;
font-weight: normal;
letter-spacing: -0.1px;
line-height: 1;
margin-right: 5px;
padding: 3px 3px 2px;
}
#sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel01__head,
#sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel02__head {
width: 24px;
height: 14px;
background: url(../img/copy2open/sidebar_freedial.gif);
margin-right: 5px !important;
padding: 0;
position: relative;
top: 3px;
}
p.freedial_tel span#sidebar_tel01,
p.freedial_tel span#sidebar_tel02{
padding-left: 0 !important;
}
/*20230901霎ｰ蟾ｳ霑ｽ蜉�縲髢狗匱逕ｨ縺ｮ繧ｹ繝ｩ繧､繝牙●豁｢繝懊ち繝ｳ縺ｮ縺ゅ＠繧峨＞*/
.slidePlayController{
position: fixed;
left: 50px;
z-index: 100;
}
.slidePlayController[data-display="visible"]{
bottom: 30px;
transition: .5s;
}
.slidePlayController[data-display="invisible"]{
bottom: -100px;
transition: .5s;
}
.slidePlayController .slidePlayControllerInner{
height: auto;
background-color: #fff;
border: 3px solid #fc0;
display: block;
float: left;
padding: 4px 2px;
position: relative;
}
.slidePlayController[data-slide-mode="play"] .js-slidePlayControllerPause,
.slidePlayController[data-slide-mode="play"] .js-slidePlayControllerStop,
.slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerPlay,
.slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerStop,
.slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPlay,
.slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPause,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerPlay,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerPause,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerStop{
opacity: .2;
}
.slidePlayController[data-slide-mode="play"] .slidePlayControllerInner:before{
content: "閾ｪ蜍募�逕滉ｸｭ";
background-color: #00B789;
}
.slidePlayController[data-slide-mode="pause"] .slidePlayControllerInner:before{
content: "荳譎ょ●豁｢荳ｭ";
background-color: #FF7300;
}
.slidePlayController[data-slide-mode="stop"] .slidePlayControllerInner:before{
content: "蛛懈ｭ｢荳ｭ";
background-color: #FE0002;
}
.slidePlayController[data-display="invisible"] .slidePlayControllerInner:before{
content: "髱櫁｡ｨ遉ｺ荳ｭ";
background-color: #ccc;
}
.slidePlayController .slidePlayControllerInner:before{
width: 80px;
height: 18px;
border-radius: 50px;
color: #fff;
display: block;
font-size: 12px;
left: calc( 50% - 40px );
position: absolute;
text-align: center;
top: -14px;
}
.slidePlayController .slidePlayControllerInner .slidePlayControllerIcon{
width: 36px;
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
}
/**
* 蝨ｨ蠎ｫ霆願ｩｳ邏ｰ蟆守ｷ�
*/
.blog_item h2 #lead_title{
color: inherit;
font-size: inherit;
font-weight: inherit;
}
/**
* TOP縺ｸ謌ｻ繧九�繧ｿ繝ｳ 髱櫁｡ｨ遉ｺ逕ｨ
*/
.backtop.hiddenButton{
display: none;
}
.ex--usedcar__icon {
display: inline-block;
margin-left: 2px;
}
.ex--usedcar__icon:empty{
margin:0 !important;
}
.ex--usedcar__icon-item {
color: #fff;
background-color: #1b9d18;
text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.5);
padding: 3px 4px;
display: inline-block;
margin-right: 2px;
user-select: none;
}
.ex--usedcar__icon-item:nth-last-of-type(1){
margin-right: 0;
}
.ex--usedcar__icon-item.ex--usedcar__icon-item--tokuten{
background-color: #1B81E7;
}
.ex--usedcar-icon__outer--list{
font-size: 10px;
line-height: 1;
}
.ex--usedcar-icon__outer--list .ex--usedcar__icon-item {
margin-bottom: 2px;
}
.ex--usedcar-icon__outer--thumbnail,
.ex--usedcar-icon__outer--slideshow {
position: absolute;
bottom: 24px;
right: 0;
font-size: 10px;
line-height: 1;
}
.ex--usedcar-icon__outer--thumbnail li,
.ex--usedcar-icon__outer--slideshow li{
float: left;
}
.thumbnail_box .ex--usedcar-icon__outer--thumbnail img,
.thumbnail_box .ex--usedcar-icon__outer--slideshow img{
width: auto !important;
}
.edit .ex--usedcar-detail-changer-trigger{
cursor: pointer;
}
.list_main ul li{
position: relative;
}
.ex--usedcar-icon__outer--list{
padding:0;
}
.safetyStr:not(:empty){
margin:0 0 0 5px;
}
.ex--usedcar-icon-item{
display: block;
margin: 0 2px 0 0;
position: relative;
font-size: 11px;
color: #FFF;
background: #0fb611;
text-align: center;
padding: 4px 5px;
font-family: "繝｡繧､繝ｪ繧ｪ";
}
.edit .ex--usedcar-icon-item:hover{
background: #FC0 !important;
color: #333 !important;
}
.ex--usedcar-icon__outer--thumbnail .ex--usedcar-icon-item,
.ex--usedcar-icon__outer--slideshow .ex--usedcar-icon-item{
margin: 0 0 0 2px;
}
.ex--usedcar-icon-item[data-loading = "1"]:after{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: rgba(255, 255, 255, .95) url('../img/common/loader.svg') no-repeat center center;
background-size: contain;
z-index: 1;
}
.ex--usedcar-icon--safety{
}
.ex--usedcar-icon--safety[data-state = "1"]{
}
.ex--usedcar-icon--safety[data-state = "0"]{
display: none;
}
.edit .ex--usedcar-icon--safety[data-state = "0"]{ /* (莉翫�縺ｨ縺薙ｍ)蜈ｬ髢句�縺�縺大�縺輔↑縺� */
background: #777;
display: block;
}
.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "1"]:hover{
}
.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "0"]:hover{
}
.ex--usedcar-icon--maintenance{
}
.ex--usedcar-icon--maintenance[data-state = "1"]{
}
.ex--usedcar-icon--maintenance[data-state = "0"]{
display: none;
}
.edit .ex--usedcar-icon--maintenance[data-state = "0"]{ /* (莉翫�縺ｨ縺薙ｍ)蜈ｬ髢句�縺�縺大�縺輔↑縺� */
background: #777;
display: block;
}
.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "1"]:hover{
}
.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "0"]:hover{
}
/*20240209霑ｽ蜉� 縺雁ｮ｢讒倥∈縺ｮ繝｡繝ｼ繝ｫ譁�擇縺ｧ謾ｹ陦後′蜿肴丐縺輔ｌ縺ｦ縺�↑縺��縺ｧCSS縺ｧ蟇ｾ蠢�*/
.mail_body_preview{
white-space: pre-wrap;
}
/**
* 繝代Λ繝ｩ繝�け繧ｹ繝輔ぅ繝ｫ繧ｿ逕ｨ
*/
.parallaxContent{position: relative;}
.parallaxContent:not(.empty):before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-attachment: fixed;
z-index: 2;
}
.parallaxContent[data-texture = "dot"]:before{
background-image: url(../img/copy2open/texture/worn-dots.png);
opacity: .8;
}
.parallaxContent[data-texture = "grange"]:before{
background-image: url(../img/copy2open/texture/grunge-wall.png);
opacity: .8;
}
.parallaxContent[data-texture = "mosaic"]:before{
background-image: url(../img/copy2open/texture/bright-squares.png);
opacity: 1;
}
.parallaxContent[data-texture = "tire"]:before{
background-image: url(../img/copy2open/texture/dark-tire.png);
opacity: 1;
}
.parallaxContent[data-texture = "stripe"]:before{
background-image: url(../img/copy2open/texture/dark-stripes-light.png);
opacity: .6;
}
.parallaxContent[data-texture = "alum"]:before{
background-image: url(../img/copy2open/texture/brushed-alum.png);
opacity: .6;
}
.parallaxContent[data-texture = "leather"]:before{
background-image: url(../img/copy2open/texture/leather.png);
opacity: .6;
}
.parallaxContent[data-texture = "renga"]:before{
background-image: url(../img/copy2open/texture/brick-wall.png);
opacity: .6;
}
.parallaxContent[data-texture = "flower"]:before{
background-image: url(../img/copy2open/texture/gray-floral.png);
opacity: .4;
}
.parallaxContent[data-texture = "noisy"]:before{
background-image: url(../img/copy2open/texture/noisy.png);
opacity: .9;
}
.parallaxContent[data-color = "1"]:before{ /** 1977 **/
-webkit-backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4);
backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4);
}
.parallaxContent[data-color = "2"]:before{ /** lofi **/
-webkit-backdrop-filter: saturate(1.1) contrast(1.5);
backdrop-filter: saturate(1.1) contrast(1.5);
}
.parallaxContent[data-color = "3"]:before{ /** reyes **/
-webkit-backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4);
backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4)
}
.parallaxContent[data-color = "4"]:before{ /** clarendon **/
-webkit-backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg);
backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg);
}
.parallaxContent[data-color = "5"]:before{ /** inkwell **/
-webkit-backdrop-filter: brightness(1.25) contrast(.85) grayscale(1);
backdrop-filter: brightness(1.25) contrast(.85) grayscale(1)
}
.parallaxContent[data-color = "6"]:before{ /** walden **/
-webkit-backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4);
backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4)
}
.parallaxContent[data-color = "7"]:before{ /** willow **/
-webkit-backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2);
backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2);
}
.parallaxContent[data-color = "8"]:before{ /** rise **/
-webkit-backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9);
backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9);
}
.parallaxContent[data-color = "9"]:before{ /** nashville **/
-webkit-backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg);
backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg);
}
.parallaxContent[data-color = "10"]:before{ /** x-pro **/
-webkit-backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg);
backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg);
}
#sub_top_img_clone img{
width: 100%;
}
.slider_strong--dammy,
.slider_caption--dammy{
visibility:hidden;
}
.switchableRadioWrapper[data-open-page="1"] .syokushuToggle,
.switchableRadioWrapper[data-open-page="1"] .koyotypeToggle,
.switchableRadioWrapper[data-open-page="1"][data-display="0"]{
display: none;
}
/**
* rightbox
*/
#body_top #main_contents #block_outer_rightbox{
padding-top: 30px;
padding-bottom: 30px;
}
/*莨夂､ｾ譯亥�縺碁撼陦ｨ遉ｺ縺ｮ譎ゅ∬ｩｳ縺励＞蠎苓�諠��ｱ縺ｮ繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ繧貞�縺輔↑縺�ｈ縺�↓縺吶ｋ蟇ｾ蠢�*/
.link.linkDisplayNone{
display: none;
}
.link.linkOpacity{
opacity: 0.2;
}
/**
* 逶ｴ諢溽ｷｨ髮� text-shadow
* 陬�｣ｾ縺ｮ繝代ち繝ｼ繝ｳ
data-shadow-preset=edging_black => 鮟定牡繝ｻ邵∝叙繧�
data-shadow-preset=blur_black => 鮟定牡繝ｻ縺ｼ縺九＠
data-shadow-preset=drop_shadow_black => 鮟定牡繝ｻ關ｽ縺｡縺ｦ縺�ｋ蠖ｱ
data-shadow-preset=edging_blur_black => 鮟定牡繝ｻ邵∝叙繧奇ｼ九⊂縺九＠
data-shadow-preset=edging_drop_shadow_black => 鮟定牡繝ｻ邵∝叙繧奇ｼ玖誠縺｡縺ｦ縺�ｋ蠖ｱ
data-shadow-preset=edging_blur_drop_shadow_black => 鮟定牡繝ｻ邵∝叙繧奇ｼ九⊂縺九＠�玖誠縺｡縺ｦ縺�ｋ蠖ｱ
data-shadow-preset=edging_white => 逋ｽ濶ｲ繝ｻ邵∝叙繧�
data-shadow-preset=blur_white => 逋ｽ濶ｲ繝ｻ縺ｼ縺九＠
data-shadow-preset=drop_shadow_white => 逋ｽ濶ｲ繝ｻ關ｽ縺｡縺ｦ縺�ｋ蠖ｱ
data-shadow-preset=edging_blur_white => 逋ｽ濶ｲ繝ｻ邵∝叙繧奇ｼ九⊂縺九＠
data-shadow-preset=edging_drop_shadow_white => 逋ｽ濶ｲ繝ｻ邵∝叙繧奇ｼ玖誠縺｡縺ｦ縺�ｋ蠖ｱ
data-shadow-preset=edging_blur_drop_shadow_white => 逋ｽ濶ｲ繝ｻ邵∝叙繧奇ｼ九⊂縺九＠�玖誠縺｡縺ｦ縺�ｋ蠖ｱ
* 陬�｣ｾ縺ｮ螟ｧ縺阪＆
data-shadow-size=small => 1px
data-shadow-size=medium => 2px
data-shadow-size=large => 3px
**/
#wrapper .addedTextShadow[data-shadow-preset],
.addedTextShadow[data-shadow-preset]{
display: inline;
}
#wrapper h2.midashi_long .addedTextShadow,
#wrapper .blog_item h2 .addedTextShadow,
#wrapper #middle_top_price01 h2 .addedTextShadow,
h2.midashi_long .addedTextShadow,
.blog_item h2 .addedTextShadow,
#middle_top_price01 h2 .addedTextShadow{
padding: 0;
margin: 0;
}
#wrapper .addedTextShadow[data-shadow-preset],
#wrapper .addedTextShadow[data-shadow-preset] .splited,
.addedTextShadow[data-shadow-preset],
.addedTextShadow[data-shadow-preset] .splited{
color: inherit;
font-size: inherit;
font-weight: inherit;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(0, 0, 0, 1) ,
0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
-0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
-0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
-0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
0.96017px -0.279416px 0px rgba(0, 0, 0, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(0, 0, 0, 1),
1.75517px 0.958851px 0px rgba(0, 0, 0, 1),
1.0806px 1.68294px 0px rgba(0, 0, 0, 1),
0.141474px 1.99499px 0px rgba(0, 0, 0, 1),
-0.832294px 1.81859px 0px rgba(0, 0, 0, 1),
-1.60229px 1.19694px 0px rgba(0, 0, 0, 1),
-1.97998px 0.28224px 0px rgba(0, 0, 0, 1),
-1.87291px -0.701566px 0px rgba(0, 0, 0, 1),
-1.30729px -1.5136px 0px rgba(0, 0, 0, 1),
-0.421592px -1.95506px 0px rgba(0, 0, 0, 1),
0.567324px -1.91785px 0px rgba(0, 0, 0, 1),
1.41734px -1.41108px 0px rgba(0, 0, 0, 1),
1.92034px -0.558831px 0px rgba(0, 0, 0, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(0, 0, 0, 1) ,
2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
-0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
-1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
-2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
-2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
-2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
-2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
-2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
-1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
-1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
-0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
2.88051px -0.838247px 0px rgba(0, 0, 0, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited{
text-shadow :
1px 1px 3px rgba(0,0,0,0.6),
-1px 1px 3px rgba(0,0,0,0.6),
1px -1px 3px rgba(0,0,0,0.6),
-1px -1px 3px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited{
text-shadow :
3px 3px 6px rgba(0,0,0,0.6),
-3px 3px 6px rgba(0,0,0,0.6),
3px -3px 6px rgba(0,0,0,0.6),
-3px -3px 6px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited{
text-shadow :
5px 5px 9px rgba(0,0,0,0.6),
-5px 5px 9px rgba(0,0,0,0.6),
5px -5px 9px rgba(0,0,0,0.6),
-5px -5px 9px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited{
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited{
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited{
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited{
text-shadow :
1px 1px 3px rgba(0, 0, 0, 0.7),
1px 1px 3px rgba(0,0,0,0.6),
-1px 1px 3px rgba(0,0,0,0.6),
1px -1px 3px rgba(0,0,0,0.6),
-1px -1px 3px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited{
text-shadow :
2px 2px 3px rgba(0, 0, 0, 0.7),
3px 3px 6px rgba(0,0,0,0.6),
-3px 3px 6px rgba(0,0,0,0.6),
3px -3px 6px rgba(0,0,0,0.6),
-3px -3px 6px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited{
text-shadow :
3px 3px 3px rgba(0, 0, 0, 0.7),
5px 5px 9px rgba(0,0,0,0.6),
-5px 5px 9px rgba(0,0,0,0.6),
5px -5px 9px rgba(0,0,0,0.6),
-5px -5px 9px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(0, 0, 0, 1) ,
0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
-0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
-0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
-0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(0, 0, 0, 1) ,
1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
-0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
-1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
-1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
-1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
-1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
-0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
2px 2px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(0, 0, 0, 1) ,
2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
-0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
-1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
-2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
-2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
-2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
-2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
-2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
-1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
-1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
-0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
3px 3px 3px rgba(0, 0, 0, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(0, 0, 0, 1) ,
0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
-0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
-0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
-0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
1px 1px 3px rgba(0,0,0,0.6),
-1px 1px 3px rgba(0,0,0,0.6),
1px -1px 3px rgba(0,0,0,0.6),
-1px -1px 3px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(0, 0, 0, 1) ,
1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
-0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
-1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
-1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
-1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
-1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
-0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
3px 3px 6px rgba(0,0,0,0.6),
-3px 3px 6px rgba(0,0,0,0.6),
3px -3px 6px rgba(0,0,0,0.6),
-3px -3px 6px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(0, 0, 0, 1) ,
2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
-0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
-1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
-2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
-2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
-2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
-2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
-2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
-1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
-1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
-0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
5px 5px 9px rgba(0,0,0,0.6),
-5px 5px 9px rgba(0,0,0,0.6),
5px -5px 9px rgba(0,0,0,0.6),
-5px -5px 9px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(0, 0, 0, 1) ,
0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
-0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
-0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
-0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
2px 2px 3px rgba(0, 0, 0, 0.7),
1px 1px 3px rgba(0,0,0,0.6),
-1px 1px 3px rgba(0,0,0,0.6),
1px -1px 3px rgba(0,0,0,0.6),
-1px -1px 3px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(0, 0, 0, 1) ,
1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
-0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
-1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
-1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
-1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
-1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
-0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
3px 3px 3px rgba(0, 0, 0, 0.7),
3px 3px 6px rgba(0,0,0,0.6),
-3px 3px 6px rgba(0,0,0,0.6),
3px -3px 6px rgba(0,0,0,0.6),
-3px -3px 6px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(0, 0, 0, 1) ,
2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
-0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
-1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
-2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
-2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
-2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
-2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
-2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
-1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
-1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
-0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
4px 4px 4px rgba(0, 0, 0, 0.7),
5px 5px 9px rgba(0,0,0,0.6),
-5px 5px 9px rgba(0,0,0,0.6),
5px -5px 9px rgba(0,0,0,0.6),
-5px -5px 9px rgba(0,0,0,0.6) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(255, 255, 255, 1),
0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
-0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
-0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
-0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
0.96017px -0.279416px 0px rgba(255, 255, 255, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(255, 255, 255, 1),
1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
-0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
-1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
-1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
-1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
-1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
-0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
1.92034px -0.558831px 0px rgba(255, 255, 255, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(255, 255, 255, 1),
2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
-0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
-1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
-2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
-2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
-2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
-2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
-2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
-1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
-1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
-0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
2.88051px -0.838247px 0px rgba(255, 255, 255, 1) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited{
text-shadow :
1px 1px 3px rgba(255,255,255,0.8),
-1px 1px 3px rgba(255,255,255,0.8),
1px -1px 3px rgba(255,255,255,0.8),
-1px -1px 3px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited{
text-shadow :
3px 3px 6px rgba(255,255,255,0.8),
-3px 3px 6px rgba(255,255,255,0.8),
3px -3px 6px rgba(255,255,255,0.8),
-3px -3px 6px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited{
text-shadow :
5px 5px 9px rgba(255,255,255,0.8),
-5px 5px 9px rgba(255,255,255,0.8),
5px -5px 9px rgba(255,255,255,0.8),
-5px -5px 9px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited{
text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited{
text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited{
text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited{
text-shadow :
1px 1px 3px rgba(255, 255, 255, 0.7)
1px 1px 3px rgba(255,255,255,0.8),
-1px 1px 3px rgba(255,255,255,0.8),
1px -1px 3px rgba(255,255,255,0.8),
-1px -1px 3px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited{
text-shadow :
2px 2px 3px rgba(255, 255, 255, 0.7),
3px 3px 6px rgba(255,255,255,0.8),
-3px 3px 6px rgba(255,255,255,0.8),
3px -3px 6px rgba(255,255,255,0.8),
-3px -3px 6px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited{
text-shadow :
3px 3px 3px rgba(255, 255, 255, 0.7),
5px 5px 9px rgba(255,255,255,0.8),
-5px 5px 9px rgba(255,255,255,0.8),
5px -5px 9px rgba(255,255,255,0.8),
-5px -5px 9px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(255, 255, 255, 1),
0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
-0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
-0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
-0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
0.96017px -0.279416px 0px rgba(255, 255, 255, 1),
1px 1px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(255, 255, 255, 1),
1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
-0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
-1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
-1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
-1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
-1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
-0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
1.92034px -0.558831px 0px rgba(255, 255, 255, 1),
2px 2px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(255, 255, 255, 1),
2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
-0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
-1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
-2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
-2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
-2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
-2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
-2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
-1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
-1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
-0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
2.88051px -0.838247px 0px rgba(255, 255, 255, 1),
3px 3px 3px rgba(255, 255, 255, 0.7) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(255, 255, 255, 1),
0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
-0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
-0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
-0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
0.96017px -0.279416px 0px rgba(255, 255, 255, 1),
1px 1px 3px rgba(255,255,255,0.8),
-1px 1px 3px rgba(255,255,255,0.8),
1px -1px 3px rgba(255,255,255,0.8),
-1px -1px 3px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(255, 255, 255, 1),
1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
-0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
-1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
-1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
-1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
-1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
-0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
1.92034px -0.558831px 0px rgba(255, 255, 255, 1),
3px 3px 6px rgba(255,255,255,0.8),
-3px 3px 6px rgba(255,255,255,0.8),
3px -3px 6px rgba(255,255,255,0.8),
-3px -3px 6px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(255, 255, 255, 1),
2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
-0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
-1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
-2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
-2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
-2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
-2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
-2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
-1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
-1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
-0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
2.88051px -0.838247px 0px rgba(255, 255, 255, 1),
5px 5px 9px rgba(255,255,255,0.8),
-5px 5px 9px rgba(255,255,255,0.8),
5px -5px 9px rgba(255,255,255,0.8),
-5px -5px 9px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited{
text-shadow:
1px 0px 0px rgba(255, 255, 255, 1) ,
0.540302px 0.841471px 0px rgba(255, 255, 255, 1) ,
-0.416147px 0.909297px 0px rgba(255, 255, 255, 1) ,
-0.989992px 0.14112px 0px rgba(255, 255, 255, 1) ,
-0.653644px -0.756802px 0px rgba(255, 255, 255, 1) ,
0.283662px -0.958924px 0px rgba(255, 255, 255, 1) ,
0.96017px -0.279416px 0px rgba(255, 255, 255, 1) ,
2px 2px 3px rgba(255, 255, 255, 0.7),
1px 1px 3px rgba(255,255,255,0.8),
-1px 1px 3px rgba(255,255,255,0.8),
1px -1px 3px rgba(255,255,255,0.8),
-1px -1px 3px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited{
text-shadow:
2px 0px 0px rgba(255, 255, 255, 1) ,
1.75517px 0.958851px 0px rgba(255, 255, 255, 1) ,
1.0806px 1.68294px 0px rgba(255, 255, 255, 1) ,
0.141474px 1.99499px 0px rgba(255, 255, 255, 1) ,
-0.832294px 1.81859px 0px rgba(255, 255, 255, 1) ,
-1.60229px 1.19694px 0px rgba(255, 255, 255, 1) ,
-1.97998px 0.28224px 0px rgba(255, 255, 255, 1) ,
-1.87291px -0.701566px 0px rgba(255, 255, 255, 1) ,
-1.30729px -1.5136px 0px rgba(255, 255, 255, 1) ,
-0.421592px -1.95506px 0px rgba(255, 255, 255, 1) ,
0.567324px -1.91785px 0px rgba(255, 255, 255, 1) ,
1.41734px -1.41108px 0px rgba(255, 255, 255, 1) ,
1.92034px -0.558831px 0px rgba(255, 255, 255, 1) ,
3px 3px 3px rgba(255, 255, 255, 0.7),
3px 3px 6px rgba(255,255,255,0.8),
-3px 3px 6px rgba(255,255,255,0.8),
3px -3px 6px rgba(255,255,255,0.8),
-3px -3px 6px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited{
text-shadow:
3px 0px 0px rgba(255, 255, 255, 1) ,
2.83487px 0.981584px 0px rgba(255, 255, 255, 1) ,
2.35766px 1.85511px 0px rgba(255, 255, 255, 1) ,
1.62091px 2.52441px 0px rgba(255, 255, 255, 1) ,
0.705713px 2.91581px 0px rgba(255, 255, 255, 1) ,
-0.287171px 2.98622px 0px rgba(255, 255, 255, 1) ,
-1.24844px 2.72789px 0px rgba(255, 255, 255, 1) ,
-2.07227px 2.16926px 0px rgba(255, 255, 255, 1) ,
-2.66798px 1.37182px 0px rgba(255, 255, 255, 1) ,
-2.96998px 0.42336px 0px rgba(255, 255, 255, 1) ,
-2.94502px -0.571704px 0px rgba(255, 255, 255, 1) ,
-2.59586px -1.50383px 0px rgba(255, 255, 255, 1) ,
-1.96093px -2.27041px 0px rgba(255, 255, 255, 1) ,
-1.11013px -2.78704px 0px rgba(255, 255, 255, 1) ,
-0.137119px -2.99686px 0px rgba(255, 255, 255, 1) ,
0.850987px -2.87677px 0px rgba(255, 255, 255, 1) ,
1.74541px -2.43999px 0px rgba(255, 255, 255, 1) ,
2.44769px -1.73459px 0px rgba(255, 255, 255, 1) ,
2.88051px -0.838247px 0px rgba(255, 255, 255, 1) ,
4px 4px 4px rgba(255, 255, 255, 0.7),
5px 5px 9px rgba(255,255,255,0.8),
-5px 5px 9px rgba(255,255,255,0.8),
5px -5px 9px rgba(255,255,255,0.8),
-5px -5px 9px rgba(255,255,255,0.8) !important;
}
#wrapper .addedTextShadow[data-shadow-preset]:has(.splited),
.addedTextShadow[data-shadow-preset]:has(.splited){
text-shadow: none !important;
}
/**
* 繝�き譁�ｭ励い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
*
*/
body.dekamoji2-slider__body-item #bgSlider {
visibility:visible;
background:none;
}
body.dekamoji2-slider__body-item .sliderDiv {
position:absolute;
background:none;
top:0;
left:0;
visibility:hidden;
}
body.dekamoji2-slider__body-item .sliderDiv--visible {
background:none !important;
opacity:1 !important;
visibility: visible;
}
body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv {
width:100%;
height:100%;
display:block;
opacity:0;
transform:scale(0.95);
}
body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv--visible{
opacity:1;
transform:scale(1.00);
animation-name: sliderAddedDiv--visible;
animation-duration:.8s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
@keyframes sliderAddedDiv--visible {
0%{
transform: scale(0.95, 0.98);
opacity:0;
}
50%{
transform: scale(1.025, 1.02);
opacity:1;
}
100%{
transform: scale(1.0, 1.0);
}
}
body.dekamoji2-slider__body-item .sliderDiv .slider_content_wrap {
background:none;
}
body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents{
visibility:hidden;
}
body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents--visible {
visibility:visible;
}
body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item{
visibility:hidden;
transform:scale(0.1) translateX(-50px);
display:inline-block;
transition-duration:.1s;
}
body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item--visible{
visibility:visible;
transform:scale(1) translateX(0px);
opacity:1 !important;
}
body.dekamoji2-slider__body-item .sliderDiv .slider_caption,
body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink{
visibility: hidden;
transform: scale(1, 0);
transform-origin: center;
opacity:0;
}
body.dekamoji2-slider__body-item .sliderDiv .slider_caption--visible,
body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink--visible {
visibility: visible;
opacity:1;
animation-name:dekammoji2-slider__caption-button-visible;
animation-duration: .4s;
transform: scale(1, 1);
animation-direction: alternate;
}
@keyframes dekammoji2-slider__caption-button-visible {
0%{
transform:scale(1,0);
}
60%{
transform:scale(1,1.2);
}
100%{
transform:scale(1,1);
}
}
/* d2蟆ら畑 */
body.dekamoji2-slider__body-item .sliderDiv .slider_text_wrap:before{
visibility:hidden;
}
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headadd a:before,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headmail a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .headmail,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header:before,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #bgSlider:after,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #pc_menu_trigger,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #increment,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #decrement,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #sliderStepsContainer,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #headerH1Title{
opacity:0;
}
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headadd a:before,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headmail a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .headmail,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header:before,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #pc_menu_trigger,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #bgSlider:after,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #increment,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #decrement,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #sliderStepsContainer,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #headerH1Title {
opacity:1;
animation-name: dekamoji2-other;
animation-duration: .4s;
}
body.dekamoji2-slider__body-item:not(.dekamoji2-slider__body-item--gone) #main_img_wrapper #bgSlider {
box-shadow:none;
transition-duration:.4s;
}
@keyframes dekamoji2-other {
0%{
transform: scale(1,0.99);
opacity:0;
}
60%{
transform: scale(1,1.01);
opacity:1;
}
100%{
transform: scale(1,1);
opacity:1;
}
}
.parallaxCaption{
max-width: 80%;
color: #fff;
display: inline-block;
font-family: 貂ｸ譏取悃, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
text-shadow: rgba(0,0,0,.5) 0 0 4px, rgba(0,0,0,.5) 0 0 8px, rgba(0,0,0,.5) 0 0 12px;
z-index: 2 !important;
}
.parallaxCaptionHead{
font-size: 40px;
}
.parallaxCaptionBody{
font-size: 25px;
}
.parallaxCaptionHead[data-empty-text="1"],
.parallaxCaptionBody[data-empty-text="1"]{
opacity: 0;
}
.edit .parallaxCaptionHead[data-empty-text="1"],
.edit .parallaxCaptionBody[data-empty-text="1"]{
opacity: 1 !important;
}
.edit .parallaxCaptionHead[data-display="1"][data-temporary-hidden="1"],
.edit .parallaxCaptionBody[data-display="1"][data-temporary-hidden="1"]{
opacity: 0 !important;
cursor: move;
}
.parallaxCaptionHead[data-display="0"],
.parallaxCaptionBody[data-display="0"]{
opacity: 0;
}
.parallaxCaptionWrapper{
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
padding: 0px !important;
display: flex !important;
}
.parallaxContent[data-is-full="1"] .parallaxCaptionWrapper{
position: absolute;
top: 0;
}
.parallaxCaptionContainer{
width: 100%;
box-sizing: border-box;
padding: 30px 60px;
}
.parallaxCaptionWrapper[data-position = "topLeft"],
.parallaxCaptionWrapper[data-position = "topCenter"],
.parallaxCaptionWrapper[data-position = "topRight"]{
align-items: flex-start !important;
}
.parallaxCaptionWrapper[data-position = "centerLeft"],
.parallaxCaptionWrapper[data-position = "center"],
.parallaxCaptionWrapper[data-position = "centerRight"]{
align-items: center !important;
}
.parallaxCaptionWrapper[data-position = "bottomLeft"],
.parallaxCaptionWrapper[data-position = "bottomCenter"],
.parallaxCaptionWrapper[data-position = "bottomRight"]{
align-items: flex-end !important;
}
.parallaxCaptionWrapper[data-position = "topLeft"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "centerLeft"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomLeft"] .parallaxCaption{
display: block;
text-align: left !important;
margin: 0 auto 0 0 !important;
}
.parallaxCaptionWrapper[data-position = "topCenter"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "center"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomCenter"] .parallaxCaption{
display: block;
text-align: center !important;
margin: 0 auto;
}
.parallaxCaptionWrapper[data-position = "topRight"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "centerRight"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomRight"] .parallaxCaption{
display: block;
text-align: right !important;
margin: 0 0 0 auto !important;
}
/* h2 animation ex--label */
.h2-animation__label-outer {
position:relative;
}
h2:has(.h2-animation__label-outer--ready):first-letter,
.h2-animation__label-outer--ready,
.h2-animation__label-outer--ready * {
color:transparent !important;
text-shadow:none !important;
}
.h2-animation__label-outer--lined,
.h2-animation__label-outer--lined * {
opacity:0;
transform:translateY(20px);
}
.h2-animation__label-outer--animated,
.h2-animation__label-outer--animated * {
opacity:1;
transform:translateY(0px);
transition-duration:.5s;
}
.h2-animation__label-item {
position:absolute !important;
background-color:#333 !important;
transition-duration:.5s;
}
.common-animation__label,
.common-animation__label * {
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
position: relative !important;
}
#wrapper .common-animation__label .addedTextShadow {
opacity:0;
}
.common-animation__label:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
background: #333;
left: 0;
top: 0;
opacity:0;
}
.common-animation__label--animating:after {
animation-name:common-animation__label;
animation-duration:1s;
}
@keyframes common-animation__label{
0%{
opacity:0;
}
20%{
opacity:1;
}
100%{
opacity:0;
transform:translateX(50%);
}
}
.bgSlider_alias--sp {
display:none;
}
.horizontal-slider__body-item #bgSlider {
visibility:hidden;
opacity:0;
overflow:hidden;
}
.horizontal-slider__body-item--ready #bgSlider {
visibility:visible;
opacity:1;
transition:.5s;
}
.horizontal-slider__body-item--ready #bgSlider:after {
display:none;
}
.horizontal-slider__body-item .horizontal-slider__slide-outer {
opacity:0;
}
.horizontal-slider__body-item .horizontal-slider__slide-outer--visible {
opacity:1;
}
.horizontal-slider__slide-item {
opacity:0;
z-index:0;
background-attachment:initial !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
}
.horizontal-slider__slide-item--current {
opacity:1;
z-index:2 !important;
}
.horizontal-slider__slide-item-alias {
opacity:1;
transition:3s;
z-index:2 !important;
}
.horizontal-slider__slide-cover-item {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: not-allowed;
z-index: 1;
}
.horizontal-slider__slide-item-alias--prev {
transform:translateX(-100%);
}
.horizontal-slider__slide-item-alias--next {
transform:translateX(100%);
}
.horizontal-slider__body-item #increment,
.horizontal-slider__body-item #decrement,
.horizontal-slider__body-item #sliderLoader,
.horizontal-slider__body-item #sliderStepsContainer{
z-index:4;
}
.horizontal-slider__slide-outer--playing .slider_icons_outer {
display:none !important;
}
.horizontal-slider__slide-outer--playing #increment,
.horizontal-slider__slide-outer--playing #decrement,
#bgSlider.horizontal-slider__slide-outer--playing #sliderStepsContainer span{
opacity:0.2;
cursor:not-allowed;
}
.horizontal-slider__body-item #bgSlider #sliderStepsContainer .current {
cursor:not-allowed;
}
.horizontal-slider__slide-outer--playing-automatic #sliderLoader span {
width:100%;
transition:5.5s;
transition-timing-function: linear;
}
.horizontal-slider__slide-outer--playing-manual #sliderLoader span {
width:100%;
transition:2.5s;
transition-timing-function: linear;
}
.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item--current {
transform:translateX(-40%);
transition-duration:3s;
}
.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next {
transform:translateX(0%);
}
.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next .slider_text_wrap {
animation-duration:3s;
animation-name: horizontal-slider__text-content;
animatoon-direction:forwards;
position:relative;
}
.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item--current {
transform:translateX(40%);
transition-duration:3s;
}
.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev {
transform:translateX(0%);
}
.horizontal-slider__slide-item-alias .slider_text_wrap {
position:relative;
z-index:1;
}
.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev .slider_text_wrap {
animation-duration:3s;
animation-name: horizontal-slider__text-content--prev;
animatoon-direction:forwards;
}
.horizontal-slider__body-item .slidePlayController{
display:none !important;
}
@keyframes horizontal-slider__text-content {
0%{
transform:translateX(0%);
}
40%{
transform:translateX(2%);
}
100%{
transform:translateX(0%);
}
}
@keyframes horizontal-slider__text-content--prev {
0%{
transform:translateX(0%);
}
40%{
transform:translateX(-2%);
}
100%{
transform:translateX(0%);
}
}
.car-search-empty__outer {
clear: both;
margin: 0 auto 20px;
}
.car-search-empty__text-item {
margin: 0 0 15px;
text-align: center;
}
.car-search-empty__link-item {
margin: 0 auto !important;
}
#carListThumNail_wrapper:has( .car-search-empty__outer ),
#carlist_main_box:has( .car-search-empty__outer ){
justify-content: center;
width: 100%;
text-align:center;
}
/*#car_list_base:has( .car-search-empty__outer ) .carlist_pager_box {
display:none;
}*/@charset "utf-8";
/* 20160331 鬮俶ｩ� */
/* 閭梧勹縺悟虚縺上せ繝ｩ繧､繝繝ｼ縺ｮ縺溘ａ縺ｮ繝�じ繧､繝ｳ荳頑嶌縺垢SS */
/* 繝�じ繧､繝ｳ Photo縲繧呈Φ螳� */
h1 {
top:-490px !important;
z-index:4;
}
#header_wrapper{
position: absolute;
background:none;
z-index:5;
}
#body_sub #header_wrapper,
#body_free #header_wrapper{
position:static;
}
#main_img_wrapper {
position:relative;
padding:0;
}
.slider_text{
transition: background .3s;
text-align:center;
margin:0 0 15px;
position:relative;
max-width:960px;
max-height:155px;
overflow:hidden;
margin:0 auto 30px;
z-index: 2;
}
.slider_text.blink{
animation: sliderTextBlink 1s linear forwards;
animation-delay: .3s;
}
@keyframes sliderTextBlink {
0% {
background: none;
}
25% {
background: #FC0;
}
50% {
background: none;
}
75% {
background: #FC0;
}
100% {
background: none;
}
}
#increment,
#decrement{
position:absolute;
top:45%;
width:50px;
height:50px;
border-radius: 100%;
border: 1px solid #fff;
cursor:pointer;
color:#fff;
text-align: center;
line-height: 45px;
box-shadow: 0px 0px 7px -1px #333;
-moz-box-shadow: 0px 0px 7px -1px #333;
-webkit-box-shadow: 0px 0px 7px -1px #333;
text-shadow: 0 0 6px #000;
z-index:2;
}
#increment {
right:100px;
}
#decrement {
left:100px;
}
/**
* 繧ｹ繝ｩ繧､繝峨�逕ｻ蜒上′荳譫壹�譎ゅ√せ繝ｩ繧､繝峨＠縺ｪ縺�隼菫ｮ縺ｫ髫帙＠縺ｦ霑ｽ險倥�
*/
/*繧ｹ繝ｩ繧､繝牙�逅�ｒ豁｢繧√ｋ縺ｨ縲√せ繝ｩ繧､繝峨�逕ｻ蜒上↓縺､縺�※縺�ｋopactiy縺ｮ蛟､縺�0縺ｮ縺ｾ縺ｾ縺ｪ縺ｮ縺ｧ縲，SS縺ｧ蠑ｷ蛻ｶ逧�↓opacity繧抵ｼ代↓縺吶ｋ*/
body[data-paused-original-slide="1"] .sliderDiv:nth-of-type(1){
opacity: 1 !important;
}
/*prev/next縺ｨ縲√せ繝ｩ繧､繝峨�荳九�轤ｹ縲√Ο繝ｼ繝繝ｼ繧帝撼陦ｨ遉ｺ縺ｫ縺吶ｋ*/
body[data-paused-original-slide="1"] #main_img_wrapper #increment,
body[data-paused-original-slide="1"] #main_img_wrapper #decrement,
body[data-paused-original-slide="1"] #main_img_wrapper #sliderStepsContainer,
body[data-paused-original-slide="1"] #main_img_wrapper #sliderLoader{
display: none;
}
#sliderSteps{
position: absolute;
width: 100%;
bottom: 50px;
height: 20px;
}
#sliderStepsContainer{
margin: auto;
height: 20px;
width: 10px;
position:relative;
bottom:120px;
z-index: 2;
text-align:center;
}
#bgSlider #sliderStepsContainer span {
display:inline-block;
border-radius:100%;
background:#fff;
width:10px;
height:10px;
margin:0 5px 0 0;
cursor:pointer;
padding:0;
}
#sliderStepsContainer span.current {
background:#ccc;
}
#sliderLoader {
height: 1px;
position: absolute;
bottom: 70px;
background: #fff;
width: 100%;
}
#sliderLoader span {
display:block;
background: #ccc;
margin:auto;
width:0 ;
height:1px;
padding:0px;
max-width:100%;
}
.slideshow-icon-addbg{
border-radius: 3px;
box-sizing: border-box;
}
#bgSlider{
visibility:hidden;
}
#bgSlider.js-loaded{
visibility:visible;
background:none;
}
/*繧ｹ繝ｩ繧､繝繝ｼ縺ｮ繝ｭ繝ｼ繝繝ｼ*/
#bgSliderLoader{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
visibility: visible;
background-image: url(../img/copy2open/ring-resize.svg);
background-repeat: no-repeat;
background-position: center center;
z-index: 0;
}
.js-bgSliderLoaded #bgSliderLoader{
display: none;
}
/* slideshow-playbtn */
#bgSlider .slideshow-icon-wrap {
max-width: 36px; /** 蟾ｦ蜿ｳmargin縺ｮ險ｱ螳ｹ蛻� **/
max-height: 32px;
border-radius: 3px !important;
float: right !important;
position: relative !important;
padding: 0 !important;
background-color: transparent !important;
}
#bgSlider .slideshow-icon-wrap img,
#bgSlider .slideshow-icon-wrap span{
vertical-align: baseline; /** 險ｭ螳壹い繧､繧ｳ繝ｳ縺ｮbaseline縺後ぜ繝ｬ繧句撫鬘後∈蟇ｾ蠢� */
}
/* fadein */
.slideshow-fadein{
background-size:auto;
background-repeat:no-repeat;
background-position:center;
}
/* slidedown */
.slideshow-slidedown{
position:absolute;
background-size:auto;
background-position: center -1200px;
background-repeat:no-repeat;
animation-timing-function : ease-in-out;
animation-duration:.75s;
animation-fill-mode:forwards
}
.slideshow-slidedown-passive {
background-position: center -1200px;
z-index:0;
animation-name:slideup;
}
.slideshow-slidedown-active {
background-position: center center;
z-index:1;
animation-name:slidedown;
}
/** 繝ｦ繝九ヰ繝ｼ繧ｵ繝ｫ繧ｻ繝ｬ繧ｯ繧ｿ縺ｯ繝繝｡ */
/*.slideshow-slidedown *{*/
.slideshow-slidedown .slider_icons,
.slideshow-slidedown .slider_content_wrap{
display:none;
}
/** 繝ｦ繝九ヰ繝ｼ繧ｵ繝ｫ繧ｻ繝ｬ繧ｯ繧ｿ縺ｯ繝繝｡ */
/*.slideshow-slidedown-active *{*/
.slideshow-slidedown-active .slider_icons,
.slideshow-slidedown-active .slider_content_wrap{
display:block;
}
.slideshow-slidedown-wrap #sliderStepsContainer,
.slideshow-slidedown-wrap #sliderLoader{
z-index:1;
}
@keyframes slidedown{
0%{background-position: center -1200px;}
100%{background-position: center center;}
}
@keyframes slideup{
0%{background-position: center center;}
100%{background-position: center -1200px;}
}
@keyframes fadein{
0%{opacity: 0;}
75%{opacity: 1;}
100%{opacity: 1;}
}
/* zoomin */
/** 繝ｦ繝九ヰ繝ｼ繧ｵ繝ｫ繧ｻ繝ｬ繧ｯ繧ｿ縺ｯ繝繝｡ */
/*.slideshow-zoomin *{*/
.slideshow-zoomin .slider_icons,
.slideshow-zoomin .slider_content_wrap{
display:none;
}
/** 繝ｦ繝九ヰ繝ｼ繧ｵ繝ｫ繧ｻ繝ｬ繧ｯ繧ｿ縺ｯ繝繝｡ */
/*.slideshow-zoomin-active *{*/
.slideshow-zoomin-active .slider_icons,
.slideshow-zoomin-active .slider_content_wrap{
display:block;
}
.slideshow-zoomin {
z-index: 0;
opacity: 0;
background-repeat: no-repeat;
background-position: center;
background-size:auto;
position:absolute;
}
.slideshow-zoomin-active{
opacity:1;
z-index:1;
animation-name:zoomin;
animation-duration:1s;
animation-fill-mode:forwards;
transform: scale( 1 ) rotate(0.1deg);
}
.slideshow-zoomin-wrap #sliderStepsContainer,
.slideshow-zoomin-wrap #sliderLoader{
z-index:1;
}
@keyframes zoomin{
0%{transform:scale(0.9) rotate(0deg);}
100%{transform:scale(1) rotate(0deg);}
}
/* zoomout */
.slideshow-zoomout {
width: 100%;
height: 100%;
position: absolute;
}
.slideshow-zoomout{
transition: opacity .75s;
}
.slideshow-zoomout-passive{
opacity: 0;
z-index: 0;
}
.slideshow-zoomout-active{
opacity: 1;
z-index: 1;
}
.slideshow-zoomout .slider_img_wrapper{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.slideshow-zoomout .slider_img {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
transform: scale(1.2);
transform-origin: center center;
transition: transform 8s;
}
.slideshow-zoomout-active .slider_img {
transform: scale(1) rotate(0.1deg);
z-index: 1;
}
.slideshow-zoomout-active .slider_btn{
z-index: 2;
}
.slideshow-zoomout-wrap #sliderStepsContainer,
.slideshow-zoomout-wrap #sliderLoader{
z-index: 1;
}
#bgSlider .newArrivalSlideShow {
position: absolute;
float: none !important;
top: 5px;
right: 8px;
background-color: #f00;
color: #fff !important;
line-height: 16px !important;
font-size: 12px !important;
border-radius: 100%;
text-align: center;
width: 16px !important;
height: 16px !important;
padding: 0;
}
#bgSlider .newArrivalSlideShow:empty{
display:none;
}
#bgSlider .slider_caption .slider_caption_contents {
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.sliderDiv.slideLink{
cursor: pointer;
}
.sliderDiv[data-disp-flag="0"],
#sliderStepsContainer > span[data-disp-flag="0"]{
display:none !important;
}
.slider_btn{
overflow: visible;
position: relative;
}
.slider_btn_inner{
position: relative;
}
.slider_btn_inner .thickbox{
width: 32px;
height: 32px;
background: #666;
box-sizing: border-box;
border-radius: 3px;
box-shadow: 1px 1px 2px rgb(0 0 0 / 27%);
display: block;
cursor: pointer;
padding: 3px 2px 2px 3px;
position: absolute;
right: -16px;
top: -16px;
z-index: 10;
}
.slider_btn_inner .thickbox .add_url_slider{
width: 100%;
}
#bgSlider .flick--moving{
transition: all .3s ease-out;
}
#bgSlider .no-animate{
animation: none;
}
/*responsive*/
@media screen and (min-width: 481px) {
.slider_btn{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mainImageDammyOuter #bgSlider{
padding: 0;
margin: 0;
}
/*#bgSlider p a{*/
#bgSlider .slider_icons_inner .slideshow-icon-wrap{
display: inline-block;
margin-left: 0;
margin-right: 0;
}
#bgSlider .slider_icons_inner .slideshow-icon-wrap:active{
transform: scale(0.95);
}
/*#bgSlider p a.thickbox{*/
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox{
position: absolute;
z-index: 2001;
}
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern:after{
width: 10px;
height: 10px;
animation-name: isRecommendSldier;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
background-color: ;
pointer-events: none;
z-index: 1;
background: none;
transform: none;
border-radius: 50%;
background: rgba(255, 159, 159);
}
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-showed="1"]:after,
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-selected-recommend="1"]:after{
display: none;
}
@keyframes isRecommendSldier{
0% {
opacity: 1.0;
}
40% {
box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5);
opacity: 0.5;
}
100% {
box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5);
opacity: 0;
transform: scale(1);
}
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap{
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
padding: 0px !important;
display: flex !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"]{
flex-wrap: nowrap !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"]{
align-items: flex-start !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"]{
align-items: center !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"]{
align-items: flex-end !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_btn{
justify-content: flex-start;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_btn{
justify-content: center;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_btn{
justify-content: flex-end;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text{
text-align: left !important;
justify-content: flex-start;
margin-left: 0 !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_caption_contents{
text-align: left !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text{
text-align: center !important;
justify-content: center;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_caption_contents{
text-align: center !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text{
text-align: right !important;
justify-content: flex-end;
margin-right: 0 !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_caption_contents{
text-align: right !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap .slider_text .slider_caption_contents{
width: 100% !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap{
width: auto !important;
flex-wrap: wrap !important;
flex-direction: column !important;
padding: 45px !important;
z-index: 1;
}
_:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap {
display: block !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "fit"] .slider_text_wrap{
background: rgba(0,0,0,.6) !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text_wrap{
width: 100% !important;
background: rgba(0,0,0,.6) !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text{
/*max-width: none !important;*/
display: flex;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong{
/*max-width: none !important;*/
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{
width: 100% !important;
}
_:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{
margin: 0;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_caption{
width: auto !important;
/*max-width: none !important;*/
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text{
margin-left: auto !important;
margin-right: auto !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "1"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "4"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "7"] .slider_text{
margin-left: 0 !important;
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "2"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "5"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "8"] .slider_text{
}
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "3"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "6"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "9"] .slider_text{
margin-right: 0 !important;
}
}
/*responsive*/
@media screen and (max-width: 480px) {
#body_sub #header_wrapper,
#body_free #header_wrapper{
position:absolute;
}
#bgSlider .slideshow-icon-wrap{
max-width: 38px;
max-height: 38px;
}
/** 隱ｭ縺ｿ霎ｼ縺ｿ蠕後�蝓ｺ譛ｬnone */
#bgSlider .slideshow-icon-wrap:not(.slideshow-setting-wrap){
display: none;
}
#bgSlider .slider_icons .slider_icons_inner .slideshow-icon-wrap.slideshow-setting-wrap{
width: 38px;
height: 38px !important;
display: inline-block;
margin-right: 0;
}
/* slidedown */
.slideshow-slidedown {
display:none;
}
.slideshow-slidedown-active {
display:block;
}
.slideshow-slidedown-wrap #increment,
.slideshow-slidedown-wrap #decrement,
.slideshow-slidedown-wrap #sliderStepsContainer{
z-index:2;
}
@keyframes slidedown{
0%{
background-position-y: -1000px;
opacity:0;
}
100%{
background-position-y: center;
opacity:1;
}
}
@keyframes slideup{
0%{
background-position: center center;
}
100%{
background-position: center -1200px;
}
}
/* zoomin */
.slideshow-zoomin {
position:absolute;
display:none;
}
.slideshow-zoomin-active {
display:block;
}
#bgSlider .slider_icons{
display:block !important;
}
/* zoomout */
.useCustomSlider .slideshow-zoomout{
height: auto;
}
.useCustomSlider .slideshow-zoomout .slider_img_wrapper{
height: 56.25vw; /* 繝�ヵ繧ｩ繝ｫ繝医〒縺ｯ 16.9 豈皮紫縺ｫ縺励※縺�ｋ 蜷�ョ繧ｶ繧､繝ｳCSS縺ｧ荳頑嶌縺榊庄 */
}
.slider_btn_inner{
max-width: 90%;
margin: 0 auto;
text-align: center;
}
.slider_btn_inner .thickbox{
right: 32px;
}
#bgSliderLoader{
max-height: 100vh;
}
}
div.baloon {
background-color: #fff;
border-radius: 50px;
box-shadow: 2px 3px 4px 2px rgba(0,0,0,0.2);
color: #333;
font-size: 11px;
padding: 5px;
position: absolute;
z-index: 5000;
}
div.baloon:before{
width: 7px;
height: 10px;
background: #fff;
border-radius: 0 0 17px 0 / 0 0 13px 0;
box-shadow: -4px 2px 0 -3px transparent inset;
content: "";
display: block;
position: absolute;
top: 21px;
}
div.baloon a{
margin: 0 3px 0 0;
}
div.baloon a img {
width: 17px;
height: 17px;
}/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0; /* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("images/animated-overlay.gif");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}.xdsoft_datetimepicker {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
background: #fff;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 8px;
padding-left: 0;
padding-top: 8px;
position: absolute;
z-index: 9999;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
position: absolute;
left: 0;
top: 0;
width: 75px;
height: 210px;
background: transparent;
border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
border: none !important;
}
.xdsoft_noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }
.xdsoft_datetimepicker.xdsoft_inline {
display: inline-block;
position: static;
box-shadow: none;
}
.xdsoft_datetimepicker * {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 224px;
float: left;
margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 58px;
float: left;
text-align: center;
margin-left: 8px;
margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
margin-top: 8px;
margin-bottom: 3px
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
position: relative;
text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5;
background-position: -92px -19px;
display: inline-block;
width: 9px;
height: 20px;
vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
float: left;
background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
float: left;
background-position: -70px 0;
margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
float: right;
background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
background-color: transparent;
background-repeat: no-repeat;
border: 0 none;
cursor: pointer;
display: block;
height: 30px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
outline: medium none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 100%;
white-space: nowrap;
width: 20px;
min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
float: none;
background-position: -40px -15px;
height: 15px;
width: 30px;
display: block;
margin-left: 14px;
margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
float: none;
margin-left: 0;
margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-position: -40px 0;
margin-bottom: 7px;
margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #f5f5f5;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
text-align: center;
border-collapse: collapse;
cursor: pointer;
border-bottom-width: 0;
height: 25px;
line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
display: inline;
position: relative;
z-index: 9999;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff;
float: left;
width: 182px;
text-align: center;
cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
border: 1px solid #ccc;
position: absolute;
right: 0;
top: 30px;
z-index: 101;
display: none;
background: #fff;
max-height: 160px;
overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #fff;
background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
padding: 2px 10px 2px 5px;
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
width: 100px;
right: 15px !important;
text-align: right;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
}
.xdsoft_datetimepicker .xdsoft_calendar {
clear: both;
}
.xdsoft_datetimepicker .xdsoft_year{
width: 48px;
margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
border-collapse: collapse;
width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
width: 14.2857142%;
background: #f5f5f5;
border: 1px solid #ddd;
color: #666;
font-size: 12px;
text-align: right;
vertical-align: middle;
padding: 0;
border-collapse: collapse;
cursor: pointer;
height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #fff !important;
background: #ff8000 !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
background: #33aaff !important;
box-shadow: #178fe5 0 1px 3px 0 inset !important;
color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
color: inherit !important;
background: inherit !important;
box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: 700;
text-align: center;
color: #999;
cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
color: #ccc !important;
font-size: 10px;
clear: both;
float: none;
margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
.xdsoft_time_box {
position: relative;
border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
background: #ccc !important;
height: 20px;
border-radius: 3px;
}
.xdsoft_scrollbar {
position: absolute;
width: 7px;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
left: 0;
right: auto;
}
.xdsoft_scroller_box {
position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
background: #000;
border-bottom: 1px solid #444;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #0a0a0a;
border-top: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
border: 1px solid #333;
background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #000;
background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0a0a0a;
border: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #000 !important;
background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
.xdsoft_dark .xdsoft_time_box {
border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
display: block;
border: 1px solid #dddddd !important;
margin-top: 5px;
width: 100%;
color: #454551;
font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
font-family: "museo-sans", "Book Antiqua", sans-serif;
font-size: 12px;
font-weight: 300;
color: #82878c;
height: 28px;
position: relative;
padding: 4px 17px 4px 33px;
border: 1px solid #d7d8da;
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* IE10+ */
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
color: #454551;
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* IE10+ */
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
/* IE6-9 */
}.xdsoft_datetimepicker {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
background: #fff;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 8px;
padding-left: 0;
padding-top: 8px;
position: absolute;
z-index: 9999;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2147483646 !important;
display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
position: absolute;
left: 0;
top: 0;
width: 75px;
height: 210px;
background: transparent;
border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
border: none !important;
}
.xdsoft_noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }
.xdsoft_datetimepicker.xdsoft_inline {
display: inline-block;
position: static;
box-shadow: none;
}
.xdsoft_datetimepicker * {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 224px;
float: left;
margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 58px;
float: left;
text-align: center;
margin-left: 8px;
margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
margin-top: 8px;
margin-bottom: 3px
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
position: relative;
text-align: center;
}
.xdsoft_monthpicker .xdsoft_next {
position: absolute;
top: 0;
right: 0;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5;
background-position: -92px -19px;
display: inline-block;
width: 9px;
height: 20px;
vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
float: left;
background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
float: left;
background-position: -70px 0;
margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
float: right;
background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
background-color: transparent;
background-repeat: no-repeat;
border: 0 none;
cursor: pointer;
display: block;
height: 30px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
outline: medium none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 100%;
white-space: nowrap;
width: 20px;
min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
float: none;
background-position: -40px -15px;
height: 15px;
width: 30px;
display: block;
margin-left: 14px;
margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
float: none;
margin-left: 0;
margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-position: -40px 0;
margin-bottom: 7px;
margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #f5f5f5;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
text-align: center;
border-collapse: collapse;
cursor: pointer;
border-bottom-width: 0;
height: 25px;
line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
display: inline;
position: relative;
z-index: 9999;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff;
float: left;
width: 182px;
text-align: center;
cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
border: 1px solid #ccc;
position: absolute;
right: 0;
top: 30px;
z-index: 101;
display: none;
background: #fff;
max-height: 160px;
overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #fff;
background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
padding: 2px 10px 2px 5px;
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
width: 45px;
text-align: right;
position: absolute;
top: 0;
right: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar {
clear: both;
}
.xdsoft_datetimepicker .xdsoft_year{
width: 100px;
margin-left: 5px;
position: absolute;
top: 0;
right: 60px;
}
.xdsoft_datetimepicker .xdsoft_year:after {
content: "蟷ｴ";
position: absolute;
top: 5px;
right: 15px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
border-collapse: collapse;
width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
width: 14.2857142%;
background: #f5f5f5;
border: 1px solid #ddd;
color: #666;
font-size: 12px;
text-align: right;
vertical-align: middle;
padding: 0;
border-collapse: collapse;
cursor: pointer;
height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #fff !important;
background: #ff8000 !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
background: #33aaff !important;
box-shadow: #178fe5 0 1px 3px 0 inset !important;
color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
color: inherit !important;
background: inherit !important;
box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: 700;
text-align: center;
color: #999;
cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
color: #ccc !important;
font-size: 10px;
clear: both;
float: none;
margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
.xdsoft_time_box {
position: relative;
border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
background: #ccc !important;
height: 20px;
border-radius: 3px;
}
.xdsoft_scrollbar {
position: absolute;
width: 7px;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
left: 0;
right: auto;
}
.xdsoft_scroller_box {
position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
background: #000;
border-bottom: 1px solid #444;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #0a0a0a;
border-top: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
border: 1px solid #333;
background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #000;
background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0a0a0a;
border: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #000 !important;
background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
.xdsoft_dark .xdsoft_time_box {
border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
display: block;
border: 1px solid #dddddd !important;
margin-top: 5px;
width: 100%;
color: #454551;
font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
font-family: "museo-sans", "Book Antiqua", sans-serif;
font-size: 12px;
font-weight: 300;
color: #82878c;
height: 28px;
position: relative;
padding: 4px 17px 4px 33px;
border: 1px solid #d7d8da;
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* IE10+ */
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
color: #454551;
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* IE10+ */
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
/* IE6-9 */
}