@charset "UTF-8";

/*-----------------------------------

/css/base.css

-----------------------------------*/

/*-------------------------
__base_style
-------------------------*/
@media screen and (min-width: 768px) {
html{overflow-y:scroll;}
body{min-width:980px;}
}
body{text-align:center;}
#wrap{}
#content{}

/*-------------------------
__header_style
-------------------------*/
#header{width:100%;height:105px;border-top:5px solid #53c82c/*メインカラー*/;position:fixed;top:0;left:0;z-index:1100;box-shadow:0 2px 1px rgba(0,0,0,0.3);
background:rgba(255,255,255,0.8);
background:-moz-linear-gradient(top,rgba(255,255,255,1) 20%,rgba(255,255,255,0.7) 80%);
background:-webkit-linear-gradient(top,rgba(255,255,255,1) 20%,rgba(255,255,255,0.7) 80%);
background:linear-gradient(to bottom,rgba(255,255,255,1) 20%,rgba(255,255,255,0.7) 80%);
}
#header .header_inner{width:960px;height:105px;margin:0 auto;position:relative;}
#header .logo{top:30px;left:10px;position:absolute;}
#header .logo a{display:inline-block;vertical-align:top;}
#header .logo a img{width:auto;height:auto;max-height:50px;}

#navi{padding:35px 0 0;margin:0 5px;text-align:right;}
#navi ul{font-size:0;}
#navi li{display:inline-block;margin:0 0 0 20px;}
#navi li a{text-decoration:none;}
#navi li:not(.inq){font-size:16px;line-height:50px;}
#navi li:not(.inq) a{color:#000;transition:0.3s;}
#navi li.inq{}
#navi li.inq a{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;display:inline-block;background:#ff8a00/*アクセントカラー*/;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}

#navi2{padding:35px 0 0;margin:0 5px;text-align:right;}
#navi2 .btn_label{display:none;}
#navi2 .btn_ck{display:none;}
#navi2 ul{font-size:0;}
#navi2 li{display:inline-block;margin:0 0 0 20px;}
#navi2 li a{text-decoration:none;}
#navi2 li:not(.inq){font-size:16px;line-height:50px;}
#navi2 li:not(.inq) a{color:#000;transition:0.3s;}
#navi2 li.inq{}
#navi2 li.inq a{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;display:inline-block;background:#ff8a00/*アクセントカラー*/;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}

/*-------------------------
.ms_box
検討リスト
-------------------------*/
#header + .ms_box{font-size:0;line-height:0;width:100%;position:fixed;top:70px;left:0;z-index:1000;}
#header + .ms_box .ms_box_inner{width:940px;padding:0 5px;margin:0 auto;text-align:right;}
#header + .ms_box .ms_box_inner p{vertical-align:top;display:inline-block;}
#header + .ms_box .ms_box_inner p a{font-size:14px;line-height:20px;text-decoration:none;color:#FFF;display:block;height:20px;background:#53c82c;padding:12px 10px 8px 40px;margin:0 0 0 2px;border-radius:0 0 5px 5px;box-shadow:0 2px 2px rgba(0,0,0,0.5) inset;position:relative; transform:translateY(40px);transition:0.3s;}
#header + .ms_box p a.pc{}
#header + .ms_box p a.sph{display:none;}
#header + .ms_box p a::before{content:"";display:inline-block;vertical-align:top;width:20px;height:20px;position:absolute;top:10px;left:15px;transition:0.3s;}
#header + .ms_box p.stock a::before{background:url(/images/ms_icon1.png) 0 0 no-repeat;background-size:20px 20px;}
#header + .ms_box p.history a::before{background:url(/images/ms_icon2.png) 0 0 no-repeat;background-size:20px 20px;}


/*-------------------------
__footer_style
-------------------------*/
#footer{}
#footer .inner1{background:#53c82c/*メインカラー*/;height:50px;}
#footer .menu{font-size:0;text-align:left;width:960px;margin:0 auto;}
#footer .menu ul{vertical-align:top;display:inline-block;}
#footer .menu li{font-size:14px;line-height:50px;display:inline-block;vertical-align:top;margin:0 10px;}
#footer .menu li a{text-decoration:none;color:#FFF;transition:0.3s;}
#footer .re_top{width:960px;margin:0 auto;text-align:right;font-size:0;}
#footer .re_top a{color:#FFF;text-decoration:none;display:inline-block;text-align:center;width:50px;height:50px;margin:-50px 10px 0 0;position:relative;background:rgba(255,255,255,0.5);z-index:10;transition:0.3s;}
#footer .re_top a::after{content:"上へ";font-size:11px;line-height:25px;display:block;width:100%;text-align:center;position:absolute;bottom:0;opacity:0;transition:0.3s;}
#footer .re_top a img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition:0.3s;}
#footer .inner2{width:960px;margin:0 auto;position:relative;}
#footer .logo{padding:15px 0 20px 0;margin:0 0 0 10px;text-align:left;}
#footer .logo a{text-decoration:none;}
#footer .logo a span{font-size:11px;line-height:15px;color:#000;display:block;}
#footer .logo a img{width:auto;height:auto;max-height:30px;}
#footer .cr{font-size:14px;line-height:20px;position:absolute;top:15px;right:10px;}
#footer .cr span{}

/*-------------------------
コンテンツパターン
ASP
.content_inner
静的
.content_main
-------------------------*/
#content .content_inner,
#content .content_main{width:950px;margin:0 auto;padding:110px 5px 50px 5px;}
/*
.topic_path
パンくずリンク
*/
#content .topic_path{clear:both;text-align:left;}
#content .topic_path ul{padding:15px 0 0;margin:0 300px 0 0;}
#content .topic_path ul.bottom{margin:-10px 0 0;}
#content .topic_path li:first-child::before{content:"";margin:0;}
#content .topic_path li::before{color:#000;content:">";margin:0 5px;}
#content .topic_path li{font-size:14px;line-height:20px;color:#000;display:inline-block;}
#content .topic_path li a{font-size:14px;line-height:20px;color:#000;transition:0.3s;}
/*
.asp_pageTitle
コンテンツタイトル
*/
/*#asp_content .asp_pageTitle,*/
#content .asp_pageTitle,
#content .pageTitle{
font-size:26px;line-height:40px;height:40px;font-weight:400;text-align:left;padding:7px 0 3px 10px;border-left:5px solid #53c82c/*メインカラー*/;background:#EEE;}
#content .asp_pageTitle{margin:20px 0 20px;}
#content .pageTitle{margin:20px 0 0;}