@charset "UTF-8";

/* CSS Document */

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

body {
    box-sizing: border-box;
    background-color: #fff;
    letter-spacing: normal!important;
}

header {
    background-color: #000;
    border-bottom: 2px solid #9f0f18;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
}

.onlySp {
    display: none;
}


/*#headertopcolumn{z-index: 0;}*/


/*▽▽▽▽▽▽▽▽▽▽ヘッダーここから▽▽▽▽▽▽▽▽▽▽▽▽*/

header a {
    color: #fff;
    text-decoration: none;
}

#top_header {
    max-width: 1024px;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

#top_header h1 {
    float: left;
}

#top_header div.header_01 {
    float: right;
    overflow: hidden;
    margin-top: 20px;
}

#top_header div.header_01 .he_box a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}

#top_header div.header_01 div {
    float: left;
    font-size: 16px;
}

#top_header div.header_01 div.tel {
    font-size: 26px;
    padding: 3.5px 0;
}

#top_header address {
    font-style: normal;
    letter-spacing: 0.8px;
    font-weight: bold;
}

#top_header div.header_01 div.tel i {
    font-size: 25px;
    margin-right: 10px;
}

#top_header div.header_01 div.tel p {
    font-size: 16px;
    margin: 0;
}

#top_header div.header_01 .he_box {
    border: 1px solid #fff;
    text-align: center;
    padding: 10px;
    margin-left: 20px;
    font-size: 15px;
    vertical-align: middle;
}

#top_header div.header_01 .he_box i {
    font-size: 18px;
}

#top_header div.header_01 .he_box a {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

#top_header div.header_01 .con {
    background-image: url(/images/con_bg.png);
}

#top_header div.header_01 .cat {
    background-image: url(/images/cat_bg.png);
}

#top_header nav.header_02 {
    float: right;
    margin-top: 30px;
    padding-bottom: 8px;
}

#top_header nav.header_02_sp {
    display: none;
}

#top_header li {
    list-style: none;
}

#top_header nav.header_02 .menu {
    display: inline!important;
    float: left;
    font-size: 16px;
    height: 30px;
    padding: 0 18px;
}

#top_header nav.header_02 .menu a {
    display: block;
}

#top_header nav.header_02 li.menu:last-child {
    padding-right: 0;
}

#top_header nav.header_02 li.menu i {
    font-size: 27px;
}

#top_header nav.header_02 li.menu:hover {
    background-color: #9f0f18;
    transition: background-color 0.3s;
}

#top_header nav.header_02 li.menu:nth-child(7):hover,
#top_header nav.header_02 li.menu:nth-child(8):hover {
    background-color: #000;
    opacity: 0.7;
    transition: opacity 0.3s;
}

#top_header nav.header_02 li.menu:nth-child(7):hover i,
#top_header nav.header_02 li.menu:nth-child(8):hover i {
    color: #9f0f18;
    transition: background-color 0.3s;
}

#top_header nav.header_02 .top_nav_op {
    background-color: #9f0f18;
    position: fixed;
    width: 600px;
    left: 11%;
    top: 160px;
}

#top_header nav.header_02 .top_menu_op {
    float: left;
    width: 200px;
    padding-left: 0px;
    padding-bottom: 20px;
}

#top_header nav.header_02 .top_menu_op::before {
    content: '';
    position: absolute;
    left: 300px;
    top: -10px;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #9f0f18;
    border-left: 10px solid transparent;
    opacity: 0;
}

#top_header nav.header_02 .menu:hover .top_menu_op::before {
    opacity: 1;
}

#top_header nav.header_02 .top_menu_op li:first-child {
    font-size: 20px;
    line-height: 48px;
    padding-left: 15px;
}

#top_header nav.header_02 .top_menu_op li {
    font-size: 14px;
    line-height: 32px;
    padding-left: 30px;
}

#top_header nav.header_02 .top_menu_op li a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}

#top_header nav.header_02 .top_menu_op li i {
    font-size: 14px;
    padding-right: 3px;
    line-height: 48px;
}

#top_header nav.header_02 .top_menu_op li span {
    height: 48px;
    display: inline-block;
    vertical-align: middle;
}

#top_header nav.header_02 .top_nav li a {
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    overflow: hidden;
    transition: all .2s ease-out;
}

#top_header nav.header_02 .top_nav>li:first-child a {
    margin-top: 0;
}

#top_header nav.header_02.top_nav li a:hover {
    transition: all .2s ease-out;
}

#top_header nav.header_02 .top_nav li ul {
    margin: 0;
    padding: 0;
}

#top_header nav.header_02 .top_nav li li a {
    display: block;
    margin-top: 0;
    height: 0;
    transition: all .2s ease-out;
}

#top_header nav.header_02 .top_nav>li:hover li a {
    display: table;
    margin-top: 1px;
    width: 100%;
    height: 1em;
    transition: all .2s ease-out;
}

#top_header nav.header_02 .menu>li:hover li a:hover {
    transition: all .2s ease-out;
}

#top_fix {
    background: url(/images/bg_01.png);
    border: 1px solid #fff;
    border-collapse: collapse;
    display: table;
    position: fixed;
    top: 250px;
    right: 0;
}

#top_fix i {
    font-size: 27px;
}

#top_fix .fix_box01 a,
#top_fix .fix_box02 a {
    width: 88px;
    height: 88px;
    display: table-cell;
    vertical-align: middle;
}

#top_fix .fix_box01 a {
    border-bottom: 1px solid #fff;
}

#top_fix a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}

.accordionlist dt {
    line-height: 70px;
}


/*△△△△△△△△△△△△ヘッダーここまで△△△△△△△△△△△△*/


/*▽▽▽▽▽▽▽▽▽▽メインここから▽▽▽▽▽▽▽▽▽▽▽▽*/

.container {
    width: 1024px;
    margin: 0 auto;
}

div#kv {
    margin-top: 160px;
    position: relative;
    /*z-index: -100;*/
}

#kv img {
    width: 100%;
    /*background-size: cover;*/
    z-index: -100;
}

#kv a {
    display: inline-block;
    border: 3px solid #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 18px 30px 23px 40px;
    line-height: 1em;
    position: absolute;
    top: 60%;
    left: 18%;
}

#kv span {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1em;
}

#kv i {
    color: #9e0f17;
}

#kv .onlySp {
    display: none;
}

#slide {
    width: 100%;
    height: 150px;
    background-color: cadetblue;
}


/*トップコンテンツ*/

#blog_in02 {
    margin: 0;
}

#blog_feed .showpost_a:first-child img {
    width: 100%!important;
    max-height: inherit!important;
    max-width: inherit!important;
}

.showpost_wrap {
    margin-top: 0;
}

#top_contents {
    width: 1024px;
    margin: 0 auto;
}

#two_maincolumn_left {
    width: 784px;
    float: left;
    padding: 30px 30px 0 0;
}

#main {
    width: 754px;
    height: 2600px;
    float: left;
    /*background-color: aquamarine;*/
    color: #333;
}

h2.title_01 {
    font-size: 38px;
    color: #333;
    display: table;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    padding-left: 17px;
    border-left: 12px solid #bb131a;
    margin-bottom: 20px;
}

h2.title_01 span {
    font-size: 18px;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 6px;
}


/*PICKUPおすすめ*/

div#recommend {
    background-color: #fff;
    color: #333;
    margin-bottom: 50px;
}

#recommend .captionfull .boxcaption {
    padding: 10px;
    height: 165px;
}

#recommend div.re_box {
    margin: 25px 0;
}


/*#recommend .top_price li   {
	font-style: normal;
	font-size: 17.5px;
	color: #333;
	font-weight: bold;
}*/

#recommend .top_detail_name {
    /*font-size: 100%;
    font-weight: normal;
    padding-left: 0px; 
    width: 100%; */
    white-space: inherit;
    /*overflow:inherit;
    text-overflow:inherit;*/
}

#recommend div.re_btn a {
    display: inline-block;
    width: 250px;
    line-height: 50px;
    font-size: 15px;
    margin: 0 auto;
    color: #fff;
    background-color: #000;
}

#recommend div.re_btn a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
    background-color: #9f0f18;
}

#recommend p.pickup_cat_name {
    background: #555554;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#recommend .cp_left {
    float: none;
}

#recommend .top_price {
    padding-left: 0px;
    text-align: center;
    width: 100%;
}

#recommend .top_price li {
    float: none;
}


/*#recommend .pickup_icon{
	display: none;
}*/

#products {
    background-color: #fff;
    color: #333;
    /*margin-bottom: 30px;*/
}

#products .pro_01 {
    background-image: url(/images/bg_car01.png);
    background-repeat: no-repeat;
}

#products .pro_02 {
    background-image: url(/images/bg_car02.png);
    background-repeat: no-repeat;
}

#products h3 {
    width: 250px;
    float: left;
    font-size: 35px;
    line-height: 1em;
    font-family: 'Open Sans', sans-serif;
    padding-left: 17px;
    border-left: 12px solid #bb131a;
}

#products h3 span {
    font-size: 28px;
}

#products ul {
    width: 503px;
    float: right;
}

#products ul li {
    float: left;
    width: 250px;
    position: relative;
    margin-bottom: 3px;
}

#products ul li:nth-child(odd) {
    margin-right: 3px;
}

#products ul li p {
    position: absolute;
    top: 27.5px;
    left: 12px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 0 #555554, -2px 2px 0 #555554, 2px -2px 0 #555554, -2px -2px 0 #555554;
}

#products ul li span {
    font-size: 14px;
    margin-right: 10px;
}

#products ul li a:hover img {
    opacity: 1;
    border: 2px solid #9f0f18;
    box-sizing: border-box;
    width: 250px;
    height: 80px;
}

#products ul li a:hover p {
    color: #9f0f18;
    transition: 0.2s;
}


/*トップブログ部分*/

#blog {
    color: #fff;
    margin-bottom: 50px;
}

#blog div.bl_btn a {
    background-color: #fff;
    color: #000;
    border: 2px #000 solid;
    display: inline-block;
    width: 250px;
    line-height: 50px;
    font-size: 15px;
    margin: 30px auto 0;
}

#blog .showpost_time,
#blog .showpost_ttl {
    display: block;
    background: #000;
    line-height: 2.0;
    padding-left: 10px;
}

#blog .showpost_time {
    padding-top: 15px;
}

#blog .showpost_ttl {
    padding-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    /*padding-right: 10px;*/
    text-overflow: ellipsis;
}

#blog .showpost_cnt:first-child .showpost_time {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 150px;
    right: 0;
    padding-top: 25px;
    width: 400px;
}

#blog .showpost_cnt:first-child .showpost_ttl {
    font-size: 16px;
    position: absolute;
    top: 200px;
    right: 0;
    padding-bottom: 25px;
    width: 400px;
}

#blog .showpost_cat {
    display: inline-block;
    background: #6c6c6b;
    padding: 0 10px;
    line-height: 1.75;
    font-size: 13px;
    position: absolute;
    left: 110px;
    top: 217px;
}

#blog .showpost_cnt:first-child .showpost_cat {
    position: absolute;
    top: 175px;
    left: 450px;
}

#blog .showpost_cnt:first-child {
    position: relative;
    width: 100%;
}

#blog .showpost_cnt span.showpost_excerpt {
    background: #6f6f6f94;
    display: block;
    width: 390px;
    padding: 25px 10px 70px;
    top: 258px;
    right: 0;
    position: absolute;
}

#blog span.showpost_more {
    position: absolute;
    right: 0;
    top: 380px;
    border: 1px solid;
    padding: 7px 10px;
    margin: 10px;
}

#blog .showpost_cnt .showpost_img {
    width: 100%;
    display: block;
}

#blog .showpost_cnt {
    width: 50%;
    margin-top: 1px;
    position: relative;
}

#blog .showpost_cnt:nth-child(2n) {
    border-right: 1px solid #fff;
}

#blog .showpost_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.showpost_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.showpost_a {
    display: block;
    margin-bottom: 15px;
}

.showpost_a:hover {
    opacity: 0.6;
}

.showpost_a:hover img {
    opacity: 1;
}

.showpost_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.showpost_txt {
    display: block;
}

.showpost_ttl {
    display: block;
    font-weight: bold;
    border-top: none;
    border-bottom: 1px dotted #999;
    line-height: 1.1;
}

#blog .showpost_a .showpost_img {
    display: block;
    text-align: center;
    height: 200px;
    overflow: hidden;
}

#blog .showpost_cnt:first-child .showpost_a .showpost_img {
    height: auto;
}

#blog_feed .showpost_a:first-child img {
    max-height: 350px;
    max-width: 600px;
    width: auto;
    height: auto;
}

#blog_feed .showpost_a:first-child {
    width: 100%;
    margin: 0;
    float: none;
}

#blog_feed .showpost_a {
    width: 49.5%;
    /*margin:15px 1.5% 0;*/
    float: left;
    padding-right: 0.5%;
}

#blog_feed .showpost_a img {
    /*max-height:160px;*/
    width: auto;
    height: 290px;
    /*height:auto;*/
}

#blog_out {
    background-color: #fff;
    padding-bottom: 0!important;
}


/*トップJsnapギャラリー部分*/

#gallery p.gallery_txt {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    padding: 0;
}

#info {
    margin-bottom: 50px;
}

#facebook {
    margin-bottom: 50px;
}


/*#side_btn {
	margin-bottom: 50px;
}*/


/*ブログページ,ギャラリーページ*/

body.blog,
body.category-j-snap,
body.category-blog,
body.category-news,
.post-2084,
.category {
    background-color: #fff;
    margin-top: 158px;
}

.top_loop_a {
    height: 300px;
}

div#one_maincolumn {
    background-color: #fff;
    margin-top: 188px;
    /*◀◀20190930：158px→188pxへ変更*/
}

.post-2084 {
    /*background-color: #000*/
    color: #222;
}

.blog #top_contents,
.category-j-snap #top_contents,
.category-blog #top_contents {
    margin-top: 150px;
}

.tablenav {
    margin-left: 0;
}

.wp_ac_down {
    margin-left: 0;
}

.menu {
    position: static;
    background: none;
    color: #fff;
    text-align: left;
    font-size: inherit;
}

.menu ul {
    margin-top: inherit;
}

.menu li {
    padding: inherit;
    border-bottom: none;
}

.single {
    background: #fff;
    color: #000;
}


/* #top_contents02 {
    margin-left: 0!important;
} */

#blog_feed .showpost_a {
    margin: inherit;
    width: 50%;
}


/*△△△△△△△△△△△△メインここまで△△△△△△△△△△△△*/


/*▽▽▽▽▽▽▽▽▽▽サイドここから▽▽▽▽▽▽▽▽▽▽▽▽*/

#rightcolumn {
    width: 240px;
    float: left;
    background-color: #fff;
    color: #333;
    padding-top: 30px;
    text-align: left;
    margin-bottom: 50px;
}

#rightcolumn a {
    color: #333;
}

#rightcolumn h3 {
    font-size: 26px;
    border-left: #9f0f18 solid 12px;
    padding-left: 18px;
    line-height: 31px;
}

#rightcolumn h4 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    margin-top: 25px;
}

#rightcolumn h4 i {
    padding: 0 5px 0 2px;
    font-size: 11px;
    color: #e13841;
}

#sidemenu {
    margin-bottom: 50px;
}

#sidemenu a:hover {
    color: #bb131a;
    opacity: 0.7;
    transition: opacity 0.3s;
}

#sidemenu ul li {
    font-size: 14px;
    padding-top: 11px;
}

#side .btn_out {
    text-align: center;
    padding: 25px 49px 35px;
    border-top: dotted 1px #000;
}

#side .btn_01 {
    width: 140px;
    height: 50px;
    text-align: center;
    display: table;
    border: 1px solid #000;
}

#side .btn_01 {
    display: table-cell;
    vertical-align: middle;
}

#infomation h3,
#gallery h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 20px;
}

#gallery h3 {
    font-size: 26px;
}

#gallery .bnr_gallery {
    width: 240px;
    height: 194px;
    background-image: url(/images/bnr_gallery.png);
    color: #fff;
}

#gallery p {
    font-size: 28px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    padding: 35px 15px 0;
}

#gallery .btn_02 {
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    width: 212px;
    height: 47px;
    line-height: 47px;
    margin: 29px auto 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#gallery .btn_02:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}

#gallery span.showpost_img {
    height: 180px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.btn_03,
.btn_04 {
    font-size: 18px;
    font-weight: bold;
    line-height: 70px;
    text-align: center;
    width: 240px;
    height: 70px;
    border: 2px solid #000;
    background-color: #ffda45;
}

.btn_04 {
    background-color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-top: 24px;
}

.btn_03 a:hover,
.btn_04 a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}


/*△△△△△△△△△△△△サイドここまで△△△△△△△△△△△△*/

#guide {
    color: #333;
    border-left: 17px solid #e5e5e5;
    border-right: 17px solid #e5e5e5;
    box-sizing: border-box;
    text-align: left;
    line-height: 1em;
}

#guide h3 {
    font-size: 33px;
    font-weight: bold;
    background-color: #e5e5e5;
    line-height: 80px;
    text-align: center;
}

#guide h4 {
    font-size: 20px;
    line-height: 25px;
    border-left: 10px solid #bb131a;
    padding-left: 12px;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 20px;
}

#guide h5 {
    font-size: 16px;
    color: #89952c;
    padding-bottom: 15px;
    padding-left: 12px;
}

#guide p {
    line-height: 20px;
}

#guide p span {
    color: #bb131a;
}

#guide i {
    margin-right: 5px;
}

#guide a {
    color: #333;
}

div#shopping {
    border-bottom: 17px solid #e5e5e5;
}

#shopping h6 {
    font-size: 16px;
    color: #303030;
}

#shopping h6 span {
    width: 12px;
    height: 12px;
    background-color: #555554;
    display: inline-block;
    margin-right: 5px;
}

#shopping .flow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#shopping .flow div {
    border: 2px solid #555554;
    width: 300px;
    padding: 15px;
    margin: 5px;
}

#shopping .flow p {
    font-size: 15px;
    display: table;
    margin: 0 auto;
}

#shopping .flow span {
    font-size: 25px;
    display: table-cell;
    vertical-align: middle;
    color: #555554;
    padding-right: 10px;
}

#shopping .flow .flow_text {
    font-size: 14px;
}

#shopping .mailfax {
    width: 60%;
    float: left;
}

#shopping .mailfax p {
    padding-right: 70px;
}

#shopping address {
    font-style: normal;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

#shopping .mailfax address {
    font-size: 24px;
    line-height: 55px;
    background-color: #e5e5e5;
}

#shopping .mailfax address p {
    display: inline-block;
    padding: 0;
}

#shopping .mailfax address p span {
    font-size: 18px;
    color: #333;
}

#shopping .tel {
    width: 40%;
    float: left;
}

#shopping .tel address {
    font-size: 30px;
}

#shopping .tel div {
    background-color: #e5e5e5;
    width: 300px;
    height: 135px;
    text-align: center;
    margin-left: 17px;
    padding-top: 35px;
}

div#payment {
    border-bottom: 17px solid #e5e5e5;
    padding-bottom: 20px;
}

#payment h6 {
    font-size: 16px;
    font-weight: bold;
}

#payment .pay_table_r {
    background-color: #e5e5e5;
    padding: 20px 15px;
    width: 370px;
    text-align: center;
    margin-right: 20px;
}

#payment .pay_table_r table {
    border-collapse: collapse;
    margin: 0 auto;
    background-color: #fff;
}

#payment .pay_table_r table td,
#payment .pay_table_r table th {
    border: 1px solid #a1a1a1;
    padding: 5px 10px;
}

#payment .pay_table_l {
    float: left;
    width: 550px;
}

#payment .pay_table_r {
    float: right;
}

div#deli {
    border-bottom: 17px solid #e5e5e5;
}

div#about {
    border-bottom: 17px solid #e5e5e5;
}

#about address {
    font-style: normal;
}

#about p {
    font-size: 16px;
    margin-bottom: 15px;
}

#about span {
    margin: 15px auto;
    display: inline-block;
    float: left;
}

#about div {
    float: left;
    border: 1px solid #000;
    padding: 5px 10px;
    margin-left: 20px;
    margin-top: 5px;
}

section#bankin {
    margin: 40px auto 70px;
    color: #333;
    background-color: #fff;
}

#bankin .title_bankin {
    display: inline-block;
}

#bankin h3 {
    font-size: 33px;
    font-weight: bold;
    line-height: 1em;
    float: left;
    display: inline-block;
}

#bankin h3::after,
#bankin h3::before {
    content: " ";
    width: 200px;
    height: 6px;
    background-color: #555554;
    display: inline-block;
    margin: auto 30px 10px;
}

#bankin p.bankin_text01 {
    font-size: 18px;
    line-height: 28px;
    width: 540px;
    margin: 30px auto;
}

#bankin p.bankin_text02 {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding: 20px 0 35px;
}

#bankin .bankin_img {
    display: flex;
    justify-content: space-between;
}

#bankin .bankin_btn {
    font-size: 18px;
    background-color: #bb131a;
    padding: 15px;
    margin: 0 atuo;
    display: inline-block;
    color: #fff;
}

footer {
    background-color: #000;
    position: relative;
    z-index: 0;
    padding-bottom: 30px;
}

.footer_left {
    float: left;
    width: 300px;
    font-size: 14px;
    text-align: center;
}

.footer_left address {
    font-style: normal;
    color: #fff;
}

.footer_left p {
    font-size: 16px;
    line-height: 50px;
}

.footer_left span {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 1px;
    margin-right: 13px;
    font-family: 'Open Sans', sans-serif;
}

.footer_left span i {
    font-size: 16px;
}

.footer_left i {
    font-size: 12px;
    padding-right: 3px;
}

.footer_right01 {
    float: right;
    /*width: 614.77px;*/
    line-height: 1;
    padding-top: 25px;
}

.footer_right01 ul {
    float: left;
    text-align: left;
    margin-left: 35px;
}

.footer_right01 ul li {
    margin-bottom: 15px;
    font-size: 14px;
}

.footer_right01 ul li i {
    font-size: 7px;
    margin-right: 7px;
    color: #d2343d;
}

.footer_right02 {
    float: right;
    margin-top: 30px;
    margin-bottom: 20px;
}

.footer_right02 div {
    float: left;
    margin-right: 25px;
}

.footer_right02 .btn_06 a {
    padding: 15px;
    border: 1px solid #fff;
    background-image: url(/images/bg_01.png);
    display: inline-block;
}

.footer_right02 .icon {
    font-size: 40px;
    margin: 13px 0 0 25px;
    line-height: 1;
}

.footer_right02 .icon01 {
    margin: 13px 0 0 11px;
}

.footer_fix {
    width: 90px;
    height: 90px;
    font-size: 12px;
    background-color: #9f0f18;
    display: table;
    position: fixed;
    right: 0;
    bottom: 0;
}

.footer_fix a {
    display: table-cell;
    vertical-align: middle;
}

.footer_fix i {
    font-size: 25px;
    margin-bottom: 10px;
}

footer a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
}


/*トップページ　お知らせ部分*/

#infomation .showpost_time {
    color: #7e8c07;
    line-height: 2;
}

#infomation .showpost_ttl {
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 1em;
    line-height: 1.5;
}

#infomation .showpost_img img {
    display: none;
}

#infomation .btn_01,
#gallery .btn_01 {
    text-align: center;
}

#infomation .btn_01 a,
#gallery .btn_01 a {
    background-color: #fff;
    color: #000;
    border: 2px #000 solid;
    display: inline-block;
    width: 142px;
    line-height: 50px;
    font-size: 15px;
    margin: 30px auto 40px;
}

#infomation .btn_01 a:hover,
#gallery .btn_01 a:hover,
#blog div.bl_btn a:hover {
    color: #bb131a;
    border-color: #bb131a;
}

#gallery .showpost_ttl {
    background: #070707;
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding-left: 10px;
    font-weight: normal;
    font-size: 14px;
    border-bottom: none;
}

#gallery .showpost_a {
    position: relative;
    margin-top: 40px;
}

#gallery .showpost_ttl {
    background: #070707;
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding-left: 10px;
    font-weight: normal;
    font-size: 14px;
    width: 230px;
    position: absolute;
    top: -25px;
}

#gallery .showpost_time,
#gallery .showpost_txt+.showpost_txt {
    display: none;
}

#gallery .showpost_txt {
    text-align: right;
    border-bottom: dashed 1px #a0a0a0;
}

#gallery .showpost_img img {
    width: 100%;
    max-height: inherit;
}

.wp_top_img_out {
    margin-bottom: 60px!important;
}

.wp_ac_down {
    margin-left: 0px!important;
}

.tablenav {
    margin-left: 0px!important;
}


/*body.page-id-2084 {
	background-color: #000;
}*/

.page-id-2084 #top_contents header {
    position: inherit;
    border: none;
}

.blog_newArticle {
    color: #000;
    display: none;
}


/*20180418追記*/

.kyugyo {
    color: #333;
    border: solid 1px #000;
    padding: 15px 20px;
    text-align: left;
    margin-bottom: 30px;
}

.kyugyo h4 {
    font-size: 20px;
    color: #353535;
    margin-bottom: 10px;
    font-weight: bold;
}

.kyugyo p {
    line-height: 25px;
}

.kyugyo i {
    color: #e13841;
    font-size: 25px;
    margin-right: 10px;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .kyugyo {
        width: auto;
        max-width: 1024px;
        margin: auto 3.943217666% 30px 3.943217666%;
    }
}

@media screen and (max-width: 768px) {
    header {
        position: fixed;
        height: 180px;
        z-index: 1000;
    }
    #top_contents {
        width: 100%;
    }
    #two_maincolumn_left {
        width: 100%;
        float: none;
        padding: 30px 12px 0;
    }
    div.header_01 {
        display: none;
    }
    #top_header {
        width: 100%;
    }
    #top_header h1 {
        float: none;
        background-color: #000;
        position: fixed;
        width: 100%;
        padding-bottom: 35px;
    }
    #top_header h1 img {
        width: 20%;
    }
    #top_fix {
        border: none;
        background: none;
        top: 90px;
        right: 15px;
        font-size: 13px;
        z-index: 10;
    }
    #top_fix div {
        float: left;
    }
    #top_fix .fix_box01 a,
    #top_fix .fix_box02 a {
        border: none;
        width: 70px;
    }
    #top_fix i {
        font-size: 22px;
    }
    .sp_none {
        display: none;
    }
    #top_header nav.header_02 {
        display: none;
    }
    #top_header nav.header_02_sp {
        display: block;
    }
    #top_header nav.header_02_sp {
        width: 100%;
        background-color: #9e0f17;
        margin-top: 180px;
    }
    #top_header nav.header_02 .top_nav {
        margin: 40px;
    }
    #top_header .menu {
        display: block!important;
        float: none;
    }
    #top_header .menu a {
        line-height: 70px;
    }
    #top_header .menu>a {
        display: block;
    }
    #top_header li.menu:last-child {
        padding-right: 0;
    }
    #top_header li.menu i {
        font-size: 27px;
    }
    #top_header li.menu:hover {
        background-color: #9f0f18;
        transition: background-color 0.3s;
    }
    #top_header li.menu:nth-child(7):hover,
    #top_header li.menu:nth-child(8):hover {
        background-color: #000;
        opacity: 0.7;
        transition: opacity 0.3s;
    }
    #top_header li.menu:nth-child(7):hover i,
    #top_header li.menu:nth-child(8):hover i {
        color: #9f0f18;
    }
    .hm {
        width: 25px;
        height: 30px;
        top: 130px;
        left: 40px;
        position: fixed;
        cursor: pointer;
        overflow: hidden;
        /*z-index:9999;*/
    }
    .menu1 {
        width: 25px;
        height: 2px;
        background-color: #fff;
        top: 0px;
        position: absolute;
    }
    .menu2 {
        width: 25px;
        height: 2px;
        background-color: #fff;
        top: 8px;
        position: absolute;
    }
    .menu3 {
        width: 25px;
        height: 2px;
        background-color: #fff;
        top: 16px;
        position: absolute;
    }
    .menu1,
    .menu2,
    .menu3 {
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        /* Opera */
        -moz-transition: all 0.5s ease-out;
        /* Firefox */
        -webkit-transition: all 0.5s ease-out;
        /* GoogleChrome, Safari */
        -ms-transition: all 0.5s ease-out;
        /* IE */
    }
    .menuclick1 {
        top: 8px;
        -o-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -webkit-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    .menuclick2 {
        background-color: rgba(255, 255, 255, 0);
    }
    .menuclick3 {
        top: 8px;
        -o-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
    #nav_op_sp {
        display: none;
        padding: 40px;
        text-align: left;
        position: fixed!important;
        top: 174px;
        /*z-index: 300;*/
        background-color: #9e0f17;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: absolute;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        top: 27px;
        right: 0;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 50%;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 5px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 5px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /*＋、－切り替え*/
    .accordion_icon.active span:nth-of-type(1) {
        display: none;
    }
    .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .accordionlist dd {
        display: none;
    }
    .accordionlist dt {
        position: relative;
    }
    .accordionlist dd dd {
        background-color: #670b10;
        padding-left: 20px;
    }
    .accordionlist dl dt {
        padding-left: 20px;
        border-top: none;
    }
    .accordionlist dl dt {
        border-top: none;
        height: 70px;
        line-height: 70px;
    }
    .accordionlist ul li {
        line-height: 70px;
    }
    .border {
        border-top: 1px solid #fff;
    }
    .accordionlist .border a {
        line-height: 70px;
    }
    #nav_op_sp .header_01 {
        display: block;
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    #nav_op_sp .header_01 .he_box a {
        font-size: 15px;
        line-height: 25px;
    }
    #nav_op_sp .header_01_sp .tel {
        border: 1px solid #fff;
        padding: 10px;
        height: 70px;
        width: 45%;
        text-align: center;
    }
    .header_01_sp .tel address {
        font-size: 23px;
    }
    .header_01_sp .tel p {
        font-size: 14px;
    }
    #sns {
        font-size: 36px;
        display: flex;
        margin-top: 80px;
        width: 100%;
        justify-content: center;
    }
    #sns p {
        padding: 20px;
    }
    .container {
        width: 100%;
        padding: 30px 12px;
    }
    #main {
        width: 100%;
        padding: 0;
    }
    #products ul {
        padding-top: 30px;
        max-width: 503px;
        width: 100%;
    }
    #rightcolumn {
        display: none;
    }
    .footer_left {
        float: none;
        margin: 0 auto;
    }
    .footer_right01 {
        float: none;
        line-height: 25px;
        letter-spacing: -1px;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        padding-top: 0px;
    }
    .footer_right01 ul {
        padding-top: 35px;
        margin-left: 5px;
    }
    .footer_fix {
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 10px;
    }
    .footer_fix .fa {
        font-size: 18px;
    }
    .footer_right02 div.footer_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0px;
        flex-wrap: wrap;
    }
    .footer_right02 .btn_06 {
        margin-right: 0;
        float: none;
        margin: 15px;
    }
    .footer_right02 {
        float: none;
    }
    .footer_right02 .footer_icon {
        margin: 0;
        display: flex;
        float: none;
        width: 100%;
        justify-content: center;
    }
    #guide {
        width: 100%;
        padding: 0;
    }
    #shopping .tel {
        width: 100%;
        padding-left: 10px;
        padding-bottom: 20px;
        padding: 0 10px 20px;
    }
    #payment .pay_table_r {
        float: none;
        margin: 20px auto;
        width: 90%;
    }
    #shopping .mailfax {
        width: 100%;
    }
    #shopping .mailfax p {
        padding-right: 20px;
        margin-left: 0!important;
    }
    #shopping .mailfax address {
        margin-right: 20px;
        text-align: center;
        font-size: 21px;
    }
    #payment img {
        margin: 0;
        width: 100%;
    }
    #payment .pay_table_l {
        width: 100%;
        float: none;
    }
    #shopping .tel div {
        margin: 0 10px;
        width: auto;
    }
    section#bankin {
        width: 100%;
        margin: 50px auto;
        padding: 0;
    }
    #bankin h3::after,
    #bankin h3::before {
        content: none;
    }
    #bankin .bankin_img {
        flex-wrap: wrap;
        justify-content: center;
    }
    #bankin .bankin_img img {
        margin: 15px;
    }
    #bankin p.bankin_text02 {
        width: 90%;
        margin: 0 auto;
    }
    #bankin p.bankin_text01 {
        width: 90%;
        text-align: left;
    }
    #blog_feed .showpost_a {
        width: 100%;
        margin: 10px 0;
        float: none;
    }
    #blog_feed .showpost_a:first-child img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    #blog_feed .showpost_a img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    div#kv {
        margin-top: 180px;
    }
    #kv .onlySp {
        display: block;
    }
    #kv .onlyPc {
        display: none;
    }
    #pickup_out .boxcaption {
        position: inherit;
        background: #e5e5e5;
        height: auto;
    }
    #pickup_out .top_price02 {
        display: block;
    }
    #pickup_out {
        display: flex;
        flex-wrap: wrap;
    }
    #blog .showpost_cnt:first-child .showpost_time,
    #blog .showpost_cnt:first-child .showpost_ttl {
        position: inherit;
        top: 0;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
    }
    #blog .showpost_cnt span.showpost_excerpt {
        top: auto;
        bottom: 91px;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        padding-bottom: 50px;
    }
    #blog .showpost_cnt:first-child .showpost_time {
        padding-top: 15px;
    }
    #blog .showpost_cnt:first-child .showpost_ttl {
        padding-bottom: 15px;
    }
    #blog .showpost_cnt:first-child .showpost_cat {
        top: auto;
        left: 110px;
        bottom: 53px;
    }
    #blog span.showpost_more {
        top: auto;
        bottom: 100px;
    }
    /*20180418追記*/
    .kyugyo_sp {
        color: #fff;
        border: solid 1px #fff;
        text-align: center;
        padding: 15px 20px;
        margin-bottom: 30px;
    }
    .kyugyo_sp h4 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: bold;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .kyugyo_sp h4:before,
    .kyugyo_sp h4:after {
        border-top: 4px solid;
        content: "";
        display: inline;
        /* for IE */
        flex-grow: 1;
    }
    .kyugyo_sp h4:before {
        margin-right: 0.5em;
    }
    .kyugyo_sp h4:after {
        margin-left: 0.5em;
    }
    .kyugyo_sp p {
        line-height: 25px;
    }
}

@media screen and (max-width: 480px) {
    #products .pro_02,
    #products .pro_01 {
        background-image: none;
    }
    #products ul li {
        float: none;
        margin: 0 auto;
        padding: 5px;
        width: 100%;
        position: relative;
    }
    #products ul li:nth-child(odd) {
        margin-right: auto;
        width: 100%;
    }
    #products ul li img {
        width: 100%;
    }
    .hm {
        top: 55px;
        left: 20px;
    }
    #top_fix {
        top: 18px;
        font-size: 12px;
        right: 0;
    }
    #top_fix .fix_box01 a,
    #top_fix .fix_box02 a {
        width: 60px;
    }
    header {
        width: 100%;
        height: 100px;
    }
    #top_header h1 {
        padding-bottom: 0px;
        left: -20%;
        /*		top: 20px;*/
        top: 10px;
        /* 2020/01/08追記 */
    }
    #top_header {
        height: 90px;
    }
    div#kv {
        margin-top: 92px;
    }
    #products ul {
        width: 100%;
        float: none;
        clear: both;
    }
    #products ul li p {
        top: 43px;
        left: 20px;
    }
    .blog #top_contents {
        margin-top: 100px;
    }
    #nav_op_sp {
        position: fixed!important;
        top: 102px;
    }
    #kv a {
        font-size: 18px;
        font-weight: bold;
        padding: 18px 30px 23px 40px;
        line-height: 1em;
        left: 16%;
    }
    .footer_fix {
        top: inherit;
        bottom: 0;
    }
    #nav_op_sp .header_01 {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #nav_op_sp .header_01_sp .tel {
        width: 100%;
        flex-grow: 2;
        margin-bottom: 20px;
    }
    #top_header div.header_01 div.tel p {
        font-size: 12px;
    }
    #top_header div.header_01 .con,
    #top_header div.header_01 .cat {
        flex-grow: 0;
        margin-left: 0;
    }
    #blog .showpost_cnt {
        width: 100%;
    }
    #products ul li a:hover img {
        width: 100%;
        height: auto;
    }
    #blog div.bl_btn a {
        width: 100%;
    }
    .bx-controls-direction {
        display: none;
    }
    #blog .showpost_cnt span.showpost_excerpt {
        display: none;
    }
    #blog span.showpost_more {
        display: none;
    }
    #shopping .tel address {
        font-size: 28px;
    }
    #recommend h2.title_01 span {
        display: none;
    }
    .detail_out,
    .list_out {
        margin-top: 100px;
    }
    .category-j-snap #top_contents,
    .category-blog #top_contents {
        margin-top: 0px;
    }
    #guide,
    .faq,
    body.blog,
    body.category-j-snap,
    body.category-blog,
    body.category-news,
    .post-2084,
    .category,
    div#one_maincolumn {
        /*		margin-top: 100px;*/
        margin-top: 55px;
        /**2020/01/08追記**/
    }
    .top_item_title {
        padding-left: 20px;
    }
    .onlySp {
        display: block;
    }
    .related_out {
        width: 47%;
    }
    #related_out02 .boxcaption {
        position: inherit;
        background: #e5e5e5;
        height: auto;
    }
    #related_out02 .top_price02 {
        display: block;
    }
    .related_out .top_detail_name {
        padding-left: 0px;
        width: 130px!important;
    }
    .related_out:nth-child(3) {
        margin-right: 2.7%!important;
    }
    #shopping .mailfax address,
    #shopping .tel div {
        margin: 0;
    }
    #shopping .tel {
        padding: 0 0 20px;
    }
    #about div {
        float: none;
        padding: 10px;
        text-align: center;
        margin: 0 20px 15px auto;
        clear: both;
    }
    #about span {
        line-height: 1.5;
    }
    #recommend .captionfull .boxcaption {
        height: auto;
    }
}

.pagenumber_area.clearfix a {
    color: #333;
}

header.entry-header {
    background: #fff;
}

footer.entry-meta {
    background: #fff;
}

.pickup_hover p {
    padding: 0!important;
}


/*20180607追記*/

table.souryo th,
table.souryo td {
    text-align: center;
}

@media screen and (max-width: 480px) {
    table.souryo {
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
        width: auto;
    }
    /*tableにスクロールバーを追加*/
    table.souryo::-webkit-scrollbar {
        height: 5px;
    }
    /*tableにスクロールバーを追加*/
    table.souryo::-webkit-scrollbar-track {
        background: #F1F1F1;
    }
    /*tableにスクロールバーを追加*/
    table.souryo::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
}


/*20180827カテゴリー修正*/

#top_header nav.header_02 .top_menu_op li.top_menu_child {
    line-height: 2!important;
    margin-left: 1rem;
}

#top_header nav.header_02 .top_menu_op li i {
    line-height: 40px;
}

#sidemenu li.top_menu_child {
    margin-left: 0.5rem;
    font-size: 13px;
    line-height: 1;
}


/*20180904カテゴリー変更追記*/

#products h3.ttl_02 {
    width: 252px;
}

#products ul {
    width: 100%;
    float: left;
    margin-top: 60px;
}

#products ul li {
    margin-bottom: 2px;
    margin-right: 2px;
    height: 130px;
    background-color: rgba(51, 51, 51, 0.85);
    padding: 30px 0 0 16px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top 15px right 15px;
    transition: background-color 0.3s;
}

#products ul li.bnr_low {
    height: 80px;
}

#products ul li p {
    text-shadow: none;
    position: static;
    line-height: 1;
}

#products ul li:nth-child(odd) {
    margin-right: 2px;
}

#products ul li:nth-child(3n) {
    margin-right: 0px;
}

#products .pro_01,
#products .pro_02 {
    background-position: top -55px right;
    padding-top: 35px;
}

#products p.cat_parent {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 17px;
}

#products ul li p.cat_child {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    margin-right: 10px;
    font-weight: normal;
    position: relative;
    top: 0;
    left: 0;
    transition: color 0.3s;
}

#products ul li p.cat_child:before {
    display: inline-block;
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}

#products ul li:hover {
    background-color: rgba(51, 51, 51, 1);
}

#products ul li p.cat_child:hover {
    color: #f8b4b7;
}

#products ul li p.cat_child:hover:after {
    transform: scale(1, 1);
}

#products ul li p.cat_child:after {
    content: '';
    display: inline-block;
    width: 90%;
    height: 1px;
    position: absolute;
    bottom: 0px;
    right: 0;
    background-color: #f8b4b7;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}

#products ul li p.cat_child:hover:before {
    color: #fff;
}

#products .pro_01 ul li:first-child {
    background-image: url(/images/jb23_fro.png);
}

#products .pro_01 ul li:nth-child(2) {
    background-image: url(/images/jb_rea.png);
}

#products .pro_01 ul li:nth-child(3) {
    background-image: url(/images/jb_side.png);
}

#products .pro_02 ul li:first-child {
    background-image: url(/images/js_fro.png);
}

#products .pro_02 ul li:nth-child(2) {
    background-image: url(/images/js_rea.png);
}

#products .pro_02 ul li:nth-child(3) {
    background-image: url(/images/js_side.png);
}

#products .pro_02 ul li:nth-child(4) {
    background-image: url(/images/js_sha.png);
    background-position: top 15px right 25px;
}

#products .pro_02 ul li:nth-child(5) {
    background-image: url(/images/js_nai.png);
    background-position: top 10px right 40px;
}

#products .pro_02 ul li:nth-child(6) {
    background-image: url(/images/js_fuk.png);
    background-position: top 24px right 15px;
}

#products .pro_02 ul li:nth-child(7) {
    background-image: url(/images/js_holo.png);
}

@media screen and (max-width: 768px) {
    #products ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }
    #products ul li:nth-child(3n) {
        margin-right: 3px;
    }
}

@media screen and (max-width: 480px) {
    #products ul {
        margin-top: 0;
    }
}


/*20181008グロナビ改修*/

#top_header nav.header_02 .top_menu_op li:first-child {
    font-size: 16px;
    line-height: 32px;
}

#top_header nav.header_02 .top_menu_op li i {
    line-height: 1;
}

#top_header nav.header_02 .top_menu_op li span {
    height: 32px;
}

#top_header nav.header_02 .top_menu_op li {
    font-size: 13px;
    line-height: 1.5;
}

#top_header nav.header_02 .top_menu_op li.top_menu_child {
    line-height: 1.5!important;
}

.mgb_1em i {
    margin-bottom: 1em;
}

#top_header nav.header_02 .top_menu_op li.top_menu_firstchild i {
    font-size: 11px;
}

@media screen and (max-width: 768px) {
    .accordionlist ul li.top_menu_child {
        line-height: 40px;
    }
    #top_header .menu li.top_menu_child a {
        line-height: 40px;
    }
    .accordionlist dd dd {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .accordionlist ul li {
        line-height: 3;
    }
    #top_header .menu a {
        line-height: 3;
    }
    #top_header .menu>a {
        line-height: 70px;
    }
    .mgb_2em i {
        margin-bottom: 2em;
    }
    .accordionlist ul li i {
        margin-right: 0.5em;
    }
    .accordionlist ul li i.fa-angle-double-right {
        margin-left: 1em;
    }
}


/*20181008グロナビ改修ここまで*/


/*20181015下層ページh1修正*/

#guide h1 {
    font-size: 33px;
    font-weight: bold;
    background-color: #e5e5e5;
    line-height: 80px;
    text-align: center;
}


/** 2019.02.26 jb64/74追加 **/

#products .pro_03 {
    background-image: url(/images/bg_car03.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 35px;
}

#products .pro_03 h3 {
    width: 310px;
}

#products .pro_03 ul li:first-child {
    background-image: url(/images/jb64_nai.png);
}

#products .pro_03 ul li:nth-child(2) {
    background-image: url(/images/jb64_fro.png);
}

#products .pro_03 ul li:nth-child(3) {
    background-image: url(/images/jb64_side.png);
}

@media screen and (max-width: 480px) {
    #products .pro_03 {
        background-image: none;
    }
}


/**19000円以上無料バナー **/


/**SP**/

#banner01 {
    padding: 30px 15px 15px;
}

#top_fix_banner {
    position: fixed;
    width: 62px;
    top: 15px;
    right: 15px;
}


/**PCサイドバー**/

#banner_sidebar {
    padding-bottom: 15px;
}


/** 2019.05.15追加 **/

#products .pro_03 ul li:nth-child(4) {
    background-image: url(/images/jb64_rea.png);
}


/*2019.09.11追記*/

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 15px;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}


/*2019/12/14追記kv変更*/

#kv .bat_btn a {
    background-color: #000;
    border: none;
    box-sizing: border-box;
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0;
    width: 350px;
    height: 90px;
    padding: 20px 30px;
    font-family: "GothicBBBPro";
    font-size: 20px;
    font-weight: normal;
    line-height: 1.43;
    text-align: left;
}

#kv .bat_btn a::before {
    content: "";
    display: block;
    border-top: 50px solid transparent;
    border-right: 30px solid #000;
    border-bottom: 40px solid #000;
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    left: -60px;
}

#kv .bat_btn a span {
    font-size: 20px;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

#kv .bat_btn i {
    display: none;
}

#top_header div.header_01 div.tel {
    height: 70px;
}

@media screen and (max-width: 768px) {
    #kv .bat_btn a {
        right: 0;
        width: 210px;
        height: 80px;
        padding: 15px 15px;
        font-size: 18px;
        left: 0;
    }
    #kv .bat_btn a span {
        font-size: 18px;
    }
    #kv .bat_btn a::before {
        border-top: 40px solid transparent;
        border-left: 25px solid #000;
        border-bottom: 40px solid #000;
        border-right: 25px solid transparent;
        left: 210px;
    }
}

@media screen and (max-width: 480px) {
    #kv .bat_btn a {
        width: 170px;
        height: 60px;
        padding: 10px 15px;
        font-size: 14px;
    }
    #kv .bat_btn a span {
        font-size: 14px;
    }
    #kv .bat_btn a::before {
        border-top: 30px solid transparent;
        border-left: 15px solid #000;
        border-bottom: 30px solid #000;
        border-right: 15px solid transparent;
        left: 170px;
    }
}


/*20191226 検索バー追加*/

#top_header {
    position: relative;
}

#search_area.header_search {
    position: absolute;
    top: 90px;
    right: 0;
    max-width: 242px;
}

.header_search #search_form {
    display: flex;
}

.header_search input[type="text"] {
    height: 28px;
    border-color: #fff!important;
    padding: 0 5px;
    width: calc(100% - 40px);
}

.header_search .btn {
    width: 40px;
    height: 28px;
    border-color: #fff;
    font-family: FontAwesome;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    #search_area.header_search {
        top: 20px;
        right: 10px;
        width: 37%;
    }
    .header_search input[type="text"] {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 480px) {
    div#kv {
        margin-top: 130px;
    }
    header,
    #top_header {
        height: 130px;
    }
    #search_area.header_search {
        width: 80%;
        top: 75px;
        right: 10%;
    }
    #top_header>div {
        width: 20%;
        margin-left: 20%;
        margin-top: 10px;
    }
    #nav_op_sp {
        top: 132px;
    }
}


/**2020/05/15top navi修正　**/

@media screen and (min-width: 749px) {
    .header_02 .top_nav {
        display: flex;
        justify-content: space-between;
    }
    .header_02 .top_nav .menu {
        position: relative;
    }
    #top_header nav.header_02 .top_nav_op {
        left: auto;
        width: auto;
    }
    #top_header nav.header_02 .top_menu_op::before {
        left: auto;
    }
    #top_header nav.header_02 .top_menu_op li:first-child {
        font-size: 13px;
        line-height: 1.5;
    }
    #top_header nav.header_02 .top_menu_op li {
        padding-left: 15px;
    }
}


/*2021/03/02 ご利用ガイド流れレイアウト修正*/

#shopping .flow div {
    width: calc((100% - 30px)/3);
}

@media screen and (max-width: 768px) {
    #shopping .flow div {
        width: 100%;
    }
    #shopping .flow p {
        margin: 0;
    }
}
/*2021/07/08 トップタイトルタグ追加*/
#kv h1 {
  margin: 0;
}
.ttl-hide {
  position: absolute;
  z-index: -9999;
}

.recommend-category__title {
  font-size: 32px;
  border-left: solid 11px #b21117;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .recommend-category__title {
    font-size: 20px;
/*    line-height: 28px;*/
  }
  .social-block__insta.col-6 {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 1rem 0;
  }
  
  .jumbotron-category .category-box-title-right {
    padding: 45px 15px!important;
  }
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
    margin-bottom: 8px;
}

.mb-8px {
    margin-bottom: 8px!important;
}

.fs-19px {
    font-size: 19px!important;
}

.mb-31px {
    margin-bottom: 31px!important;
}

@media screen and (max-width: 768px) {
    .btob_box h3 {
        font-size: 18px;
    }

    .btob_btn {
        font-size: 16px;
    }

    .mb-8px-sp {
        margin-bottom: 8px!important;
    }

    .item-onelist h2.title-onelist{
        font-size:17px!important;
    }

    .recommend-product-label {
        justify-content: left !important;
    }
}

@media screen and (max-width: 575px) {
    .footer-call-sp .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}