@charset "UTF-8";

/* =======================================================================

CSSの名前：contact.css お問い合わせ

/ext/contact.xhtml

--------------------------------------------------------------------------*/
#jstore #main3 .inner{width:1035px;margin:30px auto 80px;}
#jstore h2.ttl{font-size:3.4em;clear:both;line-height:2.4em; position: relative; display: inline-block; width: 1095px;text-align: center; padding: 0 280px;margin: 40px 0 0!important;}
#jstore h2.ttl:before,#jstore h2.ttl:after {content: ''; position: absolute; top: 50%; display: inline-block; width: 280px; height: 1px; background-color: black;}
#jstore h2.ttl:before {left:0;}
#jstore h2.ttl:after {right: 0;}

#jstore .ttl_h2{clear:both;background: #fff;height:60px;margin-bottom: 20px;box-sizing: border-box;border:1px solid #555;border-left:20px solid #555;padding-left: 20px;}
#jstore .ttl_h2 h2{padding:12px 0 0;font-weight:normal;color: #333;font-size: 2.5em;}
#jstore .ttl_h2 .mark{float:left;background: #1a86d6;margin:0 20px 0 0;padding:10px 0 0;text-align: center;width:60px;height:59px;font-weight:normal;text-decoration: none;color:#FFF;font-size: 3em;}

div + .ttl_h2 {margin-top: 90px;}

#jstore h3{clear:both;border-bottom: solid 4px #434343; position: relative;font-size:2.8em;font-weight: normal;margin: 50px 0 30px;}
#jstore h3:after{position: absolute; content: " "; display: block; border-bottom: solid 4px #1a86d6; bottom: -4px; width: 20%;}

#jstore h4{font-size:1.8em;width:910px!important;margin: 30px auto 0;font-weight: normal;}

#jstore p{font-size: 1.6em;line-height: 1.8em;color:#333;margin:0 15px;}
#jstore p+p{margin-top:5px;}

#jstore .maru {height:30px; width:30px; border-radius:50%; line-height:30px; text-align:center; background:#1a86d6; font-size:20px;
  margin:5px 10px 0 0; color:#FFF;}
#jstore .red {color: #1a86d6;}
#jstore .bigTxt {font-size:2.2em;}
#jstore .smallTxt{font-size: 0.8em;}

#jstore .txtArea{clear:both;width:960px;margin: 30px auto;}

#jstore img.borderImg{border: 1px solid #CCC;padding:10px;margin: 20px 0 0 0;}
#jstore .btnArea{text-align: center; padding: 20px 0 50px; display: table;
  width: 100%;}
#jstore .btnArea a:hover{text-decoration: none;}
#jstore .btnProductInfo{display: table-cell;border:2px solid #ff6363; margin: 0 auto;width:450px;height:75px; font-size: 20px; color: #FFF; background: #ff6363;border-radius: 5px;line-height: 1.2em;vertical-align: middle;text-decoration: none;}
#jstore a:hover .btnProductInfo{color: #ff6363;	 background: #fff;box-sizing: border-box;}


#jstore #contactSpt{display: flex;width: 880px; margin: 10px auto;}
#jstore #contactSpt .boxW{width: 400px;background: #fff;text-align: center;padding:10px 15px;border:5px solid #e5e5e5;margin: 0 20px;}
#jstore #contactSpt .btnSupport{height: 80px; margin:5px auto 10px;padding:0 0 0 12px;border-radius: 8px;text-align:left!important;box-sizing: border-box;background-image: url("../images/detail/contact/icon_blank.png");background-repeat: no-repeat;background-position: 295px 22px;}
#jstore #contactSpt .btnSupport p{padding-top: 15px;font-size:20px;color:#fff;line-height: 1.2em;}

#jstore #contactSpt .bgRed{background-color: #c80010!important;}
#jstore #contactSpt a:hover .bgRed{background-color: #ff0000!important;}
#jstore #contactSpt .bgBlk{background-color: #000!important;}
#jstore #contactSpt a:hover .bgBlk{background-color: #444!important;}


#jstore #btnContactY_Area{width:960px; margin:10px auto;display: flex;}
#jstore .btnContactY{width:465px;height: 100px; margin:20px 20px;background-color: #fff162;border:2px solid #fff162;padding:0 20px 0 35px;border-radius: 8px;text-align: center!important;line-height: 1.0em;box-sizing: border-box;background-repeat: no-repeat;background-position: 30px 10px;}

#jstore a:hover .btnContactY{background-color: #fff8b3;border:2px solid #fcc300;}
#jstore .btnContactY p{padding-top: 32px;font-size:22px;margin-left: 100px;}

#jstore .btnBg03{background-image: url("../images/detail/contact/icon03.png");}
#jstore .btnBg04{background-image: url("../images/detail/contact/icon04.png");}