@charset "utf-8";
/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
box-sizing:border-box; /* 追加要素 */
}
body { line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
textarea { font-weight:normal; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";}
/* //End// html5doctor.com Reset Stylesheet */
html { height:100%; height:100%; font-size:62.5%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; background-color:#FFFFFF;}
body { position:static; width:100%; height:100%; margin:0 auto; padding:0; font-size:14px; font-size:1.4rem; line-height:1.5; color:#333333; background-color:#FFFFFF; overflow-wrap:break-word; word-wrap:break-word; word-break:break-all;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
@media all and (max-width:719px)
{
html,body { -webkit-text-size-adjust:none;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
}
/*文字リンク色と装飾設定*/
a:link { color:#0548D3; text-decoration:none}
a:visited { color:#448AFF; text-decoration:none}
a:hover { color:#448AFF; text-decoration:underline;}
a:active { color:#0548D3; text-decoration: underline;}
/*文字サイズ*/
.text5 { font-size: 5px; font-size:0.5rem !important;}
.text8 { font-size: 8px; font-size:0.8rem !important;}
.text10 { font-size: 10px; font-size:1.0rem !important;}
.text11 { font-size: 11px; font-size:1.1rem !important;}
.text12 { font-size: 12px; font-size:1.2rem !important;}
.text13 { font-size: 13px; font-size:1.3rem !important;}
.text14 { font-size: 14px; font-size:1.4rem !important;}
.text15 { font-size: 15px; font-size:1.5rem !important;}
.text16 { font-size: 16px; font-size:1.6rem !important;}
.text17 { font-size: 17px; font-size:1.7rem !important;}
.text18 { font-size: 18px; font-size:1.8rem !important;}
.text20 { font-size: 20px; font-size:2.0rem !important;}
.text22 { font-size: 22px; font-size:2.2rem !important;}
.text24 { font-size: 24px; font-size:2.4rem !important;}
.text28 { font-size: 28px; font-size:2.8rem !important;}
.text32 { font-size: 32px; font-size:3.2rem !important;}
.text36 { font-size: 36px; font-size:3.6rem !important;}
.text48 { font-size: 48px; font-size:4.8rem !important;}
.text-wh { color:#FFFFFF !important;}
.text-red_bd { color:#FF0000 !important; font-weight:bold !important;}
.text-red { color:#FF0000 !important;}
.clear { clear:both; height:0px; margin:0; padding:0;}
.clearfix:after { /*floatの解除、ここがポイント*/
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.clearfix {
min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
height: 1px;
/*\*//*/ /*MAC IE5.x対策*/
height: auto;
overflow: hidden;
/**/
}
.fontmin { font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;}
.fonteuromin { font-weight:normal !important; font-family:"Times New Roman", Times, serif !important; transform: rotate(.00deg) !important;}
/*===========================================================*/
#fixed-top { /*position:relative;*/ width:100%; height:auto; margin:0 !important; padding:0; text-align:left !important; font-size:0; background:url(/newparts/img/com_2024/h_bg.png) repeat-x top center rgba(255,255,255,0.7); background-size:auto 100%;}
#fixed-top header { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:20px 0 0;}
#fixed-top #mainlogo { display:inline-block; vertical-align:middle; width:240px; margin:0 2% 0 5%; padding:0;}
#fixed-top #mainlogo a img { width:100%; height:auto;}
#fixed-top #mainlogo a:hover img { opacity:0.7;}
#fixed-top h1 { /*position:absolute; top:15px; left:2.5%;*/ display:inline-block; vertical-align:middle;}
#fixed-top h1 a { display:block; vertical-align:middle; text-align:left; color:#FFFFFF; font-size:18px; line-height:1.2; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;}
#fixed-top h1 a:hover { text-decoration:none; opacity:0.7;}
#fixed-top h1 a img { display:block; width:100%; max-width:260px; margin:5px 0 0;}
#fixed-top ul.subnavi { position:absolute; top:8px; right:5%; vertical-align:middle; height:30px; margin:0; padding:0; color:#FFFFFF; font-size:14px; line-height:30px;}
#fixed-top ul.subnavi li { display:inline-block; vertical-align:middle; margin:0; padding:0; text-align:center; line-height:1.0;}
#fixed-top ul.subnavi li a { display:block; margin:0; padding:5px; color:#FFFFFF; font-size:14px;}
#fixed-top ul.subnavi li a:hover{ text-decoration:none; color:#CCCCCC;}
#fixed-top ul.subnavi li.current a { color:#663366;}
#fixed-top .sub-area { vertical-align:top; position:absolute; top:45px; right:5%; margin:0; padding:0; font-size:0;}
#fixed-top .sub-area .toolicon { position:absolute; top:80px; right:-10px; width:260px; margin:0; text-align:right; overflow:hidden;}
#fixed-top .sub-area .toolicon > a { display:inline-block; vertical-align:bottom; width:60px; height:54px; margin:0; text-align:center;
-moz-border-radius: 5px; /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px; /* CSS3 */}
#fixed-top .sub-area .toolicon > a:hover { text-decoration:none; background-color:#F9F2FB; opacity:0.7;}
#fixed-top .sub-area .toolicon > a img { width:44px; height:36px;}
#fixed-top .sub-area .toolicon > a p { font-size:12px; color:#333333;}
#fixed-top .sub-area .toolicon > a.btn_mypage { width:64px;}
#fixed-top .sub-area .snslink { position:absolute; top:-37px; right:135px; text-align:right;}
#fixed-top .sub-area .snslink > a { display:inline-block; vertical-align:bottom; width:30px; height:30px; margin:0 0 0 5px;}
#fixed-top .sub-area a img { vertical-align:middle; width:100%; height:auto;}
#fixed-top .sub-area a:hover { opacity:0.7;}
#fixed-top .sub-area .shopinfo { display:inline-block; vertical-align:bottom; margin:0 0 0 10px; color:#FFFFFF; font-size:12px;}
#fixed-top .sub-area .shopinfo p { margin:0 0 5px; padding:0; font-size:36px; color:#FFFFFF; line-height:30px;}
#fixed-top .sub-area .shopinfo p img { vertical-align:bottom; margin:0 5px 0 0;}
#fixed-top .sub-area .shopinfo br { display:none;}
#fixed-top .sub-area .shopinfo span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; padding:1px 3px 0; color:#666666; font-size:1.1rem; background-color:#FFFFFF;}
#fixed-top .sub-area .shopinfo span:nth-of-type(2) { margin:0 5px 0 10px;}
#fixed-top .sub-area .shopinfo .shopinfo-ctn { position:absolute; right:0; bottom:-1.5em; left:-75px; text-align:right; font-size:1.1rem;}
span.spmenu_btn { display:none;}
@media all and (max-width:1199px)
{
#fixed-top #mainlogo { margin:0 2%;}
#fixed-top h1 a { font-size:16px;}
#fixed-top ul.subnavi { right:2%; font-size:12px;}
#fixed-top .sub-area { right:2%;}
}
@media all and (max-width:799px)
{
#fixed-top h1 { vertical-align:top;}
#fixed-top h1 a { font-size:1.6vw;}
#fixed-top h1 a img { max-width:180px;}
#fixed-top .sub-area .shopinfo .shopinfo-ctn { display:none;}
}
@media all and (max-width:719px)
{
#fixed-top { height:85px; padding:5px 0; text-align:center !important;}
#fixed-top header { padding:0;}
#fixed-top h1 { position:absolute; top:60px; right:0; left:0; width:auto !important; margin:0; padding:0 10px; /*background:url(../img/com/h_bg.png) repeat-x bottom center;*/}
#fixed-top h1 a { display:block; margin:0 auto; padding-bottom:0; text-align:center; font-size:1.6rem;}
#fixed-top h1 a br { display:none;}
#fixed-top h1 a img { display:none;}
#fixed-top ul.subnavi { display:block; top:7px; right:auto; left:10px; width:40px; height:40px; font-size:0; background-color:#000000;
-moz-border-radius: 5px; /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px; /* CSS3 */}
#fixed-top ul.subnavi li { display:none;}
#fixed-top #mainlogo { width:120px; height:auto; margin-top:5px;}
#fixed-top .sub-area { top:15px; right:10px; z-index:5;}
#fixed-top .sub-area .toolicon { position:relative; top:0; right:0; width:auto; margin:-5px 0 0; text-align:right;}
#fixed-top .sub-area .toolicon > a { display:inline-block; vertical-align:middle; width:42px; height:40px; text-align:center !important;}
#fixed-top .sub-area .toolicon > a:last-of-type { margin:0;}
#fixed-top .sub-area .toolicon > a img { width:33px; height:27px; margin:0 auto;}
#fixed-top .sub-area .toolicon > a p { font-size:1.0rem;}
#fixed-top .sub-area .toolicon > a.btn_mypage { width:52px;}
#fixed-top .sub-area .snslink,
#fixed-top .sub-area .shopinfo { display:none;}
span.spmenu_btn { display:block; z-index:99999;}
}
@media all and (max-width:579px)
{
#fixed-top { text-align:left !important;}
#fixed-top h1 a { text-align:center !important; font-size:3.2vw;}
#fixed-top #mainlogo { margin-left:60px;}
}
/*メインナビ要素--------------------*/
#mainnavi { display:block; vertical-align:bottom; width:100%; max-width:1100px; margin:0 auto; padding:0 0 5px; text-align:left; font-size:0; list-style:none;}
#mainnavi ul.dropmenu { display:inline-block; margin:10px 0 0; padding:0; list-style-type: none; z-index:99;}
#mainnavi ul.dropmenu > li { display:inline-block; vertical-align:middle; width:auto; margin:5px 0 0; padding:0; border-left:#000000 1px solid; text-align:center;}
#mainnavi ul.dropmenu > li:nth-of-type(7),
#mainnavi ul.dropmenu > li:last-child { border-right:#000000 1px solid;}
#mainnavi ul.dropmenu > li > a { display:block; width:auto; margin:0; padding:5px 10px; color:#000000; font-size:14px; background:url(/newparts/img/com-os/pc-navi_over.png) no-repeat center 50px; line-height:1.2;}
#mainnavi ul.dropmenu > li > a:hover{ text-decoration:none; background:url(/newparts/img/com-os/pc-navi_over.png) no-repeat center bottom;}
#mainnavi ul.dropmenu > li.current a { background:url(/newparts/img/com-os/pc-navi_over.png) no-repeat bottom center;}
#mainnavi ul.dropmenu.t-line2 a { padding:5px 30px;}
#mainnavi ul.dropmenu > li > a span { display:block; font-size:12px;}
#mainnavi ul.dropmenu > li.ms-sub > a { padding:13px 10px; font-size:14px;}
#mainnavi ul.dropmenu > li.ms-sub2 > a { padding:5px 10px; font-size:14px;}
@media all and (max-width:1049px)
{
#mainnavi ul.dropmenu > li > a { padding:5px 0.5vw; font-size:12px;}
}
@media all and (max-width:849px)
{
#mainnavi ul.dropmenu > li > a { padding:5px 0.3vw; font-size:11px;}
}
@media all and (max-width:719px)
{
#mainnavi ul.dropmenu { display:none;}
}
/*メインナビ･･･ドロップメニュー部--------------------*/
ul.dropmenu { position:relative;}
ul.dropmenu > li.childmenu > ul { display:none;}
ul.dropmenu > li.childmenu:hover ul { display:block; position:absolute; top:100% !important; left:5px; width:100%; max-width:690px; margin:0; padding:9px 4px; border:#CCCCCC 1px solid; list-style-type:none; text-align:left; background-color:rgba(255,255,255,0.98);
-moz-border-radius: 10px; /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px; /* CSS3 */}
ul.dropmenu > li.childmenu:hover ul li { display:inline-block; vertical-align:middle; width:160px; margin:5px; padding:0; border-bottom:#999999 1px dotted;}
ul.dropmenu > li.childmenu:hover ul li a { display:block; margin:0; padding:5px;}
ul.dropmenu > li.childmenu:hover ul li a:hover { text-decoration:none; background-color:#EEEEEE; opacity:0.7;}
ul.dropmenu > li.childmenu:hover ul li a img { display:inline-block; vertical-align:middle; margin-right:5px;}
ul.dropmenu > li.childmenu:hover ul li a p { display:inline-block; vertical-align:middle; font-size:14px; color:#333333;}
/*スクロール後のヘッダー--------------------*/
@keyframes delete {
0% { height:auto; opacity:100%;}
100% { height:0; margin-top:-50px; opacity:0;}
}
@-webkit-keyframes delete {
0% { height:auto; opacity:100%;}
100% { height:0; margin-top:-50px; opacity:0;}
}
#fixed-top #mainlogo,
#fixed-top #mainlogo a img,
#fixed-top h1 a,
#fixed-top h1 a span,
#fixed-top h1 a img,
#fixed-top ul.subnavi,
#fixed-top .sub-area,
#fixed-top .sub-area .toolicon,
#fixed-top .sub-area .toolicon > a,
#fixed-top .sub-area .toolicon > a img,
#fixed-top .sub-area .toolicon > a p,
#fixed-top .sub-area .snslink,
#fixed-top ul.dropmenu,
#fixed-top ul.dropmenu > li > a {
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-ms-transition:0.5s ease;
-o-transition:0.5s ease;
transition:0.5s ease;}
#fixed-top.move #mainlogo { width:83px; margin-top:-16px; transition:0.5s ease;}
#fixed-top.move #mainlogo a img { transition:0.5s ease;}
#fixed-top.move h1 a { margin-top:-20px; height:30px;}
#fixed-top.move h1 a span { display:none; transition:0.5s ease;}
#fixed-top.move h1 a img { width:240px; transition:0.5s ease;}
#fixed-top.move ul.subnavi { display:none; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon { top:0; text-align:right; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a { height:auto; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a img { width:30px; height:27px; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a p { vertical-align:middle; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a.btn_mypage { width:auto;}
#fixed-top.move .sub-area .shopinfo { overflow:hidden;
-webkit-animation: delete 0.5s ease 0.1s 1 normal both;
animation: delete 0.5s ease 0.1s 1 normal both;}
#fixed-top.move .sub-area .snslink { right:0px; transition:0.5s ease;}
#fixed-top.move ul.dropmenu { margin:0; transition:0.5s ease;}
#fixed-top.move ul.dropmenu > li > a { padding-top:2px; padding-bottom:2px; transition:0.5s ease;}
/*@media all and (max-width:919px)
{
#fixed-top.move .sub-area { transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a { margin-top:-35px;}
#fixed-top.move .sub-area .toolicon > a img { margin-left:65px;}
}*/
@media all and (max-width:719px)
{
@keyframes hightShrink {
0% { height:85px;}
100% { height:65px;}
}
@-webkit-keyframes hightShrink {
0% { height:85px;}
100% { height:65px;}
}
#fixed-top.move {
-webkit-animation: hightShrink 0.5s ease 0.1s 1 normal both;
animation: hightShrink 0.5s ease 0.1s 1 normal both;}
#fixed-top.move #mainlogo { width:120px; margin-top:5px;}
#fixed-top.move ul.subnavi { display:inline; transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon { position:relative; top:0; right:0; width:auto; height:auto; text-align:center;}
#fixed-top.move .sub-area .toolicon > a { width:42px; height:40px;}
#fixed-top.move .sub-area .toolicon > a img { width:33px; height:27px;}
#fixed-top.move .sub-area .toolicon > a p { transition:0.5s ease;}
#fixed-top.move .sub-area .toolicon > a.btn_mypage { width:52px;}
}
/* 共用ベース */
#container { position:relative; width:auto; height:auto; margin:220px auto 50px; text-align:center;}
#mainprarea { width:100%; min-height:1px; margin:0 0 40px; font-size:0;}
#content { width:auto; max-width:1100px; margin:0 auto; font-size:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:center;}
#let-main { display:inline-block; vertical-align:top; width:100%; margin-right:5%; text-align:center; font-size:12px; color:#666666;}
/*#item { display:inline-block; vertical-align:top; width:100%; margin-right:5%; text-align:center; font-size:12px; color:#666666;}*/
#single-main { display:block; width:100%; margin:0; text-align:center; font-size:12px; color:#666666;}
#right-area { flex-shrink:0; display:inline-block; vertical-align:top; width:240px; margin:0; padding:0; text-align:center; font-size:12px; color:#666666;}
#ret-main { display:inline-block; vertical-align:top; width:100%; margin-left:5%; text-align:center; font-size:12px; color:#666666;}
#left-area { flex-shrink:0; display:inline-block; vertical-align:top; width:240px; margin:0; padding:0; text-align:center; font-size:12px; color:#666666;}
@media all and (max-width:1139px)
{
#content { margin:0 2%;}
#let-main { margin-right:2%;}
#ret-main { margin-left:2%;}
/*#item { margin-right:2%;}*/
}
@media all and (max-width:719px)
{
#container { margin:120px auto 50px;}
#content { display:block; width:96%;}
#let-main { width:100%;}
#ret-main { display:block; width:100%; margin-left:0;}
/*#item { width:100%;}*/
#right-area { display:block; width:100%/*240px*/; margin:40px auto 0; text-align:center;}
#left-area { display:block; width:100%/*240px*/; margin:40px auto 0; text-align:center; display:none !important;}
}
/*各ページ用*/
#pankuzu { margin:0 0 25px; text-align:left; font-size:12px;}
@media all and (max-width:719px)
{
#pankuzu { margin:0 0 15px; font-size:1.2rem;}
}
/*フッター要素--------------------*/
#footer-area { width:100%; box-sizing:border-box; margin:0; padding:0 5% 30px; text-align:center; background:url(/newparts/img/com-os/f_bg.png) repeat-x top center; background-size:auto 100%;}
#footer { width:100%; max-width:1200px; margin:0 auto; padding:0; text-align:center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:center;
align-items:center;}
#footer a:hover img { opacity: 0.7 !important;}
#footer .f-info { flex-shrink:0; display:inline-block; vertical-align:middle; width:310px; margin:30px 0 0; padding:0; color:#333333; text-align:left;}
#footer .f-info .f-logo { display:block; vertical-align:top; width:auto; max-width:240px; margin:0 0 10px;}
#footer .f-info .f-logo img { width:100%; height:auto;}
#footer .f-info h2 { /*position:absolute; top:15px; left:2.5%;*/ display:inline-block; vertical-align:middle;}
#footer .f-info h2 a { display:block; text-align:left; color:#333333; font-size:18px; line-height:1.2; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;:middle;}
#footer .f-info h2 a:hover { text-decoration:none; opacity:0.7;}
#footer .f-info h2 a img { display:block; width:100%; max-width:260px; margin:5px auto 0;}
#footer .f-info .sub-area { flex-shrink:0; position:relative; margin:5px 0 0 10px; padding:0;}
#footer .f-info .sub-area .shopinfo { margin:0; color:#333333; font-size:12px;}
#footer .f-info .sub-area .shopinfo p { margin:5px 0 10px; padding:0; font-size:36px; color:#666666; line-height:30px;}
#footer .f-info .sub-area .shopinfo p img { width:30px; height:auto; vertical-align:bottom; margin:0 5px 0 0;}
#footer .f-info .sub-area .shopinfo br { display:none;}
#footer .f-info .sub-area .shopinfo span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; padding:1px 3px 0; color:#FFFFFF; background-color:#666666;}
#footer .f-info .sub-area .shopinfo span:nth-of-type(2) { margin:0 5px 0 10px;}
#footer .f-info .sub-area .shopinfo .shopinfo-ctn { margin:5px 0 0; font-size:1.1rem;}
#footer .f-navi { flex-shrink:0; display:inline-block; vertical-align:middle; width:350px; margin:30px 20px 0 0;}
#footer .f-navi ul { display:inline-block; vertical-align:top; margin:0 5px; padding:0; border:0; font-size:0; text-align:left;}
#footer .f-navi ul li { display:block; width:160px; margin:0 0 3px; border-bottom:#333333 1px dotted; text-align:left; font-size:12px;}
#footer .f-navi ul li a { display:block; padding:5px; padding-left:1.5em; text-indent:-1.5em; color:#333333;}
#footer .f-navi ul li a:before { display:inline; content:"\025b6\0020";}
#footer .f-navi ul li a:hover { text-decoration:none; opacity:0.7; background-color:rgba(0,0,0,0.2);}
#footer .f-navi ul li.ms-sub a { color:#000000;}
#footer .f-navi ul li.ms-sub a:hover { text-decoration:none; background-color:rgba(0,0,0,0.2);}
#footer .f-navi .sub-area a { display:inline-block; vertical-align:bottom; width:40px; height:40px; margin:10px 5px 0 0;}
#footer .f-navi .sub-area a:last-of-type { margin:0;}
#footer .f-navi .sub-area a:hover { opacity:0.7;}
#footer .f-navi .sub-area a img { vertical-align:middle; width:100%;}
#footer .f-inqy { display:inline-block; vertical-align:middle; margin:30px 0 0; text-align:center; font-size:0;}
#footer .f-inqy p { margin:0; padding:0; text-align:left; font-size:14px;}
#footer .f-inqy p:nth-of-type(1) { margin:0 0 10px; padding:0 0 5px; border-bottom:#333333 1px solid; color:#333333; font-size:18px; line-height:1.2; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;:middle; text-align:left;}
#footer .f-inqy p:nth-of-type(2) { display:inline-block; width:48%; margin:0 4% 0 0;}
#footer .f-inqy p:nth-of-type(2) input { box-sizing:border-box; width:100%;}
#footer .f-inqy p:nth-of-type(3) { display:inline-block; width:48%;}
#footer .f-inqy p:nth-of-type(3) input { box-sizing:border-box; width:100%;}
#footer .f-inqy p:nth-of-type(4) { display:block; width:100%; margin:10px 0 5px;}
#footer .f-inqy p:nth-of-type(4) textarea { box-sizing:border-box; width:100%;}
#copyright { width:100%; margin:0 auto; padding:8px 0 5px; text-align:center; color:#FFFFFF; font-size:11px; background-color:#333333;}
@media all and (max-width:1139px)
{
#footer-area { padding:0 2% 30px;}
}
@media all and (max-width:999px)
{
#footer { display:block;}
#footer .f-navi { width:100%; max-width:360px; margin:30px 0 0;}
#footer .f-inqy { display:block; width:auto; max-width:640px; margin:30px auto;}
}
@media all and (max-width:719px)
{
#footer-area { padding:30px 5%;}
#footer .f-info { flex-shrink:none; display:block; width:290px; margin:0 auto 30px; text-align:center;}
#footer .f-info .f-logo { margin:0 auto 10px; text-align:center;}
#footer .f-info h2 { margin:0 auto;}
#footer .f-info h2 a { margin:0 auto; text-align:center; font-size:1.8rem;}
#footer .f-info .sub-area { display:inline-block; margin:5px auto 0; text-align:left;}
#footer .f-navi { margin:0 auto 30px;}
#footer .f-navi ul li { font-size:1.2rem;}
#footer .f-inqy { margin:0;}
#footer .f-inqy p { font-size:1.4rem;}
#footer .f-inqy p:nth-of-type(1) { font-size:1.8rem;}
#copyright { font-size:1.0rem;}
}
/*サイドエリア（右）要素--------------------*/
#right-area {}
#right-area ul.right-ctn { margin:0; padding:0; list-style:none; font-size:0;}
#right-area ul.right-ctn a:hover img { opacity:0.7;}
#right-area ul.right-ctn > li { width:100%; max-width:240px; margin:0 auto 10px; font-size:14px;}
/*#right-area ul.right-ctn > li > a > img { display:block; width:100%; height:auto; margin:0; padding:0;}*/
#right-area ul.right-ctn > li.bnr-youtube img { width:100%; height:auto;}
#right-area ul.right-ctn > li.photocon-bnr img { width:100%; height:auto;}
#right-area ul.right-ctn > li:nth-of-type(3) { display:none;}/*Youtube埋込部非表示*/
#right-area ul.right-ctn > li h3 { margin:0 0 2px; padding:5px 0; border-bottom:#6C2367 3px solid; font-size:16px; font-weight:normal; color:#6C2367; background:url(/newparts/img/com-os/h_bg.png) repeat-x bottom center; background-size:auto 100%;}
#right-area ul.right-ctn > li .linebnr { display:block; box-sizing:border-box; width:100%; max-width:180px; margin:10px auto 0; text-align:center; line-height:1.0 !important;}
#right-area ul.right-ctn > li .linebnr a { display:inline-block; margin:0 auto; padding:8px; border:#27B900 2px solid; background-color:#EBFFCA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#right-area ul.right-ctn > li .linebnr a:hover { text-decoration:none;}
#right-area ul.right-ctn > li .linebnr a span { display:block; margin:0 0 5px; color:#27B900 !important; font-weight:bold;}
#right-area ul.right-ctn > li .linebnr a img:nth-of-type(1) { display:block; width:100%; height:auto; margin:0 auto 5px;}
#right-area ul.right-ctn > li .linebnr a img:nth-of-type(2) { display:block; width:100%; height:auto; margin:0 auto;}
#right-area ul.right-ctn > li .qrbnr { margin:0 auto; text-align:center;}
#right-area ul.right-ctn > li .qrbnr img { display:block; width:100%; height:auto; margin:15px auto 0;}
#right-area ul.right-ctn > li .qrbnr img:nth-of-type(1) { max-width:173px;}
#right-area ul.right-ctn > li .qrbnr img:nth-of-type(2) { max-width:168px;}
#right-area ul.right-ctn > li .qrbnr p { margin:5px auto 0;}
@media all and (max-width:719px)
{
/*#right-area ul.right-ctn { width:240px; margin:0 auto; column-count:1; column-gap:0;
position:fixed; top:0; right:-240px;}*/
#right-area ul.right-ctn { width:100%; max-width:520px; margin:0 auto; column-count:2; column-gap:0;}
#right-area ul.right-ctn > li { /*width:95%; max-width:240px;*/
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
break-inside:avoid;
}
}
@media all and (max-width:539px)
{
#right-area ul.right-ctn { width:240px; column-count:1;}
}
/*商品検索エリア：左コンテンツ要素--------------------*/
.imsh-area { background-color:#FFFFFF;}
.imsh-area .imsh-box { margin:0; padding:0; text-align:center;}
.imsh-area .imsh-box h4 { margin:0 0 10px; padding:5px; text-align:left; font-size:16px; color:#333333; background-color:#F6F6F6;}
.imsh-area .imsh-box > iframe { margin:0 0 15px;}
.imsh-area .imsh-box > div.cate { text-align:center;}
.imsh-area .imsh-box > div.cate > div { margin:0 0 15px; text-align:left;}
.imsh-area .imsh-box > div.cate > div div.ctg-l { margin:0 auto 5px; padding:4px; border:#555555 1px solid; cursor:pointer;}
.imsh-area .imsh-box > div.cate > div div.ctg-l:after { display:inline; content:"\0020\025bc";}
.imsh-area .imsh-box > div.cate > div div.ctg-l:hover { background-color:#F5F5F5; opacity:0.7;}
.imsh-area .imsh-box > div.cate > div div.item-l { margin:0 auto 10px;}
.imsh-area .imsh-box > div.cate > div div.ctg-m { margin:0 0 2px 5px; padding:4px; border:#bbbbbb 1px solid; cursor:pointer;}
.imsh-area .imsh-box > div.cate > div div.ctg-m:after { display:inline; content:"\0020\025bc";}
.imsh-area .imsh-box > div.cate > div div.ctg-m:hover { background-color:#F5F5F5; opacity:0.7;}
.imsh-area .imsh-box > div.cate > div div.ctg-s { margin:0 0 10px 10px;}
.imsh-area .imsh-box > div.cate > div div.ctg-s p.item-s { border-bottom:#bbbbbb 1px dotted; font-size:14px; cursor:pointer;}
.imsh-area .imsh-box > div.cate > div div.ctg-s p.item-s a { display:block; padding:3px 0 2px 1.5em; text-indent:-1.5em; color:#333333;}
.imsh-area .imsh-box > div.cate > div div.ctg-s p.item-s a:before { display:inline; content:"\025b6\0020";}
.imsh-area .imsh-box > div.cate > div div.ctg-s p.item-s a:hover { background-color:#F5F5F5; opacity:0.7;}
.imsh-area .imsh-box h4.sheen span { margin:0 0 0 5px; color:#990000;}
.imsh-area .imsh-box h4.sheen:hover { opacity:0.7;}
.imsh-area .imsh-box h4.sheen:hover span { color:#FF0000;}
.imsh-area .imsh-box > div.sheen > ul { padding:0 0.1em; list-style:none;}
.imsh-area .imsh-box > div.sheen > ul > li { border-bottom:#bbbbbb 1px dotted; text-align:left; font-size:14px;}
.imsh-area .imsh-box > div.sheen > ul > li a { display:block; padding:5px 0 4px 2.0em; text-indent:-1.5em; color:#333333;}
.imsh-area .imsh-box > div.sheen > ul > li a:before { display:inline; content:"\025b6\0020";}
.imsh-area .imsh-box > div.sheen > ul > li a:hover { background-color:#F5F5F5; opacity:0.7;}
.imsh-area .imsh-box h4.mcolor { margin:15px 0 5px;}
.imsh-area .imsh-box ul.colorchip { display:inline-block; margin:0 auto 15px; padding:0; list-style:none; text-align:center; font-size:0;}
.imsh-area .imsh-box ul.colorchip > li { display:inline-block; margin:5px 5px 0 0;}
.imsh-area .imsh-box ul.colorchip > li:nth-of-type(4n) { margin:5px 0 0;}
.imsh-area .imsh-box .f-type { display:inline-block; margin:0 auto; font-size:0;}
.imsh-area .imsh-box .f-type a { display:inline-block; margin:0 1px 0 0; padding:0;}
.imsh-area .imsh-box .f-type a:last-of-type { margin:0;}
@media all and (max-width:719px)
{
/*#right-area ul.right-ctn > li.imsh-area { display:none;}*/
}
/*商品検索エリア非表示処理：右コンテンツ要素--------------------*/
.imsh-area .imsh-box > div.cate #b069,
.imsh-area .imsh-box > div.cate #c069,
.imsh-area .imsh-box > div.cate #b049,
.imsh-area .imsh-box > div.cate #c049,
.imsh-area .imsh-box > div.cate #b051,
.imsh-area .imsh-box > div.cate #c051,
.imsh-area .imsh-box > div.cate #b017,
.imsh-area .imsh-box > div.cate #c017,
.imsh-area .imsh-box > div.cate #b026,
.imsh-area .imsh-box > div.cate #c026,
.imsh-area .imsh-box > div.cate #b064,
.imsh-area .imsh-box > div.cate #c064 { display:none;}
/*トップ検索要素--------------------*/
ul#t-searchbox { max-width:1140px; display:block; margin:0 auto 30px; padding:0; list-style:none; font-size:0;}
ul#t-searchbox li { display:inline-block; vertical-align:middle; margin:0; padding:0; list-style:none; font-size:14px;}
ul#t-searchbox li:nth-of-type(1) { width:55%; margin-right:2%; padding-right:3%; border-right:#999999 1px solid; text-align:left;}
ul#t-searchbox li:nth-of-type(1) select { width:30%; margin-left:1%;}
ul#t-searchbox li:nth-of-type(1) input[type=text] { width:50%; margin-left:1%;}
ul#t-searchbox li:nth-of-type(1) input[type=submit] { margin-left:1%; background-color:#F0F0F0 !important;}
ul#t-searchbox li:nth-of-type(2) { width:40%; text-align:right;}
ul#t-searchbox li:nth-of-type(2) input[type=hidden] { margin-left:1%;}
ul#t-searchbox li:nth-of-type(2) input[type=text] { width:62% !important; margin-left:1%;}
ul#t-searchbox li:nth-of-type(2) input[type=submit] { margin-left:1%; background-color:#F0F0F0 !important;}
@media all and (max-width:1139px)
{
ul#t-searchbox { margin:0 2% 30px;}
ul#t-searchbox li:nth-of-type(1) { width:50%; margin-right:1%; padding-right:1%;}
ul#t-searchbox li:nth-of-type(1) select { width:33%;}
ul#t-searchbox li:nth-of-type(1) input[type=text] { width:36%;}
ul#t-searchbox li:nth-of-type(2) { width:48%;}
ul#t-searchbox li:nth-of-type(2) input[type=text] { width:55% !important;}
}
@media all and (max-width:719px)
{
ul#t-searchbox li { display:block; font-size:1.2rem;}
ul#t-searchbox li:nth-of-type(1) { width:100%; margin-right:0; margin-bottom:5px; padding-right:0; padding-bottom:4px; border-right:none; border-bottom:#AAAAAA 1px dotted; text-align:center;}
ul#t-searchbox li:nth-of-type(1) select { width:35%;}
ul#t-searchbox li:nth-of-type(1) input[type=text] { width:33%;}
ul#t-searchbox li:nth-of-type(1) input[type=submit] { width:auto !important; min-width:0 !important; margin-left:1%;}
ul#t-searchbox li:nth-of-type(2) { width:100%; text-align:center;}
ul#t-searchbox li:nth-of-type(2) input[type=text] { width:53% !important;}
ul#t-searchbox li:nth-of-type(2) input[type=submit] { width:auto !important; min-width:0 !important; margin-left:1%;}
}
/*別ウィンドウ検索要素--------------------*/
#searchww { margin:0 auto; padding:0 0 30px; text-align:center;}
#searchww h1 { position:fixed; top:0; right:0; left:0; height:auto; margin:0 auto 20px; padding:10px 0; border-bottom:#999999 1px solid; font-size:18px; font-weight:normal; background-color:#F0F0F0; z-index:99;}
#searchww h2 { margin:0; padding:10px 0; border-top:#999999 1px solid; border-bottom:#999999 1px solid; font-size:16px; font-weight:normal;}
#searchww h2:first-of-type { margin-top:47px;}
#searchww #keywordbox { margin:0; padding:20px 0;}
#searchww #keywordbox select { width:38%;}
#searchww #keywordbox input[type=text] { width:48%; margin-left:1%;}
#searchww #keywordbox input[type=submit] { margin-left:1%; background-color:#F0F0F0 !important;}
#searchww #googlesearch { margin:0; padding:20px 0;}
#searchww #category { margin:0; padding:0;}
#searchww #category dl { margin:10px 0; font-size:14px; line-height:1.8;}
#searchww #category dt { float:left; width:150px; margin:0 0 5px; padding:10px 0;}
#searchww #category dt h3 { font-weight:normal;}
#searchww #category dd { margin:0 0 5px; padding:10px 5px 9px 10px; border-bottom:#CCCCCC 1px dotted; border-left:#F0F0F0 150px solid; text-align:left;}
#searchww #category dd span { display:inline-block; margin:0 1.5em 0 0;}
#searchww #category dd span:last-of-type { margin:0;}
#searchww #category dd img { vertical-align:middle;}
#searchww #category dd input[type=checkbox] { margin-right:3px;}
#searchww #category dd select { width:auto !important; padding:3px !important;}
#searchww #category dd ul#maincolor { margin:0; padding:0; list-style:none; font-size:0;}
#searchww #category dd ul#maincolor li { display:inline-block; width:auto; margin:0 10px 5px 0; padding:0; font-size:14px;}
#searchww #category dd ul#maincolor li:last-of-type { margin:0;}
#searchww #category dd ul#maincolor li img { width:30px; height:18px; margin:0 2px;}
#searchww #category input[type=submit] { display:inline-block !important; width:281px !important; height:40px !important; margin:0 0 0 20px !important; padding:0 !important; border:#154DBF 1px solid !important; color:#FFFFFF !important; font-size:16px; background-color:#154DBF !important;
-moz-border-radius: 20px; /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px; /* CSS3 */}
#searchww #category input[type=button] { display:inline-block !important; width:281px !important; height:40px !important; margin:0 0 0 20px !important; padding:0 !important; border:#999999 1px solid !important; color:#666666 !important; font-size:16px; background-color:#FFFFFF !important;
-moz-border-radius: 20px; /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px; /* CSS3 */}
#searchww input[type=submit]:hover,
#searchww input[type=button]:hover,
#searchww input[type=reset]:hover { opacity:0.7;}
@media all and (max-width:719px)
{
#searchww h1 { font-size:1.8rem;}
#searchww h2 { font-size:1.6rem;}
#searchww #keywordbox select { width:35%;}
#searchww #keywordbox input[type=text] { width:45%; margin-left:1%;}
#searchww #keywordbox input[type=submit] { min-width:0 !important; margin-left:1%; background-color:#F0F0F0 !important;}
#searchww #category dl { font-size:1.4rem;}
}
@media all and (max-width:639px)
{
#searchww #category input[type=submit] { display:block !important; margin:0 auto 15px !important;}
#searchww #category input[type=button] { display:block !important; margin:0 auto !important;}
}
@media all and (max-width:579px)
{
#searchww #category dt { float:none; width:auto; margin:0 0 5px; padding:5px 0; background-color:#F0F0F0;}
#searchww #category dd { margin:0 0 5px; padding:5px 5px 5px 10px; border-bottom:none; border-left:none;}
}
/*サイドエリア（左）要素--------------------*/
.itemmenu {}
.itemmenu h3 { margin:0 0 10px; border-bottom:#333333 1px solid; font-size:18px; color:#333333;}
#mainselect-bnr { position:relative; width:100%; max-width:240px; margin:0 auto 20px;}
#mainselect-bnr a { position:absolute; top:0; right:0; bottom:0; left:0;}
#mainselect-bnr a:hover { background-color:rgba(255,255,255,0.2);}
.mode-pc_top { height:120px; background:url(../img/com-os/mainselect-bnr_pc.jpg) center center no-repeat; background-size:cover;}
.mode-sp_top { height:120px; background:url(../img/com-os/mainselect-bnr_sp.jpg) center center no-repeat; background-size:cover;}
.mode-pc_ifs { height:120px; background:url(../img/com-os/niaumatch-bnr.png) center center no-repeat; background-size:cover;}
.mode-sp_ifs { height:120px; background:url(../img/com-os/niaumatch-bnr.png) center center no-repeat; background-size:cover;}
.mode-pc_oks { height:120px; background:url(../img/com-os/shashinkan-bnr.png) center center no-repeat; background-size:cover;}
.mode-sp_oks { height:120px; background:url(../img/com-os/shashinkan-bnr.png) center center no-repeat; background-size:cover;}
.mode-pc_ktk { height:120px; background:url(../img/com-os/kitsuke_class-bnr.png) center center no-repeat; background-size:cover;}
.mode-sp_ktk { height:120px; background:url(../img/com-os/kitsuke_class-bnr.png) center center no-repeat; background-size:cover;}
div#itemnavi-sp.delete { display:none;}
div#itemnavi-pc.delete { display:none;}
ul.itemnavi-ctn { margin:0; padding:0; list-style:none; font-size:0;}
ul.itemnavi-ctn a:hover img { opacity:0.7;}
ul.itemnavi-ctn > li { width:100%; max-width:240px; margin:0 auto 10px; font-size:14px;}
ul.itemnavi-ctn > li h3 { margin:0 0 2px; padding:5px 0; border-bottom:#6C2367 3px solid; font-size:16px; font-weight:normal; color:#6C2367; background:url(/newparts/img/com-os/h_bg.png) repeat-x bottom center; background-size:auto 100%;}
ul.itemnavi-ctn > li.bnr-youtube img { width:100%; height:auto;}
ul.itemnavi-ctn > li.photocon-bnr img { width:100%; height:auto;}
ul.itemnavi-ctn > li:nth-of-type(3) { display:none;}/*Youtube埋込部非表示*/
ul.itemnavi-ctn > li .linebnr { display:block; box-sizing:border-box; width:100%; max-width:180px; margin:10px auto 0; text-align:center; line-height:1.0 !important;}
ul.itemnavi-ctn > li .linebnr a { display:inline-block; margin:0 auto; padding:8px; border:#27B900 2px solid; background-color:#EBFFCA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ul.itemnavi-ctn > li .linebnr a:hover { text-decoration:none;}
ul.itemnavi-ctn > li .linebnr a span { display:block; margin:0 0 5px; color:#27B900 !important; font-weight:bold;}
ul.itemnavi-ctn > li .linebnr a img:nth-of-type(1) { display:block; width:100%; height:auto; margin:0 auto 5px;}
ul.itemnavi-ctn > li .linebnr a img:nth-of-type(2) { display:block; width:100%; height:auto; margin:0 auto;}
ul.itemnavi-ctn > li .qrbnr { margin:0 auto; text-align:center;}
ul.itemnavi-ctn > li .qrbnr img { display:block; width:100%; height:auto; margin:15px auto 0;}
ul.itemnavi-ctn > li .qrbnr img:nth-of-type(1) { max-width:173px;}
ul.itemnavi-ctn > li .qrbnr img:nth-of-type(2) { max-width:168px;}
ul.itemnavi-ctn > li .qrbnr p { margin:5px auto 0;}
@media all and (max-width:719px)
{
#itemnavi-sp { margin:0 10px;}
ul.itemnavi-ctn { width:100%; max-width:none; margin:0 auto;}
ul.itemnavi-ctn > li { max-width:none;}
}
/*メインナビ(スマホ)要素--------------------*/
@media all and (max-width:719px)
{
.sb-slidebar { background-color:#FFFFFF !important;}
.sb-slidebar > ul { margin:0 0 5px; padding:10px; list-style:none;}
.sb-slidebar > ul > li { display:block; margin:0 auto 5px; padding:0; border-left:none;}
.sb-slidebar > ul > li > a { display:block; margin:0; padding:4px; padding-left:1.5em; text-indent:-1.0em; border:#555555 1px solid; text-align:left; font-size:1.4rem; color:#333333; background-image:none !important;}
.sb-slidebar > ul > li > a:before { display:inline; content:"\025b6\0020";}
.sb-slidebar > ul > li > a:hover { text-decoration:none; background-color:#F5F5F5; opacity:0.7;}
.sb-slidebar > ul > li.ms-navi > a { border:#000000 1px solid; color:#000000; background-color:#FFFFFF;}
.sb-slidebar > ul > li.maincolor { text-align:center;}
.sb-slidebar > ul > li.maincolor > a:before,
.sb-slidebar > ul > li.irokosei > a:before { display:inline; content:"\025bc\0020";}
.sb-slidebar > ul > li.maincolor ul.colorchip,
.sb-slidebar > ul > li.irokosei ul.f-type { display:inline-block; margin:0 auto; padding:0; list-style:none; text-align:left; font-size:0;}
.sb-slidebar > ul > li.maincolor ul.colorchip li,
.sb-slidebar > ul > li.irokosei ul.f-type li { display:inline-block; margin:5px 0 0 5px;}
.sb-slidebar h3 { margin:0 10px 10px; border-bottom:#333333 1px solid; text-align:center; font-size:18px; color:#333333;}
.sb-slidebar .sub-area { padding-bottom:5vh; text-align:center;}
.sb-slidebar .sub-area a { display:inline-block; vertical-align:bottom; width:40px; height:40px; margin:0 5px 0 0;}
.sb-slidebar .sub-area a:last-of-type { margin:0;}
.sb-slidebar .sub-area a:hover { opacity:0.7;}
.sb-slidebar .sub-area a img { vertical-align:middle; width:100%;}
}
/*ナビ部iframe検索要素--------------------*/
#serch-iframe { width:100%; max-width:240px; height:420px; box-sizing:border-box; padding:0;}
#search-parts { width:100%; overflow:hidden;}
#search-parts h4 { margin:0 0 10px; padding:5px; text-align:center; font-size:16px; color:#333333; background-color:#F6F6F6;}
#search-parts #keywordbox,
#search-parts #googlesearch { margin-bottom:20px;}
#price_serch { width:100%; margin:0 0 20px; text-align:center;}
#price_serch #range_slider_box { width:95%; margin:-10px 0 0 10px;}
#price_serch #range_slider_txt { margin:-10px 0 10px; padding:0;}
#price_serch #range_slider_txt .range-text { margin:0; padding:0; text-align:center;}
#price_serch #range_slider_txt .range-text .range-text-from,
#price_serch #range_slider_txt .range-text .range-text-to { display:inline-block; width:42%; margin:0 auto; padding:0; text-align:left;}
#price_serch #range_slider_txt .range-text .range-text-center { display:inline-block;}
#price_serch #range_slider_txt input[type=tel] { width:78%;}
#price_serch input[submit] { margin:0 auto;}
@media only screen and (max-width:719px)
{
.sb-slidebar #serch-iframe { max-width:700px; height:440px; padding:0 10px;}
#search-parts h4 { text-align:left;}
}
/*slidebars.css＆slidemenu.css強制変更要素--------------------*/
span.siteshadow { position:fixed !important; top:-5px; height:105vh !important; transform:rotate(0deg) !important; background-color:#000000 !important;}
@keyframes SpSlideIn {
0% { width:0; opacity:0.0;}
100% { width:100%; opacity:0.7;}
}
@-webkit-keyframes SpSlideIn {
0% { width:0; opacity:0.0;}
100% { width:100%; opacity:0.7;}
}
.sb-active span.siteshadow {
-webkit-animation: SpSlideIn 0.5s ease 0.1s 1 normal both;
animation: SpSlideIn 0.5s ease 0.1s 1 normal both;}
@media all and (max-width:719px)
{
.spmenu_btn.active {
background:#000000 !important;
}
.spmenu_btn {
border-top:8px solid #000000 !important;
border-bottom:8px solid #000000 !important;
}
}
/*ページトップ要素--------------------*/
#pagetop {
display:block;
position: fixed;
bottom: -100px;
right: 20px;
z-index:100;
}
#pagetop a {
display: block;
width: 60px;
height: 60px;
background-image:url(/newparts/img/com-os/pagetop.png);
background-repeat:no-repeat;
background-size:contain;
text-align: center;
color:#001D81;
font-size: 28px;
text-decoration: none;
line-height: 50px;
}
#pagetop a:hover {
background-image:url(/newparts/img/com-os/pagetop_on.png);
color:#002ECC;
}
@media all and (max-width:719px)
{
#pagetop {
bottom: -50px;
right: 5px;
}
#pagetop a {
width: 40px;
height: 40px;
font-size: 1.8rem;
line-height: 40px;
}
}
/*YouTube埋込基本--------------------*/
div.ytembed-box { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
div.ytembed-box iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
/*---サンプルソース---
---*/
/*フォームパーツ基本--------------------*/
/*input[type=hidden],*/
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
/*input[type=file],*/
input[type=submit],
/*input[type=image],*/
input[type=reset],
input[type=button] { box-sizing:border-box; display:block; margin:0 auto; padding:15px 30px; font-size:14px; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
border:solid 1px #ccc;
/*text-transform:uppercase;*/
text-transform:none !important;
font-weight:bold;
color:#333333;
cursor:pointer;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
background-image: -webkit-linear-gradient(top, #ddd, #aaa);
background-image: -moz-linear-gradient(top, #ddd, #aaa);
background-image: -ms-linear-gradient(top, #ddd, #aaa);
background-image: -o-linear-gradient(top, #ddd, #aaa);
background-image: linear-gradient(top, #ddd, #aaa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);}
/*input[type=hidden],*/
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
/*input[type=checkbox],
input[type=radio],*/
/*input[type=file],*/
input[type=submit],
/*input[type=image],*/
input[type=reset],
input[type=button], button, textarea/*, select*/ {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*input[type=hidden],*/
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
/*input[type=file],*/
input[type=submit],
/*input[type=image],*/
input[type=reset],
input[type=button], textarea, select { box-sizing:border-box; display:inline; margin:0; padding:5px; border:1px solid #B9C9CE; background-color:#FFFFFF;
-moz-border-radius: 5px; /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px; /* CSS3 */
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
/*text-transform:lowercase;*/
text-transform:none !important;
font-weight:normal;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input[type=text], select { width:65%;}
textarea { width:95%;}
input[type=text]:focus,
input[type=email]:focus,
input[type=checkbox]:focus,
select:focus,
textarea:focus { border-color:#83B6C2; outline:none; box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);}
::-webkit-input-placeholder { color:#AFAFAF;}
:-moz-placeholder { color:#AFAFAF;}
input[type=submit],
input[type=reset],
/*input[type=image],*/
input[type=button] { background-color:#CCCCCC;}
:placeholder-shown { color:#AAAAAA;}/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
::-webkit-input-placeholder { color:#AAAAAA;}/* Google Chrome, Safari, Opera 15+, Android, iOS */
:-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 18- */
::-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 19+ */
:-ms-input-placeholder { color:#AAAAAA;}/* IE 10+ */
@media all and (max-width:719px)
{
/*input[type=hidden],*/
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
/*input[type=file],*/
input[type=submit],
/*input[type=image],*/
input[type=reset],
input[type=button] { font-size:1.4rem;}
textarea { width:90%;}
input[type=submit],
input[type=reset],
input[type=button] { box-sizing:border-box; max-width:none; min-width:30%;}
}
/*付加要素--------------------*/
.linkanchor { margin-top:-120px; padding-top:120px;}
@media all and (max-width:719px)
{
.linkanchor { margin-top:-60px; padding-top:60px;}
}
#acc-area { display:none;}
.mg_top-10 { margin-top:10px !important;}
.mg_top-15 { margin-top:15px !important;}
.mg_top-20 { margin-top:20px !important;}
.mg_top-30 { margin-top:30px !important;}
.mg_top-40 { margin-top:40px !important;}
.mg_btm-10 { margin-bottom:10px !important;}
.mg_btm-15 { margin-bottom:15px !important;}
.mg_btm-20 { margin-bottom:20px !important;}
.mg_btm-30 { margin-bottom:30px !important;}
.mg_btm-40 { margin-bottom:40px !important;}
.box-vta { vertical-align:middle !important;}
a .box-vta { display:block !important;}
a:hover .box-vta img { opacity: 0.7 !important;}