@charset "utf-8";
/* スタイルシートの無断複製を禁止します */
/* 最終更新日：2019年09月01日 */
/* width 1200 */

/*-----------------------------------------------------------------------*/
/*                             標準タグスタイル                          */
/*-----------------------------------------------------------------------*/
body{
 color:#444;
 line-height:28px;
 letter-spacing:1px;
 font-family: Avenir, 'Helvetica neue', Helvetica, メイリオ, Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
 font-size:15px;
 min-width: 1200px;
}

a{
 text-decoration:none;
 color:#b11212;
}
a:hover{
 text-decoration:underline;
 color:#b11212;
}
.btn,.drawr,.pcNon,.head_mail{
 display: none;
}
/*-----------------------------------------------------------------------*/
/*                             共通 スタイル                          */
/*-----------------------------------------------------------------------*/
.fade,.menuBox img,.bana img{
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover,.menuBox img:hover,.bana img:hover{  
    opacity: 0.7;  
    filter: alpha(opacity=30);  
}
.left,.pcLeft{
 float:left;
}
.right,.pcRight{
 float:right;
}
.over{
 overflow:hidden;
}
header{
background: #fff;
border-bottom:1px #ccc solid;
}
.headed{
width: 1200px;
margin: 0 auto;
overflow: hidden;
line-height: 100%;
}
.headed h1,.headed p.pageTit{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
font-size: 12px;
margin: 25px 0 0 30px;
float: left;
color: #666;
}
.logo{float: left;padding: 5px;}
.logo img{height: 60px;}

/*------- フッター -----*/
footer{
background: #f3f3f3;
}
.foot{
padding: 30px 0 10px;
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.foot_left{
float: left;
width: 400px;
}
cite{
font-size: 10px;
font-weight: bold;
}
address a{
display: block;
width: 195px;
border: 1px #333 solid;
text-align: center;
padding: 8px 0 10px;
color: #333;
line-height: 100%;
font-size: 12px;
}
address a:hover{
text-decoration: none;
}
address a::before{
content: "";
display: inline-block;
width: 20px;
height: 15px;
background: url("../img/icon_mail.gif") no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 7px;
}
.footNavi{
float: left;
border-left: 1px #ccc solid;
margin: 0 100px 15px 0;
padding: 0 0 0 20px;
font-size: 12px;
}
.footNavi li{
list-style: disc;
margin-left: 20px;
}
.footNavi li a{
color: #444;
}
.footTxt{
clear: both;
margin: 0 0 10px;
padding: 15px 0;
border-top: 1px #ccc dotted;
border-bottom: 1px #ccc dotted;
font-size: 10px;
line-height: 120%;
}
.copyright{
text-align: center;
font-size: 12px;
}
/*--------コンテナー-----------*/
section{
padding: 70px 0;
width: 1200px;
margin: 0 auto;
}
.bgGray{
background: #f3f3f3;
}
.bgGrayShort{
padding: 90px 100px;
width: 1200px;
margin: 0 auto;
background: #f3f3f3;
}
.bgRed{
background: #e22020;
}
/*-------サブページ共通------*/
.pan{
 overflow:hidden;
 width:1200px;
 margin:0 auto 40px;
}
.pan li,.panCate li{
 font-size:10px;
 float:left;
 color:#fff;
 display: inline-block;
 line-height: 100%;
 padding:10px 15px;
}
.pan li::before,.panCate li::before{
content: "> ";
}
.pan li a,.panCate li a{
 display: inline-block;
 color:#fff;
}
.pan li:first-child,.panCate li:first-child{
 background: rgba(0,0,0,0.7);
}
.pan li:nth-child(2),.panCate li:nth-child(2){
 background: rgba(0,0,0,0.5);
}
.pan li:nth-child(3),.panCate li:nth-child(3){
 background: rgba(0,0,0,0.4);
}
.pan li:nth-child(4),.panCate li:nth-child(4){
 background: rgba(0,0,0,0.3);
}

.panCate{
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
}

.footBnr{
width: 1200px;
margin: 0 auto;
padding: 55px 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.footBnr li{
width: 32%;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
}
.footBnr li a{
color: #fff;
display: block;
padding: 25px 0;
text-align: center;
border: 2px #fff solid;
background: url("../img/arrow03.png") no-repeat right center;
}
.footBnr li a:hover{
text-decoration: none;
}


/*------トップ-------*/
.newsTit{
display: block;
background: #121212;
line-height: 26px;
padding: 10px 0 7px;
text-align: center;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #fff;
font-size: 26px;
letter-spacing: 3px;
position: relative;
}
.newsTit::after{
content: url("../img/arrow01.png");
display: block;
position: absolute;
height: 35px;
text-align: center;
width: 100%;
}
.newsBox{
width: 1136px;
margin: 40px auto 40px;
border: 2px #333 solid;
padding: 15px 30px;
}
.newsBox li a{
display: block;
color: #333;
}
.newsBox li a:hover{
text-decoration: none;
}
.newsBox li{
border-bottom: 1px #ccc dotted;
}
.newsBox li:last-child{
border-bottom: none;
}
.newsBox li span{
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.newsBox li span::after{
content: "･･･";
margin: 0 15px;
}
.topImg {
margin-bottom:50px;
text-align:center;
}
.topFlow{
float: left;
width: 520px;
padding: 0 50px;
text-align: center;
}
.topFlow2{
float: right;
width: 520px;
padding: 0 50px;
text-align: center;
}
.topFlow p,.topFlow2 p{
text-align: left;
}
h3.flowTxt1,p.flowTxt1{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 18px;
margin: 5px 0 40px;
}
h3.flowTxt1::before,p.flowTxt1::before{
content: "[";
}
h3.flowTxt1::after,p.flowTxt1::after{
content: "]";
}
h2.flowCatch{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 36px;
border-bottom: 1px #555 solid;
display:inline-block;
margin: 0 auto;
padding: 0 10px;
color: #000;
}
h2.flowCatch small{
font-size: 22px;
padding: 0 5px;
}
h2.flowCatch span{
display: block;
font-size: 18px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
margin: 5px 0 5px;
}
h2.flowCatch strong{
font-weight:normal;
}
h2.flowCatch2{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 36px;
display:inline-block;
margin: 0 auto;
border-bottom: 1px #555 solid;
padding: 0 10px 15px;
color: #000;
line-height:120%;
}
/**wp用**/
h2.wp_flowCatch{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 36px;
border-bottom: 1px #555 solid;
display:inline-block;
margin: 0 auto;
padding: 0 10px;
color: #000;
line-height:120%;
}
h2.wp_flowCatch small{
font-size: 22px;
padding: 0 5px;
}
h2.wp_flowCatch span{
display: block;
font-size: 18px;
margin: 5px 0 5px;
line-height:120%;
}
h2.wp_flowCatch span::before{
content:"カテゴリー：";
font-size:12px;
}
h2.wp_flowCatch strong{
font-weight:normal;
}
.fixTxt{
margin-top:30px;
}
/**wp用**/

h3.topStep{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
margin: 25px 0 10px;
clear: both;
display: block;
background: url("../img/dot2.png") repeat-x center center;
text-align: center;
font-size: 22px;
color: #000;
}
h3.topStep span{
background: #fff;
padding: 0 10px;
}
.topStep {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 50px 0 35px;
}
.topStep li{
width: 32%;
border: 2px #333 solid;
padding: 20px 0;
overflow: hidden;
}
.topStep li strong,.firstCheck li strong{
display: block;
width: 45%;
float: left;
background: #333;
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 20px;
text-align: center;
line-height: 100%;
padding: 10px 0;
}
.topStep li strong small,.firstCheck li strong small{
display: block;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
.topStep li span,.firstCheck li span{
display: block;
width: 50%;
float: right;
font-size: 14px;
line-height: 150%;
padding-right: 5px;
}
.firstCheck{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 35px;
}
.firstCheck li{
width: 32%;
border: 2px #333 solid;
padding: 20px 0;
overflow: hidden;
 margin: 0 0 15px;
}
.janleBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 0;
}
.janleBox li{
width: 385px;
position: relative;
margin: 0 0 30px;
}
.janleBox li a{
color: #444;
}
.janleBox li a:hover{
text-decoration: none;
}
.janleBox li img{
width: 100%;
}
.janleBox li a::after{
position: absolute;
top: 0;
left: 0;
content: url("../img/bg_box.png");
}
.janleBox li span{
height: 235px;
overflow: hidden;
display: block;
position: relative;
}
.janleBox::after{
  content:"";
  display: block;
  width:32%;
}
.janleBox li span small{
position: absolute;
bottom: 15px;
right: 10px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 34px;
color: #fff;
line-height: 100%;
display:inline-block;
padding-bottom:3px;
border-bottom:1px #fff dotted;
}
.janleBox li strong,.janleBox li h3{
display: block;
line-height: 100%;
text-align: center;
width: 70%;
border-bottom: 1px #333 solid;
margin: 15px auto;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 5px 0 10px;
font-size: 20px;
}
.janleBox li b{
display: block;
margin: 15px auto 0;
padding: 12px 0;
width: 100%;
border: 1px #333 solid;
text-align: center;
font-weight: bold;
line-height: 100%;
}
.janleBox li b:hover{
background: #333;
color: #fff;
}
.topTok{
background: #f8f8f8 url("../img/bg_tokucho.jpg") center center no-repeat;
height: 832px;
padding: 100px 0;
margin: -240px 0 0;
}
.tokBox{
padding: 150px 0 0;
color: #fff;
width: 1200px;
margin: 0 auto;
}
.tokBox h2.flowCatch{
color: #fff;
}
.tokTxt{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
text-align: center;
margin: 70px 0 50px;
}
.tokTxt li{
width: 220px;
height: 150px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 border: 2px #fff solid;
 padding: 50px 15px;
}
.tokTxt li span,.tokTxt li h3{
display:block;
font-weight:bold;
text-align:center;
margin:10px 0 10px;
font-size:16px;
}
.newItem,.trialItem{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 14px;
margin: 0 0 20px;
}
.newItem li,.trialItem li{
width: 19%;
margin: 0 0 15px;
text-align: center;
line-height: 140%;
background: #fff;
}
.newItem li span,.trialItem li span{
display: block;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
background: url("../img/bar.gif") center bottom no-repeat;
line-height: 180%;
margin: 0 0 7px;
}
.newItem li a,.trialItem li a{
display: block;
color: #444;
border: 1px #ccc solid;
padding: 10px 7px;
}
.newItem li a:hover,.trialItem li a:hover{
text-decoration: none;
border: 1px #111 solid;
}
.newItem li img{
display: block;
text-align: center;
margin: 0 auto 7px;
}
.trialItem li img{
display: block;
text-align: center;
margin: 0 auto 7px;
 height: 100px;
 width: auto;
 max-width: 100%;
}
.newItem li strong,.trialItem li strong{
font-weight: normal;
font-size: 12px;
display: block;
}
.newItem li small,.trialItem li small{
font-weight: bold;
}
.newItem li small::before,.trialItem li small::before{
content: "買取価格 ";
}
.newItem li small::after,.trialItem li small::after{
content: "円";
}
.reviewBox{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 70px 0;
}
.reviewBox li{
width: 24%;
border: 1px #ccc solid;
background: #fff;
}
.reviewBox li a{
display: block;
padding: 15px;
color: #444;
}
.reviewBox li a:hover{
text-decoration: none;
}
.columBox{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 70px 0;
}
.columBox li{
width: 24%;
border-top: 1px #444 solid;
padding: 20px 0 0;
}
.columBox li span{
display: block;
}
.columBox li a{
display: block;
background: #fff;
color: #444;
}
.columBox li a:hover{
text-decoration: none;
}
.rankBox{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin:0 0 20px;
}
.rankBox li{
width: 15%;
line-height:140%;
}
.rankBox li img{
width:100%;
height:auto;
}
.rankBox li span{
display: block;
}
.rankBox li a{
display: block;
color: #444;
}
.rankBox li a:hover{
text-decoration: none;
}
/*------トップビジュアル-------*/
.topVisual{
background: url("../img/bg_splite.gif");
padding:15px 0;
}
.topVisual div{
background: url("../img/main_visual_top.jpg") no-repeat center center;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
height: 783px;
}
/*-------サブページビジュアル------*/
#subImg{
background-position: center center;
background-repeat: no-repeat;
height: 600px;
}
.subVisual{
width: 1200px;
margin: 0 auto;
position: relative;
height: 600px;
}
.subVisual h2,.subVisual h1{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 64px;
color: #fff;
padding: 90px 0 10px;
line-height: 100%;
text-shadow:0px 0px 7px #3b3b3b;
}
.subVisual h3,.subVisual h1 strong{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 120px;
color: #fff;
line-height: 100%;
text-shadow:2px 2px 7px #0a0a0a,0px 0px 2px #3b3b3b;
display:block;
}
.subVisual h4{
position: absolute;
bottom: 20px;
right: 0;
line-height: 93%;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 100px;
width: 100%;
display: block;
color: #fff;
text-align: right;
text-shadow:1px 1px 9px #3b3b3b;
padding-top:20px;
}
.subVisual h4 span{
display: block;
}
.pageTitle{
 background: url("../img/bg_dot.gif") repeat-x bottom left;
}
.pageTitle h2{
 display: block;
 width: 1200px;
 margin: 60px auto 0;
 height: 110px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
 font-size: 36px;
 position: relative;
}
.pageTitle h2 span{
 display: block;
 font-size: 20px;
 margin-top: 5px;
}
.pageTitle h2::after{
 content: "";
 width: 50px;
 border-top: 3px #333 solid;
 position: absolute;
 top: -15px;
 left: 0;
}
/*------サブアイテムリスト-------*/
.cateBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cateBox li{
width: 19%;
margin: 0 0 15px;
font-size: 14px;
line-height: 120%;
}
.cateBox li a{
display: block;
text-align: center;
border: 1px #ccc solid;
padding: 15px 0;
color: #444;
}
.cateBox li a:hover{
color:#b11212;
border: 1px #b11212 solid;
text-decoration: none;
}
.cateBox li img{
display: block;
margin: 0 auto;
text-align: center;
}
.guideRight{
 width: 580px;
 float: right;
}
.hikakuBox{
 border: 1px #ccc solid;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.hikakuBox th{
 background: #efefef;
 text-align: center;
 vertical-align: middle;
 line-height: 120%;
 padding: 15px 0;
 border-right: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
}
th.tit1{
 width: 19%;
}
th.tit2,th.tit3{
 width: 27%;
}
.hikakuBox td{
 text-align: center;
 border-right: 1px #ccc dotted;
 border-bottom: 1px #ccc dotted;
 font-size: 22px;
 line-height: 140%;
 height: 85px;
}
.hikakuBox td small{
 display: block;
 text-align: center;
 font-size: 12px;
 line-height: 100%;
}
.hikakuBox td.check{
 color: #d11e2b;
 font-size: 26px;
 background: #fff9fa;
}
table.pro_conBox{
 border: 1px #ccc solid;
 margin: 50px 0 0;
}
.pro_conBox th,.pro_conBox td{
 padding: 15px 0;
}
.pro_conBox th{
 font-weight: bold;
 text-align: center;
 border-bottom: 1px #ccc solid;
 border-right: 1px #ccc solid;
}
.pro_conBox td{
 padding: 0 10px;
 border-bottom: 1px #ccc dotted;
 border-right: 1px #ccc dotted;
}
.td_ok{
 background: #f7fcff;
 width:40%;
}
.td_ng{
 background: #efefef;
 width:40%;
}
.td_ct{
 width:20%;
}
.cando{
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 margin:  0 0 80px;
}
.cando li{
 width: 18%;
 text-align: center;
}
.cando li img{
 width: 60%;
 height: auto;
 display: block;
 text-align: center;
 margin: 15px auto;
 border: 1px #ccc solid;
}
.highPrice{
 display: flex;
 flex-wrap: nowrap;
 justify-content:space-around;
 margin: 80px 0 -80px;
}
.highPrice li{
 text-align: center;
 width: 20%;
}
.highPrice li img{
 display: block;
 margin: 0 auto;
}
.inq{
 margin: 50px 0 80px;
}
.inq th{
 background: #f8f8f8;
 padding: 15px;
 border-bottom: 1px #ccc dotted;
 border-right: 1px #ccc dotted;
 width: 25%;
 text-align: center;
 font-weight: bold;
}
.inq th span{
 margin-left: 10px;
 color: #c41121;
}
.inq td{
 padding: 15px;
 border-bottom: 1px #ccc dotted;
 width: 75%;
}
.inq td input.wid100{
 width: 40%;
}
.inq td textarea.wid100{
 width: 90%;
}
.compBox{
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 margin: 80px 0 40px;
}
.compBox li{
 width: 24%;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
.compBox li img {
 width:100%;
 height:auto;
  border-radius: 100% 80% / 80% 85% 80% 90%;
      -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  

}
.csr{
 width: 1020px;
 margin: 0 auto;
}
.csrBox{
 margin: 30px 0 80px;
 display: flex;
 justify-content: space-between;
}
.csrBox li{
 width: 500px;
 text-align: left;
}
.csrBox li strong{
 font-size: 18px;
 margin: 0 0 5px;
 display: block;
 text-align: center;
}
.csrBox li img{
 margin: 0 0 15px;
}
.csrBox li a{
 display: block;
 margin: 5px 0 0;
}
.partnerBox{
 margin: 30px 0 40px;
 display: flex;
 justify-content: space-between;
}
.partnerBox li{
 width: 25%;
 text-align: center;
}
.partnerBox li img{
 width:80%;
 height: auto;
 display: block;
 margin: 0 auto 15px;
}
.partnerBox p{
 text-align: right;
}
.section_title.plicy {
 font-weight:bold;
 border-bottom:1px dotted #CCC;
 font-size:120%;
 padding:5px 0 5px 0;
 color:#242424;
}
.section{
 margin: 0 0 20px;
}
.disc_list li{
 margin: 0 0 10px;
 list-style: disc;
 margin-left: 20px;
}
/*ななめ背景*/
.contents {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  z-index: 2;
}
/*
.contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 0 -10% 0;
  background: #f8f8f8;
  -webkit-transform-origin: right center;
  -ms-transform-origin:right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}*/

.contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 0 -10% 0;
  background: #f8f8f8;
  -webkit-transform-origin: right center;
  -ms-transform-origin:right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 100px 10px 140px;
}
.contents2 {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  z-index: 2;
  margin: -180px 0 0;
}
.contents2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 0 -10% 0;
  background: #f8f8f8;
  -webkit-transform-origin: right center;
  -ms-transform-origin:right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
.contents3 {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  z-index: 2;
  margin: -200px 0 0;
}
.contents3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 90%;
  margin: 0 -10% 0;
  background: #fff;
  -webkit-transform-origin: right center;
  -ms-transform-origin:right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}

/*開閉*/

.accordion h5 {
 font-size: 18px;
 color:#666;
 text-align:left;
 width:90%;
}
.accordion ul {
 width:100%;
 padding:0;
margin: 70px 0 50px;
}
.accordion li {
 position:relative;
 border-bottom:1px solid #ccc;
}
.accordion li:first-child {
 border-top:1px solid #ccc;
}

.accordion > ul > li > a {
 display: block;
 text-decoration: none;
 cursor: pointer;
 padding: 1.5em 1em;
 position: relative;
 color: #444;
}
.accordion > ul > li > a h5:hover {
 color: #111;
 text-decoration:none;
}
.accordion > ul > li > div {
 display: none;
 text-align:left;
 padding:0 .8em 1.4em 1em;
 color:#555;
 line-height:1.8;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
 display: inline-block;
 transition: all .3s;
 box-sizing: border-box;
}
.accordion li .accordion_icon {
 position: absolute;
 width: 40px;
 height: 40px;
 top:20px;
 right:10px;
}
.accordion li .accordion_icon span {
 position: absolute;
    width: 100%;
 height: 1px;
    background-color: #ccc;
}
.accordion li .accordion_icon span:nth-of-type(1) {
 transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
 transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
 display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
 transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/*------タイトル-------*/
.h2txt{
 font-size: 28px;
 text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
 color: #000;
}
.h2txt span{
 display: block;
 font-size: 16px;
 padding: 6px 0;
 color: #444;
}
.h2txt br{
 display:none;
}
.more,.more2{
text-align: center;
}
.more a{
display: inline-block;
margin: 0 auto;
border: 1px #333 solid;
padding: 20px 0;
width:40%;
text-align: center;
font-weight: bold;
font-size:20px;
color: #333;
line-height: 100%;
}
.more a:hover{
text-decoration: none;
background: #333;
color: #fff;
}
.more2 a{
display: inline-block;
margin: 0 auto;
border: 1px #fff solid;
padding: 20px 0;
width:40%;
text-align: center;
font-weight: bold;
font-size:20px;
color: #fff;
line-height: 100%;
}
.more2 a:hover{
text-decoration: none;
background: #fff;
color: #333;
}
/*------ボーダー-------*/
.bar1{
 border-top: 2px #213453 solid;
 margin: 10px  auto 70px;
 width: 150px;
}
.bar2{
 border-top: 2px #213453 solid;
 margin: 10px  auto 30px;
 width: 150px;
}
.bar3{
 border-top: 1px #213453 solid;
 margin: 10px  auto 30px;
 width: 150px;
}
/*------カラー-------*/
.blue{color: #1552AF;}
.blue2{color: #2b4c8e;}
.pink{color: #E04EBB;}
.orange{color:#F37E41;}
.red{color: #af0404;}
.green{color: #41AB6E}
.black{color: #000;}

/*------余白------*/
.mgb100{margin-bottom: 100px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}
.mgb50{margin-bottom: 50px;}
.mgb-30{margin-bottom:-30px !important;}
.mgt-100{margin-top:-100px !important;}
.mgt-400{margin-top:-400px !important;}
.mgt-450{margin-top:-450px !important;}
.mgt-500{margin-top:-500px !important;}
.mgt-550{margin-top:-550px !important;}
.mgt-600{margin-top:-600px !important;}
.mgt-650{margin-top:-650px !important;}
.mgt-700{margin-top:-700px !important;}
.mgb-200{margin-bottom:0px !important;}
.mgt80{margin-top:80px !important;}
/*-----------------------------------------------------------------------*/
/*                            table系 スタイル                           */
/*-----------------------------------------------------------------------*/
.tdA{
 border:1px #ccc solid;
 font-size:12px;
}
.tdA th{
 padding:12px 0;
 font-weight:bold;
 text-align:center;
 border-bottom:1px #ccc dotted;
 border-right:1px #ccc dotted;
 background: url(../img/bg_white.gif);
 font-size:16px;
 width: 30%;
}
.tdA td{
 padding:12px 0 12px 20px;
 border-bottom:1px #ccc dotted;
 border-right:1px #ccc dotted;
 background:#fff;
 width: 70%;
 font-size:14px;
}
.tdA th:last-child{
 border-bottom:none;
}
.tdA ul{
 overflow:hidden;
}
.tdA ul li{
 float:left;
 list-style:disc;
 margin-left:20px;
}
.tdA ul li a{
 display:block;
 padding-right:25px;
}
.tdA ul li a:hover{
 text-decoration:underline;
}
/*-----------------------------------------------------------------------*/
/*                            form系 スタイル                           */
/*-----------------------------------------------------------------------*/
form{
 margin-top: 30px;
}
.hankaku {
 padding:4px;ime-mode:disabled;font-family:Arial, Helvetica, sans-serif;
 background-color:#fff;background-image: url(../images/input.jpg);
 border:1px solid #ccc;font-size:14px;letter-spacing:1px;color:#444;
}
.zenkaku {
 padding:4px;border:1px solid #ccc;color: #444;
 background-color:#fff;background-image: url(../images/input.jpg);
}
.kome {
 background-color:#C03;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 font-size:10px;
 color:#fff;
 padding:3px;
 text-align:center;
 margin-left:2px;
}
.iimg{
 vertical-align:middle;
}
.errMsg{
 color:#F00;
}
input,textarea{
 padding:5px;
vertical-align:middle;
border:1px #ccc solid;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input:focus,textarea:focus {
    border:solid 1px #59493f;
}
.inputBox{
 text-align: center;
 margin: 30px 0 0;
}
.css3button{
 color: #fff;
 background: #2aa859;

 text-align:center;
 width:100%;
 cursor: pointer;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: 2px solid #2aa859;
 font-size:24px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 line-height:100%;
}
.css3button a{
 padding: 25px 0;
display:block;
}
.css3button2{
 color: #fff;
 background: #2aa859;
padding: 25px 0;
 text-align:center;
 width:100%;
 cursor: pointer;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: 2px solid #2aa859;
 font-size:24px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 line-height:100%;
}
.selectWrap{
  width: 100px;
  position: relative;
  display: inline-block;
 background: #fff;
 font-size: 18px;
}
.selectWrap::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 20px 0 10px;
  border: 1px solid #b4b3b3;
  border-radius: 2px;
 font-size: 18px !important;
}
.select select::-ms-expand {
    display: none;
}
.formTxt{
font-size:12px;
line-height:140%;
margin-top:10px;
}
.itemBox{
overflow: hidden;
margin: 50px 0 0;
}
.itemLeft{
float: left;
width: 640px;
}
.itemRight{
float: right;
width: 500px;
}
.itmThum{
margin: 0 0 30px;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.itmThum li{
width: 32%;
margin: 0 0 5px;
}
.itmThum li img{
width: 100%;
height: auto;
}
.itmTag{
margin: 20px 0 0;
border: 1px #ccc solid;
padding: 20px;
}
.itmTag::before{
content: "TAGS:";
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
margin-right: 10px;
}
/*bxslider*/
#sp_key{
display:none;
}
#keyimg {
  min-width: 1300px;
  overflow: hidden;
height: 600px !important;
}
#keyimg .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important;
  height: 600px !important;
}
.bx-wrapper .bx-prev {
  left: -50px !important;
}
.bx-wrapper .bx-next {
  right: -50px !important;
}
.visual{
width: 100%;
}

/*WP*/
.newList{
 width: 75%;
 float: left;
}
.newsArc{
 width: 20%;
 float: right; 
}
.newTitList li{
 border-bottom: 1px #ccc dotted;
}
.newTitList li a{
display: block;
color: #333;
 padding: 15px 0;
}
.newTitList li a:hover{
text-decoration: none;
}
.newTitList li span{
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.newTitList li span::after{
content: "･･･";
margin: 0 15px;
}
.arcTits{
 background: #eee;
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
 line-height: 120%;
 padding: 20px 0;
 margin: 0 0 15px;
}
.arcTits span{
 display: block;
 font-size: 12px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.typeArc li{
 border-bottom: 1px #ccc dotted;
}
.typeArc li a{
 display: block;
 padding: 10px 0;
}
h2.newsCatch{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 36px;
border-bottom: 1px #555 solid;
display:block;
margin: 0 auto 100px;
padding: 10px 0;
color: #000;
line-height:140%;
}

.brandListTit{

}

.brandListTit{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
margin: 80px 0 40px;
clear: both;
display: block;
background: url("../img/dot2.png") repeat-x center center;
text-align: center;
font-size: 22px;
color: #000;
}
.brandListTit span{
background: #f8f8f8;
padding: 0 10px;
}

.brandList2{
margin: 0 0 80px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.brandList2 li{
width: 32%;
}

.brandList2 li a{
display:block;
padding:10px 0;
border:1px #ccc solid;
text-align:center;
margin:0 0 18px;
background:#fff;
}

.brandList2 li a:hover{
border:1px #b11212 solid;
text-decoration:none;
}

.columBoxList{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.columBoxList li{
width: 32%;
border-top: 1px #444 solid;
padding: 20px 0 0;
}
.columBoxList li span{
display: block;
}
.columBoxList li a{
display: block;
background: #fff;
color: #444;
}
.columBoxList li a:hover{
text-decoration: none;
}
.columBoxList li img{
width:100%;
heigh:auto;
}
.singleImg{
text-align:center;
margin:30px 0 60px;
}
.hide{display:none;}
.entryBtn{
 display: flex;
flex-wrap: nowrap;
justify-content: space-between;
 margin: 0 0 80px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 20px;
}
.entryBtn li{
 width:49%;
 text-align: center;
}
.entryBtn li a{
 display: block;
 padding: 20px 0;
 border: 1px #ccc solid;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 color:#444;
}
.entryBtn li a:hover{
text-decoration:none;
}
.entryBtn li:first-child a:hover,.entryBtn li.bnrOn:first-child a{
background:#d87126;
color:#fff;
}
.entryBtn li:last-child a:hover,.entryBtn li.bnrOn:last-child a{
background:#2aa859;
color:#fff;
}

.drawrContact{
position: absolute;
width: 100%;
top:20px;
left:80px;
}
.drawrContact li:first-child a{
float:left;
width:40%;
margin-right:10px;
background:#d87126;
}
.drawrContact li:last-child a{
width:80%;
background:#2aa859;
}
.drawrContact li a{
text-align:center;
color:#fff;
padding:25px 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size:24px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.drawrContact li a:hover{
text-decoration:none;
}
.drawrContact li:first-child a::before{
content: '';
display: inline-block;
width:30px;
height:30px;
background: url("../img/icon_mail2.png") ;
background-size: contain;
vertical-align: middle;
margin-right:10px;
}
.drawrContact li:last-child a::before{
content: '';
display: inline-block;
width:30px;
height:30px;
background: url("../img/icon_form2.png") ;
background-size: contain;
vertical-align: middle;
margin-right:10px;
}

.qaTit{
font-weight:bold;
 font-size:24px;
 color:#333;
 display:block;
padding:0 0 5px;
margin:20px 0;
border-bottom:1px #333 solid;
}
.qaBox{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 0 80px;
}
.qaBox li{
width:24.5%;
text-align:center;
}
.qaBox li a{
display:block;
border:1px #ccc solid;
padding:10px 0;
margin:0 0 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.qaBox li a:hover{
background:#333;
color:#fff;
border:1px #333 solid;
text-decoration:none;
}
.jpBnr{
margin-top:80px;
}
.trialNavi{
 display: flex;
 justify-content: center; 
}
.trialNavi li{
 margin: 0 5px;
 border: 1px #ccc solid;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.trialNavi li a{
 display: inline-block;
 padding: 10px;
}
.trialNavi li:first-child,.trialNavi li:last-child{
 background: #000;
 border: 1px #000 solid;
}
.trialNavi li:first-child a,.trialNavi li:last-child a{
 color: #fff;
}
.search_container{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #999;
  display: block;
  padding: 0 10px 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
  height: 2.3em;
  width: 100%;
  overflow: hidden;
 margin: 0 0 30px;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #000;
  color: #fff;
  position: absolute;
  width: 9%;
  height: 3.0em;
  right:0px;
  top: -3px;
  outline : none;
}
.otameshiImg{
text-align: center;
margin: 0 0 50px;
}
.otameshiImg img{
width: auto;
height: 400px;
}
.otameshiTable{
margin: 0 0 50px;
font-weight: bold;
}
.otameshiTable th{
width: 25%;
text-align: center;
font-weight: bold;
padding: 15px;
background:#2e324f;
color: #fff;
border-bottom:1px #fff solid;
}
.otameshiTable td{
width: 75%;
padding: 15px 15px 15px 20px;
border-bottom:1px #ccc dotted;
color:#2e324f;
}
/*-----------------------------------------------------------------------*/
/*                            amazon バナーリンク                        */
/*-----------------------------------------------------------------------*/
.amazonBnr{
overflow:hidden;
width:600px;
height:110px;
margin:20px 0;
border:1px #ccc solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.amazonBnr a{
display:block;
}
.amazonBnr span.amazonLogo{
float:left;
width:200px;
height:100%;
display: flex;
justify-content: center;
align-items: center; 
background:#232f3e;
}
.amazonBnr span.amazonMenu{
float:right;
width:380px;
overflow:hidden;
}
.amazonBnr span.amazonImg{
float:left;
width:100px;
height:110px;
display: flex;
justify-content: center;
align-items: center; 
}
.amazonBnr span.amazonImg img{
max-width:100px;
max-height:110px;
}
.amazonBnr span.amazonTit{
float:right;
width:250px;
padding:10px 10px 0 0;
}
.amazonBnr span.amazonTit strong{
font-weight:normal;
font-size:14px;
line-height:18px;
margin-bottom:5px;
display:block;
height:55px;
}
.amazonBnr span.amazonTit small{
background: url("../img/bg_amazon.gif") repeat-x;
padding:7px 0 7px 25px;
color:#000;
border:1px #ceb05a solid;
display:block;
line-height:100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}
.amazonBnr span.amazonTit small i{
margin-right:10px;
}