@charset "utf-8";
/* [共通定義] */
img { border-style: none; }
form { display: inline; margin: 0px; padding: 0px; }
label { cursor: pointer; font-family: monospace; }
input { font-size: 12px; font-family: monospace; }
select { margin: 0px; font-size: 12px; font-family: monospace; }
textarea { font-size: 12px; font-family: monospace; width: 500px; }
.modinput_text { font-size: 12px ; font-family: monospace ; }
.systextinput { font-size: 12px; font-family: monospace; }
.syscboxinput { vertical-align: bottom; }
input[type="text"] { font-size: 12px; font-family: monospace; }
input[type="file"] { height: 20px; }
.floatclear { font-size: 1px; line-height: 1%; clear: both; }
.vspace01 { font-size: 1px; line-height: 1%; }
.hidebox { display: none; }
.viewbox { }
/* [個別定義] */
a.modmenu_link1{ display: inline ; font-size: 18px ; font-weight: bold ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: center ; margin: 0px 35px 0px 0px ; padding: 0px ; }
a.modmenu_link1:link{ font-size: 18px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #161616 ; }
a.modmenu_link1:visited{ font-size: 18px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #161616 ; }
a.modmenu_link1:hover{ font-size: 18px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #DC000C ; }
a.modmenu_link2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 8px ; border: 1px solid #cccccc ; }
@media (max-width: 1000px) {
a.modmenu_link1:link,
a.modmenu_link1{
font-size: 16px;
margin: 0 24px 0 0;
}
}
@media (max-width: 768px) {
a.modmenu_link1{
display:block;
}
.zdo_drawer_nav_wrapper a.modmenu_link1{
margin:0;
padding:16px;
text-align:left;
background:#B11636;
border-bottom: 1px solid #fff;
color:#fff;
}
.zdo_drawer_nav_wrapper .foot_iconarea{
padding: 8px 8px 80px 8px;
}
.zdo_drawer_nav_wrapper .foot_icon_flex{
color:#707070;
}
a.sp_menulink {
display: block;
padding: 8px 016px;
background: #707070;
color: #fff;
border-bottom: 1px solid;
font-weight: normal;
}
}
a.modmenu_link2:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link2:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link2:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.modmenu_link3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 15px ; border: 1px solid #cccccc ; }
a.modmenu_link3:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link3:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link3:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.modmenu_link4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 22px ; border: 1px solid #cccccc ; }
a.modmenu_link4:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link4:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; background-color: #eeeeee ; }
a.modmenu_link4:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
.modmenu_text1{ display: block ; overflow: hidden ; width: 132px ; height: 12px ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: center ; color: #333333 ; background: url("/img/themes/usr.default.1/sty015.gif") repeat scroll top left ; margin: 0px ; padding: 12px 0px ; text-indent: 0px ; }
.modmenu_text2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #333333 ; margin: 2px ; padding: 2px 0px 2px 8px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modmenu_text3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #333333 ; margin: 2px ; padding: 2px 0px 2px 15px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modmenu_text4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #333333 ; margin: 2px ; padding: 2px 0px 2px 22px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modhead0{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modhead1{ display: block ; font-size: 18px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 0px ; border-left: 6px solid #333333 ; text-indent: 0px ; }
.deftitle .modhead1{
border:none;
font-size: 3.2rem;
color:#fff;
}
.modhead1 pre{
margin-bottom: 8px;
line-height:100%;
font-size:1.6rem;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
@media (max-width: 1280px) {
.deftitle .modhead1{
padding-left: 16px;
}
}
@media (max-width: 768px) {
.deftitle{
width: 100%;
margin-bottom: 24px;
padding-left: 0px;
}
.deftitle .modhead1{
font-size:2.8rem;
padding: 10px;
}}
.modhead2{ display: block ; font-size: 32px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.tophead2{
color:#171717;
position: relative;
text-align: center;
font-weight:bold;
font-size:32px;
margin:32px 0 40px 0;
}
.modhead2, .tophead2{
line-height: 120%;
vertical-align: baseline;
}
.modhead2 {
display: block;
position: relative;
margin:0 0 24px 0px;
padding: 0 0 8px 0;
border-bottom: 2px solid #dc000c;
font-size: 3.2rem;
font-weight: normal;
color: #DC000C;
}
@media (max-width: 1280px) {
padding: 0 0 8px 16px;
}
@media (max-width: 768px) {
.tophead2{
margin: 16px 0 24px 0
}
.modhead2,.tophead2{
font-size:2.8rem;
}
.modhead2{
margin:0 0 24px 0px;
}}
.modhead3{ display: block ; font-size: 24px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #161616 ; margin: 0px 0px 24px 0px ; padding: 0px 0px 8px 0px ; text-indent: 0px ; border-bottom: solid 1px #dc000c;
}
@media (max-width: 768px) {
.modhead3{
margin-left: 0;
font-size: 1.8rem;
}}
.modhead4{ display: block ; font-size: 18px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #161616 ; margin: 0px ; padding: 0px ; text-indent: 0px ; margin: 0 0 16px 0;
border-bottom: solid 1px #707070;}
.modhead5{ display: block ; font-size: 18px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; border-left: 2px solid #333333 ; text-indent: 0px ; margin: 0 0 8px 0;
border-left: solid 4px #DC000C;
}
.modbbox1 .modbbox2,
.modbbox1 .modbbox3,
.modbbox1 .modbbox4,
.modbbox1 .modhead1,
.modbbox1 .modhead2,
.modbbox1 .modhead3,
.modbbox1 .modhead4,
.modbbox2 .modbbox2,
.modbbox2 .modbbox3,
.modbbox2 .modbbox4,
.modbbox2 .modhead1,
.modbbox2 .modhead2,
.modbbox2 .modhead3,
.modbbox2 .modhead4,
.modbbox3 .modbbox2,
.modbbox3 .modbbox3,
.modbbox3 .modbbox4,
.modbbox3 .modhead1,
.modbbox3 .modhead2,
.modbbox3 .modhead3,
.modbbox3 .modhead4{
margin: 0;
}}
.modbbox0{ display: block ; font-size: 15px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modbbox1{ display: block ; font-size: 15px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 40px 0px ; padding: 2px ; text-indent: 0px ; }
.modbbox2{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: dbb3 ; margin: 0px 0px 40px 0px ; padding: 0px ; text-indent: 0px ; }
@media (max-width: 768px) {
.modbbox2{
margin-left:0;
}}
.modbbox3{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 40px 50px ; padding: 0px ; text-indent: 0px ; }
@media (max-width: 768px) {
.modbbox3{
margin-left: 0;
}}
.modbbox4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 0px 30px ; padding: 2px ; text-indent: 0px ; }
.modbbox5{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 0px 40px ; padding: 2px ; text-indent: 0px ; }
.modtitle1{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #999999 ; background-color: #ffffff ; margin: 5px 2px 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modtitle2{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; background-color: #ffffff ; margin: 5px 2px 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modtitle3{ display: block ; font-size: 14px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; background: url("/img/themes/usr.default.1/sty016.png") repeat-y scroll top left ; background-color: #eeeeee ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modtitle4{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; background: url("/img/themes/usr.default.1/sty017.png") repeat-y scroll top left ; background-color: #eeeeee ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modtitle5{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #999999 ; background: url("/img/themes/usr.default.1/sty018.png") repeat-y scroll top left ; background-color: #eeeeee ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modtitle6{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #999999 ; background: url("/img/themes/usr.default.1/sty019.png") repeat-y scroll top left ; background-color: #eeeeee ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modframe1{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 2px 5px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modframe2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 2px 5px 2px ; padding: 2px ; border: 1px solid #333333 ; text-indent: 0px ; }
.modframe3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/usr.default.1/sty019.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #eeeeee ; border-bottom: 1px solid #eeeeee ; text-indent: 0px ; }
.modframe4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/usr.default.1/sty019.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #eeeeee ; border-bottom: 1px solid #eeeeee ; text-indent: 0px ; }
.modframe5{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/usr.default.1/sty019.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #eeeeee ; border-bottom: 1px solid #eeeeee ; text-indent: 0px ; }
.modframe6{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/usr.default.1/sty019.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #eeeeee ; border-bottom: 1px solid #eeeeee ; text-indent: 0px ; }
.moddef_foot{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_text{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 180% ; letter-spacing: 0px ; text-align: left ; color: #161616 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modinv_text{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.moddef_link{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.moddef_link:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddef_link:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddef_link:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #333333 ; }
a.moddec_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px 2px 2px 14px ; background: url("/img/themes/usr.default.1/sty020.png") no-repeat scroll top left ; }
a.moddec_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddec_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddec_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #333333 ; background: url("/img/themes/usr.default.1/sty021.png") no-repeat scroll top left ; }
a.modinv_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.modinv_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #eeeeee ; }
a.modinv_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #eeeeee ; }
a.modinv_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #ffffff ; }
.moddef_img{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_cap{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_pre1{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; background-color: #ffffff ; margin: 0px 2px ; padding: 2px ; border-left: 2px solid #cccccc ; text-indent: 0px ; white-space: pre ; font-family: monospace ; }
.moddef_pre2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; background-color: #ffffff ; margin: 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; white-space: pre ; font-family: monospace ; }
.moddef_btag{ display: inline ; font-size: 14px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_etag{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: italic ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_stag{ display: inline ; font-size: 14px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #663333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_itag{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_dtag{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn1{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn2{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #003399 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn3{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #663333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.modpath_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 1px ; padding: 0px ; }
a.modpath_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.modpath_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.modpath_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #994444 ; }
.modpath_text{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px ; padding: 0px ; text-indent: 0px ; }
a.modmini_link{ display: inline ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 1px ; padding: 0px ; }
a.modmini_link:link{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #92182F ; }
a.modmini_link:visited{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #92182F ; }
a.modmini_link:hover{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: underline ; }
.modmini_text{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #92182F ; margin: 1px ; padding: 0px ; text-indent: 0px ; }
.modmesg_label{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #161616 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_label .mark{
display: inline-block;
margin-left:8px;
padding: 0 2px;
border-radius:3px;
background: #B11636;
line-height: 150%;
font-size: 12px;
color: #fff;}
.modmesg_value{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #161616 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modmesg_cmnt{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_cnfm{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_text{ display: block ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #B11636 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.moddef_textr{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: right ; color: #666666 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modinv_textr{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: right ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_textc{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modinv_textc{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modcopyright{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #161616 ; margin: 10px 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modcopyright{
margin-bottom: 8px;
}
}
.modfoot_text{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #161616 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
a.modfoot_link{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.modfoot_link:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #161616 ; }
a.modfoot_link:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #161616 ; }
a.modfoot_link:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #0058DC ; }
.modhead_text{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.modhead_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.modhead_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; }
a.modhead_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #333333 ; }
a.modhead_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #663333 ; }
a.modpageupper{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; z-index: 10;
width: 60px;
height: 60px;
border: 1px solid #fff;
background: #b11636;
line-height:100px;
}
a.modpageupper:after{
position:absolute;
top:-13px;
right:17px;
content: url("/img/usr/default/4GF-b-UrHRD-1.png");
}
@media (max-width: 768px) {
a.modpageupper{
display:block;
position:relative;
bottom:0;
right:0;
width:100%;
height:80px;
}
a.modpageupper:after{
right:50%;
margin-right:-13px;
}}
a.modpageupper:link{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
a.modpageupper:visited{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
a.modpageupper:hover{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #fff ; }
a.modtotoplink{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px 2px 2px 14px ; }
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 3%;
bottom: 3%;
background: red;
opacity: 0.6;
z-index:100;
}
#page_top a{
position: relative;
display: block;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d8";
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
a.modtotoplink:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; }
a.modtotoplink:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #666666 ; }
a.modtotoplink:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #333333 ; background: url("/img/themes/usr.default.1/sty025.png") no-repeat scroll top left ; }
.modimgtab1_ox{ margin: 0px 2px 4px 2px ; }
.modimgtab1_vr{ width: 12px ; background: url(/img/themes/usr.default.1/sty026_Fx.png) right top repeat-y ; }
.modimgtab1_vl{ width: 12px ; background: url(/img/themes/usr.default.1/sty026_Dx.png) left top repeat-y ; }
.modimgtab1_tl{ width: 12px ; height: 12px ; background: url(/img/themes/usr.default.1/sty026_Ax.png) left top no-repeat ; }
.modimgtab1_bl{ width: 12px ; height: 12px ; background: url(/img/themes/usr.default.1/sty026_Gx.png) left bottom no-repeat ; }
.modimgtab1_tr{ height: 12px ; background: url(/img/themes/usr.default.1/sty026_BC.png) right top no-repeat ; }
.modimgtab1_br{ height: 12px ; background: url(/img/themes/usr.default.1/sty026_HI.png) right bottom no-repeat ; }
.modimgtab1_in{ background: url(/img/themes/usr.default.1/sty026_Ex.png) ; }
.modimgtab1_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab1{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab2_ox{ margin: 0px 2px 4px 2px ; }
.modimgtab2_vr{ width: 12px ; background: url(/img/themes/usr.default.1/sty027_Fx.png) right top repeat-y ; }
.modimgtab2_vl{ width: 12px ; background: url(/img/themes/usr.default.1/sty027_Dx.png) left top repeat-y ; }
.modimgtab2_tl{ width: 12px ; height: 12px ; background: url(/img/themes/usr.default.1/sty027_Ax.png) left top no-repeat ; }
.modimgtab2_bl{ width: 12px ; height: 12px ; background: url(/img/themes/usr.default.1/sty027_Gx.png) left bottom no-repeat ; }
.modimgtab2_tr{ height: 12px ; background: url(/img/themes/usr.default.1/sty027_BC.png) right top no-repeat ; }
.modimgtab2_br{ height: 12px ; background: url(/img/themes/usr.default.1/sty027_HI.png) right bottom no-repeat ; }
.modimgtab2_in{ background: url(/img/themes/usr.default.1/sty027_Ex.png) ; }
.modimgtab2_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab2{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox1_ox{ margin: 0px 2px 4px 2px ; font-size: 1px; line-height: 1%; }
.modimgbox1_vr{ background: url(/img/themes/usr.default.1/sty026_Fx.png) right top repeat-y ; }
.modimgbox1_vl{ margin-right: 12px ; padding-left: 12px ; background: url(/img/themes/usr.default.1/sty026_Dx.png) left top repeat-y ; }
.modimgbox1_tl{ height: 12px ; background: url(/img/themes/usr.default.1/sty026_Ax.png) left top no-repeat ; }
.modimgbox1_bl{ height: 12px ; background: url(/img/themes/usr.default.1/sty026_Gx.png) left bottom no-repeat ; }
.modimgbox1_tr{ height: 12px ; margin-left: 12px ; background: url(/img/themes/usr.default.1/sty026_BC.png) right top no-repeat ; }
.modimgbox1_br{ height: 12px ; margin-left: 12px ; background: url(/img/themes/usr.default.1/sty026_HI.png) right bottom no-repeat ; }
.modimgbox1_in{ background: url(/img/themes/usr.default.1/sty026_Ex.png) ; }
.modimgbox1_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox1{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox2_ox{ margin: 0px 2px 4px 2px ; font-size: 1px; line-height: 1%; }
.modimgbox2_vr{ background: url(/img/themes/usr.default.1/sty027_Fx.png) right top repeat-y ; }
.modimgbox2_vl{ margin-right: 12px ; padding-left: 12px ; background: url(/img/themes/usr.default.1/sty027_Dx.png) left top repeat-y ; }
.modimgbox2_tl{ height: 12px ; background: url(/img/themes/usr.default.1/sty027_Ax.png) left top no-repeat ; }
.modimgbox2_bl{ height: 12px ; background: url(/img/themes/usr.default.1/sty027_Gx.png) left bottom no-repeat ; }
.modimgbox2_tr{ height: 12px ; margin-left: 12px ; background: url(/img/themes/usr.default.1/sty027_BC.png) right top no-repeat ; }
.modimgbox2_br{ height: 12px ; margin-left: 12px ; background: url(/img/themes/usr.default.1/sty027_HI.png) right bottom no-repeat ; }
.modimgbox2_in{ background: url(/img/themes/usr.default.1/sty027_Ex.png) ; }
.modimgbox2_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox2{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.photo_box{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 10px 0px 0px 0px ; padding: 0px ; border-top: 22px solid #efefef ; border-bottom: 1px solid #efefef ; border-left: 1px solid #efefef ; border-right: 1px solid #efefef ; text-indent: 0px ; }
.arrow_box{ display: block ; overflow: hidden ; width: 262px ; height: 22px ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; background-color: #efefef ; margin: 10px 0px 0px 0px ; padding: 0px ; text-indent: 0px ; }
.icons_box{ display: block ; overflow: scroll ; width: 262px ; height: 242px ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.spec_box{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; width: 100%;
border:1px solid #d7d7d7;
}
.spec_box tr:not(:last-child){
border-bottom:1px solid #d7d7d7
;
}
.spec_box .listtable{
margin:0;
}
.spec_box td{
border-bottom:1px solid #d7d7d7;
text-align:left;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}
.spec_box td:first-child{
background: #efefef !important;
width: 25%;
padding: 8px 16px;
text-align: center;
color:#707070;
font-size:16px;
}
.spec_box td:last-child{
width:100%;
padding: 8px 16px;
border-left:1px solid #d7d7d7;
font-weight:bold;
font-size:16px;
color:#161616;
}
.spec_box tr:nth-of-type(1){
display:none !important;
}
tr.spc0 td:last-child{
color:#E16767;
font-size:24px;
border-color: #d7d7d7;
line-height: 180%;
}
tr.spc7 td{
border:none;
}
tr.spc7 td:last-child{
text-align:right;
font-size:21px;
color:#0058DC;
}
.spec_box .spc3 .hr,
.spec_box .spc2 .yr{
color: #9A9798;
display: inline-block;
margin-left: 8px;
float: none;
}
@media screen and (max-width: 768px) {
.spec_box{
width:100%;
order:2;
}
.spec_box .listtable{
width:100% ;
background: #fff !important;
}
.spec_box td{
display:flex;
border:none;
}
.spec_box td:first-child{
width: 35%;
align-items: center;
}
.spec_box td:last-child{
width: 100%;
padding:15px 15px 10px 15px;
}
}
.comment_box{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 130% ; letter-spacing: 0px ; text-align: left ; margin: 10px 1px 0px 1px ; padding: 3px ; text-indent: 0px ; }
.table_boxsp100{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.table_boxsp100 table, .table_boxsp100 thead, .table_boxsp100 tbody, .table_boxsp100 th, .table_boxsp100 td, .table_boxsp100 tr {
font-size:14px !important;
}
.table_boxsp100 td{
padding:0.5rem;
}
@media only screen and (max-width: 768px) {
.table_boxsp100 table, .table_boxsp100 thead, .table_boxsp100 tbody, .table_boxsp100 th, .table_boxsp100 td, .table_boxsp100 tr {
display: block;
width:auto;
}
.table_boxsp100 thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table_boxsp100 tr { border: 1px solid #ccc;
display:block;
}
.table_boxsp100 td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
width:auto !important;
}
.table_boxsp100 td:before {
position: absolute;
top: 6px;
left: 6px;
width: 100%;
padding-right: 10px;
white-space: nowrap;
}
/*Label the data*/
.table_boxsp100 td:nth-of-type(1):before { content: ""; }
.table_boxsp100 td:nth-of-type(2):before { content: ""; }
.table_boxsp100 td:nth-of-type(3):before { content: ""; }
.table_boxsp100 td:nth-of-type(4):before { content: ""; }
textarea {
width: 94% !important;
display: inline-block;
padding: 3%;
margin: 0;
}}
a.img_sp{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; }
@media screen and (max-width: 768px) {
.img_sp img{
width:100%;
height:auto;
}
}
a.img_sp:link{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.img_sp:visited{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.img_sp:hover{ font-size: 10px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.img_100{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.img_100 a{
width:100%;
}
.img_100 img{
width:100%;
height:auto;
}
a.special_site{ display: block ; font-size: 20px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 16px 10px ; border: 4px solid #A30013 ; text-decoration:none;
}
a.special_site:link{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #A30013 ; }
a.special_site:visited{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #A30013 ; }
a.special_site:hover{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #A30013 ; }
a.banner-block{ display: block ; overflow: hidden ; height: 60px ; font-size: 18px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; background: url("/img/usr/default/YQO-A-LnJSE-2.png") repeat scroll left top ; }
a.banner-block:active,
a.banner-block,
a.banner-block:hover{
display:block;
height:60px;
background-size:cover;
color:#fff;
line-height:350%;
text-decoration:none;
background-position:center;
}
a.banner-block:active,
a.banner-block:hover{
background-image: url("/img/usr/default/YoF-A-UnJSF-1.png");
}
@media screen and (max-width: 768px) {
a.banner-block:active,
a.banner-block:hover,
a.banner-block{
width:100%;
height:auto;
}
a.banner-block:active,
a.banner-block:hover{
background-image: url("
/>");
}}
a.banner-block:link{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.banner-block:visited{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
a.banner-block:hover{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.icon_box{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; float: left;
width: 70px;
height: 54px;
text-align: center;
cursor: pointer;
}
.icon_box:nth-of-type(8n),
.icon_box:last-child{
margin-right: 0;
}
.icon_box img{
width:72px;
}
.swiper-slide img{
max-width: 100%;
max-height: 100% ;}
.downloadlink{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
a.research_link{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 16px auto ; padding: 15px ; border-bottom: 4px solid #740310 ; text-decoration:none;
max-width:50%;
border-radius:4px;
}
a.research_link:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}
@media screen and (max-width: 768px) {
a.research_link{
display:block;
}
}
a.research_link:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #A30013 ; }
a.research_link:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #A30013 ; }
a.research_link:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.serch_link{ display: block ; overflow: hidden ; width: 40px ; height: 40px ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #707070 ; background-color: #fff ; margin: 0px 8px 0px 0px ; padding: 0px ; border: 1px solid #707070 ; text-indent: 0px ; display:inline-block;
box-sizing:border-box;
line-height:40px;
padding:0 !important;
overflow:unset;
}
.serch_link:hover{
color:#fff;
background:#B11636;
border:1px solid #B11636;
}
.active_link{
border-bottom:1px solid #707070;
text-align:center;
padding: 0 0 40px;
}
.activepage:hover{
color:#161616;
background:#fff;
border:1px solid #707070;
}
.active_link span{
text-align:center;
display:inline-block;
width:40px;
height:40px;
padding: 0 !important;
background:#EFEFEF;
color:#fff;
border:1px solid #707070;
box-sizing:border-box;
line-height:40px;
text-align:center;
font-size:16px;
color:#707070;
}
a.active_link span:not([class]){
margin:0 8px;
}
.active_link .activepage{
text-align:center;
display:inline-block;
width:40px;
height:40px;
padding:0 !important;
background:#B11636;
color:#fff;
border:1px solid #B11636;
box-sizing:border-box;
line-height:40px;
text-align:center;
font-size:16px;
color:#fff;
text-align: center;
padding:40px 0;
}
.serch_link + span.activepage{
margin-right:8px;
}
.active_link span:not([class]) + .activepage{
margin: 0 8px;
}
@media (max-width: 768px) {
.active_link span:not([class]) + .activepage{
margin: 8px;
}
.serch_link {
margin-bottom: 8px;
}}
.listtable{ display: inline ; width: 100% ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 20px 0px ; padding: 0px ; text-indent: 0px ; display:table;
table-layout:fixed;
width:100% !important;
border-collapse:inherit;
}
table{
border-spacing: 0;
}
.listtable table{
height:200px;
}
.listtable tr td:last-child a{
display:block;
padding:10px;
margin-bottom:10px;
background:#666666;
color:#fff;
border-radius:4px;
text-align:center;
text-decoration:none;
}
.listtable tr td:last-child a:hover{
opacity:0.8;
}
.listtable tr td:last-child a+a{
background:#A30013 !important;
}
.listtable table{
border:1px solid;
background:#ddd;
}
.spectab td{
border-bottom:1px solid;
text-align:left;
}
@media screen and (max-width: 768px) {
.listtable table{
height:auto;
}
.listtable tr,
.listtable td{
display:flex;
box-sizing: border-box;
}
.listtable td{
width:100%;
}
.listtable table{
background:#fff;
}
.listtable tr td:last-child a{
margin-top:1rem;
}
.listtable tr td:last-child a+a{
margin-bottom:2rem;
}
.spectab td{
display:table-cell;
width:50%;
border:none;
}
.spectab tr{
display:flex;
}
.spectab tr:not(:last-child){
border-bottom:1px solid;
}
}
a.tolist{ display: block ; overflow: hidden ; width: 70px ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px 0px 20px auto ; padding: 10px ; border: 2px solid #666666 ; text-decoration:none;
}
@media screen and (max-width: 768px) {
.tolist{
width:80%;
margin:auto 20px 0 auto;
}}
a.tolist:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #666666 ; }
a.tolist:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #666666 ; }
a.tolist:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; background-color: #fff ; }
.serch_box{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 24px 0px ; padding: 0px ; text-indent: 0px ; }
.serch_box td{
display:block;
}
.inpbox{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.sysinpbox{
display:block;
width:80% !important;
}
}
.news_box{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.news_box div{
float: none !important;
}}
.g_map{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; height: 0;
overflow: hidden;
padding-bottom: 53%;
position: relative;
}
.g_map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
@media screen and (max-width: 768px) {
.g_map{
padding-bottom: 100%;
}}
.LANGBUTTON{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
#LANGBUTTON{
width:80px;
height:auto;
}
@media (max-width: 768px) {
.language_btn{
margin:8px;
}
}
.none{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:none ;}
.deftitle{ display: block ; overflow: hidden ; width: 100% ; height: 120px ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
display:-ms-flex;
max-width:1280px;
margin:0 auto;
align-items:center;
}
.title_box{
background:url(/img/usr/default/BOn-X-grHOC-2.png) ,linear-gradient(to right,#DC000C, #210909);
background-repeat: no-repeat;
background-position: top right;
}
@media (max-width: 768px) {
.title_box{
auto
}
.deftitle{
height: auto;
min-height: 90px;
background:linear-gradient(to right,#DC000C, #210909);
}}
a.foot_contactbtn{ display: block ; font-size: 20px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 34px 22px ; }
a.foot_contactbtn:link{
width:100%;
box-sizing:border-box;
}
a.foot_contactbtn:before{
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: '\f0e0';
margin-right: 5px;
}
@media (max-width: 768px) {
a.foot_contactbtn:link{
max-width: 100%;
}
a.foot_contactbtn br{
display: none;
}}
a.foot_contactbtn:link{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #B11636 ; }
a.foot_contactbtn:visited{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #B11636 ; }
a.foot_contactbtn:hover{ font-size: 20px ; font-weight: normal ; font-style: normal ; text-decoration: none ; background-color: #702434 ; }
.foot_box{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 180% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
display:-ms-flex;
justify-content:center;
align-itemxs:center;
}
.foot_detailbox{
font-size: 14px;
line-height: 180%;
}
.foot_detaillink{
margin-right:6%;
}
.foot_detaillink img{
margin-bottom:5px;
max-width: 290px;
height: auto;
}
.foot_box>div:nth-child(3) .foot_detaillink img{
max-width: 240px;
margin-right: 16px
}
.foot_box>div:first-child{
margin-right:5%;
}
.foot_box div:nth-child(2){
margin-right: 3.6%;
}
.foot_box >div:nth-last-child(2){
width: 23%;
max-width: 250px;
margin-right:2%;
}
@media (max-width: 768px) {
.foot_box{
display:block;
}
.foot_detaillink{
margin:0;
font-size: 16px;
}
.foot_detaillink img{
max-width: 100%;
}
.foot_detailbox img{
width: 100%;
height: auto;
}
.foot_box>div:nth-child(3) .foot_detaillink img{
max-width: 100%;
margin-right: 0;
}
.foot_box >div:nth-last-child(2){
width:100%;
max-width: 100%;
}
.foot_box >div:nth-last-child(2).
.foot_box div:nth-child(2),
.foot_box div:first-child{
margin:0;
}
.foot_box>div:nth-of-type(-n+3) {
padding:0 0px 24px;
width:auto;
}
.foot_box div:nth-child(2){
margin-right: 0;
}
.foot_box >div:nth-last-child(2){
margin-right: 0;
}
.foot_detailbox{
word-break:break-all;
white-space: nowrap;
}
}
.lang_btn{ display: inline ; width: 100% ; font-size: 18px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #444444 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.language_btn img{
width:100%;
height:auto;
min-width: 89px;
}
.lang_btn before{
content: url('/img/usr/default/UcM-E-NrHPF-1.png');
margin-right: 5px;
}
@media (max-width: 768px) {
.language_btn img{
min-width: auto;
}}
.foot_iconbox{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display: flex;
display:-ms-flex;
justify-content: space-between;
align-items: flex-end;
width:100%;
}
.foot_icon_flex{
display:flex;
flex-wrap: wrap;
max-width: 120px;
justify-content:center;
margin-right:40px;
color:#707070;
text-align: center;
}
.foot_icon_p{
display: flex;
justify-content:center;
white-space:nowrap;
}
.balloonoya img{
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
.foot_iconbox{
flex-wrap: wrap;
align-items: unset;
}
.foot_icon_flex{
display: block;
max-width: 100%;
color:#E16767;
margin-right:0px;
margin-bottom: 8px;
}
}
.foot_iconarea{ display: inline ; font-size: 16px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; background-color: #EFEFEF ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
display:-ms-flex;
align-items:center;
padding:16px 0;
}
@media (max-width: 768px) {
.foot_iconarea{
display:block;
padding:8px 0;
text-align:center;
font-size:21px;
color:#E16767;
}
.foot_iconarea .c:last-child{
display: none;
}}
.balloonoya{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; position : relative;
}
.balloonoya:hover .balloon {
display: inline;
}
.balloon {
display: none;
position : absolute;
padding: 2px;
background-color: #B11636;
width:150px !important;;
left : 50%;
bottom:120%;
transform:translatex(-50%);
color:#fff;
font-weight:bold;
font-size: 16px;
text-align:center;
border-radius: 3px;
line-height: 120%;
}
.balloon:after{
position: absolute;
bottom: -12px;
left : 50%;
margin-left:-10px;
content: '';
border-top: 12px solid #B11636;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
@media (max-width: 768px) {
.balloon{
position:static;
display:block;
top:0;
left:0;
width:100% !important;
margin-left:55px;
transform:none;
width:100%;
white-space: break-spaces;
word-break: break-all;
background-color: #fff;
text-align:left;
font-size:1.6rem;
color:#161616;
}
.balloonoya a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.balloon:after{
display:none;
}
.balloonoya{
display:flex;
align-items:center;
width:calc(50% - 4px);
min-height:50px;
margin-bottom:8px;
border:1px solid #9A9798;
box-sizing:border-box;
background: #fff;
}
.balloonoya img{
position:absolute;
width:45px;
max-height:30px;
object-fit:contain;
top:50% !important;
transform:translatey(-50%);
padding-left: 5px;
}}
.top_linkbox{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display: flex;
display: -ms-flex;
justify-content:center;
}
.top_linkbox img{
max-width:480px;
height:auto;
max-height: 80px;
}
/* .top_linkbox a:nth-of-type(1){ */
.top_linkbox a {
margin-right:30px;
}
@media (max-width: 768px) {
.top_linkbox img{
width: 100%;
max-width: 100%;
height:auto;
}
.top_linkbox{
display:block;
text-align:center;
}
.top_linkbox a:nth-of-type(1){
margin:0px;
}
/* .top_linkbox a:nth-of-type(1) img{ */
.top_linkbox a img{
margin-bottom: 16px;
}}
.TOP_KV{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.KV{
position:relative;
width:100%;
padding-top:400px;
background:url('/img/usr/default/p4q-d-drHOE-1.png') no-repeat;
background-size:cover;
margin:0 0 24px 0;
}
.an2-fadeup {
top: 40%;
position:absolute;
font-size: 60pt;
color:#fff;
font-weight: bold;
animation-name: fadeup;
animation-duration: 4s;
left: 8%;
animation-iteration-count: 1;
font-family: '游ゴシック', 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.fadeup-small{
font-size: 30px;
top: 29%;
}
@keyframes fadeup {
from {
opacity: 0;
transform: translateY(300px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1280px) {
.an2-fadeup {
font-size: 3.94vw;
}
.fadeup-small{
font-size: 2.2vw;
}
}
@media (max-width: 768px) {
.KV{
background:url('/img/usr/default/bKg-r-nrHOF-1.png') no-repeat;
background-size:cover;
padding-top:106%;
}
.an2-fadeup{
font-size:7.2vw;
top:44%;
left:3%;
}
.fadeup-small{
font-size:3.61vw;
top:39%;
}}
.flex_center{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.flex_center{
display:flex;
display:-ms-flex;
justify-content:space-between;
align-items:center;
}
@media (max-width: 768px) {
.flex_center{
display:block;
}}
.top_icon_area{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.top_icon_area {
display: flex;
flex-wrap: wrap;
width: 100%;
line-height: 120%;
}
.top_icon_area .top_icon_area,
.top_result:last-child{
display:none;
}
.top_iconbox {
width: calc(100% / 8);
display: flex;
border: 1px solid #ECECEC;
box-sizing: border-box;
text-align: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
justify-content: center;
font-size:14px;
color:#333333;
align-items: flex-end;
}
.top_result {
width: calc(100% / 8);
box-sizing: border-box;
display: flex;
background: #B11636;
align-items: center;
justify-content: center;
text-align:center;
font-size:20px;
font-weight: bold;
color:#fff;
line-height:150%;
position:relative;
}
.top_result a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top_iconbox:before {
content: "";
padding-top: 100%;
display: block;
}
.top_iconbox a {
display: flex;
position: absolute;
top:0;
width: 100%;
height: 100%;
justify-content: center;
align-items:center;
z-index:100;
}
.top_iconbox img {
max-width: 100%;
object-fit: contain;
height:5vw;
}
.top_icontext{
width: 100%!important;
font-weight:bold;
margin-bottom:20px;
font-size: 13px;
}
@media (max-width: 1200px) {
.top_icontext{
font-size:1.4vw;
margin-bottom:10px;
}
.top_iconbox img{
height:4vw;
}
.top_result {
font-size: 1.6vw
}
}
@media (max-width: 768px) {
.top_iconbox{
width: calc(100% / 3);
}
.top_result {
display:flex;
width: 100%;
height: 52px;
padding:8px 0;
font-size:14px;
}
.top_icontext{
font-size: 10px;
}
.top_iconbox img {
height: auto;
max-height:40px;
max-width: 50px;
}
}
@media (max-width: 350px) {
.top_iconbox a{
align-items: flex-start;
}
.top_iconbox img{
margin-top: 15px;
max-height: 30px;
}
}
a.btn_big{ display: block ; overflow: hidden ; width: 400px ; font-size: 21px ; font-weight: bold ; font-style: normal ; line-height: 155% ; letter-spacing: 0px ; text-align: center ; margin: 0px auto ; padding: 0px ; position:relative;
padding:20px 0;
border-radius:3px;
}
a.btn_big:after{
position:absolute;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f105';
right:24px;
}
@media (max-width: 768px) {
a.btn_big{
max-width:100%;
}}
a.btn_big:link{ font-size: 21px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #B11636 ; }
a.btn_big:visited{ font-size: 21px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #B11636 ; }
a.btn_big:hover{ font-size: 21px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #702434 ; }
.LANGSWITCH{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.LANGSWITCH{
display:flex;
justify-content:right;
align-items:center;
}
.LANGSWITCH a{
margin-left: 8px;
}
.photo .LANGSWITCH a:before{
content: url('/img/usr/default/BzY-X-BrHOJ-1.png');
}
.nophoto .LANGSWITCH a:before{
content: url('/img/usr/default/vvZ-7-ArHOI-1.png');
}
@media (max-width: 768px) {
.LANGSWITCH a{
font-size:12px;
}}
.number{ display: inline ; font-size: 27px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #fff ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
justify-content: center;
}
.number p{
font-size: 22px;
}
@media (max-width: 1200px) {
.number p,
.number{
font-size:2vw;
}
}
@media (max-width: 768px) {
.number{
font-size:24px;
}
.number p{
font-size: 22px;
}}
.contact-form{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 180% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.contact-form input[type="submit"],
.contact-form input[type="text"],
.contact-form select,
.contact-form textarea,
.contact-form button {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: none;
box-sizing:border-box;
}
.contact-form input[type="text"],
.contact-form textarea {
background: #f8f8f8 !important;
display: block;
font-size: 16px;
padding: 0;
transition: 0.8s;
border-radius: 0;
border: 1px solid #d7d7d7;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
line-height: 180%;
width: 100% !important;
max-width: 300px;
}
.contact-form textarea {
max-width: 100%;
}
.contact-form tbody{
border: 1px solid #d7d7d7;
}
.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
background: #e9f5fb !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.contact-form textarea[name="content"] {
display: inline-block;
width: 100%;
height: 200px;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
color: #ccc;
}
::-webkit-input-placeholder {
color: #ccc;
opacity: 1;
}
::-moz-placeholder {
color: #ccc;
opacity: 1;
}
:-ms-input-placeholder {
color: #ccc;
opacity: 1;
}
.contact-form {
box-sizing:border-box;
margin: 50px 0;
}
.contact-form table {
box-sizing:border-box;
width: 90%;
}
.contact-form table th,
.contact-form table td {
position:static;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
padding: 8px 16px;
font-size: 16px !important;
line-height: 180%;
color: #161616;
}
.contact-form table tr td:first-child{
width: 20%;
}
.contact-form table th {
width: 300px;
padding-left: 20px;
background: #ffecea;
text-align: left;
font-size:16px;
vertical-align:middle;
}
.clearfix:after,
.inner-block:after {
clear: both;
content: "";
display: block;
height: 0px;
font-size: 0;
visibility: hidden;
}
.contact-form input[type="submit"]{
position:relative;
padding:20px 0;
background:#B11636 !important;
color:#fff;
width:300px !important;
border-radius:3px;
text-align:center;
margin-top:40px;
font-size: 18px;
font-weight: bold;
cursor:pointer;
line-height:120%;
}
.contact-form input[type="submit"]:hover{
background:#702434;
}
.input_name {
display: flex;
align-items: center;
}
.input_name textarea {
width: 50px;
}
.input_name input[type="text"] {
max-width: 230px;
margin-left: 8px;
}
.input_name input[type="text"]:first-child {
margin-right: 16px;
}
.plupload_buttons a,
.plupload_wrapper *,
.plupload_add,
.plupload_disabled, a.plupload_disabled:hover,
li.plupload_droptext{
font-size:16px;
}
.plupload_container{
background: #EFEFEF !important;
}
.plupload_scroll .plupload_filelist{
height: 200px !important;
}
#satei tbody tr:nth-last-of-type(2) td{
padding-bottom:40px;
}
::-webkit-full-page-media, :future, :root {
#satei tbody tr:nth-last-of-type(2) td{
padding-bottom:100px;
}
}
.contact-form .modmesg_label{
font-size: 16px;
}
.contact-form .modmesg_text{
margin-bottom:24px;
}
.contact-form table tr td:last-child .modmesg_label{
font-size: 14px;
color: #9A9798;
}
@media (max-width: 768px) {
#satei tbody tr:nth-last-of-type(2) td{
margin-bottom: 100px;
}
.contact-form input[type="submit"]{
max-width:90%;
margin: 0 auto;
}
.contact-form table{
width : 100%;
}
.contact-form table th,
.contact-form table td {
padding: 10px;
border: 1px solid #d7d7d7;
border-width: 1px 1px 0 1px;
}
.contact-form table tr td:last-child{
padding: 15px 15px 10px 15px
}
.contact-form input[type="text"],
.contact-form textarea {
width: 100% !important;
max-width: 100%;
}
.contact-form textarea[name="content"] {
display: inline-block;
width: 100% !important;
height: 200px;
}
.contact-form input[type="submit"]{
margin-top:24px;
}
.contact-form .txt-required {
margin-bottom: 30px;
}
.contact-form .txt-required:before {
position: absolute;
top: 2px;
left: 0;
}
.contact-form table,
.contact-form table tbody,
.contact-form table th,
.contact-form table tr,
.contact-form table td
{
display: block;
width: 100%;
border-bottom: none;
box-sizing:border-box;
}
.contact-form table tr:last-child{
border-bottom: 1px solid #d7d7d7;
}
.contact-form able {
border-bottom: 1px solid #d7d7d7;
font-size: 14px;
}
.contact-form table th {
padding: 8px 15px;
}
.contact-form table td {
width: 100% !important;
}
.contact-form table textarea {
width: 100% !important;
height: 200px;
}
.plupload_scroll .plupload_filelist{
height: 90px !impotant;
}
.plupload_file_size, .plupload_file_status, .plupload_progress{
width: auto;
}
li.plupload_droptext{
line-height: 80px !impotant;
}
.plupload_filelist_footer{
display:flex;
}
.input_name {
display:block;
}
.input_name input[type="text"] {
max-width: 100%;
margin:0;
}
.input_name input[type="text"]:first-child {
margin-bottom: 16px;
}
}
.list_nophoto{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.listtable.list_nophoto>div:not([class])>div {
display: block;
}
.listtable.list_nophoto >div:not([class]) {
overflow: scroll;
display: block;
}
.listtable.list_nophoto>div:not([class])>div {
display: block;
}
.listtable.list_nophoto >div:not([class]) {
overflow: scroll;
display: block;
}
.list_nophoto .item_title {
background: #9A9798 !important;
color: #fff;
font-weight: bold;
word-break: break-all;
text-align: center;
}
.list_nophoto .item_title div:first-child {
display: none;
}
.list_nophoto .item_title >div {
border-right: 1px solid #fff;
text-align: center;
line-height: initial;
}
.list_nophoto .item_title{
display: grid;
grid-template-columns: 3fr 2fr 2fr 2fr 2fr 2fr 2fr 1.5fr 3fr;
grid-template-rows: auto auto auto;
z-index: 1;
}
.list_nophoto .item_box {
display: grid;
grid-template-columns: 3fr 2fr 2fr 2fr 2fr 2fr 2fr 1.5fr 3fr;
grid-template-rows: auto auto auto;
position: relative;
z-index: 1;
border-bottom: 1px solid #707070;
border-right: 1px solid #707070;
border-left: 1px solid #707070;
}
.list_nophoto .item_box:last-child{
border-bottom: none;
}
.list_nophoto .item_box:hover{
background:#ffecea !important;
}
@media all and (-ms-high-contrast: none) {
.list_nophoto .item_title,
.list_nophoto .item_box {
display:flex;
justify-content: space-between;
align-items: center;
text-align: center;
border:1px solid #707070;
}
.spc6{
white-space:nowrap;
overflow:hidden;
}
.list_nophoto .item_title > div,
.list_nophoto .item_box div{
width: 100%;
height: 100%;
}
}
.list_nophoto .item_box div{
word-break: break-all;
font-weight: bold;
}
.list_nophoto .item_box div:not(.spc1 div) {
border-right: 1px solid #707070;
padding-left: 8px;
box-sizing: border-box;
}
.list_nophoto .item_box:nth-child(even) {
background: #F3EEEE;
}
.list_nophoto .item_box >div:first-child {
display: none;
}
.list_nophoto .spc1{
padding-top:8px;
}
.list_nophoto .spc1 div:first-child {
margin-bottom:4px;
font-size: 12px;
color: #9A9798;
text-align: left !important;
}
.list_nophoto .spc1 div:last-child{
font-size: 18px;
color: #E16767;
text-align: left !important;
}
.list_nophoto .spc3,
.list_nophoto .spc4{
justify-content:center;
}
.list_nophoto .spc6:not(.spc6.popupremark){
position: relative;
cursor: pointer;
z-index: 10000000;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-all;
z-index: 1000;
padding-top:6px;
line-height: 140%;
}
.list_nophoto .spc6:not(.spc6.popupremark):hover {
background: #deb3ba;
background:rgba(15,112,177,0.11);
}
.list_nophoto .spc6:not(.spc6.popupremark) {
overflow: hidden;
height: 100%;
}
.list_nophoto .popupremark {
display: none;
position: absolute;
left: 56.4%;
bottom:110%;
z-index: 100001;
width: auto;
min-width: 200px;
max-width: 300px;
padding: 8px;
border: 1px solid #707070;
border-radius: 3px;
background: rgba(255,255,255,0.95);
word-break: break-all;
white-space:pre-warap;
font-size: 12px;
line-height: 1.6em;
color: #161616;
}
.list_nophoto .item_box .spc8 {
padding: 0 !important;
top: 0;
left: 0;
width:100%;
height: 100%;
z-index: 100;
}
.list_nophoto .spc8 a:first-child {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url("/img/usr/default/mrf-g-orHPK-1.png");
background-repeat: no-repeat;
background-position: center;
color: transparent;
z-index: 10000;
}
.list_nophoto .spc9{
width: 0;
height: 0;
top: 0;
border:none !important;
}
.list_nophoto .spc8 a:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
color: transparent;
}
.list_nophoto .spc9{
justify-content:flex-end;
padding-right:12px;
font-size: 20px;
color:#0058DC;
text-align: right;
}
.list_nophoto .spc6:hover + .popupremark{
display: block !important;
}
.list_nophoto .spc6:hover + .popupremark:empty{
display: none !important;
}
.list_nophoto .item_box div:not(.spc0,.spc1,.popupremark) {
width: 100%;
height: auto;
display: flex;
line-height: 110%;
align-items:center;
}
@media (max-width: 768px) {
.list_nophoto .item_box,.item_title{
width:1280px;
}
.list_nophoto{
display: block;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}}
.list_photo{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; justify-content:space-between;
display: flex;
flex-wrap: wrap;
width:100%;
}
.list_photo .item_box{
display:flex;
flex-wrap:wrap;
position:relative;
width:calc(50% - 26px);
max-width: 640px;
margin-bottom: 50px;
justify-content:space-between;
align-items:stretch;
}
.list_photo .item_box:nth-child(odd) {
border-right: 1px solid #EFEFEF;
padding-right: 24px;
}
.Category_box{
background:#EFEFEF;
margin-bottom:8px;
padding: 2px 8px;
font-size:18px;
color:#707070;
border-bottom-right-radius: 10px;
}
.Contact_box{
display:flex;
width:100%;
margin-top:auto;
}
.Contact{
display:flex;
width:100%;
justify-content:space-between;
}
.list_photo .photo_box {
margin:0;
border:none;
width: 52.2%;
max-width: 320px;
}
.list_photo .photo img{
max-width: 320px;
height: auto;
max-height: 240px;
object-fit: contain;
width:100%;
}
.list_photo .yr, .list_photo .hr{
margin-left:8px;
font-size:16px;
}
.item-date {
position:relative;
width: calc(47.8% - 4px);
}
@media all and (-ms-high-contrast: none) {
.item-date{
width:47%;
}
.list_photo .item_title,.item_box {
text-align: left;
}
.Remark{
white-space: nowrap;
}
}
.item-status {
display: flex;
width: 100%;
justify-content: space-between;
margin:10px 0 8px 0;
}
.Hour,
.Remark,
.Yard{
border-left:1px solid #9A9798;
}
.Serial,
.Hour,
.Remark,
.list_photo .Yard{
padding: 8px;
word-break:break-all;
flex-grow: 1;
font-weight:bold;
}
.Hour_box {
width: 20%;
text-align: center;
}
.Hour{
justify-content:center;
}
.Serial_title {
color: #9A9798;
}
.Hour_title {
color: #9A9798;
}
.Remark_title {
color: #9A9798;
}
.Yard_title {
color: #9A9798;
}
.list_photo .Category {
display:block;
background: #EFEFEF;
font-size: 18px;
color: #707070;
font-weight: bold;
}
.list_photo .Price_box{
position:absolute;
right:0;
bottom:10px;
}
.Price {
text-align: right !important;
font-weight: bold;
color: #0058DC;
font-size: 32px;
}
.Model {
margin-bottom: 8px;
font-size: 28px;
color: #E16767;
font-weight: bold;
}
.list_photo .Maker,.Year {
font-size: 18px;
color: #161616;
font-weight: bold;
}
.Model,
.list_photo .Maker,
.Year{
padding-left:8px;
}
.Serial,
.Remark,
.Hour,
.list_photo .Yard,
.Year{
display:flex;
align-items:center;
}
.Serial,
.Remark,
.Hour,
.list_photo .Yard{
display:flex;
align-items:center;
justify-content:center;
}
.Serial_box {
flex-basis: 22%;
text-align: center;
}
.Yard_box {
flex-basis: 21%;
text-align: center;
}
.Remark_box {
width: 36%;
position:relative;
text-align: center;
}
.Remark{
position: relative;
cursor: pointer;
display: -webkit-box;
padding-bottom:0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow:ellipsis;
overflow: hidden;
z-index: 2;
}
.Remark_toolchip {
display: none;
position: absolute;
padding: 10px;
font-size: 12px;
line-height: 1.6em;
color: #161616;
border: 1px solid #707070;
border-radius: 3px;
background: rgba(255,255,255,0.95);
width: 100%;
min-width: 200px;
max-width: 300px;
word-break: break-all;
z-index: 2;
top:100%;
text-align: left;
}
.Remark:hover ~ .Remark_toolchip{
display: block;
}
.Remark:hover ~ .Remark_toolchip:empty{
display: none;
}
.Remark:hover{
background:rgba(15,112,177,0.12);
}
.Serial_box,
.Hour_box,
.Remark_box,
.Yard_box{
display:flex;
flex-direction:column;
}
.photo_title,
.Category_title,
.Maker_title,
.Model_title,
.Year_title,
.Price_title,
.Contact_title
{
display:none;
}
.Contact{
line-height: 130%;
text-align: center;
}
.Contact a{
position:relative;
display:flex;
width:calc(50% - 10px);
padding:8px 0 8px 0;
border-radius:3px;
font-size:16px;
box-sizing:border-box;
justify-content: center;
align-items: center;
}
.Contact a:first-child{
color:#161616;
background:#EEECEC;
min-height: 0;
}
.Contact a:last-child{
background:#B11636;
color:#fff;
min-height: 0;
}
.Contact a:first-child:hover{
background:#707070;
}
.Contact a:last-child:hover{
background:#702434;
}
.Contact a:first-child:before{
content:url('/img/usr/default/pBR-d-IrHQC-1.png');
justify-content:center;
align-items: center;
height: 23px;
margin-right: 15px;
}
.Contact a:last-child:before{
content:url('/img/usr/default/iN4-k-crHPJ-1.png');
justify-content:center;
align-items: center;
height: 29px;
margin-right: 15px;
}
.link_wrap a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1200px) {
.Price{
font-size:2.7vw;
}
.Model{
font-size:2.3vw;
}
.list_photo .Category,
.list_photo .Maker,
.Year{
font-size:1.5vw;
line-height:150%;
}
.list_photo .yr, .list_photo .hr, .list_photo .Contact a,
.Serial_title, .Remark_title, .Hour_title, .Yard_title,
.Serial, .Remark, .Hour, .Yard{
font-size:1.4vw;
}
.Serial, .Hour, .Remark, .list_photo .Yard{
padding:4px;
}
}
@media (max-width: 768px) {
.list_photo .item_box{
display:block;
width:calc(50% - 7px);
margin-bottom: 14px;
padding: 8px 8px 32px 8px;
box-sizing:border-box;
box-shadow:0px 0px 10px -5px #000000;
border-radius:5px;
}
.list_photo .photo_box{
width:100%;
max-width:100%;
}
.item-date{
width:100%;
}
.Hour_box{
width:100%;
justify-content:left;
text-align:left;
}
.Hour{
justify-content:left;
border:none;
}
.Price_box{
top:110%;
}
.Category_box{
padding:0 8px;
}
.list_photo .Category{
font-size:10px;
line-height:180%;
}
.Price,
.Model{
font-size:18px;
}
.list_photo .Maker{
font-size: 16px;
}
.Year,
.Hour{
padding: 0;
font-size:14px;
font-weight:normal;
}
.Contact a:first-child,
.Serial,
.Remark,
.list_photo .Yard{
display:none;
}
.Contact a:last-child{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
color: transparent;
}
.Serial_box,
.Remark_box,
.Yard_box,
.Hour_title,
.Contact a:last-child:before{
display:none;
}
.item-status{
margin:0;
}
.Year_box{
margin-bottom:0;
}
.Model,
.list_photo .Maker,
.Year{
padding-left:0;
}
.list_photo .item_box:nth-child(odd){
border:none;
padding-right: 8px;
}
.Contact a:first-child:hover,
.Contact a:last-child:hover{
background: none;
}
.list_photo .photo img{
max-width:100%;
}
.list_photo .hr, .list_photo .yr{
font-size:14px;
}}
.popup_window{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; width: 100%;
max-width: 880px;
margin: 0;
padding: 16px;
background: #fff;
box-sizing: border-box;
color: #161616;
font-size: 16px;
}
.overlay{
display: none;
}
.open {
cursor:pointer;
}
#pop-upMaker,
#pop-upCategory,
#pop-upYard{
display: none;
}
#pop-upMaker:checked + .overlay,
#pop-upCategory:checked + .overlay,
#pop-upYard:checked + .overlay {
display: block;
position: absolute;
z-index: 3;
position: absolute;
border: solid 2px #d7d7d7;
}
#pop-upYard:checked + .overlay{
left: 32px;
top: -6vh;
}
#pop-upCategory:checked + .overlay{
height: 65vh;
left: 32px;
top: -6vh;
overflow-y: auto;
overflow-y: scroll;
background-color:#fff;
}
.popup_window .serch_stag{
display: none;
}
.popup_window .serch_stag:before, .popup_window .serch_stag:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
color:#333333;
background-color: black;
}
.popup_window .serch_stag:before {
left:0;
}
.popup_window .serch_stag:after {
right: 0;
}
.popup_window input {
display: none;
}
.popup_window label{
position: relative;
padding-left: 24px;
word-break:break-all;
}
.popup_window label::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #c2ced2;
border-radius: 50%;
background:#fff;
}
.popup_window input[type="checkbox"]:checked + label{
color: #DC000C;
}
.popup_window input[type="radio"]:checked + label::after{
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 11px;
height: 11px;
background: #93ad38;
border-radius: 50%;
}
.popup_window input[type="checkbox"]+label::before,
.popup_window input[type="checkbox"]+label::after {
border-radius:0%;
}
.popup_window input[type="checkbox"]+label:before{
content:"";
display:block;
width:16px;
height:16px;
box-sizing:border-box;
position:absolute;
top: 3px;
left:0;
transition:0.1s ease-in-out;
}
.popup_window input[type="checkbox"]+label:after{
content:"";
display:block;
background:none;
transform:rotate(45deg);
border:solid 3px #DC000C;
border-top:0;
border-left:0;
width:8px;
height:12px;
left:5px;
top:-5px;
position:absolute;
transition:0.2s ease-in-out;
opacity:0;
}
.popup_window input[type="checkbox"]{
font-size:16px;
}
.popup_window input[type="checkbox"]:checked + label:after{
transform:rotate(45deg);
top:-2px;
opacity:1;
}
.popup_window input[type="checkbox"]::after {
opacity: 0;
top: 50%;
left: 3px;
width: 8px;
height: 4px;
margin-top: -4px;
border-left: 2px solid #3498db;
border-bottom: 2px solid #3498db;
-webkit-transform: rotate(-45deg) scale(.5);
transform: rotate(-45deg) scale(.5);
}
.popup_window input[type="checkbox"]:checked + label::before {
background: #fff;
border: 1px solid #3498db;
}
.lname{
content:" ";
display:block;
clear:both;
}
.popup_window .serch_text>div{
display: inline-block;
min-width: 200px;
}
.popup_window .serch_text{
margin-top: 24px;
}
.close + input[type="submit"],
.popup_window label.close {
display:block;
cursor:pointer;
width:120px;
padding: 8px 16px !important;
font-size: 16px;
background:#B11636;
border:none;
border-radius:3px;
box-sizing: border-box;
font-weight:bold;
color:#fff;
text-align:center;
text-indent: 0;
line-height:120%;
font-family:'メイリオ', 'Meiro','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.popup_window .category_serchbox div:nth-of-type(5){
padding-left: 180px;
}
.popup_window label.close{
margin-right: 24px;
background:#707070;
}
label.close:before{
display:none;
}
.serch_btnarea {
display: flex;
}
.search_btnarea{
display: flex;
justify-content: flex-end;
}
.popup_window .serch_text .category_serchbox {
display: flex;
flex-wrap: wrap;
padding: 8px 0;
border-bottom: 1px solid #707070;
}
.popup_window .serch_text .category_serchbox:last-child{
border: none;
}
.popup_window .serch_text .lname{
width: 180px;
font-weight: bold;
}
.category_serchbox div:not(.lname){
min-width: 200px;
white-space: nowrap;
}
@media (max-width: 768px) {
/*
.serch_box .close + input[type="submit"],
.serch_box .popup_window label.close{
width: 90%;
}
*/
.popup_window{
width: 95vw;
margin: 0 auto;
overflow: scroll;
}
#pop-upCategory:checked + .overlay .popup_window{
height: 90vh;
transform:translatey(2%);
}
#pop-upYard:checked + .overlay .popup_window{
transform:translatey(30%);
}
#pop-upMaker:checked + .overlay,
#pop-upCategory:checked + .overlay,
#pop-upYard:checked + .overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
overflow: scroll;
background: rgba(0, 0, 0, 0.8);
z-index: 1000000;
}
.serch_text::after,
.serch_text::before{
display:none;
}
.popup_window .category_serchbox div:nth-of-type(5){
padding-left: 0;
}
.search_btnarea{
justify-content: center;
}}
.Category{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
label.open.Category,
label.open.Yard{
position:relative;
width: 240px;
padding: 8px 0px;
background: #fff;
border:1px solid #961830;
box-sizing: border-box;
font-size: 16px;
font-weight:bold;
color: #333333;
text-align: center;
}
label.open.Maker{
display: none;
}
label.open.Category:after,
label.open.Maker:after,
label.open.Yard:after{
position:absolute;
content:url('/img/usr/default/nMA-f-ZrHQG-1.png');
right:5%;
}
label.open.Category:before{
position:absolute;
content:url('/img/usr/default/Np1-L-frHQD-1.png');
top:25%;
left:5%;
}
label.open.Maker:before{
position:absolute;
content:url('/img/usr/default/5dG-a-TrHQE-1.png');
top:25%;
left:5%;
}
label.open.Yard:before{
position:absolute;
content:url('/img/usr/default/34a-c-trHQF-1.png');
top:25%;
left:5%;
}
.serch_box input[type="text"]{
width:100%;
max-height: 46px;
padding: 6px;
box-sizing:border-box;
font-size:16px;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.serch_box form {
position:relative;
background: #EFEFEF;
display: block;
display: flex;
padding: 16px 32px;
align-items:center;
}
.serch_box form > .serch_text{
width:100%;
max-width:585px;
margin-left: 30px !important;
}
.serch_box form .serch_text + div{
position:relative;
}
.serch_box form > div > input[type="submit"]{
max-width: 120px;
}
.serch_text + div:before{
position: absolute;
top: 6px;
padding-left: 10px;
content: url('/img/usr/default/zNe-3-prHRC-1.png');
pointer-events:none;
color: #fff;
display: block;
font-weight: bold;
}
.overlay .serch_text + div:before{
display: none;
}
.serch_box form >div >input[type="submit"]{
width: 125px;
background:#B11636;
color:#fff;
border:none;
font-size:18px;
max-height: 46px;
padding:6px 0px 6px 20px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
font-family:'メイリオ', 'Meiro','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
text-align: center;
}
.serch_box form > .serch_stag{
display:none;
}
label.open.Category:hover,
label.open.Yard:hover{
background: #F3EEEE;
}
@media (max-width: 1280px) {
.serch_box form > .serch_text{
width:45%;
margin-left: 20px !important;
}
}
@media (max-width: 1000px) {
.serch_box form > .serch_text{
width:38%;
}
label.open.Category, label.open.Yard{
width: 25%;
max-width: 200px;
}
}
@media (max-width: 768px) {
label.open.Category, label.open.Yard{
display:block;
width: 100%;
max-width: 100%;
box-sizing:border-box;
padding:14px;
}
.serch_box form{
padding: 8px;
flex-wrap:wrap;
}
.serch_box form > .serch_text{
max-width:100%;
margin: 16px 0 0 0!important;
flex:1;
}
.serch_box input[type="text"]{
margin: 0;
}
.serch_box form >div >input[type="submit"]{
margin-top: 16px;
}
.serch_text + div:before{
top:23px;
}}
.flex_pagebox{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px 0px 40px 0px ; border-bottom: 1px solid #707070 ; text-indent: 0px ; display:flex;
flex-flow:row-reverse;
flex-wrap:wrap;
justify-content:space-between;
}
.flex_pagebox >div{
width: 50%;
max-width: 640px;
}
.flex_pagebox >.spnone{
width: calc(50% - 20px);
max-width: 600px !important;
}
.flex_pagebox .note{
display:block;
text-align:left;
margin: 0px 0 40px;
}
.photonote{
padding: 4px 0;
background: #9A9798;
box-sizing: border-box;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 150%;
}
#thumb_swiper{
display: flex;
flex-wrap: wrap;
height: 144px;
margin-top: 8px;
overflow-y: unset;
overflow-x: auto;
gap: 8px;
}
@media (max-width: 768px) {
.flex_pagebox >.spnone,
.flex_pagebox >div{
width:100%;
max-width:100%;
}
.flex_pagebox >.pcnone{
order:2;
}
#thumb_swiper{
display: none;
}}
.listtable_top{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.listtable_top .tophead2 + div{
display:flex;
justify-content:space-between;
}
.listtable_top .item_box{
position:relative;
width:calc(20% - 8px);
}
.listtable_top .photo_box{
border:none;
}
.listtable_top .item-date{
width: 100%;
margin-top:4px;
font-weight:bold;
}
.listtable_top .item-date div{
margin:0;
padding: 0;
}
.listtable_top .Price_box{
bottom: auto;
}
.listtable_top .Maker,
.listtable_top .Year{
font-size:16px;
}
.listtable_top .Model,
.listtable_top .Price{
font-size:21px;
}
.listtable_top .Contact a:first-child,
.listtable_top .Category_box,
.listtable_top .item-status{
display:none;
}
.listtable_top img{
max-width:250px;
max-height: 185px;
width:100%;
height:auto;
object-fit:contain;
}
.listtable_top table{
display:none;
}
.listtable_top .Contact a:last-child{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
color: transparent;
}
.listtable_top .Contact a:before{
display:none;
}
.listtable_top .tax_text{
margin:16px 0 24px;
font-weight:bold;
color:#707070;
}
@media (max-width: 768px) {
.listtable_top .tophead2 + div{
overflow-x:scroll;
overflow-y:hidden;
}
.listtable_top .item_box{
width: 100%;
margin-right: 8px;
}
.listtable_top img{
width: auto;
}}
.note{ display: block ; font-size: 16px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: right ; color: #B11636 ; margin: 0px 0px 20px 0px ; padding: 0px ; border-top: 1px solid #707070 ; text-indent: 0px ; }
.spec_box + .note{
border:none;
padding-bottom:0px;
}
.switching_area{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 16px 0px ; padding: 0px ; text-indent: 0px ; display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.switching_area .modmesg_text{
font-size:21px;
font-weight:normal;
color:#333333;
}
.switching_area .resultcount{
font-size: 32px;
color:#B11636;
}
@media (max-width: 768px) {
.switching_area .modmesg_text{
font-size: 16px;
}}
.searchconditions{ display: block ; font-size: 21px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px 0px 8px 0px ; border-bottom: 1px solid #B11636 ; text-indent: 0px ; word-break:break-all;
}
.searchconditions pre{
white-space:pre-wrap;
font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}
.qr_img{ display: inline ; font-size: 11px ; font-weight: normal ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #707070 ; margin: 0px ; padding: 0px ; text-indent: 0px ; word-break: keep-all;
}
@media (max-width: 768px) {
.qr_img{
display:none;
}}
.staff_text{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.staff_text2 img,
.staff_text3 img{
vertical-align:sub;
}
.staff_text1{
font-size:21px;
}
.staff_text2{
font-size:18px;
}
.staff_text3{
font-size:16px;
}
@media (max-width: 768px) {
.staff_text1{
font-size: 18px;
}
.staff_text2{
font-size: 16px;
}}
a.btnsmall{ display: inline ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; display: inline-block;
position:relative;
min-width: 120px;
padding:12px 28px;
background: #707070;
border-radius:3px;
box-sizing: border-box;
color: #fff;
}
a.btnsmall:before{
position:absolute;
left:5%;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f104';
}
#stocklist .btnsmall{
margin-top: 40px;
}
@media (max-width: 768px) {
a.btnsmall
max-width: 100%;
}
a.btnsmall br{
display: none;
}
}
a.btnsmall:link{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #707070 ; }
a.btnsmall:visited{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #707070 ; }
a.btnsmall:hover{ font-size: 16px ; font-weight: bold ; font-style: normal ; text-decoration: none ; color: #fff ; background-color: #444444 ; }
.top_categorybox{ display: block ; overflow: hidden ; width: 100% ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; padding-bottom: 24px;
}
.top_categorybox input[type="submit"],
.top_categorybox input[type="button"] {
-webkit-appearance: none;
}
.top_categorybox form {
position:relative;
display: flex;
background: #ECECEC;
padding: 32px 120px;
width: 100%;
box-sizing: border-box;
justify-content: center;
}
.top_categorybox label.open.Category,
.top_categorybox label.open.Maker,
.top_categorybox label.open.Yard,
.top_categorybox .overlay + div{
display:none;
}
.top_categorybox form div:nth-last-child(2){
flex:1;
max-width: 800px;
}
.top_categorybox form div:last-child:before {
position: absolute;
content: url("/img/usr/default/zNe-3-prHRC-1.png");
color: #fff;
display: block;
top: 36%;
font-weight: bold;
padding-left: 10px;
}
.top_categorybox form input[type="text"] {
font-size: 16px;
width: 100%;
height:38px;
padding:8px;
box-sizing:border-box;
}
.top_categorybox form>label
display:none;
}
.top_categorybox .overlay + div{
display:none;
}
.top_categorybox input[type="submit"]{
font-size:18px;
height: 38px;
padding:10px 32px 10px 48px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border:none;
background:#B11636;
box-sizing: border-box;
font-weight: bold;
line-height: 100%;
color:#fff;
}
@media all and (-ms-high-contrast: none) {
.top_categorybox form div:nth-last-child(2){
flex:inherit;
width:800px;
}
}
@media (max-width: 768px) {
.top_categorybox form{
padding:8px;
}
.top_categorybox form div:nth-last-child(2){
margin: 0 !important;
}
.top_categorybox form div:last-child:before{
top: 26%;
}}
.swiperbtn{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.swiper-button-prev{
top:50% !important;
background-image: url(/img/usr/default/3GS-c-HrHOK-1.png)!important;
background-size: 46px 75px !important;
width: 46px !important;
height: 75px !important;
left: 0px !important;
}
.swiper-button-next{
top:50% !important;
background-image: url(/img/usr/default/uaH-8-SrHPB-1.png)!important;
background-size: 46px 75px !important;
width: 46px !important;
height: 75px !important;
right: 0px !important;}
.yr{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.yr,.hr{
margin-left: 6px;
font-size: 16px;
color:#9A9798;
}
.resulttxt,.yr,.hr{
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
font-weight: normal !important;
}
.com_map{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.com_map {
height: 0;
overflow: hidden;
padding-bottom: 35.25%;
position: relative;
}
.com_map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 90%;
}
@media (max-width: 768px) {
.com_map iframe {
width: 100%;
}}
.dl_area{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 16px 0px 0px 0px ; padding: 0px ; text-indent: 0px ; display:flex;
justify-content:space-between;
}
.dl_area >div{
width:calc(50% - 8px);
box-sizing:border-box;
border:1px solid #9A9798;
background:#EFEFEF;
color:#0058DC;
}
a.imgcatalog01_download_link{
position:relative;
display:block;
padding: 8px;
color:#0058DC;
}
a.imgcatalog01_download_link:before{
position:absolute;
left:5%;
content: url('/img/usr/default/TiO-F-LrHQJ-1.png');
}
.dl_area >div:last-child a{
position:relative;
display:block;
padding:8px;
color:#04AF81;
text-align:center;
}
.dl_area >div:last-child a:before{
position:absolute;
left:5%;
content: url('/img/usr/default/SwI-G-RrHQK-1.png');
}
a.lnkclass{
display:block;
width:80%;
max-width:600px;
margin:16px auto 0;
padding:16px;
font-size:19px;
font-weight:bold;
color:#fff;
background:#C8050F;
box-sizing:border-box;
border-bottom:4px solid #870000;
text-align:center;
}
a.lnkclass:before{
content:
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: '\f0e0';
margin-right: 5px;
color: #fff;
}
a.lnkclass:hover{
color:#fff;
background:#A70810;
}
a.lnkclass,
a.imgcatalog01_download_link{
text-decoration:none;
border-radius:4px;
}
a.lnkclass:active,
a.imgcatalog01_download_link:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
@media screen and (max-width: 768px) {
a.imgcatalog01_download_link,
a.lnkclass{
width:100%;
margin:0 auto;
}
.dl_area >div{
width:100%;
}
.dl_area{
display:block;
order:3;
}
.dl_area >div:first-child{
margin-bottom:16px;
}}
input:focus { background-color: #eeeeee; border-color: #994444; }/*oo*/
select:focus { background-color: #eeeeee; border-color: #994444; }/*oo*/
textarea:focus { background-color: #eeeeee; border-color: #994444; }/*oo*/
select { color: #333333; background-color: #ffffff; border: #cccccc inset 2px; }/*oo*/
.sysinpbox { color: #333333; background-color: #ffffff; border: #cccccc inset 2px; }/*oo*/
.syssubmit { color: #333333; background-color: #ffffff; border: #cccccc outset 2px; }/*oo*/